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


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

Site Name : 해운대 경동리인뷰 2차
Part :
Last edit : 2023.03
Author : Gautech

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

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



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


header { position:fixed; z-index:100;}



/* 서브 비주얼 */

.container_visual {}
.sub_visual { position:relative; width:100%; height:300px; overflow:hidden; background-color:#f5f5f5; text-align:center;}
.sub_visual .sub_bg { display:block; width:100%; height:300px; min-width:1400px; background-position:50% 50%; background-size:auto;
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/sub_bg_250121.jpg);}
.sub_visual .sub02_01_bg { background-image:url(/images/sub/sub_bg_250121.jpg);}
.sub_visual .sub03_01_bg { background-image:url(/images/sub/sub_bg_250121.jpg);}
.sub_visual .sub04_01_bg { background-image:url(/images/sub/sub_bg_250121.jpg);}
.sub_visual .sub05_01_bg { background-image:url(/images/sub/sub_bg_250121.jpg);}
.sub_visual .sub06_01_bg { background-image:url(/images/sub/sub_bg_250121.jpg);}
.sub_visual .sub07_01_bg { background-image:url(/images/sub/sub_bg_250121.jpg);}

.top_txt { font-family: 'GmarketSans', sans-serif; position:absolute; top:55%; left:50%; margin-left:-700px; font-size:40px; width:1400px; letter-spacing:-0.02em; line-height:1.2; font-weight:500; color:rgba(255,255,255,0.7); 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:1300px; 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:18px; text-align:center; padding:20px 0; background-color:#eee; margin:0 0 2px 0;}
.depth3_tab>a:nth-child(2n) { background-color:#ddd;}
.depth3_tab>a.depth3_active, .depth3_tab>a:hover { color:#FFF; background-color:#00382f;}

.depth4_tab { width:100%; max-width:1300px; height:auto; padding:20px 0 50px 0; margin:-50px auto 0 auto;}
.depth4_tab:after { display:block; content:""; clear:both;}
.depth4_tab>a { display:block; float:left; font-size:16px; text-align:center; padding:15px 0; background-color:#fff; border:1px solid rgba(0,0,0,0.2);}
.depth4_tab>a.depth4_active, .depth4_tab>a:hover { color:#FFF; background-color:#00382f;}



/* 서브공통 */

.sub_box { position:relative; width:100%; min-width:1300px;}
.sub_container { position: relative; width:100%; margin:0 auto; padding:0 0 100px 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;}

.page_location_wrap { width:100%; max-width:1300px; margin:0 auto; padding:0; height:auto;}
.page_location { position: relative; top:auto; left:auto; margin:0 auto; width:100%; max-width:1300px; font-size:16px; line-height:19px; font-weight:500; background-color:rgba(255,255,255,1); padding:60px 70px 0 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:50px; font-weight:700; line-height:1.4; letter-spacing:0; color:#fff; text-align: center; background-image:url(/images/sub/sub_bg.jpg); background-position:50% 50%; background-size:auto; padding:10px 0;}
.in_title1>span { font-weight:300;}
.in_title1_txt { font-size:30px; line-height:1.2; font-weight:300; letter-spacing:-0.04em; padding:0 0 50px 0; color:#00382f; text-align: center;}
.in_title2 { font-family: 'GmarketSans', sans-serif; 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_title2_txt { font-size:18px; line-height:30px; font-weight:500; letter-spacing:0; color:rgba(0,0,0,0.6);}
.in_title3 { width:100%; font-size:14px; line-height:1.4; font-weight:400; margin:20px 0 50px 0; text-align:center;}

.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;}

.sub_box_img { width:100%; position:relative;}
.sub_box_img>img { width:100%; height:auto;}
.sub_box_img>a>img { width:100%; height:auto;}
.sub_box_img_p { display:block;}
.sub_box_img_m { display:none;}

.if_box { width:100%;}
.if_box_in { width:100%; height:700px; border: none;}

.sub_top_title { width:100%; text-align:center; font-size:25px; font-weight:400; color:#00382e;}
.sub_top_title>img { margin:60px 0 20px 0;}
.sub_top_title>p { display:inline-block; width:1px; height:60px; background-color:#00382e; margin:30px 0 40px 0;}






/* 서브01 */

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

.sub01_01_box_in { border-top:1px solid #00382f; font-size:0;}
.sub01_01_box_in_tr { display:inline-block; vertical-align:top; position:relative; font-size:0; width:50%; border-bottom:1px solid #355b55;}
.sub01_01_box_in_td1 { display:inline-block; vertical-align:top; width:30%; color:#fff; background-color:#00382f; font-size:18px; padding:20px; text-align:center;}
.sub01_01_box_in_td2 { display:inline-block; vertical-align:top; width:70%; font-size:18px; padding:20px;}

.sub01_02_box { position: relative; width: 100%; margin: 0 auto;}
.sub01_02_box2 { display:none;}
.magnifier { width: 500px; height: 500px; position: absolute; border-radius: 100%; box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.85), 0 0 5px 5px rgba(0, 0, 0, 0.25); display: none;}
.target { display: block; width: 100%;}

.sub01_03_box_title { width:100%; text-align:center;}
.sub01_03_box_in { font-size:0; width:100%; position:relative;}
.sub01_03_box_in1 {}
.sub01_03_box_in2 {}
.sub01_03_box_in_txt { display:inline-block; vertical-align:top; width:50%;}
.sub01_03_box_in_img { display:inline-block; vertical-align:top; width:50%;}
.sub01_03_box_in_txt>img, .sub01_03_box_in_img>img { width:100%; height:auto;}
.sub01_03_box_in2>.sub01_03_box_in_txt { position:absolute; left:50%;}

.sub01_04_box { width:100%; font-size:0;}
.sub01_04_box_in { display:inline-block; vertical-align:top; position:relative; width:50%;}
.sub01_04_box_in>img { width:100%; height:auto;}
.sub01_04_box_in>p { display:inline-block; vertical-align:top; width:50%;}
.sub01_04_box_in>p>a { display:inline-block; vertical-align:top; width:100%;}
.sub01_04_box_in>p>a>img { width:100%; height:auto;}



/* 서브02 */

.sub02_01_tw { width:33.333333333%;}

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



/* 서브03 */

.sub03_01_tw { width:50%;}
.sub03_02_tw { width:16.666666666666%;}
.sub03_02_01_tw { width:50%; margin-left:-1px;}

.sub03_01_box_wrap { position:relative; width:100%; max-width:1300px; margin:0 auto; padding:40px 70px 0 70px;}
.sub03_01_box_wrap:after { display:block; content:""; clear:both;}
.sub03_01_if { width:100%; height:auto; aspect-ratio:100/55;}



/* 서브04 */

.sub04_03_tw { width:25%;}
.sub04_04_tw { width:33.333333333%;}

.sub04_01_box_wrap { position:relative; width:100%; max-width:1300px; margin:0 auto; padding:40px 70px 0 70px; font-size:0;}
.sub04_01_box_wrap:after { display:block; content:""; clear:both;}
.sub04_02_w { display:inline-block; vertical-align:top; width:50% !important;}
.sub04_02_w2 { display:inline-block; vertical-align:top; width:25% !important;}

.sub04_07_w { display:inline-block; vertical-align:top; width:50% !important;}
.sub04_07_w2 { display:inline-block; vertical-align:top; width:50% !important;}



/* 서브05 */

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



/* 서브06 */

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




/* 서브07 */

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






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



.footer_copy { padding-bottom:0 !important;}



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

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



/* 서브 비주얼 */

.container_visual { text-align:center; padding-top:80px;}
.sub_visual { display:none; 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:40%; left:50%; margin-left:-350px; font-size:40px; text-align:center; width:700px; letter-spacing:-0.06em; line-height:1.2; font-weight:400; color:rgba(255,255,255,0.9);}
.top_txt>p { display:block;}
.top_txt2 { display:none; 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:1300px; height:auto; padding:0 0 30px 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; margin:0 0 2px 0;}
.depth3_tab>a:nth-child(2n) { background-color:#ddd;}
.depth3_tab>a.depth3_active, .depth3_tab>a:hover { color:#FFF; background-color:#00382f;}

.depth4_tab { width:100%; max-width:1300px; height:auto; padding:15px 0 30px 0; margin:-30px auto 0 auto;}
.depth4_tab:after { display:block; content:""; clear:both;}
.depth4_tab>a { display:block; float:left; font-size:14px; text-align:center; padding:10px 0; background-color:#fff; border:1px solid rgba(0,0,0,0.2);}
.depth4_tab>a.depth4_active, .depth4_tab>a:hover { color:#FFF; background-color:#00382f;}



/* 서브공통 */

.sub_box { position:relative; width:100%; min-width:768px;}
.sub_container { position: relative; width:100%; margin:0 auto; padding:40px 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;}

.page_location_wrap { width:100%; max-width:1300px; margin:0; padding:0; text-align:left;}
.page_location { position:relative; top:auto; left:auto; width:100%; max-width:1300px; 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 { font-size:36px; font-weight:700; line-height:1.4; letter-spacing:0; color:#fff; text-align: center; background-image:url(/images/sub/sub_bg.jpg); background-position:50% 50%; background-size:auto; padding:10px 0;}
.in_title1>span { font-weight:300;}
.in_title1_txt { font-size:22px; line-height:1.2; font-weight:300; letter-spacing:-0.04em; padding:0 0 40px 0; color:#00382f; text-align: center;}
.in_title2 { font-family: 'GmarketSans', sans-serif; font-size:24px; line-height:55px; font-weight:700; margin:0 0 10px 0; letter-spacing:0; color:rgba(0,0,0,0.8);}
.in_title2_txt { font-size:18px; line-height:18px; font-weight:500; letter-spacing:0; color:rgba(0,0,0,0.6);}
.in_title3 { width:100%; font-size:14px; line-height:1.4; font-weight:400; margin:20px 0 50px 0; text-align:center;}

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

.sub_box_img { width:100%; position:relative;}
.sub_box_img>img { width:100%; height:auto;}
.sub_box_img>a>img { width:100%; height:auto;}
.sub_box_img_p { display:none;}
.sub_box_img_m { display:block;}

.if_box { width:100%;}
.if_box_in { width:100%; height:600px; border: none;}

.sub_top_title { width:100%; text-align:center; font-size:22px; font-weight:400; color:#00382e;}
.sub_top_title>img { margin:20px 0 20px 0;}
.sub_top_title>p { display:inline-block; width:1px; height:40px; background-color:#00382e; margin:25px 0;}






/* 서브01 */

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

.sub01_01_box_in { border-top:1px solid #00382f; font-size:0;}
.sub01_01_box_in_tr { display:inline-block; vertical-align:top; position:relative; font-size:0; width:100%; border-bottom:1px solid #355b55;}
.sub01_01_box_in_td1 { display:inline-block; vertical-align:top; width:30%; color:#fff; background-color:#00382f; font-size:15px; padding:20px; text-align:center;}
.sub01_01_box_in_td2 { display:inline-block; vertical-align:top; width:70%; font-size:15px; padding:20px;}

.sub01_02_box { display:none;}
.sub01_02_box2 { position:relative; display:block; width:100%;}

.sub01_03_box_title { width:100%; text-align:center;}
.sub01_03_box_in { font-size:0; width:100%; position:relative;}
.sub01_03_box_in1 {}
.sub01_03_box_in2 {}
.sub01_03_box_in_txt { display:inline-block; vertical-align:top; width:50%;}
.sub01_03_box_in_img { display:inline-block; vertical-align:top; width:50%;}
.sub01_03_box_in_txt>img, .sub01_03_box_in_img>img { width:100%; height:auto;}
.sub01_03_box_in2>.sub01_03_box_in_txt { position:absolute; left:50%;}

.sub01_04_box { width:100%; font-size:0;}
.sub01_04_box_in { display:inline-block; vertical-align:top; position:relative; width:100%;}
.sub01_04_box_in>img { width:100%; height:auto;}
.sub01_04_box_in>p { display:inline-block; vertical-align:top; width:50%;}
.sub01_04_box_in>p>a { display:inline-block; vertical-align:top; width:100%;}
.sub01_04_box_in>p>a>img { width:100%; height:auto;}


/* 서브02 */

.sub02_01_tw { width:33.333333333%;}

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



/* 서브03 */

.sub03_02_tw { width:16.666666666666%;}
.sub03_02_01_tw { width:50%; margin-left:-1px;}

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



/* 서브04 */

.sub04_03_tw { width:25%;}

.sub04_01_box_wrap { position:relative; width:100%; max-width:1300px; margin:0 auto; padding:0;}
.sub04_01_box_wrap:after { display:block; content:""; clear:both;}
.sub04_02_w { display:inline-block; vertical-align:top; width:100% !important;}
.sub04_02_w2 { display:inline-block; vertical-align:top; width:50% !important;}



/* 서브05 */

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



/* 서브06 */

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



/* 서브07 */

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




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



.footer_copy { padding-bottom:0 !important;}



}



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

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



/* 서브 비주얼 */

.container_visual { padding-top:80px;}
.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:45%; left:50%; margin-left:-150px; font-size:28px; text-align:center; width:300px; letter-spacing:-0.06em; line-height:1.2; font-weight:400; color:rgba(255,255,255,0.9);}
.top_txt>p { display:block;}
.top_txt2 { display:none; position:absolute; top:48%; 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:1300px; height:auto; padding:0 0 20px 0; margin:0 auto;}
.depth3_tab:after { display:block; content:""; clear:both;}
.depth3_tab>a { display:block; float:left; font-size:13px; text-align:center; padding:10px 0; background-color:#eee; margin:0 0 2px 0;}
.depth3_tab>a:nth-child(2n) { background-color:#ddd;}
.depth3_tab>a.depth3_active, .depth3_tab>a:hover { color:#FFF; background-color:#00382f;}

.depth4_tab { width:100%; max-width:1300px; height:auto; padding:10px 0 20px 0; margin:-20px auto 0 auto;}
.depth4_tab:after { display:block; content:""; clear:both;}
.depth4_tab>a { display:block; float:left; font-size:12px; text-align:center; padding:8px 0; background-color:#fff; border:1px solid rgba(0,0,0,0.2);}
.depth4_tab>a.depth4_active, .depth4_tab>a:hover { color:#FFF; background-color:#00382f;}



/* 서브공통 */

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

.box100per { width:100%; margin:0 auto; padding:0 10px;}

.page_location_wrap { width:100%; max-width:1300px; margin:0; text-align:left;}
.page_location { width:100%; max-width:1300px; font-size:14px; line-height:19px; margin:0; 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:10px; 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:20px; height:19px;}

.in_title1 { font-size:20px; font-weight:700; line-height:1.4; letter-spacing:0; color:#fff; text-align: center; margin-top:0; background-image:url(/images/sub/sub_bg.jpg); background-position:50% 50%; background-size:auto; padding:10px 0;}
.in_title1>span { font-weight:300;}
.in_title1_txt { font-size:20px; line-height:1.2; font-weight:300; letter-spacing:-0.04em; padding:0 0 30px 0; color:#00382f; text-align: center;}
.in_title2 { font-family: 'GmarketSans', sans-serif; font-size:20px; line-height:55px; font-weight:700; margin:0 0 10px 0; letter-spacing:0; color:rgba(0,0,0,0.8);}
.in_title2_txt { font-size:16px; line-height:18px; font-weight:500; letter-spacing:0; color:rgba(0,0,0,0.6);}
.in_title3 { width:100%; font-size:13px; line-height:1.4; font-weight:400; margin:20px 0 30px 0; text-align:center;}

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

.sub_box_img { width:100%; position:relative;}
.sub_box_img>img { width:100%; height:auto;}
.sub_box_img>a>img { width:100%; height:auto;}
.sub_box_img_p { display:none;}
.sub_box_img_m { display:block;}

.if_box { width:100%;}
.if_box_in { width:100%; height:500px; border: none;}

.sub_top_title { width:100%; text-align:center; font-size:20px; font-weight:400; color:#00382e;}
.sub_top_title>img { margin:10px 0; width:50%; height:auto; max-width:180px;}
.sub_top_title>p { display:inline-block; width:1px; height:30px; background-color:#00382e; margin:20px 0;}







/* 서브01 */

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

.sub01_01_box_in { border-top:1px solid #00382f; font-size:0;}
.sub01_01_box_in_tr { display:inline-block; vertical-align:top; position:relative; font-size:0; width:100%; border-bottom:1px solid #355b55;}
.sub01_01_box_in_td1 { display:inline-block; vertical-align:top; width:20%; color:#fff; background-color:#00382f; font-size:12px; padding:15px 0px; text-align:center;}
.sub01_01_box_in_td2 { display:inline-block; vertical-align:top; width:80%; font-size:12px; padding:15px 10px;}

.sub01_02_box { display:none;}
.sub01_02_box2 { position:relative; display:block; width:100%;}

.sub01_03_box_title { width:100%; text-align:center;}
.sub01_03_box_in { font-size:0; width:100%; position:relative;}
.sub01_03_box_in1 {}
.sub01_03_box_in2 {}
.sub01_03_box_in_txt { display:inline-block; vertical-align:top; width:100%;}
.sub01_03_box_in_img { display:inline-block; vertical-align:top; width:100%;}
.sub01_03_box_in_txt>img, .sub01_03_box_in_img>img { width:100%; height:auto;}
.sub01_03_box_in2>.sub01_03_box_in_txt { position:relative; left:auto;}



/* 서브02 */

.sub02_01_tw { width:33.333333333%;}

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



/* 서브03 */

.sub03_02_tw { width:16.666666666666%;}
.sub03_02_01_tw { width:50%; margin-left:-1px;}

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



/* 서브04 */

.sub04_03_tw { width:50%;}

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



/* 서브05 */

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



/* 서브06 */

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



/* 서브07 */

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




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

.footer_copy { padding-bottom:0 !important;}




}