@charset "utf-8";
/* CSS Document */


/* CSS Information ----------------------------------------

Site Name : 최고급형 D
Part : 
Last edit : 2022
Author : Gautech

관련폰트 :
font-family: 'Noto Sans KR', sans-serif; (100,300,400,500,700,900)
font-family: 'Roboto', sans-serif; (100,300,400,500,700,900)
font-family: 'Noto Serif KR', serif; (100,300,400,500,700,900)

--------------------------------------------------------- */



/* 서브 start ----------------------------------- */


header {}



/* 서브 비주얼 */

.container_visual {}
.sub_visual { position:relative; width:100%; height:600px; overflow:hidden; background-color:#f5f5f5; text-align:center;}
.sub_visual .sub_bg { width:100%; height:600px; min-width:1600px; background-position:50% 0%; background-size:cover;
animation: /*선택자*/sub_bg_a /*동작시간*/3s /*진행속도:ease,ease-out,ease-in*/ease /*딜레이*/0s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both; -webkit-animation: sub_bg_a 3s ease 0s 1 normal both; /*움직이는 기준점 가로0% 세로0%*/transform-origin:50% 50%; background-color:#f5f5f5;}
@keyframes sub_bg_a {
	0% { -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}
	100% { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);}
}
.sub_visual .sub01_01_bg { background-image:url(/images/sub/sub01_01_visual.jpg);}
.sub_visual .sub02_01_bg { background-image:url(/images/sub/sub02_01_visual.jpg);}
.sub_visual .sub03_01_bg { background-image:url(/images/sub/sub03_01_visual.jpg);}
.sub_visual .sub04_01_bg { background-image:url(/images/sub/sub04_01_visual.jpg);}


.top_txt { position:absolute; top:42%; left:50%; margin-left:-800px; font-size:60px; width:1600px; letter-spacing:-0.02em; line-height:1.2; font-weight:500; color:rgba(255,255,255,0.9); text-align:center;}
.top_txt2 { position:absolute; top:55%; left:50%; margin-left:-800px; font-size:18px; width:1600px; letter-spacing:0; line-height:1.2; font-weight:400; color:rgba(255,255,255,0.9); text-align:center;}

.sub_visual2 { position:relative; width:100%; height:100px; overflow:hidden;}
.sub_visual2 .sub_bg2 { width:100%; height:100px; background-color:#fff;}



/* 서브탭 start */

.depth3_tab { width:100%; max-width:1600px; height:auto; padding:30px 0 50px 0; margin:0 auto;}
.depth3_tab:after { display:block; content:""; clear:both;}
.depth3_tab>a { display:block; float:left; font-size:16px; text-align:center; padding:20px 0; background-color:#eee;}
.depth3_tab>a:nth-child(2n) { background-color:#ddd;}
.depth3_tab>a.depth3_active, .depth3_tab>a:hover { color:#FFF; background-color:#273051;}
.depth3_tab>a>span { color:rgba(0,0,0,0);}

.sub_tab { display:block; cursor:pointer; float:left; font-size:16px; text-align:center; padding:20px 0; background-color:#eee;}
.sub_tab:nth-child(2n) { background-color:#ddd;}
.depth3_active, .sub_tab:hover { color:#FFF; background-color:#273051 !important;}
.sub_tab>span { color:rgba(0,0,0,0);}


/* 서브공통 */

.sub_box { position:relative; width:100%; min-width:1600px;}
.sub_container { position: relative; width:100%; margin:0 auto; padding:0;}
.sub_link_wrap { position: absolute; top:170px; left:50%; width:1px; height:1px;}
.sub_container:after { display:block; content:""; clear:both;}

.box100per { width:100%; margin:0 auto;}
.box100per_2 { width:100%; margin:0 auto; background-color:#f7f7f7;}
.box50per { display:inline-block; width:50%; padding:0; vertical-align:top;}
.in_box { display: block; width: 100%; margin-bottom: 30px; padding: 25px 30px 25px 30px; vertical-align: top; border: 1px solid #CCC; border-radius: 10px; background-color: #F9F9F9;}

.in_title1_wrap { width:100%; max-width:1600px; margin:0 auto; padding:0 70px; height:50px;}
.page_location { position:absolute; top:-100px; left:50%; margin-left:-800px; width:100%; max-width:1600px; font-size:16px; line-height:19px; font-weight:500; background-color:rgba(255,255,255,1); padding:50px 70px; letter-spacing:0; text-align:left;}
.page_location_1 { display:inline-block; vertical-align:top; background-image:url(/images/icon/home2.png); width:20px; height:19px; margin-right:10px; text-indent:-9999px;}
.page_location_2 { display:inline-block; vertical-align:top; color:#999;}
.page_location_3 { display:inline-block; vertical-align:top; color:#95766f;}
.page_location_dot { display:inline-block; vertical-align:top; background-image:url(/images/icon/dot_3x3.jpg); background-repeat:no-repeat; background-position:center; width:20px; height:19px;}


.in_title1 { font-size:44px; font-weight:700; line-height:56px; margin:20px 0; letter-spacing:-0.02em; color:rgba(0,0,0,0.8); text-align: center;}
.in_title1_txt { font-size:20px; line-height:32px; font-weight:400; letter-spacing:-0.02em; color:rgba(0,0,0,0.6); text-align: center; margin-bottom:50px; padding:0 15%;}
.in_title1_txt>span { color:#990033;}
.in_title1_bar { width:50px; height:1px; margin:80px auto; background-color:rgba(0,0,0,0.3);}
.in_title2_txt { font-size:18px; line-height:30px; font-weight:400; letter-spacing:0; color:rgba(0,0,0,0.6); text-align: center;}
.in_title2 { font-size:30px; line-height:55px; font-weight:700; margin:0 0 10px 0; letter-spacing:0; color:rgba(0,0,0,0.8);}
.in_title3 { font-size:20px; line-height:26px; font-weight:500; margin-bottom:30px; background-image:url(/images/icon/ar_18x18.png); background-repeat:no-repeat; background-position:0% 4px; padding-left:25px;}

.line_1px { width:100%; height:1px; background-color:#ddd; margin-bottom:30px;}

.preparing { width:100%; text-align:center;}
.preparing>img { width:80%; height:auto; max-width:392px;}

.big_view { display: block; position: absolute; top: 0; right: 0; background-image: url(/images/icon/view.png); width: 60px; height: 60px;}
.big_view>a { display: block; width: 100%; height: 100%;}

.top_fbtn { position:fixed; z-index:100; right:40px; bottom:40px; width:60px; height:60px; text-align:center; border-radius:5px; color:rgba(255,255,255,1); font-size:15px; font-weight:700; padding:30px 0 0 0; background-color:#407ab3; background-image:url(/images/icon/tab_box_bg_on_w.png); background-repeat:no-repeat; background-position:50% 12px; opacity:0;}
.top_fbtn_view { opacity:0.6;}
.top_fbtn:hover, .top_fbtn:focus { opacity:0.8; color:rgba(255,255,255,1);}

.div_table_wrap { width:100%;}
.div_table { display:table; width:100%; border-top:2px solid #990033; border-bottom:2px solid rgba(0,0,0,0.3); background-color:rgba(255,255,255,0.7); font-size:16px;}
.div_table_tr { display:table-row;}
.div_table_th_left { display:table-cell; padding:20px 30px; font-weight:500; border-bottom:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1); color:#990033; background-color:rgba(153,0,51,0.1);}
.div_table_th_center { display:table-cell; padding:20px 30px; font-weight:500; border-bottom:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1); color:#990033; background-color:rgba(153,0,51,0.1);}
.div_table_th_right { display:table-cell; padding:20px 30px; font-weight:500; border-bottom:1px solid rgba(0,0,0,0.1); color:#990033; background-color:rgba(153,0,51,0.1);}
.div_table_td_left { display:table-cell; padding:20px 30px; border-bottom:1px solid rgba(0,0,0,0.1);}
.div_table_td_center { display:table-cell; padding:20px 30px; border-bottom:1px solid rgba(0,0,0,0.1);}
.div_table_td_right { display:table-cell; padding:20px 30px; border-bottom:1px solid rgba(0,0,0,0.1);}
.table_td_dot { display:inline-block; background-image:url(/images/icon/dot_10x10.png); background-repeat:no-repeat; background-position:0px 7px; background-size:5px auto; padding:0 0 0 10px;}





/* 서브01 */

.sub01_01_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:0 70px 100px 70px;}
.sub01_01_box:after { display:block; content:""; clear:both;}
.sub01_01_box_in { width:100%;}
.sub01_01_box_bg { padding:80px 80px 80px 30%; background-image:url(/images/sub/sub01_01_img.png); background-repeat:no-repeat; background-position:0 0; background-color:rgba(0,0,0,0.03);}
.div_table_th_left_sub01_01 { width:25%;}
.div_table_td_right_sub01_01 { width:75%;}

.sub01_02_box_bg { padding:80px 80px 80px 80px; background-image:url(/images/sub/sub01_02_img_240415.png); background-repeat:no-repeat; background-position:100% 0; background-color:rgba(0,0,0,0.03);}
.sub_box_w { padding:80px; background-color:rgba(255,255,255,0.5); font-size:18px;}
.sub_box_w_big { font-size:26px; margin-bottom:10px;}
.sub_box_w_big>span { color:#990033; font-weight:500;}

.sub01_03_box_in { position:relative; width:100%;}
.sub01_03_box_in_pc { display:block;}
.sub01_03_box_in_mo { display:none;}

.sub01_04_box_in { width:100%;}
.sub01_04_tab { width:50%;}


/* 서브02 */

.sub02_01_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:0 70px 100px 70px;}
.sub02_01_box:after { display:block; content:""; clear:both;}

.sub02_01_box_in { width:100%; font-size:0;}
.sub02_01_box_in_img { display:inline-block; position:relative; font-size:16px; width:31.333333%; margin:1%; border-radius:3px; overflow:hidden;}
.sub02_01_box_in_img>p { position:absolute; bottom:0; padding:10px; background-color:rgba(0,0,0,0.7); color:#FFF; text-align:center; width:100%;}
.sub02_01_box_in_img>img { width:100%; height:auto;}

.sub02_02_box_in { width:100%; font-size:0;}
.sub02_02_box_in_img { display:inline-block; position:relative; font-size:16px; width:31.333333%; margin:1%; border-radius:3px; overflow:hidden;}
.sub02_02_box_in_img>img { width:100%; height:auto;}
.sub02_02_box_in_img>p { padding:30px; background-color:rgba(0,0,0,0.05); color:#444; text-align:left; width:100%;}



/* 서브03 */

.sub03_01_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:0 70px 100px 70px;}
.sub03_01_box:after { display:block; content:""; clear:both;}

.sub03_01_box_in { width:100%; font-size:0;}
.sub03_01_box_in_img { display:inline-block; position:relative; font-size:16px; width:31.333333%; margin:1%; border:1px solid rgba(0,0,0,0.1); border-radius:3px; overflow:hidden;}
.sub03_01_box_in_img>p { position:absolute; bottom:0; padding:10px; background-color:rgba(0,0,0,0.7); color:#FFF; text-align:center; width:100%;}
.sub03_01_box_in_img>img { width:100%; height:auto;}

.sub03_03_table { display:inline-block; vertical-align:top; width:50%; padding:10px;}



/* 서브04 */

.sub04_01_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:0 70px 100px 70px;}
.sub04_01_box:after { display:block; content:""; clear:both;}

.sub04_01_box_in { width:100%; font-size:0;}
.sub04_01_box_in_img { display:inline-block; position:relative; width:31.333333%; margin:1%; border-radius:3px; overflow:hidden;}
.sub04_01_box_in_img>img { width:100%; height:auto;}
.sub04_01_box_in_img2 { display:inline-block; position:relative; width:48%; margin:1%; border-radius:3px; overflow:hidden;}
.sub04_01_box_in_img2>img { width:100%; height:auto;}

.sub04_02_box_in { width:100%;}
.sub04_02_box_in_box { width:100%; font-size:0; margin-bottom:60px;}
.sub04_02_box_in_box_year { width:100%; font-size:36px; font-weight:700; color:#990033;}
.sub04_02_box_in_box_year>span { font-size:20px; font-weight:500;}
.sub04_02_box_in_box_title { width:100%; padding:10px 20px; font-size:16px; color:#FFF; background-color:rgba(204,102,153,0.7); margin-bottom:0.5%;}
.sub04_02_box_in_box_img { display:inline-block; vertical-align:top; width:49.5%; margin:0.5% 1% 0.5% 0;}
.sub04_02_box_in_box_img>img { width:100%; height:auto;}
.sub04_02_box_in_box_img:nth-child(2n) { margin-right:0;}

.sub04_03_box_in_box_img { display:inline-block; vertical-align:top; width:100%; margin:0.5% 0 0.5% 0;}




/* 서브 end ----------------------------------- */



/* 1024 ~ 768까지 태블릿 설정 */

@media screen and (max-width:1024px){



/* 서브 비주얼 */

.container_visual { text-align:center; padding-top:80px;}
.sub_visual { position:relative; width:100%; height:350px; overflow:hidden;}
.sub_visual .sub_bg { width:100%; height:350px; min-width:1px; background-position:50% 50%; background-attachment:scroll; 
animation: /*선택자*/sub_bg_a /*동작시간*/3s /*진행속도:ease,ease-out,ease-in*/ease /*딜레이*/0s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both; -webkit-animation: sub_bg_a 3s ease 0s 1 normal both; /*움직이는 기준점 가로0% 세로0%*/transform-origin:50% 50%; background-color:#f5f5f5;}
@keyframes sub_bg_a {
	0% { -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}
	100% { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);}
}

.top_txt { position:absolute; top:35%; left:50%; margin-left:-350px; font-size:45px; text-align:center; width:700px; letter-spacing:-0.06em; line-height:1.2; color:rgba(255,255,255,0.9);}
.top_txt>p { display:block;}
.top_txt2 { position:absolute; top:55%; left:50%; margin-left:-350px; font-size:17px; text-align:center; width:700px; letter-spacing:0; line-height:1.2; font-weight:400; color:rgba(255,255,255,0.9);}



/* 서브탭 start */

.depth3_tab { width:100%; max-width:1600px; height:auto; padding:0 0 40px 0; margin:0 auto;}
.depth3_tab:after { display:block; content:""; clear:both;}
.depth3_tab>a { display:block; float:left; font-size:15px; text-align:center; padding:15px 0; background-color:#eee;}
.depth3_tab>a:nth-child(2n) { background-color:#ddd;}
.depth3_tab>a.depth3_active, .depth3_tab>a:hover { color:#FFF; background-color:#273051;}
.depth3_tab>a>span { color:rgba(0,0,0,0);}

.sub_tab { display:block; cursor:pointer; float:left; font-size:15px; text-align:center; padding:15px 0; background-color:#eee;}
.sub_tab:nth-child(2n) { background-color:#ddd;}
.depth3_active, .sub_tab:hover { color:#FFF; background-color:#273051 !important;}
.sub_tab>span { color:rgba(0,0,0,0);}


/* 서브공통 */

.sub_box { position:relative; width:100%; min-width:768px;}
.sub_container { position: relative; width:100%; margin:0 auto; padding:60px 0 0 0;}
.sub_link_wrap { position: absolute; top:120px; left:50%; width:1px; height:1px;}
.sub_container:after { display:block; content:""; clear:both;}

.box100per { width:100%; margin:0 auto; padding:0 30px;}
.box100per_2 { width:100%; margin:0 auto; padding:0 30px; background-color:#f7f7f7;}
.box50per { display:inline-block; width:50%; padding:0; vertical-align:top;}
.in_box { display: block; width: 100%; margin-bottom: 30px; padding: 25px 30px 25px 30px; vertical-align: top; border: 1px solid #CCC; border-radius: 10px; background-color: #F9F9F9;}

.page_location { position:relative; top:auto; left:auto; width:100%; max-width:1600px; font-size:15px; line-height:19px; margin:0; font-weight:500; padding:0;}
.page_location_1 { display:inline-block; vertical-align:top; background-image:url(/images/icon/home2.png); width:20px; height:19px; margin-right:10px; text-indent:-9999px;}
.page_location_2 { display:inline-block; vertical-align:top; color:#999;}
.page_location_3 { display:inline-block; vertical-align:top; color:#95766f;}
.page_location_dot { display:inline-block; vertical-align:top; background-image:url(/images/icon/dot_3x3.jpg); background-repeat:no-repeat; background-position:center; width:20px; height:19px;}

.in_title1_wrap { width:100%; max-width:1600px; height:auto; margin:0 auto 40px auto; padding:0; text-align:left;}
.in_title1 { font-size:36px; line-height:1.4; letter-spacing:-0.04em; color:#333; margin:0 0 15px 0;}
.in_title1_txt { font-size:18px; line-height:30px; font-weight:400; letter-spacing:-0.02em; color:rgba(0,0,0,0.6); text-align: center; margin-bottom:40px; padding:0 10%;}
.in_title1_bar { width:50px; height:1px; margin:60px auto; background-color:rgba(0,0,0,0.3);}
.in_title2_txt { font-size:16px; line-height:24px; font-weight:400; letter-spacing:0; color:rgba(0,0,0,0.6);}
.in_title2 { font-size:35px; line-height:45px; font-weight:700; margin:0 0 10px 0; letter-spacing:0; color:rgba(0,0,0,0.8);}
.in_title3 { font-size:18px; line-height:26px; font-weight:400; margin-bottom:20px; background-image:url(/images/icon/ar_18x18.png); background-repeat:no-repeat; background-position:0% 4px; padding-left:25px;}

.line_1px { width:100%; height:1px; background-color:#ddd; margin-bottom:30px;}

.big_view { display: block; position: absolute; top: 0; right: 0; background-image: url(/images/icon/view.png); width: 60px; height: 60px;}
.big_view>a { display: block; width: 100%; height: 100%;}

.top_fbtn { display:none;}

.div_table_wrap { width:100%;}
.div_table { display:table; width:100%; border-top:2px solid #990033; border-bottom:2px solid rgba(0,0,0,0.3); background-color:rgba(255,255,255,0.7); font-size:14px;}
.div_table_tr { display:table-row;}
.div_table_th_left { display:table-cell; padding:15px 25px; font-weight:500; border-bottom:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1); color:#990033; background-color:rgba(153,0,51,0.1);}
.div_table_th_center { display:table-cell; padding:15px 25px; font-weight:500; border-bottom:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1); color:#990033; background-color:rgba(153,0,51,0.1);}
.div_table_th_right { display:table-cell; padding:15px 25px; font-weight:500; border-bottom:1px solid rgba(0,0,0,0.1); color:#990033; background-color:rgba(153,0,51,0.1);}
.div_table_td_left { display:table-cell; padding:15px 25px; border-bottom:1px solid rgba(0,0,0,0.1);}
.div_table_td_center { display:table-cell; padding:15px 25px; border-bottom:1px solid rgba(0,0,0,0.1);}
.div_table_td_right { display:table-cell; padding:15px 25px; border-bottom:1px solid rgba(0,0,0,0.1);}
.table_td_dot { display:inline-block; background-image:url(/images/icon/dot_10x10.png); background-repeat:no-repeat; background-position:0px 7px; background-size:5px auto; padding:0 0 0 10px;}



/* 서브01 */

.sub01_01_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:20px 0 50px 0;}
.sub01_01_box:after { display:block; content:""; clear:both;}
.sub01_01_box_in { width:100%; padding:50px 50px 50px 20%;}
.sub01_01_box_bg { background-image:url(/images/sub/sub01_01_img.png); background-repeat:no-repeat; background-position:0 0; background-color:rgba(0,0,0,0.03);}
.div_table_th_left_sub01_01 { width:30%;}
.div_table_td_right_sub01_01 { width:70%;}

.sub01_02_box_bg { padding:50px 50px 50px 50px; background-repeat:no-repeat; background-position:100% 0; background-size:auto auto; background-color:rgba(0,0,0,0.03);}
.sub_box_w { padding:50px; background-color:rgba(255,255,255,0.5); font-size:15px;}
.sub_box_w_big { font-size:20px; margin-bottom:10px;}
.sub_box_w_big>span { color:#990033; font-weight:500;}

.sub01_04_box_in { width:100%;}
.sub01_04_tab { width:50%;}



/* 서브02 */

.sub02_01_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:20px 0 50px 0;}
.sub02_01_box:after { display:block; content:""; clear:both;}

.sub02_01_box_in { width:100%; font-size:0;}
.sub02_01_box_in_img { display:inline-block; position:relative; font-size:15px; width:48%; margin:1%; border-radius:3px; overflow:hidden;}
.sub02_01_box_in_img>p { position:absolute; bottom:0; padding:10px; background-color:rgba(0,0,0,0.7); color:#FFF; text-align:center; width:100%;}
.sub02_01_box_in_img>img { width:100%; height:auto;}

.sub02_02_box_in { width:100%; font-size:0;}
.sub02_02_box_in_img { display:inline-block; position:relative; font-size:15px; width:48%; margin:1%; border-radius:3px; overflow:hidden;}
.sub02_02_box_in_img>img { width:100%; height:auto;}
.sub02_02_box_in_img>p { padding:25px; background-color:rgba(0,0,0,0.05); color:#444; text-align:left; width:100%;}




/* 서브03 */

.sub03_01_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:0 0 80px 0;}
.sub03_01_box:after { display:block; content:""; clear:both;}

.sub03_01_box_in { width:100%; font-size:0;}
.sub03_01_box_in_img { display:inline-block; position:relative; font-size:15px; width:48%; margin:1%; border:1px solid rgba(0,0,0,0.1); border-radius:3px; overflow:hidden;}
.sub03_01_box_in_img>p { position:absolute; bottom:0; padding:10px; background-color:rgba(0,0,0,0.7); color:#FFF; text-align:center; width:100%;}
.sub03_01_box_in_img>img { width:100%; height:auto;}

.sub03_03_table { display:inline-block; vertical-align:top; width:100%; padding:10px;}




/* 서브04 */

.sub04_01_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:0 0 80px 0;}
.sub04_01_box:after { display:block; content:""; clear:both;}

.sub04_01_box_in { width:100%; font-size:0;}
.sub04_01_box_in_img { display:inline-block; position:relative; width:31.333333%; margin:1%; border-radius:3px; overflow:hidden;}
.sub04_01_box_in_img>img { width:100%; height:auto;}
.sub04_01_box_in_img2 { display:inline-block; position:relative; width:48%; margin:1%; border-radius:3px; overflow:hidden;}
.sub04_01_box_in_img2>img { width:100%; height:auto;}

.sub04_02_box_in { width:100%;}
.sub04_02_box_in_box { width:100%; font-size:0; margin-bottom:40px;}
.sub04_02_box_in_box_year { width:100%; font-size:30px; font-weight:700; color:#990033;}
.sub04_02_box_in_box_year>span { font-size:18px; font-weight:500;}
.sub04_02_box_in_box_title { width:100%; padding:10px 20px; font-size:15px; color:#FFF; background-color:rgba(204,102,153,0.7);}
.sub04_02_box_in_box_img { display:inline-block; vertical-align:top; width:49.5%; margin:1% 1% 1% 0;}
.sub04_02_box_in_box_img>img { width:100%; height:auto;}
.sub04_02_box_in_box_img:nth-child(2n) { margin-right:0;}

.sub04_03_box_in_box_img { display:inline-block; vertical-align:top; width:100%; margin:1% 0 1% 0;}
.sub04_03_box_in_box_img>img { width:100%; height:auto;}




/* 서브 end ----------------------------------- */
}


/* 767 ~ 320까지 모바일 설정 */

@media screen and (max-width:767px){



/* 서브 비주얼 */

.container_visual { padding-top:60px;}
.sub_visual { position:relative; width:100%; height:300px; overflow:hidden;}
.sub_visual .sub_bg { width:100%; height:300px; min-width:1px; background-position:50% 50%; background-attachment:scroll; background-size:cover; 
animation: /*선택자*/sub_bg_a /*동작시간*/3s /*진행속도:ease,ease-out,ease-in*/ease /*딜레이*/0s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both; -webkit-animation: sub_bg_a 3s ease 0s 1 normal both; /*움직이는 기준점 가로0% 세로0%*/transform-origin:50% 50%; background-color:#f5f5f5;}
@keyframes sub_bg_a {
	0% { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}
	100% { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);}
}

.top_txt { position:absolute; top:30%; left:50%; margin-left:-150px; font-size:34px; text-align:center; width:300px; letter-spacing:-0.06em; line-height:1.2; color:rgba(255,255,255,0.9);}
.top_txt>p { display:block;}
.top_txt2 { position:absolute; top:60%; left:50%; margin-left:-150px; font-size:14px; text-align:center; width:300px; letter-spacing:0; line-height:1.2; font-weight:400; color:rgba(255,255,255,0.9);}


/* 서브탭 start */

.depth3_tab { width:100%; max-width:1600px; height:auto; padding:0 0 30px 0; margin:0 auto; text-align:center; font-size:0;}
.depth3_tab:after { display:block; content:""; clear:both;}
.depth3_tab>a { display: inline-block; float:none; font-size:14px; text-align:center; padding:8px 15px; background-color:#eee; margin:0 4px 4px 0;}
.depth3_tab>a:nth-child(2n) { background-color:#eee;}
.depth3_tab>a.depth3_active, .depth3_tab>a:hover { color:#FFF; background-color:#273051;}



/* 서브공통 */

.sub_box { position:relative; width:100%; min-width:320px;}
.sub_container { position: relative; width:100%; margin:0 auto; padding:40px 0 0 0;}
.sub_container:after { display:block; content:""; clear:both;}

.box100per { width:100%; margin:0 auto; padding:0 20px;}
.box100per_2 { width:100%; margin:0 auto; padding:0 20px; background-color:#f7f7f7;}
.box50per { display:block; width:100%; padding:0 0 40px 0; vertical-align:top;}
.in_box { display: block; width: 100%; margin-bottom: 30px; padding: 25px 20px 25px 20px; vertical-align: top; border: 1px solid #CCC; border-radius: 10px; background-color: #F9F9F9;}

.page_location { width:100%; max-width:1600px; font-size:13px; line-height:19px; margin-bottom:30px; font-weight:500;}
.page_location_1 { display:inline-block; vertical-align:top; background-image:url(/images/icon/home2.png); width:15px; height:14px; margin-right:5px; text-indent:-9999px; background-size:cover;}
.page_location_2 { display:inline-block; vertical-align:top; color:#999;}
.page_location_3 { display:inline-block; vertical-align:top; color:#95766f;}
.page_location_dot { display:inline-block; vertical-align:top; background-image:url(/images/icon/dot_3x3.jpg); background-repeat:no-repeat; background-position:center; width:10px; height:19px;}

.in_title1_wrap { width:100%; max-width:1500px; margin:0 auto 30px auto; text-align:left;}
.in_title1 { font-size:24px; line-height:1.2; letter-spacing:-0.02em; color:#333;}
.in_title1_bar { width:40px; height:1px; margin:40px auto; background-color:rgba(0,0,0,0.3);}
.in_title1_txt { font-size:15px; line-height:20px; font-weight:400; letter-spacing:-0.02em; color:rgba(0,0,0,0.6); text-align: center; margin-bottom:30px; padding:0;}
.in_title2 { font-size:24px; line-height:1.2; font-weight:400; margin:0 0 10px 0; letter-spacing:0; color:rgba(0,0,0,0.8);}
.in_title2_txt { font-size:15px; line-height:22px; font-weight:400; letter-spacing:0; color:rgba(0,0,0,0.6);}
.in_title3 { font-size:16px; line-height:26px; font-weight:400; margin-bottom:20px; background-image:url(/images/icon/ar_18x18.png); background-repeat:no-repeat; background-position:0% 4px; padding-left:25px;}

.line_1px { width:100%; height:1px; background-color:#ddd; margin-bottom:30px;}

.big_view { display: block; position: absolute; top: 0; right: 0; background-image: url(/images/icon/view.png); background-size:100%; width: 40px; height: 40px;}
.big_view>a { display: block; width: 100%; height: 100%;}

.div_table_wrap { width:100%;}
.div_table { display:table; width:100%; border-top:2px solid #990033; border-bottom:2px solid rgba(0,0,0,0.3); background-color:rgba(255,255,255,0.7); font-size:13px;}
.div_table_tr { display:table-row;}
.div_table_th_left { display:table-cell; padding:8px 15px; font-weight:500; border-bottom:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1); color:#990033; background-color:rgba(153,0,51,0.1); vertical-align:top;}
.div_table_th_center { display:table-cell; padding:8px 15px; font-weight:500; border-bottom:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1); color:#990033; background-color:rgba(153,0,51,0.1); vertical-align:top;}
.div_table_th_right { display:table-cell; padding:8px 15px; font-weight:500; border-bottom:1px solid rgba(0,0,0,0.1); color:#990033; background-color:rgba(153,0,51,0.1); vertical-align:top;}
.div_table_td_left { display:table-cell; padding:8px 15px; border-bottom:1px solid rgba(0,0,0,0.1); vertical-align:top;}
.div_table_td_center { display:table-cell; padding:8px 15px; border-bottom:1px solid rgba(0,0,0,0.1); vertical-align:top;}
.div_table_td_right { display:table-cell; padding:8px 15px; border-bottom:1px solid rgba(0,0,0,0.1); vertical-align:top;}
.table_td_dot { display:inline-block; background-image:url(/images/icon/dot_10x10.png); background-repeat:no-repeat; background-position:0px 7px; background-size:5px auto; padding:0 0 0 10px;}




/* 서브01 */

.sub01_01_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:20px 0 50px 0;}
.sub01_01_box:after { display:block; content:""; clear:both;}
.sub01_01_box_in { width:100%; padding:200px 20px 20px 20px;}
.sub01_01_box_bg { background-image:url(/images/sub/sub01_01_img_m.png); background-repeat:no-repeat; background-position:50% 0; background-color:rgba(0,0,0,0.03);}
.div_table_th_left_sub01_01 { width:30%;}
.div_table_td_right_sub01_01 { width:70%;}

.sub01_02_box_bg { padding:20px 20px 20px 20px; background-repeat:no-repeat; background-position:100% 0; background-size:80% auto; background-color:rgba(0,0,0,0.03);}
.sub_box_w { padding:20px; background-color:rgba(255,255,255,0.5); font-size:13px;}
.sub_box_w_big { font-size:16px; margin-bottom:10px;}
.sub_box_w_big>span { color:#990033; font-weight:500;}

.sub01_03_box_in_pc { display:none;}
.sub01_03_box_in_mo { display:block;}

.sub01_04_box_in { width:100%;}
.sub01_04_tab { width:auto;}



/* 서브02 */

.sub02_01_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:20px 0 50px 0;}
.sub02_01_box:after { display:block; content:""; clear:both;}

.sub02_01_box_in { width:100%; font-size:0;}
.sub02_01_box_in_img { display:inline-block; position:relative; font-size:13px; width:100%; margin:1% 0; border-radius:3px; overflow:hidden;}
.sub02_01_box_in_img>p { position:absolute; bottom:0; padding:10px; background-color:rgba(0,0,0,0.7); color:#FFF; text-align:center; width:100%;}
.sub02_01_box_in_img>img { width:100%; height:auto;}

.sub02_02_box_in { width:100%; font-size:0;}
.sub02_02_box_in_img { display:inline-block; position:relative; font-size:13px; width:100%; margin:1% 0; border-radius:3px; overflow:hidden;}
.sub02_02_box_in_img>img { width:100%; height:auto;}
.sub02_02_box_in_img>p { padding:20px; background-color:rgba(0,0,0,0.05); color:#444; text-align:left; width:100%;}



/* 서브03 */

.sub03_01_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:20px 0 60px 0;}
.sub03_01_box:after { display:block; content:""; clear:both;}

.sub03_01_box_in { width:100%; font-size:0;}
.sub03_01_box_in_img { display:inline-block; position:relative; font-size:13px; width:100%; margin:1% 0; border:1px solid rgba(0,0,0,0.1); border-radius:3px; overflow:hidden;}
.sub03_01_box_in_img>p { position:absolute; bottom:0; padding:10px; background-color:rgba(0,0,0,0.7); color:#FFF; text-align:center; width:100%;}
.sub03_01_box_in_img>img { width:100%; height:auto;}

.sub03_03_table { display:inline-block; vertical-align:top; width:100%; padding:10px 0;}




/* 서브04 */

.sub04_01_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:20px 0 60px 0;}
.sub04_01_box:after { display:block; content:""; clear:both;}

.sub04_01_box_in { width:100%; font-size:0;}
.sub04_01_box_in_img { display:inline-block; position:relative; width:100%; margin:1% 0; border-radius:3px; overflow:hidden;}
.sub04_01_box_in_img>img { width:100%; height:auto;}
.sub04_01_box_in_img2 { display:inline-block; position:relative; width:100%; margin:1% 0; border-radius:3px; overflow:hidden;}
.sub04_01_box_in_img2>img { width:100%; height:auto;}

.sub04_02_box_in { width:100%;}
.sub04_02_box_in_box { width:100%; font-size:0; margin-bottom:40px;}
.sub04_02_box_in_box_year { width:100%; font-size:24px; font-weight:700; color:#990033;}
.sub04_02_box_in_box_year>span { font-size:16px; font-weight:500;}
.sub04_02_box_in_box_title { width:100%; padding:10px 20px; font-size:14px; color:#FFF; background-color:rgba(204,102,153,0.7);}
.sub04_02_box_in_box_img { display:inline-block; vertical-align:top; width:100%; margin:1% 0 1% 0;}
.sub04_02_box_in_box_img>img { width:100%; height:auto;}
.sub04_02_box_in_box_img:nth-child(2n) { margin-right:0;}

.sub04_03_box_in_box_img { display:inline-block; vertical-align:top; width:100%; margin:1% 0 1% 0;}
.sub04_03_box_in_box_img>img { width:100%; height:auto;}




/* 서브 end ----------------------------------- */
}