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


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

Site Name : 동백호수공원두산위브더제니스 애비뉴
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:700px; overflow:hidden; background-color:#f5f5f5; text-align:center;}
.sub_visual .sub_bg { width:100%; height:700px; min-width:1200px; 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);}
.sub_visual .sub05_01_bg { background-image:url(/images/sub/sub05_01_visual.jpg);}
.sub_visual .sub06_01_bg { background-image:url(/images/sub/sub06_01_visual.jpg);}
.sub_visual .sub07_01_bg { background-image:url(/images/sub/sub07_01_visual.jpg);}


.top_txt { position:absolute; top:42%; left:50%; margin-left:-600px; font-size:60px; width:1200px; letter-spacing:-0.02em; line-height:1.2; font-weight:700; color:rgba(255,255,255,0.9); text-align:center;}
.top_txt2 { position:absolute; top:55%; left:50%; margin-left:-600px; font-size:18px; width:1200px; 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:1200px; height:auto; padding:0 70px 70px 70px; 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: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_box { position:relative; width:100%; min-width:1200px;}
.sub_container { position: relative; width:100%; margin:0 auto; padding:0 0 150px 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;}
.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:1200px; margin:0 auto; padding:0 70px; height:70px;}
.page_location { position:absolute; top:-100px; left:50%; margin-left:-600px; width:100%; max-width:1200px; font-size:16px; line-height:30px; font-weight:500; background-color:rgba(255,255,255,1); padding:70px; letter-spacing:0; text-align:left;}
.page_location_1 { display:inline-block; vertical-align:top; background-image:url(/images/icon/home2.png); background-repeat:no-repeat; background-position:100% 30%; width:20px; height:30px; 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; background-image:url(/images/icon/menu_bar.png); background-repeat:no-repeat; background-position:100% 50%; padding:0 12px 0 10px;}
.page_location_3_off { display:inline-block; vertical-align:top; color:#999; background-image:url(/images/icon/menu_bar.png); background-repeat:no-repeat; background-position:100% 50%; padding:0 12px 0 10px;}
.page_location_dot { display:inline-block; vertical-align:top; background-image:url(/images/icon/dot_3x3.jpg); background-repeat:no-repeat; background-position:100% 50%; width:10px; height:30px;}
.page_location>a:last-child { background-image:none;}


.in_title1 { font-size:50px; line-height:56px; font-weight:400; margin:0 0 60px 0; letter-spacing:-0.08em; color:#31317e; text-align: center;}
.in_title1>span { font-weight:700;}
.in_title1_txt { font-size:20px; line-height:32px; font-weight:400; letter-spacing:-0.04em; color:rgba(0,0,0,0.6); text-align: center; margin-bottom:20px;}
.in_title1_txt2 { font-size:20px; line-height:32px; font-weight:400; letter-spacing:-0.04em; color:rgba(0,0,0,0.6); text-align: center; margin:-50px 0 60px 0;}
.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);}
.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: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;}

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

.big_view { display:none; 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%;}

