@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:500px; overflow:hidden; background-color:#f5f5f5; text-align:center;}
.sub_visual .sub_bg { width:100%; height:500px; 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_240321.jpg);}
.sub_visual .sub02_06_bg { background-image:url(/images/sub/sub02_06_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);}


.top_txt { position:absolute; top:50%; left:50%; margin-left:-800px; font-size:60px; width:1600px; 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:67%; 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: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: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:1600px;}
.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 { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:50px 30px 30px 30px; border-bottom:1px solid rgba(0,0,0,0.1); font-size:34px; line-height:1; font-weight:700; letter-spacing:-0.06em;}
.page_location { position:absolute; right:30px; bottom:30px; display:inline-block; font-size:16px; line-height:19px; font-weight:500; padding:0; letter-spacing:0; text-align:right;}
.page_location_1 { display:inline-block; vertical-align:top; text-align:left; background-image:url(/images/icon/home2.png); width:20px; height:19px; margin:-2px 10px 0 0; 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:10px; height:19px;}


.in_title1 { font-size:50px; line-height:1.4; font-weight:700; margin:60px 0 20px 0; letter-spacing:-0.06em; color:rgba(0,0,0,0.8); text-align: center;}
.in_title1_txt { font-size:20px; line-height:1.4; font-weight:400; margin:0 0 40px 0; letter-spacing:-0.04em; color:rgba(0,0,0,0.6); text-align: center;}

.in_title2 { font-size:30px; line-height:1.4; font-weight:700; margin:60px 0 20px 0; letter-spacing:-0.04em; color:rgba(0,0,0,0.8); text-align: center;}
.in_title2_txt { font-size:18px; line-height:1.4; font-weight:400; margin:0 0 40px 0; letter-spacing:-0.04em; color:rgba(0,0,0,0.6); text-align: center;}

.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:60px;}

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



/* 서브01 */

.sub01_01_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:0 70px;}
.sub01_01_box:after { display:block; content:""; clear:both;}
.sub01_01_box_in { width:100%; font-size:0;}
.sub01_01_box_in_left { display:inline-block; vertical-align:top; width:50%; overflow:hidden; border-radius:20px;}
.sub01_01_box_in_left>img { width:100%; height:auto;}
.sub01_01_box_in_right { display:inline-block; vertical-align:top; width:50%; padding:30px 0 30px 50px;}
.sub01_01_box_in_title { font-size:30px; font-weight:500; margin-bottom:20px; letter-spacing:-0.06em;}
.sub01_01_box_in_txt { font-size:18px; margin-bottom:20px;}
.sub01_01_box_in_txt2 { font-size:18px; text-align:right;}
.sub01_01_box_in_txt2>span { font-size:24px; font-weight:500; padding:0 50px 0 10px;}

.sub01_02_box_in { width:100%; font-size:0;}
.sub01_02_box_in_left { display:inline-block; vertical-align:top; width:31%; border:1px solid rgba(0,0,0,0.1); margin-bottom:20px; overflow:hidden; border-radius:20px 20px 0 0;}
.sub01_02_box_in_left>img { width:100%; height:auto;}
.sub01_02_box_in_right { display:inline-block; vertical-align:top; width:69%; padding:10px 0 30px 50px; margin-bottom:20px;}
.sub01_02_box_in_title { font-size:22px; font-weight:700; background-image:url(/images/icon/circle_18x18.png); background-repeat:no-repeat; background-position:0% 50%; padding-left:25px; margin-bottom:20px;}
.sub01_02_box_in_txt {}
.sub01_02_map_wrap { width:100%; height:600px;}
.sub01_02_map { width:100%; height:600px;}

.sub01_03_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:0 70px;}
.sub01_03_box:after { display:block; content:""; clear:both;}
.sub01_03_box_in { width:100%; font-size:0; text-align:center;}
.sub01_03_img_pc { display:inline-block; width:100%; max-width:1317px;}
.sub01_03_img_mo { display:none; width:100%; max-width:449px;}



/* 서브02 */

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

