/*
copyright(c) 상상너머·원데이넷 all rights reserved.
허용된 라이센스이외 무단도용재배포를 금합니다.
*/

@charset 'utf-8';


/* ● 상단 이벤트 공간 */
.top_event_area { position:relative; background:#000; overflow:hidden; text-align:center; z-index:9; height:50px; }
.top_event_area .title { background-color:#42bfec; color:#FFF; border-radius:100px; height:23px; line-height:23px; font-size:15px; padding:0 13px; margin-right:9px; box-sizing:border-box;}
.top_event_area .txt {color:#42bfec; font-weight:600; font-size:13px; line-height:50px; padding:0 20px}
.top_event_area .txt:hover { color:#fff;}
.top_event_area .txt:hover .title { background:#fff; color:#42bfec;}
.top_event_area .close_evt { position:absolute; right:30px; top:0; width:50px; height:50px; text-align:center; }
.top_event_area .close_evt .shape {width:19px; height:18px; background:transparent url('../images/event_btn_close.png') left top no-repeat; margin:15px 0 0 0}
.top_event_area .close_evt:hover .shape {background-position:right top;}

/* 반응형 */
@media screen and (max-width:950px) {
	.top_event_area .close_evt {right:0;}
}
@media screen and (max-width:800px) {
	.top_event_area {height:40px;}
	.top_event_area .title {font-size:12px; height:18px; line-height:19px; padding:0 10px;}
	.top_event_area .txt {font-size:13px; line-height:40px; font-weight:400; margin-left:-20px}
	.top_event_area .close_evt {right:5px; height:40px; width:40px;}
	.top_event_area .close_evt .shape {width:15px; height:18px; background-image:url('../images/if/event_btn_close.png'); margin:13px 0 0 0; background-size:15px;}
}



/* ● 헤더 */
.header { position:relative;}
.header .logo {position:absolute; left:50px; top:40px; width:130px; z-index:9;}
.header .logo img {width:100%;}
.header .nav {position:absolute; right:50px; top:48px; z-index:9;}
.header .nav li { list-style:none; float:left; margin-left:30px}
.header .nav .link { color:#FFF; font-weight:400; font-size:15px; line-height:30px;}
.header .nav .link:hover {color:#00baff}
.header .btn_slide {display:none;}

/* 반응형 */
@media screen and (max-width:950px) {
	.header .logo {left:15px; top:20px; width:80px;}
	.header .nav {display:none;}
	.header .btn_slide {display:block; position:absolute; right:5px; top:8px; z-index:3; width:40px; padding:15px 0; text-align:center;}
	.header .btn_slide .shape {width:20px; height:2px; background:#fff; position:relative;}
	.header .btn_slide .shape:before {content:""; width:inherit; height:inherit; background:inherit; position:absolute; left:0; top:-6px;}
	.header .btn_slide .shape:after {content:""; width:inherit; height:inherit; background:inherit; position:absolute; left:0; top:6px}

}


/* ● 슬라이드메뉴 */
.category_box { z-index:999; position:absolute; right:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.85); overflow:hidden;}
.category_box .inner_box { position:absolute; right:0; top:0; width:260px; height:100%; background:#3d3c48; box-shadow: 0 20px 20px rgba(0,0,0,0.5); box-sizing:border-box;
						   animation: mv_slide 0.5s; -webkit-animation: mv_slide 0.5s; animation-timing-function:ease; animation-fill-mode:forwards}
.category_box .inner_box li { list-style:none; } 
.category_box .ctg_close { position:absolute; right:270px; top:15px; background:transparent url('../images/slide_close.png') center center no-repeat; background-size:20px; width:30px; height:30px; }
.category_box .logo {text-align:center; background:#292932; padding:12px 0 10px 0}
.category_box .logo img {height:30px;}
.category_box .category_list { padding-top:13px; } 
.category_box .category_list .link { display:block; font-size:14px; font-weight:400; color:#fff; padding:0 30px; box-sizing:border-box; overflow:hidden; line-height:33px;}
.category_box .category_list .icon {float:left; margin:5px 8px 0 0; height:20px;}
.category_box .category_list .icon img {height:18px;}
.category_box .download {overflow:hidden; box-sizing:border-box; padding:0 20px; margin-top:20px}
.category_box .download li {width:50%; float:left; box-sizing:border-box; position:relative; text-align:center; padding:0 1px 0 0}
.category_box .download li:last-of-type {padding:0 0 0 1px}
.category_box .download .btn_down {background:#232326 url('../images/slide_down.png') center bottom 10px no-repeat; background-size:20px; border-radius:5px; padding:10px 10px 35px 10px; position:relative;}
.category_box .download .btn_down img {height:30px;}
.category_box .download .btn_down dt {font-size:14px; color:#42bfec; margin:5px 0 1px 0}
.category_box .download .btn_down dd {color:#fff; font-size:11px;}
.category_box .download .ready .btn_down {background-image:none;}
.category_box .download .ready_txt {color:rgba(255,255,255,0.3); position:absolute; left:0; bottom:10px; font-size:11px; width:100%; }

@-webkit-keyframes mv_slide {
    from { -webkit-filter: opacity(0%); filter: opacity(0%); right:-100px}
    to {-webkit-filter: opacity(100%); filter: opacity(100%); right:0}
}




/*● 메인 비주얼 롤링 */
.main_visual { position:relative;}

/* 롤링 컨트롤버튼  */
.main_visual .rolling { position:absolute; margin-top:-40px; top:50%; z-index:2; width:51px; height:95px; overflow:hidden;}
.main_visual .rolling .link {height:100%; width:100%; margin-top:-20px; border:1px solid transparent;}
.main_visual .rolling.btn_left {left:50px; background:transparent url('../images/rolling_prevnext.png') left top no-repeat; }
.main_visual .rolling.btn_right {right:50px; background:transparent url('../images/rolling_prevnext.png') right top no-repeat;}
.main_visual .rolling.btn_left:hover {background-position:left bottom;}
.main_visual .rolling.btn_right:hover {background-position:right bottom;}

/* 컨텐츠 내용  */
.main_visual .visual_contents { height:718px;}
.main_visual .visual_contents01 { background:#333 url('../images/bg_rolling.jpg') center top no-repeat;}
.main_visual .visual_contents02 { background:#333 url('../images/bg_rolling02.jpg') center top no-repeat;}
.main_visual .rolling_contents {padding:0 80px; text-align:center;}
.main_visual .rolling_contents li {list-style:none; }

.main_visual .rolling_contents dl {position:absolute; left:0; top:50%; width:100%; margin-top:-150px}
.main_visual .rolling_contents dt {font-weight:300; font-size:45px; color:#fff; margin-top:20px; padding:0 80px}
.main_visual .rolling_contents dd {color:#fff; font-size:21px; font-weight:300; letter-spacing:-0.5; margin-top:30px; line-height:1.3; padding:0 80px}
.main_visual .rolling_contents strong {display:block; font-weight:inherit}
.main_visual .rolling_contents .fc_yellow {color:#ffff00;}
.main_visual .visual_contents02 .fc_yellow {margin-top:50px}

.main_visual .btn_box {overflow:hidden; text-align:center; width:100%; position:absolute; left:0; bottom:100px; box-sizing:border-box;}
.main_visual .btn_box ul {display:inline-block}
.main_visual .btn_box li {display:inline-block; float:left; list-style:none; box-sizing:border-box;}
.main_visual .btn_box .btn {display:block; border-radius:8px; overflow:hidden; background:#f1f1f1;  margin:0 4px; box-sizing:border-box;}
.main_visual .btn_box .btn img {float:left; height:65px; border-radius:inherit;}
.main_visual .btn_box.if_text .btn {height:66px; line-height:66px; padding:0 35px; font-size:17px; color:#313131; }
.main_visual .btn_box.if_text .btn strong {font-weight:400;}
.main_visual .btn_box.if_text .btn:hover {background:#313133; color:#00a3dd}


/* 반응형 */
@media screen and (max-width:950px) {
	.main_visual .rolling {width:40px; height:75px;}
	.main_visual .rolling.btn_left {left:20px; background-size:80px;}
	.main_visual .rolling.btn_right {right:20px; background-size:80px;}
	.main_visual .rolling.btn_left:hover {background-position:left top;}
	.main_visual .rolling.btn_right:hover {background-position:right top;}
	.main_visual .visual_contents { height:630px; background-size:1980px;}
	.main_visual .btn_box {bottom:70px;}
}

@media screen and (max-width:880px) {
	.main_visual .rolling {width:30px; height:50px;}
	.main_visual .rolling.btn_left {background-size:60px;}
	.main_visual .rolling.btn_right {background-size:60px;}
	.main_visual .visual_contents { height:580px; background-size:1800px;}
	.main_visual .btn_box {bottom:50px;}
	.main_visual .btn_box.if_text .btn {height:60px; line-height:60px; padding:0 20px; font-size:15px;}

	.main_visual .rolling_contents dl {margin-top:-170px}
}

@media screen and (max-width:750px) {
	.main_visual .rolling {width:25px; height:45px;}
	.main_visual .rolling.btn_left {background-size:50px;}
	.main_visual .rolling.btn_right {background-size:50px;}
	.main_visual .visual_contents { height:530px; background-size:1650px;}
	.main_visual .btn_box {bottom:50px;}
}

@media screen and (max-width:670px) {
	.main_visual .rolling {width:20px; height:35px;}
	.main_visual .rolling.btn_left {left:15px; background-size:40px;}
	.main_visual .rolling.btn_right {right:15px; background-size:40px;}
	.main_visual .visual_contents { height:500px; background-size:1560px;}
	.main_visual .btn_box {bottom:40px;}
	
	.main_visual .rolling_contents dl {margin-top:-150px}
	.main_visual .visual_contents02 .fc_yellow {margin-top:70px}
	.main_visual .rolling_contents dt {font-size:37px; padding:0 60px; font-weight:400;}
	.main_visual .rolling_contents dd {font-size:19px; padding:0 60px; font-weight:400;}

}

@media screen and (max-width:600px) {
	.main_visual .rolling {margin-top:-20px; width:15px; height:28px;}
	.main_visual .rolling.btn_left {left:15px; background-size:30px;}
	.main_visual .rolling.btn_right {right:15px; background-size:30px;}
	.main_visual .visual_contents { height:480px; background-size:1560px;}
	.main_visual .btn_box {padding:0 90px; bottom:40px; }
	.main_visual .btn_box div {display:table; width:100%;}
	.main_visual .btn_box ul {display:table-row}
	.main_visual .btn_box li {width:1%; float:none; display:table-cell; }
	.main_visual .btn_box .btn {margin:0 2px; padding:2px 0; border-radius:6px;}
	.main_visual .btn_box .btn img {float:left; height:auto; width:100%;}
	.main_visual .btn_box.if_text .btn {height:50px; line-height:50px; padding:0; font-size:13px; letter-spacing:-1px;}
	.main_visual .btn_box.if_text {padding:0 40px;}

	.main_visual .rolling_contents dt {font-size:35px;}
	.main_visual .rolling_contents dd {font-size:17px;}

}

@media screen and (max-width:570px) {
	.main_visual .rolling.btn_left {left:10px; }
	.main_visual .rolling.btn_right {right:10px;}
	.main_visual .visual_contents { height:460px; background-size:1480px;}
	.main_visual .btn_box {padding:0 50px; bottom:40px; }
	.main_visual .btn_box.if_text .btn {height:50px; line-height:15px; padding-top:11px;}
	.main_visual .btn_box.if_text .btn strong {display:block;}
	.main_visual .btn_box.if_text {padding:0 20px;}

	.main_visual .rolling_contents dl {margin-top:-120px}
	.main_visual .visual_contents02 .fc_yellow {margin-top:70px}
	.main_visual .rolling_contents dt {font-size:33px; padding:0 50px; margin-top:10px;}
	.main_visual .rolling_contents dd {font-size:15px; padding:0 50px; margin-top:20px;}

}

@media screen and (max-width:520px) {	
	.main_visual .rolling {margin-top:-10px;}
	.main_visual .visual_contents { height:430px; background-size:1330px;}
	.main_visual .btn_box {padding:0 40px; bottom:40px; }
	.main_visual .btn_box.if_text .btn {height:45px; line-height:14px; padding-top:10px; font-size:12px;}
	.main_visual .btn_box.if_text {padding:0 15px;}

	.main_visual .rolling_contents dt {font-size:30px; padding:0 40px;}
	.main_visual .rolling_contents dd {font-size:16px; padding:0 40px;}
}

@media screen and (max-width:480px) {	
	.main_visual .rolling {margin-top:-10px;}
	.main_visual .visual_contents { height:400px; background-size:1250px;}
	.main_visual .btn_box {padding:0 40px; bottom:30px; }
	.main_visual .btn_box.if_text .btn {height:45px; line-height:14px; padding-top:10px; font-size:12px;}
	.main_visual .btn_box.if_text {padding:0 15px;}

	.main_visual .rolling_contents dl {margin-top:-100px}
	.main_visual .visual_contents02 .fc_yellow {margin-top:40px}
	.main_visual .rolling_contents dt {font-size:25px; padding:0 30px;}
	.main_visual .rolling_contents dd {font-size:15px; padding:0 50px;}
	.main_visual .visual_contents02 strong {display:inline}
}

@media screen and (max-width:400px) {	
	.main_visual .rolling {margin-top:-10px;}
	.main_visual .visual_contents { height:360px; background-size:1130px;}
	.main_visual .btn_box {padding:0 30px; bottom:35px; }
	.main_visual .btn_box.if_text {padding:0 15px;}

	.main_visual .rolling_contents dl {margin-top:-100px}
	.main_visual .visual_contents02 .fc_yellow {margin-top:40px}
	.main_visual .rolling_contents dt {font-size:23px; padding:0 30px;}
	.main_visual .rolling_contents dd {font-size:15px; padding:0 50px;}
	.main_visual .visual_contents02 strong {display:inline}

}





/* ● 타이틀 공통 스타일 */
.main_title_box {text-align:center; padding:0 30px}
.main_title_box .title {color:#42bfec; font-size:19px; }
.main_title_box .text {color:#636363; font-size:15px; padding-top:10px; font-weight:300; word-breka:keep-all; word-break:normal; white-space:normal;}
.main_title_box.if_black .title {color:#333; }

@media screen and (max-width:900px) {
	.main_title_box .text {font-weight:400;}
}

@media screen and (max-width:500px) {
	.main_title_box .title {font-size:17px; }
	.main_title_box .text {font-size:13px; letter-spacing:-0.5px; line-height:14px;}
}




/* ● 이용방법 */
.main_guide { position:relative; overflow:hidden; margin:60px 0; }
.main_guide ul {margin-top:25px; margin-left:-26px;}
.main_guide li { float:left; list-style:none;}
.main_guide img {width:100%;}
.main_guide .one_box {width:302px; margin-left:26px;}
.main_guide .one_box dt {color:#333; font-size:17px; padding-top:20px; }
.main_guide .one_box dd {color:#666; font-size:15px; font-weight:300; padding-top:10px; }
.main_guide .one_box .first {display:block;}
.main_guide .one_box .second {display:none}
.main_guide+ .main_guide {margin-top:10px}

/* 반응형 */
@media screen and (max-width:1000px) {
	/* .main_guide {margin:30px 0; } */
	.main_guide ul {margin-top:15px; margin-left:0; box-sizing:border-box; padding:0 10px}
	.main_guide li {width:33.33333%; box-sizing:border-box; padding:0 10px}
	.main_guide .one_box {width:100%; margin:0}	
	.main_guide .one_box dt {font-size:17px; padding-top:20px; }
	.main_guide .one_box dd {font-size:14px; font-weight:400; padding-top:10px; color:#888 }
}

@media screen and (max-width:900px) {
	.main_guide li {padding:0 5px}
}

@media screen and (max-width:700px) {
	.main_guide {margin:40px 0; }
	.main_guide ul {margin-top:10px;}
	.main_guide li {width:100%; padding:0 5px}
	.main_guide .one_box {margin-bottom:25px}
	.main_guide .one_box dt {padding-top:10px; }
	.main_guide .one_box dd {padding-top:5px; }
	.main_guide .one_box .first {display:none;}
	.main_guide .one_box .second {display:block}
}




/* ● 주요기능 */
.function { position:relative; background:#f8f8f8; padding:70px 0; margin-top:70px; }

.function .rolling { position:absolute; top:50%; margin-top:-30px; z-index:2; }
.function .rolling .link { background:rgba(0,0,0,0.7); border-radius:100px; width:60px; height:60px; text-align:center; }
.function .rolling img {width:25%; margin-top:17px}
.function .rolling.btn_left { left:15px; }
.function .rolling.btn_left img {margin-left:-5px}
.function .rolling.btn_right { right:15px; }
.function .rolling.btn_right img {margin-right:-5px}
.function .rolling .link:hover {background:#42bfec}

.function .function_contents { position:relative; }
.function .function_box {overflow:hidden; padding:40px 0 20px 0; }
.function .function_box .img {width:60%; margin-left:30px;}
.function .function_list { position:absolute; left:60%; top:200px;}
.function .function_list li {list-style:none; color:#666; font-size:25px; font-weight:300; padding:2px 0 }
.function .function_list li:first-of-type { color:#333; font-size:43px; margin-bottom:10px}

/* 반응형 */
@media screen and (max-width:1000px) {
	.function {padding:40px 0; margin-top:50px; }
}
@media screen and (max-width:950px) {
	.function .function_box .img {width:50%;}
	.function .function_box .img img {width:100%;}
	.function .function_box .function_list {left:60%;}
	.function .function_box li {font-size:21px; font-weight:400;}
	.function .function_box li:first-of-type {font-size:39px;}
}
@media screen and (max-width:800px) {
	.function .function_list {top:180px;}
}
@media screen and (max-width:700px) {
	.function .rolling {margin-top:-20px;}
	.function .rolling .link {width:40px; height:40px;}
	.function .rolling img {margin-top:12px}
	.function {padding:20px 0; margin-top:20px; }
	.function .function_list {top:140px;}
	.function .function_box li {font-size:19px;}
	.function .function_box li:first-of-type {font-size:35px;}
}
@media screen and (max-width:600px) {
	.function .function_list {top:140px;}
	.function .function_box li {font-size:19px;}
	.function .function_box li:first-of-type {font-size:35px;}
}	
@media screen and (max-width:550px) {
	.function .rolling {margin-top:-5px;}
	.function .rolling .link {width:30px; height:30px;}
	.function .rolling img {margin-top:8px}
	.function .function_box {overflow:hidden; padding:30px 0 10px 0; }
	.function .function_box .img {width:40%;}
	.function .function_box .function_list {left:50%;}
	.function .function_list {top:100px;}
	.function .function_box li {font-size:17px;}
	.function .function_box li:first-of-type {font-size:25px;}
}
@media screen and (max-width:450px) {
	.function .function_box .img {width:40%;}
	.function .function_box .function_list {left:55%;}
	.function .function_list {top:55px;}
	.function .function_box li {font-size:12px; padding:1px 0 }
	.function .function_box li:first-of-type {font-size:19px; margin-bottom:5px}
}





/* ● 실시간 비교견적 현황 */
.compare_state { position:relative; margin:70px 0; overflow:hidden; }

.compare_state .compare_list { position:relative; overflow:hidden; padding-top:30px; margin-left:-13px}
.compare_state .compare_list li {float:left; width:25%; list-style:none; box-sizing:border-box;}

.compare_state .qna_box { position:relative; background:#f8f8f8; border:1px solid #e3e3e3; padding:15px 20px 15px 20px; margin:13px 0 0 13px;}
.compare_state .qna_box:hover {border:1px solid #888; background:#fff; cursor:default}
.compare_state .qna_box .state { position:absolute; right:-1px; top:-1px; background:#42c7f2 url('../images/img_edge.png') left bottom no-repeat; color:#FFF; font-size:12px; padding:9px 10px 6px 11px; z-index:2}
.compare_state .qna_box .state_end { background-color:#fe8600; }
.compare_state .qna_box dt,.compare_state .qna_box dd {position:relative; padding-left:10px; color:#636363; }
.compare_state .qna_box dt {font-size:13px; font-weight:600; margin-bottom:15px; }
.compare_state .qna_box dd {font-size:12px; position:relative; margin-top:5px;}
.compare_state .qna_box dd:before {content:""; background:#636363; width:2px; height:2px; position:absolute; left:4px; top:50%; margin-top:-1px; }
.compare_state .qna_box dt:before {content:""; background:#636363; width:2px; height:2px; position:absolute; left:4px; top:50%; margin-top:-1px; }
.compare_state .qna_box .locate {display:block; color:#666; font-size:12px; overflow:hidden; padding-top:15px}
.compare_state .qna_box .locate img {float:left; height:16px; margin:-1px 5px 0 0}

.compare_state .btn_more { position:relative; text-align:center; overflow:hidden; padding-top:40px; }
.compare_state .btn_more .btn_txt { color:#666; font-size:15px; font-weight:300; }
.compare_state .btn_more .btn_img { background:#424242; border-radius:50px; width:45px; height:45px; margin-top:7px; position:relative;}
.compare_state .btn_more .btn_img:hover { background:#42bfec; }
.compare_state .btn_more .btn_img .shape {width:17px; height:1px; background:#fff; position:absolute; left:50%; top:50%; margin:-1px 0 0 -8px}
.compare_state .btn_more .btn_img .shape:before {content:""; width:1px; height:17px; background:#fff; position:absolute; left:50%; top:50%; margin:-8px 0 0 -1px}


/* 반응형 */
@media screen and (max-width:1000px) {
	.compare_state .btn_more .btn_txt {font-weight:400;}
	.compare_state {margin:50px 0; padding:10px}
	.compare_state .compare_list { padding-top:30px; margin-left:0}
	.compare_state .compare_list li {padding:5px}
	.compare_state .qna_box {margin:0}
}

@media screen and (max-width:900px) {
	.compare_state {margin:40px 0;}
	.compare_state .compare_list li {width:33.3333333%;}
	.compare_state .compare_list { padding-top:20px;}
	.compare_state .qna_box {padding:15px 15px 15px 15px;}
}

@media screen and (max-width:750px) {
	.compare_state {margin:30px 0;}
	.compare_state .compare_list li {width:50%}
	.compare_state .compare_list { padding-top:20px;}
	.compare_state .qna_box dt {margin-bottom:10px; }
	.compare_state .qna_box dd {margin-top:5px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box;}
	.compare_state .qna_box .locate {padding-top:10px}
	.compare_state .btn_more  {padding-top:20px;}
}
@media screen and (max-width:400px) {
	.compare_state {margin:30px 0;}
	.compare_state .compare_list { padding-top:15px;}
	.compare_state .compare_list li {width:100%}
}






/* ● 푸터 */
.footer_wrap {position:relative; text-align:center; }

.footer_wrap .kakao_area { background:#f9e000; }
.footer_wrap .kakao_area .layout_fix {padding:30px 0; }
.footer_wrap .kakao_area li {list-style:none; overflow:hidden; text-align:center;}
.footer_wrap .kakao_area img {height:30px;}
.footer_wrap .kakao_area .lineup {margin-top:5px}
.footer_wrap .kakao_area .kakao_txt {position:relative; color:#39361d; font-size:17px; height:32px; line-height:37px; float:left;}
.footer_wrap .kakao_area .kakao_id {position:relative; font-size:15px; background:#3c2e30; color:#f9e000; height:32px; line-height:33px; padding:0 15px; border-radius:100px; margin-left:8px; float:left;}
.footer_wrap .kakao_area .kakao_id:hover {background:#fff; color:#3c2e30}
.footer_wrap .kakao_area .layout_fix:hover .kakao_id {background:#fff; color:#3c2e30}

.footer_wrap .sns_group { position:relative; overflow:hidden; text-align:center; padding:50px 0; }
.footer_wrap .sns_group .link { float:left;  margin:0 5px; width:40px; height:40px; border-radius:50px; padding:5px}
.footer_wrap .sns_group .link img { width:100%; height:100%;}
.footer_wrap .sns_group .sns1 { background:#fbbf00; }
.footer_wrap .sns_group .sns2 { background:#21c506; }
.footer_wrap .sns_group .sns3 { background:#3b5999; }
.footer_wrap .sns_group .sns4 { background:#43abe2; }
.footer_wrap .sns_group .sns5 { background:#825741; }

.footer_wrap .footer { position:relative; text-align:center; background:#f8f8f8; padding:40px 0 50px 0;}
.footer_wrap .footer .f_logo {}
.footer_wrap .footer .f_logo img {height:60px;}
.footer_wrap .footer .address {color:#888; margin-top:10px}
.footer_wrap .footer .address dd {margin-top:3px}
.footer_wrap .footer .address .txt {margin:0 5px}
.footer_wrap .footer .copyright { color:#bbb; padding-top:15px;}

/* 반응형 */
@media screen and (max-width:800px) {
	.footer_wrap .kakao_area .layout_fix {padding:20px 0; }
	.footer_wrap .kakao_area img {height:25px;}
	.footer_wrap .kakao_area .kakao_txt {font-size:15px; height:28px; line-height:33px; letter-spacing:-0.5px;}
	.footer_wrap .kakao_area .kakao_id {font-size:12px; height:28px; line-height:29px;}
	.footer_wrap .sns_group {padding:30px 0;}
	.footer_wrap .sns_group .link {width:28px; height:28px;}
	.footer_wrap .footer {padding:30px 0;}
	.footer_wrap .footer .f_logo img {height:50px;}
	.footer_wrap .footer .address {margin-top:10px}
	.footer_wrap .footer .address .txt {font-size:11px;}
	.footer_wrap .footer .copyright {font-size:11px}
}

/* 반응형 */
@media screen and (max-width:600px) {
	.footer_wrap .kakao_area .layout_fix {padding:15px 0; }
	.footer_wrap .kakao_area img {height:20px;}
	.footer_wrap .kakao_area .kakao_txt {font-size:13px; height:24px; line-height:28px;}
	.footer_wrap .kakao_area .kakao_id {font-size:11px; height:24px; line-height:25px;}
	.footer_wrap .sns_group {padding:20px 0;}
	.footer_wrap .sns_group .link {width:26px; height:26px;}
	.footer_wrap .footer {padding:20px 0;}
	.footer_wrap .footer .address {margin-top:5px}
	.footer_wrap .footer .address .txt {font-size:11px;}
	.footer_wrap .footer .copyright {font-size:11px}
}

@media screen and (max-width:500px) {
	.footer_wrap .footer strong {display:block;}
}




/* ● 화면 위로 가기버튼 */
.btn_scroll_top {position:fixed; right:50px; bottom:20px; z-index:100; width:50px; height:50px;}

/* 반응형 */
@media screen and (max-width:1200px) {
	.btn_scroll_top { display:none !important; }
}





.main_copy_title {text-align:center; padding:0 15px; margin:40px 0 0 0; letter-spacing:-1px;}
.main_copy_title dt {font-size:19px; color:#888; font-weight:300; line-height:1.3;}
.main_copy_title dd {font-size:25px; color:#555; font-weight:300; margin-top:10px; line-height:1.5;}
.main_copy_title div {display:block; font-weight:inherit; line-height:inherit;}
.main_copy_title strong {font-weight:400; color:#333;}
.main_copy_title .icon {display:block; height:16px; border-bottom:1px solid #ddd; margin-top:30px;}
.main_copy_title .icon .shape {display:block; height:33px; background:transparent url('../images/main_copy_txt.png') center center no-repeat; }

/* 반응형 */
@media screen and (max-width:800px) {
	.main_copy_title .icon .shape {background-size:100px;}
}

@media screen and (max-width:700px) {
	.main_copy_title {margin:30px 0 0 0;}
	.main_copy_title dt {font-size:15px; color:#888; font-weight:400;}
	.main_copy_title dd {font-size:19px; color:#555; font-weight:400; margin-top:10px; line-height:1.3;}
	.main_copy_title div {display:inline; font-weight:inherit; }
	.main_copy_title .icon 	{margin-top:20px;}
}

@media screen and (max-width:500px) {
	.main_copy_title dt {font-size:15px; }
	.main_copy_title dd {font-size:18px; }
	.main_copy_title .icon 	{margin-top:15px;}
}







.footer_menu {overflow:hidden; margin-top:30px}
.footer_menu .menu {color:#555; padding:5px 15px; letter-spacing:-0.5px; font-size:13px; float:left; position:relative;}
.footer_menu .menu:before {content:''; width:1px; height:11px; position:absolute; left:0; top:6px; background:#ccc; }
.footer_menu .menu:first-child:before {display:none;}
.footer_menu .menu:hover {color:#000}

/* 반응형 */
@media screen and (max-width:700px) {
	.footer_menu {margin-top:15px}
	.footer_menu .menu {padding:5px 10px;font-size:12px;}
}




.main_news_media {background:#ddd; padding:0 30px 20px 30px; overflow:hidden; text-align:center }
.main_news_media .title {font-size:17px; color:#333; margin:25px 0 15px 0}
.main_news_media ul {display:inline-block;}
.main_news_media li {display:inline-block; list-style:none; padding:0 5px 5px 0; float:left; }
.main_news_media .news {background:#fff; width:140px; border-radius:5px; overflow:hidden; box-shadow:1px 1px 1px rgba(0,0,0,0.1); padding:20px 30px;}
.main_news_media .news img {width:100%}


/* 반응형 */
@media screen and (max-width:900px) {
	.main_news_media {padding-left:20px; padding-right:20px}
	.main_news_media .news {box-sizing:border-box; width:100%; padding:20px;}
	.main_news_media ul {display:block;}
	.main_news_media li {display:block; float:left; width:25%; box-sizing:border-box; }
}
/* 반응형 */
@media screen and (max-width:500px) {
	.main_news_media .title {margin:20px 0 10px 0}
	.main_news_media {padding:0 20px 20px 20px;}
	.main_news_media li {width:50%;}
	.main_news_media .news {padding:15px 30px;}
}