.sub_notice { width:100%; max-width:1060px; margin:0 auto; padding:50px 70px; background-color:rgba(0,0,0,0.01); border:1px solid rgba(0,0,0,0.1); border-radius:10px;}
.sub_notice>a { color:#0fa2df; text-decoration:underline;}



/* 서브01 */

.sub01_01_box { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0;}
.sub01_01_box:after { display:block; content:""; clear:both;}
.sub01_01_box_in { width:100%; padding:0 70px 70px 70px;}
.sub01_01_box_in_img { position:relative;}
.sub01_01_box_in_img>img { width:100%; height:auto;}
.sub01_01_table { font-size:18px; border-bottom:2px solid #633; border-top:2px solid #633;}
.sub01_01_table_tr { border-bottom:1px solid #ddd; background-color:#eee;}
.sub01_01_table_tr:after { display:block; content:""; clear:both;}
.sub01_01_table_tr:last-child { border-bottom:none;}
.sub01_01_table_td1 { float:left; width:15%; padding:20px 40px; text-align:center;}
.sub01_01_table_td2 { float:left; width:85%; padding:20px 40px; background-color:#fff; text-align:left;}
.letter-spacing1 { letter-spacing:0.4em; padding-left:50px;}
.letter-spacing2 { letter-spacing:2em; padding-left:45px;}

.sub01_02_box { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0;}
.sub01_02_box:after { display:block; content:""; clear:both;}
.sub01_02_box_in { width:100%; padding:0 70px 70px 70px;}
.sub01_02_box_in_img { position:relative;}
.sub01_02_box_in_img>img { width:100%; height:auto;}

.sub01_03_tab { width:50%;}
.sub01_03_box_in { width:100%; padding:0 70px 70px 70px;}



/* 서브02 */

.sub02_01_box { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0;}
.sub02_01_box:after { display:block; content:""; clear:both;}
.sub02_01_box_in { width:100%; padding:0 70px 70px 70px;}
.sub02_01_box_in_img { position:relative;}
.sub02_01_box_in_img>img { width:100%; height:auto;}

.sub02_02_box { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0;}
.sub02_02_box:after { display:block; content:""; clear:both;}
.sub02_02_box_in { width:100%; padding:0 70px 70px 70px; max-width:1000px; margin:0 auto;}
.sub02_02_box_in_img { position:relative;}
.sub02_02_box_in_img>img { width:100%; height:auto;}




/* 서브03 */

.sub03_01_box { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0;}
.sub03_01_box:after { display:block; content:""; clear:both;}
.sub03_01_box_in { width:100%; padding:0 70px 70px 70px;}
.sub03_01_box_in_img { position:relative;}
.sub03_01_box_in_img>img { width:100%; height:auto;}

.sub03_02_box { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0;}
.sub03_02_box:after { display:block; content:""; clear:both;}
.sub03_02_box_in { width:100%; padding:0 70px 70px 70px;}
.sub03_02_box_in_img { position:relative;}
.sub03_02_box_in_img>img { width:100%; height:auto;}

.sub03_03_tab { width:25%;}
.sub03_03_box { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0;}
.sub03_03_box:after { display:block; content:""; clear:both;}
.sub03_03_box_in { width:100%; padding:0 70px 70px 70px;}
.sub03_03_box_in:after { display:block; content:""; clear:both;}
.sub03_03_box_in_img { float:left; width:31.333333333%; margin:0 2% 2% 0; border:1px solid rgba(0,0,0,0.3);}
.sub03_03_box_in_img>img { width:100%; height:auto; max-height:322px;}



/* 서브04 */

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

.sub04_01_tab { width:25%;}
.sub04_01_box_btn_wrap { display:block; margin:0 70px 20px 70px; text-align:right;}
.sub04_01_list_btn2 { display:inline-block; vertical-align:middle; width:200px; padding:10px 0; border:1px solid #ecab83; border-radius:20px; background-color:#f5cfbc; font-size:18px; text-align:center;}
.sub04_01_list_btn { display:inline-block; vertical-align:middle; width:200px; padding:10px 0; border:1px solid rgba(0,0,0,0.3); border-radius:20px; background-color:rgba(0,0,0,0.05); font-size:18px; text-align:center; margin:0 0 0 10px;}
.sub04_01_box_in { width:100%; padding:0 70px 70px 70px;}
.sub04_01_box_in_img { position:relative;}
.sub04_01_box_in_img>img { width:100%; height:auto;}

.sub04_02_box_in { width:100%; padding:0 70px 0 70px;}
.sub04_02_box_i { width:100%; height:700px; border: none;}
.vr_view { width:100%; max-width:1060px; margin:0 auto; padding:50px 70px; background-color:rgba(0,0,0,0.01); border:1px solid rgba(0,0,0,0.1); border-radius:10px;}
.vr_view>a { color:#0fa2df; text-decoration:underline;}



/* 서브05 */

.sub05_01_box { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0;}
.sub05_01_box:after { display:block; content:""; clear:both;}
.sub05_01_box_in { width:100%; padding:0 70px 70px 70px; max-width:1200px; margin:0 auto;}
.sub05_01_box_in_img { position:relative;}
.sub05_01_box_in_img>img { width:100%; height:auto;}

.sub05_02_box { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0;}
.sub05_02_box:after { display:block; content:""; clear:both;}
.sub05_02_box_in { width:100%; padding:0 70px 70px 70px; max-width:1200px; margin:0 auto;}
.sub05_02_box_in_img { position:relative;}
.sub05_02_box_in_img>img { width:100%; height:auto;}
.sub05_02_box_in_btn { position:relative;}
.sub05_02_box_in_btn:after { display:block; content:""; clear:both;}
.sub05_02_box_in_btn>a { display:block; float:left; width:100%;}
.sub05_02_box_in_btn>a>img { width:100%; height:auto;}

.sub05_03_top { width:100%; padding:0 70px 40px 70px;}
.sub05_03_top>img { width:100%; height:auto;}
.sub05_03_tab { width:20%;}
.sub05_03_box_in { width:100%; padding:0 70px 70px 70px; margin-top:-40px;}
.sub05_03_box_in_img { position:relative; text-align:center;}
.sub05_03_box_in_img>img { width:100%; height:auto; /*max-width:1240px;*/}
.sub_pdf_download { width:100%; max-width:1350px; margin:0 auto; padding:50px 70px; background-color:rgba(0,0,0,0.01); border:1px solid rgba(0,0,0,0.1); border-radius:10px;}
.sub_pdf_download>a { color:#0fa2df; text-decoration:underline;}

.sub05_05_tab { width:20%;}

.sub05_06_box { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0;}
.sub05_06_box:after { display:block; content:""; clear:both;}
.sub05_06_box_in { width:100%; padding:0 70px 70px 70px;}
.sub05_06_box_in:after { display:block; content:""; clear:both;}
.sub05_06_box_in_img { float:left; width:50%; position:relative; height:auto; border:1px solid rgba(0,0,0,0.1); overflow:hidden;}
.sub05_06_box_in_img:nth-child(1) { border-right:none; border-radius:10px 0 0 10px;}
.sub05_06_box_in_img:nth-child(2) { border-left:none; border-radius:0 10px 10px 0;}
.sub05_06_box_in_img>img { width:100%; height:auto; vertical-align:top;}

.sub05_06_left_btn { display:block; width:60px; height:60px; position:absolute; top:50%; margin-top:-30px; left:0; background-image:url(/images/icon/btn_left_60x60.jpg); background-size:cover; opacity:0.6;}
.sub05_06_right_btn { display:block; width:60px; height:60px; position:absolute; top:50%; margin-top:-30px; right:0; background-image:url(/images/icon/btn_right_60x60.jpg); background-size:cover; opacity:0.6;}
.sub05_06_left_btn:hover, .sub05_06_right_btn:hover { opacity:1;}

.sub05_08_tab { width:50%;}



/* 서브06 */

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



/* 서브07 */

.sub07_01_box { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0;}
.sub07_01_box:after { display:block; content:""; clear:both;}
.sub07_01_box_in { width:100%; padding:0 70px 70px 70px;}
.sub07_01_box_in_img { position:relative;}
.sub07_01_box_in_img>img { width:100%; height:auto;}
.sub07_01_table { font-size:18px; border-bottom:2px solid #633; border-top:2px solid #633;}
.sub07_01_table_tr { border-bottom:1px solid #ddd; background-color:#eee;}
.sub07_01_table_tr:after { display:block; content:""; clear:both;}
.sub07_01_table_tr:last-child { border-bottom:none;}
.sub07_01_table_td1 { float:left; width:15%; padding:20px 40px; text-align:center;}
.sub07_01_table_td2 { float:left; width:85%; padding:20px 40px; background-color:#fff; text-align:left;}
.letter-spacing3 { letter-spacing:0.4em; padding-left:50px;}
.letter-spacing4 { letter-spacing:2em; padding-left:45px;}

.sub07_02_box { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0;}
.sub07_02_box:after { display:block; content:""; clear:both;}
.sub07_02_box_in { width:100%; padding:0 70px 70px 70px; max-width:1000px; margin:0 auto;}
.sub07_02_box_in_img { position:relative;}
.sub07_02_box_in_img>img { width:100%; height:auto;}

.sub07_03_box { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0;}
.sub07_03_box:after { display:block; content:""; clear:both;}
.sub07_03_box_in { width:100%; padding:0 70px 70px 70px;}
.sub07_03_box_in_img { position:relative;}
.sub07_03_box_in_img>img { width:100%; height:auto;}

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






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



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

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



/* 서브 비주얼 */

.container_visual { text-align:center;}
.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:1200px; height:auto; padding:0 0 50px 0; margin:0 auto;}
.depth3_tab:after { display:block; content:""; clear:both;}
.depth3_tab>a { display:block; float:left; font-size:14px; 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;}


/* 서브공통 */

.sub_box { position:relative; width:100%; min-width:768px;}
.sub_container { position: relative; width:100%; margin:0 auto; padding:70px 0 70px 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 40px;}
.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:1200px; font-size:15px; line-height:30px; margin:0; font-weight:500; padding:0;}
.page_location_1 { display:inline-block; vertical-align:middle; 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:middle; color:#999;}
.page_location_3 { display:inline-block; vertical-align:middle; color:#95766f;}
.page_location_dot { display:inline-block; vertical-align:middle; background-image:url(/images/icon/dot_3x3.jpg); background-repeat:no-repeat; background-position:100% 50%; width:10px; height:19px;}

.in_title1_wrap { width:100%; max-width:1200px; margin:0 auto 40px auto; padding:0; text-align:left; height:auto;}
.in_title1_txt { font-size:18px; line-height:1.2; font-weight:400; margin-bottom:10px; letter-spacing:-0.02em; color:rgba(0,0,0,0.6);}
.in_title1_txt2 { font-size:18px; line-height:1.2; font-weight:400; letter-spacing:-0.02em; color:rgba(0,0,0,0.6); margin:-30px 0 40px 0;}
.in_title1 { font-size:40px; line-height:1.2; font-weight:400; margin:0 0 40px 0; letter-spacing:-0.06em; color:#31317e; text-align: center;}
.in_title1>span { font-weight:700;}
.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: 50px; height: 50px; background-size:cover;}
.big_view>a { display: block; width: 100%; height: 100%;}

.sub_notice { width:100%; margin:0 auto; padding:30px; background-color:rgba(0,0,0,0.01); border:1px solid rgba(0,0,0,0.1); border-radius:5px;}
.sub_notice>a { color:#0fa2df; text-decoration:underline;}




/* 서브01 */

.sub01_01_box { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0;}
.sub01_01_box:after { display:block; content:""; clear:both;}
.sub01_01_box_in { width:100%; padding:0 0 50px 0;}
.sub01_01_box_in_img { position:relative;}
.sub01_01_box_in_img>img { width:100%; height:auto;}
.sub01_01_table { font-size:16px; border-bottom:2px solid #633; border-top:2px solid #633;}
.sub01_01_table_tr { border-bottom:1px solid #ddd; background-color:#eee;}
.sub01_01_table_tr:after { display:block; content:""; clear:both;}
.sub01_01_table_tr:last-child { border-bottom:none;}
.sub01_01_table_td1 { float:left; width:25%; padding:20px 40px; text-align:center;}
.sub01_01_table_td2 { float:left; width:75%; padding:20px 40px; background-color:#fff; text-align:left;}
.letter-spacing1 { letter-spacing:-0.02em; padding-left:40px;}
.letter-spacing2 { letter-spacing:-0.02em; padding-left:40px;}

.sub01_02_box { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0;}
.sub01_02_box:after { display:block; content:""; clear:both;}
.sub01_02_box_in { width:100%; padding:0 0 50px 0;}
.sub01_02_box_in_img { position:relative;}
.sub01_02_box_in_img>img { width:100%; height:auto;}

.sub01_03_tab { width:50%;}
.sub01_03_box_in { width:100%; padding:0 0 50px 0;}




/* 서브02 */

.sub02_01_box { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0;}
.sub02_01_box:after { display:block; content:""; clear:both;}
.sub02_01_box_in { width:100%; padding:0 0 50px 0;}
.sub02_01_box_in_img { position:relative;}
.sub02_01_box_in_img>img { width:100%; height:auto;}

.sub02_02_box { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0;}
.sub02_02_box:after { display:block; content:""; clear:both;}
.sub02_02_box_in { width:100%; padding:0 0 50px 0;}
.sub02_02_box_in_img { position:relative;}
.sub02_02_box_in_img>img { width:100%; height:auto;}



/* 서브03 */

.sub03_01_box { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0;}
.sub03_01_box:after { display:block; content:""; clear:both;}
.sub03_01_box_in { width:100%; padding:0 0 50px 0;}
.sub03_01_box_in_img { position:relative;}
.sub03_01_box_in_img>img { width:100%; height:auto;}

.sub03_02_box { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0;}
.sub03_02_box:after { display:block; content:""; clear:both;}
.sub03_02_box_in { width:100%; padding:0 0 50px 0;}
.sub03_02_box_in_img { position:relative;}
.sub03_02_box_in_img>img { width:100%; height:auto;}

.sub03_03_tab { width:25%;}
.sub03_03_box { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0;}
.sub03_03_box:after { display:block; content:""; clear:both;}
.sub03_03_box_in { width:100%; padding:0 0 50px 0;}
.sub03_03_box_in:after { display:block; content:""; clear:both;}
.sub03_03_box_in_img { float:left; width:48%; margin:0 2% 2% 0; border:1px solid rgba(0,0,0,0.3);}
.sub03_03_box_in_img>img { width:100%; height:auto; max-height:445px;}



/* 서브04 */

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

.sub04_01_tab { width:25%;}
.sub04_01_box_btn_wrap { display:block;  margin:0 0 20px 0; text-align:right;}
.sub04_01_list_btn2 { display:inline-block; vertical-align:middle; width:180px; padding:10px 0; border:1px solid #ecab83; border-radius:15px; background-color:#f5cfbc; font-size:16px; text-align:center;}
.sub04_01_list_btn { display:inline-block; vertical-align:middle; width:180px; padding:10px 0; border:1px solid rgba(0,0,0,0.3); border-radius:15px; background-color:rgba(0,0,0,0.05); font-size:16px; text-align:center; margin:0 0 0 10px;}
.sub04_01_box_in { width:100%; padding:0 0 50px 0;}
.sub04_01_box_in_img { position:relative;}
.sub04_01_box_in_img>img { width:100%; height:auto;}

.sub04_02_box_in { width:100%; padding:0 0 0 0;}
.sub04_02_box_i { width:100%; height:600px; border: none;}
.vr_view { width:100%; max-width:1460px; margin:0 auto; padding:30px; background-color:rgba(0,0,0,0.01); border:1px solid rgba(0,0,0,0.1); border-radius:5px;}
.vr_view>a { color:#0fa2df; text-decoration:underline;}




/* 서브05 */

.sub05_01_box { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0;}
.sub05_01_box:after { display:block; content:""; clear:both;}
.sub05_01_box_in { width:100%; padding:0 0 50px 0;}
.sub05_01_box_in_img { position:relative;}
.sub05_01_box_in_img>img { width:100%; height:auto;}

.sub05_02_box { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0;}
.sub05_02_box:after { display:block; content:""; clear:both;}
.sub05_02_box_in { width:100%; padding:0 0 50px 0;}
.sub05_02_box_in_img { position:relative;}
.sub05_02_box_in_img>img { width:100%; height:auto;}
.sub05_02_box_in_btn { position:relative;}
.sub05_02_box_in_btn:after { display:block; content:""; clear:both;}
.sub05_02_box_in_btn>a { display:block; float:left; width:100%;}
.sub05_02_box_in_btn>a>img { width:100%; height:auto;}

.sub05_03_top { width:100%; padding:0 0 30px 0;}
.sub05_03_top>img { width:100%; height:auto;}
.sub05_03_tab { width:33.333333333%;}
.sub05_03_tab:last-child { display:none;}
.sub05_03_box_in { width:100%; padding:0 0 50px 0; margin-top:-30px;}
.sub05_03_box_in_img { position:relative;}
.sub05_03_box_in_img>img { width:100%; height:auto;}
.sub_pdf_download { width:100%; max-width:1350px; margin:0 auto; padding:30px; background-color:rgba(0,0,0,0.01); border:1px solid rgba(0,0,0,0.1); border-radius:5px;}
.sub_pdf_download>a { color:#0fa2df; text-decoration:underline;}

.sub05_05_tab { width:20%;}

.sub05_06_box { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0;}
.sub05_06_box:after { display:block; content:""; clear:both;}
.sub05_06_box_in { width:100%; padding:0 0 50px 0;}
.sub05_06_box_in:after { display:block; content:""; clear:both;}
.sub05_06_box_in_img { float:left; width:50%; position:relative; height:auto; border:1px solid rgba(0,0,0,0.1); overflow:hidden;}
.sub05_06_box_in_img:nth-child(1) { border-right:none; border-radius:5px 0 0 5px;}
.sub05_06_box_in_img:nth-child(2) { border-left:none; border-radius:0 5px 5px 0;}
.sub05_06_box_in_img>img { width:100%; height:auto; vertical-align:top;}

.sub05_06_left_btn { display:block; width:50px; height:50px; position:absolute; top:50%; margin-top:-25px; left:0; background-image:url(/images/icon/btn_left_60x60.jpg); background-size:cover; opacity:0.9;}
.sub05_06_right_btn { display:block; width:50px; height:50px; position:absolute; top:50%; margin-top:-25px; right:0; background-image:url(/images/icon/btn_right_60x60.jpg); background-size:cover; opacity:0.9;}
.sub05_06_left_btn:hover, .sub05_06_right_btn:hover { opacity:1;}

.sub05_08_tab { width:50%;}


/* 서브06 */

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




/* 서브07 */

.sub07_01_box { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0;}
.sub07_01_box:after { display:block; content:""; clear:both;}
.sub07_01_box_in { width:100%; padding:0 0 50px 0;}
.sub07_01_box_in_img { position:relative;}
.sub07_01_box_in_img>img { width:100%; height:auto;}
.sub07_01_table { font-size:16px; border-bottom:2px solid #633; border-top:2px solid #633;}
.sub07_01_table_tr { border-bottom:1px solid #ddd; background-color:#eee;}
.sub07_01_table_tr:after { display:block; content:""; clear:both;}
.sub07_01_table_tr:last-child { border-bottom:none;}
.sub07_01_table_td1 { float:left; width:25%; padding:20px 40px; text-align:center;}
.sub07_01_table_td2 { float:left; width:75%; padding:20px 40px; background-color:#fff; text-align:left;}
.letter-spacing3 { letter-spacing:-0.02em; padding-left:40px;}
.letter-spacing4 { letter-spacing:-0.02em; padding-left:40px;}

.sub07_02_box { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0;}
.sub07_02_box:after { display:block; content:""; clear:both;}
.sub07_02_box_in { width:100%; padding:0 0 50px 0;}
.sub07_02_box_in_img { position:relative;}
.sub07_02_box_in_img>img { width:100%; height:auto;}

.sub07_03_box { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0;}
.sub07_03_box:after { display:block; content:""; clear:both;}
.sub07_03_box_in { width:100%; padding:0 0 50px 0;}
.sub07_03_box_in_img { position:relative;}
.sub07_03_box_in_img>img { width:100%; height:auto;}

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






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



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

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



/* 서브 비주얼 */

.container_visual {}
.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:35%; left:50%; margin-left:-150px; font-size:35px; 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:52%; 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:1200px; 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:13px; text-align:center; padding:8px 12px; 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:50px 0 80px 0;}
.sub_container:after { display:block; content:""; clear:both;}

.box100per { width:100%; margin:0 auto; padding:0 15px;}
.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:1200px; font-size:14px; line-height:26px; margin-bottom:30px; font-weight:500; padding-left:19px;}
.page_location_1 { display:inline-block; vertical-align:middle; background-image:url(/images/icon/home2.png); width:15px; height:14px; margin-right:10px; text-indent:-9999px; background-size:cover; margin-left:-19px;}
.page_location_2 { display:inline-block; vertical-align:middle; color:#999;}
.page_location_3 { display:inline-block; vertical-align:middle; color:#95766f;}
.page_location_dot { display:inline-block; vertical-align:middle; background-image:url(/images/icon/dot_3x3.jpg); background-repeat:no-repeat; background-position:100% 50%; width:10px; height:19px;}

.in_title1_wrap { width:100%; max-width:1500px; margin:0 auto 30px auto; text-align:left;}
.in_title1_txt { font-size:14px; line-height:1.2; font-weight:400; margin:0 0 5px 0; letter-spacing:-0.02em; color:rgba(0,0,0,0.6);}
.in_title1_txt2 { font-size:14px; line-height:1.2; font-weight:400; letter-spacing:-0.02em; color:rgba(0,0,0,0.6); margin:-20px 0 30px 0;}
.in_title1 { font-size:26px; line-height:1.2; font-weight:400; margin:0 0 30px 0; letter-spacing:-0.06em; color:#31317e; text-align: center;}
.in_title1>span { font-weight:700;}
.in_title1_bar { width:40px; height:1px; margin:40px auto; background-color:rgba(0,0,0,0.3);}
.in_title2_txt { font-size:15px; line-height:22px; font-weight:400; letter-spacing:0; color:rgba(0,0,0,0.6);}
.in_title2 { font-size:30px; line-height:38px; font-weight:700; margin:0 0 10px 0; letter-spacing:0; color:rgba(0,0,0,0.8);}
.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%;}

.sub_notice { width:100%; margin:0 auto; padding:20px; background-color:rgba(0,0,0,0.01); border:1px solid rgba(0,0,0,0.1); border-radius:5px;}
.sub_notice>a { color:#0fa2df; text-decoration:underline;}


/* 서브01 */

.sub01_01_box { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0;}
.sub01_01_box:after { display:block; content:""; clear:both;}
.sub01_01_box_in { width:100%; padding:0 0 30px 0;}
.sub01_01_box_in_img { position:relative;}
.sub01_01_box_in_img>img { width:100%; height:auto;}
.sub01_01_table { font-size:15px; border-bottom:2px solid #633; border-top:2px solid #633;}
.sub01_01_table_tr { border-bottom:1px solid #ddd; background-color:#eee;}
.sub01_01_table_tr:after { display:block; content:""; clear:both;}
.sub01_01_table_tr:last-child { border-bottom:none;}
.sub01_01_table_td1 { float:left; width:40%; padding:15px 15px; text-align:center;}
.sub01_01_table_td2 { float:left; width:60%; padding:15px 20px; background-color:#fff; text-align:left;}
.letter-spacing1 { letter-spacing:-0.02em; padding-left:15px;}
.letter-spacing2 { letter-spacing:-0.02em; padding-left:20px;}

.sub01_02_box { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0;}
.sub01_02_box:after { display:block; content:""; clear:both;}
.sub01_02_box_in { width:100%; padding:0 0 30px 0;}
.sub01_02_box_in_img { position:relative;}
.sub01_02_box_in_img>img { width:100%; height:auto;}

.sub01_03_tab { width:auto;}
.sub01_03_box_in { width:100%; padding:0 0 30px 0;}




/* 서브02 */

.sub02_01_box { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0;}
.sub02_01_box:after { display:block; content:""; clear:both;}
.sub02_01_box_in { width:100%; padding:0 0 30px 0;}
.sub02_01_box_in_img { position:relative;}
.sub02_01_box_in_img>img { width:100%; height:auto;}

.sub02_02_box { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0;}
.sub02_02_box:after { display:block; content:""; clear:both;}
.sub02_02_box_in { width:100%; padding:0 0 30px 0;}
.sub02_02_box_in_img { position:relative;}
.sub02_02_box_in_img>img { width:100%; height:auto;}



/* 서브03 */

.sub03_01_box { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0;}
.sub03_01_box:after { display:block; content:""; clear:both;}
.sub03_01_box_in { width:100%; padding:0 0 30px 0;}
.sub03_01_box_in_img { position:relative;}
.sub03_01_box_in_img>img { width:100%; height:auto;}

.sub03_02_box { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0;}
.sub03_02_box:after { display:block; content:""; clear:both;}
.sub03_02_box_in { width:100%; padding:0 0 30px 0;}
.sub03_02_box_in_img { position:relative;}
.sub03_02_box_in_img>img { width:100%; height:auto;}

.sub03_03_tab { width:auto;}
.sub03_03_box { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0;}
.sub03_03_box:after { display:block; content:""; clear:both;}
.sub03_03_box_in { width:100%; padding:0 0 30px 0;}
.sub03_03_box_in:after { display:block; content:""; clear:both;}
.sub03_03_box_in_img { float:left; width:100%; margin:0 0 4% 0; border:1px solid rgba(0,0,0,0.3);}
.sub03_03_box_in_img>img { width:100%; height:auto; max-height:none;}



/* 서브04 */

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

.sub04_01_tab { width:auto;}
.sub04_01_box_btn_wrap { display:block; margin:0 0 30px 0; text-align:center;}
.sub04_01_list_btn2 { display:inline-block; vertical-align:middle; width:140px; padding:10px 0; border:1px solid #ecab83; border-radius:10px; background-color:#f5cfbc; font-size:14px; text-align:center;}
.sub04_01_list_btn { display:inline-block; vertical-align:middle; width:140px; padding:10px 0; border:1px solid rgba(0,0,0,0.3); border-radius:10px; background-color:rgba(0,0,0,0.05); font-size:14px; text-align:center; margin:0 0 0 10px;}
.sub04_01_box_in { width:100%; padding:0 0 10px 0;}
.sub04_01_box_in_img { position:relative;}
.sub04_01_box_in_img>img { width:100%; height:auto;}

.sub04_02_box_in { width:100%; padding:0 0 0 0; overflow:scroll;}
.sub04_02_box_i { width:100%; min-width:500px; height:500px; border: none;}
.vr_view { width:100%; max-width:1460px; margin:0 auto; padding:20px; background-color:rgba(0,0,0,0.01); border:1px solid rgba(0,0,0,0.1); border-radius:5px;}
.vr_view>a { color:#0fa2df; text-decoration:underline;}




/* 서브05 */

.sub05_01_box { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0;}
.sub05_01_box:after { display:block; content:""; clear:both;}
.sub05_01_box_in { width:100%; padding:0 0 30px 0;}
.sub05_01_box_in_img { position:relative;}
.sub05_01_box_in_img>img { width:100%; height:auto;}

.sub05_02_box { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0;}
.sub05_02_box:after { display:block; content:""; clear:both;}
.sub05_02_box_in { width:100%; padding:0 0 30px 0;}
.sub05_02_box_in_img { position:relative;}
.sub05_02_box_in_img>img { width:100%; height:auto;}
.sub05_02_box_in_btn { position:relative;}
.sub05_02_box_in_btn:after { display:block; content:""; clear:both;}
.sub05_02_box_in_btn>a { display:block; float:left; width:100%;}
.sub05_02_box_in_btn>a>img { width:100%; height:auto;}

.sub05_03_top { width:100%; padding:0 0 20px 0;}
.sub05_03_top>img { width:100%; height:auto;}
.sub05_03_tab { width:auto;}
.sub05_03_box_in { width:100%; padding:0 0 30px 0; margin-top:-20px;}
.sub05_03_box_in_img { position:relative;}
.sub05_03_box_in_img>img { width:100%; height:auto;}
.sub_pdf_download { width:100%; max-width:1350px; margin:0 auto; padding:20px; background-color:rgba(0,0,0,0.01); border:1px solid rgba(0,0,0,0.1); border-radius:5px;}
.sub_pdf_download>a { color:#0fa2df; text-decoration:underline;}

.sub05_05_tab { width:auto;}

.sub05_06_box { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0;}
.sub05_06_box:after { display:block; content:""; clear:both;}
.sub05_06_box_in { width:100%; padding:0 0 30px 0;}
.sub05_06_box_in:after { display:block; content:""; clear:both;}
.sub05_06_box_in_img { float:left; width:50%; position:relative; height:auto; border:1px solid rgba(0,0,0,0.1); overflow:hidden;}
.sub05_06_box_in_img:nth-child(1) { border-right:none; border-radius:5px 0 0 5px;}
.sub05_06_box_in_img:nth-child(2) { border-left:none; border-radius:0 5px 5px 0;}
.sub05_06_box_in_img>img { width:100%; height:auto; vertical-align:top;}

.sub05_06_left_btn { display:block; width:40px; height:40px; position:absolute; top:50%; margin-top:-20px; left:0; background-image:url(/images/icon/btn_left_60x60.jpg); background-size:cover; opacity:0.9;}
.sub05_06_right_btn { display:block; width:40px; height:40px; position:absolute; top:50%; margin-top:-20px; right:0; background-image:url(/images/icon/btn_right_60x60.jpg); background-size:cover; opacity:0.9;}
.sub05_06_left_btn:hover, .sub05_06_right_btn:hover { opacity:1;}

.sub05_08_tab { width:auto;}


/* 서브06 */

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




/* 서브07 */

.sub07_01_box { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0;}
.sub07_01_box:after { display:block; content:""; clear:both;}
.sub07_01_box_in { width:100%; padding:0 0 30px 0;}
.sub07_01_box_in_img { position:relative;}
.sub07_01_box_in_img>img { width:100%; height:auto;}
.sub07_01_table { font-size:15px; border-bottom:2px solid #633; border-top:2px solid #633;}
.sub07_01_table_tr { border-bottom:1px solid #ddd; background-color:#eee;}
.sub07_01_table_tr:after { display:block; content:""; clear:both;}
.sub07_01_table_tr:last-child { border-bottom:none;}
.sub07_01_table_td1 { float:left; width:40%; padding:15px 15px; text-align:center;}
.sub07_01_table_td2 { float:left; width:60%; padding:15px 20px; background-color:#fff; text-align:left;}
.letter-spacing3 { letter-spacing:-0.02em; padding-left:15px;}
.letter-spacing4 { letter-spacing:-0.02em; padding-left:20px;}

.sub07_02_box { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0;}
.sub07_02_box:after { display:block; content:""; clear:both;}
.sub07_02_box_in { width:100%; padding:0 0 30px 0;}
.sub07_02_box_in_img { position:relative;}
.sub07_02_box_in_img>img { width:100%; height:auto;}

.sub07_03_box { position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0;}
.sub07_03_box:after { display:block; content:""; clear:both;}
.sub07_03_box_in { width:100%; padding:0 0 30px 0;}
.sub07_03_box_in_img { position:relative;}
.sub07_03_box_in_img>img { width:100%; height:auto;}

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





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