.sub02_01_box_in { display:inline-block; width:30.333333333%; height:auto; margin:1.5%; border:1px solid rgba(0,0,0,0.1); border-radius:20px; overflow:hidden;}
.sub02_01_box_in_photo { width:100%; height:450px; border-bottom:1px solid rgba(0,0,0,0.1); background-repeat:no-repeat; background-position:center; background-size:cover;}
.sub02_01_box_in_title { font-size:18px; font-weight:500; text-align:center; padding:20px; background-color:rgba(0,0,0,0.02);}

.sub02_01_box_view_top { font-size:0; width:100%; height:auto;}
.sub02_01_box_view_photo { display:inline-block; vertical-align:top; width:36%; height:470px; margin-right:4%; border:1px solid rgba(0,0,0,0.1); background-repeat:no-repeat; background-position:center; background-size:cover; border-radius:20px; margin-bottom:60px;}
.sub02_01_box_view_txt_wrap { display:inline-block; vertical-align:top; width:60%;}
.sub02_01_box_view_txt_title { display:inline-block; background-color:#333; color:#FFF; padding:5px 20px; font-size:24px; font-weight:700; border-radius:3px; margin-bottom:40px;}
.sub02_01_box_view_txt_txt { font-size:18px; background-image:url(/images/icon/dot_10x10.png); background-size:5px auto; background-repeat:no-repeat; background-position:0% 8px; padding-left:10px; margin-bottom:40px;}
.sub02_01_box_view_txt_txt2 { margin-bottom:40px;}
.sub02_01_box_view_txt_btn { display:inline-block; vertical-align:top; background-color:#5B8FE6; color:#FFF; padding:10px 60px; border-radius:5px; font-size:18px; font-weight:500; margin-right:10px; margin-bottom:60px;}
.sub02_01_box_view_txt_btn2 { display:inline-block; vertical-align:top; background-color:#ddd; color:#444; padding:10px 60px; border-radius:5px; font-size:18px; font-weight:500; margin-bottom:60px;}

.sub02_01_box_view_bottom { width:100%; height:auto; font-size:0;}
.sub02_01_box_b_photo { position:relative; display:inline-block; vertical-align:top; width:24%; height:400px; margin-right:3%; border:1px solid rgba(0,0,0,0.1); background-repeat:no-repeat; background-position:center; background-size: auto 100%; border-radius:20px; margin-bottom:60px; overflow:hidden;}
.sub02_01_box_b_photo>p { position:absolute; bottom:0; width:100%; background-color:rgba(0,0,0,0.5); text-align:center; padding:10px; font-size:16px; color:#fff;}
.sub02_01_box_b_txt_wrap { display:inline-block; vertical-align:top; width:46%;}
.sub02_01_box_b_txt1_wrap { display:inline-block; vertical-align:top; width:73%;}
.sub02_01_box_b_txt2_wrap { display:inline-block; vertical-align:top; width:100%;}
.sub02_01_box_b_txt_title { font-size:22px; font-weight:700; background-image:url(/images/icon/circle_18x18.png); background-repeat:no-repeat; background-position:0% 50%; padding-left:25px; margin-bottom:20px;}
.sub02_01_box_b_txt_txt { margin-bottom:60px;}
.sub02_01_box_b_txt_txt>p { font-size:18px; background-image:url(/images/icon/dot_10x10.png); background-size:5px auto; background-repeat:no-repeat; background-position:0% 8px; padding-left:10px;}

.sub02_02_box_b_photo { position:relative; display:inline-block; vertical-align:top; width:31.333333333%; height:400px; margin-right:3%; border:1px solid rgba(0,0,0,0.1); background-repeat:no-repeat; background-position:center; background-size:cover; background-color:#f5f5f5; border-radius:20px; margin-bottom:60px; overflow:hidden;}
.sub02_02_box_b_photo>p { position:absolute; bottom:0; width:100%; background-color:rgba(0,0,0,0.5); text-align:center; padding:10px; font-size:16px; color:#fff;}
.sub02_02_box_b_txt_wrap { display:inline-block; vertical-align:top; width:48.5%; margin-right:3%;}
.sub02_02_box_b_photo2 { position:relative; display:inline-block; vertical-align:top; width:100%; height:500px; border:1px solid rgba(0,0,0,0.1); background-repeat:no-repeat; background-position:center; background-size:auto 100%; background-color:#f5f5f5; border-radius:20px; margin-bottom:60px; overflow:hidden;}

.sub02_03_box_wrap { position:relative; display:inline-block; vertical-align:top; width:31.333333333%; font-size:0; margin-right:2%; margin-bottom:60px;}
.sub02_03_box_photo { position:relative; display:inline-block; vertical-align:top; width:50%; height:230px; border:1px solid rgba(0,0,0,0.1); background-repeat:no-repeat; background-position:center; background-size:cover; border-radius:20px; overflow:hidden;}
.sub02_03_box_txt { position:relative; display:inline-block; vertical-align:top; width:50%; padding:20px;}
.sub02_03_box_txt>p { font-size: 18px; background-image: url(/images/icon/dot_10x10.png); background-size: 5px auto; background-repeat: no-repeat; background-position:0% 8px; padding-left:10px; margin-left:10px;}





/* 서브03 */

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

.sub03_02_tab { width:16.6666666666666%;}



/* 서브04 */

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




/* 서브05 */

.sub05_01_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:0 70px;}
.sub05_01_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:300px; overflow:hidden;}
.sub_visual .sub_bg { width:100%; height:300px; 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 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:10px 20px; 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:768px;}
.sub_container { position: relative; width:100%; margin:0 auto; padding:0 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 20px;}
.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 { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:50px 10px 20px 10px; border-bottom:1px solid rgba(0,0,0,0.1); font-size:30px; line-height:1; font-weight:700; letter-spacing:-0.06em;}
.page_location { position:absolute; right:10px; bottom:20px; display:inline-block; font-size:14px; line-height:19px; font-weight:500; padding:0; letter-spacing:0; text-align:right;}
.page_location_1 { display:inline-block; vertical-align:top; text-align:left; background-image:url(/images/icon/home2.png); width:20px; height:19px; margin:-2px 10px 0 0; 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:10px; height:19px;}

.in_title1 { font-size:36px; line-height:1.4; font-weight:700; margin:60px 0 10px 0; letter-spacing:-0.06em; color:rgba(0,0,0,0.8); text-align: center;}
.in_title1_txt { font-size:18px; line-height:1.4; font-weight:400; margin:0 0 30px 0; letter-spacing:-0.04em; color:rgba(0,0,0,0.6); text-align: center;}

.in_title2 { font-size:24px; line-height:1.4; font-weight:700; margin:60px 0 10px 0; letter-spacing:-0.06em; color:rgba(0,0,0,0.8); text-align: center;}
.in_title2_txt { font-size:15px; line-height:1.4; font-weight:400; margin:0 0 30px 0; letter-spacing:-0.02em; color:rgba(0,0,0,0.6); text-align: center;}

.in_title3 { font-size:18px; line-height:24px; 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:40px;}




/* 서브01 */

.sub01_01_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:0;}
.sub01_01_box:after { display:block; content:""; clear:both;}
.sub01_01_box_in { width:100%; font-size:0;}
.sub01_01_box_in_left { display:inline-block; vertical-align:top; width:45%; overflow:hidden; border-radius:15px;}
.sub01_01_box_in_left>img { width:100%; height:auto;}
.sub01_01_box_in_right { display:inline-block; vertical-align:top; width:55%; padding:0 0 20px 30px;}
.sub01_01_box_in_title { font-size:20px; font-weight:500; margin-bottom:20px; letter-spacing:-0.06em;}
.sub01_01_box_in_txt { font-size:14px; margin-bottom:20px;}
.sub01_01_box_in_txt2 { font-size:14px; text-align:right;}
.sub01_01_box_in_txt2>span { font-size:18px; font-weight:500; padding:0 20px 0 10px;}

.sub01_02_box_in { width:100%; font-size:0;}
.sub01_02_box_in_left { display:inline-block; vertical-align:top; width:46%; border:1px solid rgba(0,0,0,0.1); margin-bottom:20px; overflow:hidden; border-radius:15px 15px 0 0;}
.sub01_02_box_in_left>img { width:100%; height:auto;}
.sub01_02_box_in_right { display:inline-block; vertical-align:top; width:54%; padding:0 0 0 20px; margin-bottom:20px;}
.sub01_02_box_in_title { font-size:18px; font-weight:700; background-image:url(/images/icon/circle_18x18.png); background-repeat:no-repeat; background-position:0% 50%; padding-left:25px; margin-bottom:15px;}
.sub01_02_box_in_txt {}
.sub01_02_map_wrap { width:100%; height:500px; border:1px solid rgba(0,0,0,0.1); overflow:hidden; border-radius:0 0 15px 15px;}
.sub01_02_map { width:100%; height:500px;}

.sub01_03_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:0;}
.sub01_03_box:after { display:block; content:""; clear:both;}
.sub01_03_box_in { width:100%; font-size:0; text-align:center;}
.sub01_03_img_pc { display:inline-block; width:100%; max-width:1317px;}
.sub01_03_img_mo { display:none; width:100%; max-width:449px;}




/* 서브02 */

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

.sub02_01_box_in { display:inline-block; width:46%; height:auto; margin:2%; border:1px solid rgba(0,0,0,0.1); border-radius:15px; overflow:hidden;}
.sub02_01_box_in_photo { width:100%; height:350px; border-bottom:1px solid rgba(0,0,0,0.1); background-repeat:no-repeat; background-position:center; background-size:cover;}
.sub02_01_box_in_title { font-size:16px; font-weight:500; text-align:center; padding:15px; background-color:rgba(0,0,0,0.02);}

.sub02_01_box_view_top { font-size:0; width:100%; height:auto;}
.sub02_01_box_view_photo { display:inline-block; vertical-align:top; width:46%; height:450px; margin-right:4%; border:1px solid rgba(0,0,0,0.1); background-repeat:no-repeat; background-position:center; background-size:cover; border-radius:15px; margin-bottom:40px;}
.sub02_01_box_view_txt_wrap { display:inline-block; vertical-align:top; width:50%;}
.sub02_01_box_view_txt_title { display:inline-block; background-color:#333; color:#FFF; padding:5px 20px; font-size:20px; font-weight:700; border-radius:3px; margin-bottom:30px;}
.sub02_01_box_view_txt_txt { font-size:16px; background-image:url(/images/icon/dot_10x10.png); background-size:5px auto; background-repeat:no-repeat; background-position:0% 8px; padding-left:10px; margin-bottom:30px;}
.sub02_01_box_view_txt_txt2 { margin-bottom:30px;}
.sub02_01_box_view_txt_btn { display:inline-block; vertical-align:top; background-color:#5B8FE6; color:#FFF; padding:10px 40px; border-radius:5px; font-size:16px; font-weight:500; margin-right:10px; margin-bottom:40px;}
.sub02_01_box_view_txt_btn2 { display:inline-block; vertical-align:top; background-color:#ddd; color:#444; padding:10px 40px; border-radius:5px; font-size:16px; font-weight:500; margin-bottom:40px;}

.sub02_01_box_view_bottom { width:100%; height:auto; font-size:0;}
.sub02_01_box_b_photo { position:relative; display:inline-block; vertical-align:top; width:47%; height:400px; margin:0 3% 3% 0; border:1px solid rgba(0,0,0,0.1); background-repeat:no-repeat; background-position:center; background-size: auto 100%; border-radius:15px; margin-bottom:40px; overflow:hidden;}
.sub02_01_box_b_photo>p { position:absolute; bottom:0; width:100%; background-color:rgba(0,0,0,0.5); text-align:center; padding:10px; font-size:16px; color:#fff;}
.sub02_01_box_b_txt_wrap { display:inline-block; vertical-align:top; width:100%;}
.sub02_01_box_b_txt1_wrap { display:inline-block; vertical-align:top; width:73%;}
.sub02_01_box_b_txt2_wrap { display:inline-block; vertical-align:top; width:100%;}
.sub02_01_box_b_txt_title { font-size:20px; font-weight:700; background-image:url(/images/icon/circle_18x18.png); background-repeat:no-repeat; background-position:0% 2px; padding-left:25px; margin-bottom:20px; line-height:1.2;}
.sub02_01_box_b_txt_txt { margin-bottom:40px;}
.sub02_01_box_b_txt_txt>p { font-size:16px; background-image:url(/images/icon/dot_10x10.png); background-size:5px auto; background-repeat:no-repeat; background-position:0% 8px; padding-left:10px;}

.sub02_02_box_b_photo { position:relative; display:inline-block; vertical-align:top; width:31.333333333%; height:300px; margin-right:3%; border:1px solid rgba(0,0,0,0.1); background-repeat:no-repeat; background-position:center; background-size:cover; background-color:#f5f5f5; border-radius:15px; margin-bottom:40px; overflow:hidden;}
.sub02_02_box_b_photo>p { position:absolute; bottom:0; width:100%; background-color:rgba(0,0,0,0.5); text-align:center; padding:10px; font-size:16px; color:#fff;}
.sub02_02_box_b_txt_wrap { display:inline-block; vertical-align:top; width:100%; margin:3% 0;}
.sub02_02_box_b_photo2 { position:relative; display:inline-block; vertical-align:top; width:100%; height:500px; border:1px solid rgba(0,0,0,0.1); background-repeat:no-repeat; background-position:center; background-size:auto 100%; background-color:#f5f5f5; border-radius:15px; margin-bottom:40px; overflow:hidden;}

.sub02_03_box_wrap { position:relative; display:inline-block; vertical-align:top; width:48%; font-size:0; margin-right:2%; margin-bottom:40px;}
.sub02_03_box_photo { position:relative; display:inline-block; vertical-align:top; width:50%; height:180px; border:1px solid rgba(0,0,0,0.1); background-repeat:no-repeat; background-position:center; background-size:cover; border-radius:15px; overflow:hidden;}
.sub02_03_box_txt { position:relative; display:inline-block; vertical-align:top; width:50%; padding:15px;}
.sub02_03_box_txt>p { font-size: 16px; background-image: url(/images/icon/dot_10x10.png); background-size: 5px auto; background-repeat: no-repeat; background-position:0% 8px; padding-left:10px; margin-left:10px;}



/* 서브03 */

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

.sub03_02_tab { width:auto;}



/* 서브04 */

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


/* 서브05 */

.sub05_01_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:0;}
.sub05_01_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:150px; overflow:hidden;}
.sub_visual .sub_bg { width:100%; height:150px; 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:32px; 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:13px; 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:13px; text-align:center; padding:6px 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:0 0 50px 0;}
.sub_container:after { display:block; content:""; clear:both;}

.box100per { width:100%; margin:0 auto; padding:0 10px;}
.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;}

.in_title1_wrap { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:40px 5px 15px 5px; border-bottom:1px solid rgba(0,0,0,0.1); font-size:24px; line-height:1; font-weight:700; letter-spacing:-0.06em;}
.page_location { position:relative; right:auto; bottom:auto; display:block; font-size:13px; line-height:19px; font-weight:500; padding:0; letter-spacing:0; text-align:left; margin-top:15px;}
.page_location_1 { display:inline-block; vertical-align:top; text-align:left; background-image:url(/images/icon/home2.png); background-size:100% auto; background-repeat:no-repeat; background-position:center; width:15px; height:15px; margin:0 5px 0 0; 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:10px; height:19px;}

.in_title1 { font-size:28px; line-height:1.4; font-weight:700; margin:30px 0 10px 0; letter-spacing:-0.06em; color:rgba(0,0,0,0.8); text-align: center;}
.in_title1_txt { font-size:16px; line-height:1.4; font-weight:400; margin:0 0 20px 0; letter-spacing:-0.04em; color:rgba(0,0,0,0.6); text-align: center;}

.in_title2 { font-size:22px; line-height:1.4; font-weight:700; margin:30px 0 10px 0; letter-spacing:-0.04em; color:rgba(0,0,0,0.8); text-align: center;}
.in_title2_txt { font-size:14px; line-height:1.4; font-weight:400; margin:0 0 20px 0; letter-spacing:-0.02em; color:rgba(0,0,0,0.6); text-align: center;}

.in_title3 { font-size:16px; line-height:20px; 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;}




/* 서브01 */

.sub01_01_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:0;}
.sub01_01_box:after { display:block; content:""; clear:both;}
.sub01_01_box_in { width:100%; font-size:0;}
.sub01_01_box_in_left { display:inline-block; vertical-align:top; width:100%; overflow:hidden; border-radius:10px; margin-bottom:20px;}
.sub01_01_box_in_left>img { width:100%; height:auto;}
.sub01_01_box_in_right { display:inline-block; vertical-align:top; width:100%; padding:0 0 20px 0;}
.sub01_01_box_in_title { font-size:18px; font-weight:500; margin-bottom:20px; letter-spacing:-0.06em;}
.sub01_01_box_in_txt { font-size:13px; margin-bottom:20px;}
.sub01_01_box_in_txt2 { font-size:13px; text-align:right;}
.sub01_01_box_in_txt2>span { font-size:16px; font-weight:500; padding:0 20px 0 10px;}

.sub01_02_box_in { width:100%; font-size:0;}
.sub01_02_box_in_left { display:inline-block; vertical-align:top; width:100%; border:1px solid rgba(0,0,0,0.1); margin-bottom:20px; overflow:hidden; border-radius:10px;}
.sub01_02_box_in_left>img { width:100%; height:auto;}
.sub01_02_box_in_right { display:inline-block; vertical-align:top; width:100%; padding:0; margin-bottom:20px;}
.sub01_02_box_in_title { font-size:16px; font-weight:700; background-image:url(/images/icon/circle_18x18.png); background-repeat:no-repeat; background-position:0% 50%; padding-left:25px; margin-bottom:10px;}
.sub01_02_box_in_txt {}
.sub01_02_map_wrap { width:100%; height:500px; border:1px solid rgba(0,0,0,0.1); overflow:hidden; border-radius:10px;}
.sub01_02_map { width:100%; height:500px;}

.sub01_03_box { position:relative; width:100%; max-width:1600px; margin:0 auto; padding:0;}
.sub01_03_box:after { display:block; content:""; clear:both;}
.sub01_03_box_in { width:100%; font-size:0; text-align:center;}
.sub01_03_img_pc { display:none; width:100%; max-width:1317px;}
.sub01_03_img_mo { display:inline-block; width:100%; max-width:449px;}




/* 서브02 */

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

.sub02_01_box_in { display:inline-block; width:100%; height:auto; margin:4% 0; border:1px solid rgba(0,0,0,0.1); border-radius:10px; overflow:hidden;}
.sub02_01_box_in_photo { width:100%; height:350px; border-bottom:1px solid rgba(0,0,0,0.1); background-repeat:no-repeat; background-position:center; background-size:cover;}
.sub02_01_box_in_title { font-size:14px; font-weight:500; text-align:center; padding:10px; background-color:rgba(0,0,0,0.02);}

.sub02_01_box_view_top { font-size:0; width:100%; height:auto;}
.sub02_01_box_view_photo { display:inline-block; vertical-align:top; width:100%; height:350px; margin:4% 0; border:1px solid rgba(0,0,0,0.1); background-repeat:no-repeat; background-position:center; background-size:cover; border-radius:10px; margin-bottom:30px;}
.sub02_01_box_view_txt_wrap { display:inline-block; vertical-align:top; width:100%;}
.sub02_01_box_view_txt_title { display:inline-block; background-color:#333; color:#FFF; padding:5px 20px; font-size:18px; font-weight:700; border-radius:3px; margin-bottom:20px;}
.sub02_01_box_view_txt_txt { font-size:14px; background-image:url(/images/icon/dot_10x10.png); background-size:5px auto; background-repeat:no-repeat; background-position:0% 8px; padding-left:10px; margin-bottom:20px;}
.sub02_01_box_view_txt_txt2 { margin-bottom:20px;}
.sub02_01_box_view_txt_btn { display:inline-block; vertical-align:top; background-color:#5B8FE6; color:#FFF; padding:10px 40px; border-radius:5px; font-size:14px; font-weight:500; margin-right:10px; margin-bottom:30px;}
.sub02_01_box_view_txt_btn2 { display:inline-block; vertical-align:top; background-color:#ddd; color:#444; padding:10px 40px; border-radius:5px; font-size:14px; font-weight:500; margin-bottom:30px;}

.sub02_01_box_view_bottom { width:100%; height:auto; font-size:0;}
.sub02_01_box_b_photo { position:relative; display:inline-block; vertical-align:top; width:100%; height:300px; margin:0 0 3% 0; border:1px solid rgba(0,0,0,0.1); background-repeat:no-repeat; background-position:center; background-size: auto 100%; border-radius:10px; margin-bottom:30px; overflow:hidden;}
.sub02_01_box_b_photo>p { position:absolute; bottom:0; width:100%; background-color:rgba(0,0,0,0.5); text-align:center; padding:10px; font-size:14px; color:#fff;}
.sub02_01_box_b_txt_wrap { display:inline-block; vertical-align:top; width:100%;}
.sub02_01_box_b_txt1_wrap { display:inline-block; vertical-align:top; width:73%;}
.sub02_01_box_b_txt2_wrap { display:inline-block; vertical-align:top; width:100%;}
.sub02_01_box_b_txt_title { font-size:18px; font-weight:700; background-image:url(/images/icon/circle_18x18.png); background-repeat:no-repeat; background-position:0% 0%; padding-left:25px; margin-bottom:10px;}
.sub02_01_box_b_txt_txt { margin-bottom:20px;}
.sub02_01_box_b_txt_txt>p { font-size:14px; background-image:url(/images/icon/dot_10x10.png); background-size:5px auto; background-repeat:no-repeat; background-position:0% 8px; padding-left:10px;}

.sub02_02_box_b_photo { position:relative; display:inline-block; vertical-align:top; width:100%; height:300px; border:1px solid rgba(0,0,0,0.1); background-repeat:no-repeat; background-position:center; background-size:cover; background-color:#f5f5f5; border-radius:10px; margin-bottom:20px; overflow:hidden;}
.sub02_02_box_b_photo>p { position:absolute; bottom:0; width:100%; background-color:rgba(0,0,0,0.5); text-align:center; padding:10px; font-size:14px; color:#fff;}
.sub02_02_box_b_txt_wrap { display:inline-block; vertical-align:top; width:100%; margin:3% 0;}
.sub02_02_box_b_photo2 { position:relative; display:inline-block; vertical-align:top; width:100%; height:300px; border:1px solid rgba(0,0,0,0.1); background-repeat:no-repeat; background-position:center; background-size:auto 100%; background-color:#f5f5f5; border-radius:10px; margin-bottom:30px; overflow:hidden;}

.sub02_03_box_wrap { position:relative; display:inline-block; vertical-align:top; width:100%; font-size:0; margin:0; margin-bottom:30px;}
.sub02_03_box_photo { position:relative; display:inline-block; vertical-align:top; width:50%; height:170px; border:1px solid rgba(0,0,0,0.1); background-repeat:no-repeat; background-position:center; background-size:cover; border-radius:10px; overflow:hidden;}
.sub02_03_box_txt { position:relative; display:inline-block; vertical-align:top; width:50%; padding:10px 0 10px 10px;}
.sub02_03_box_txt>p { font-size: 14px; background-image: url(/images/icon/dot_10x10.png); background-size: 5px auto; background-repeat: no-repeat; background-position:0% 7px; padding-left:10px; margin-left:10px;}




/* 서브03 */

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




/* 서브04 */

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



/* 서브05 */

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








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