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

@charset 'utf-8';


/*● 서브 비주얼  */
.sub_visual { position:relative; height:700px; }
.sub_visual .visual_area { position:absolute; left:0; top:50%; width:100%; text-align:center; margin-top:-200px }

.sub_visual .table_box {width:100%;}
.sub_visual .table_box td {height:400px; padding:0 50px;}
.sub_visual .table_box .txt_first {color:#fff; font-weight:300; font-size:45px; margin-bottom:0;}
.sub_visual .table_box .txt_first:first-child {margin-bottom:30px;}
.sub_visual .table_box .txt_second {color:#fff; font-weight:300; font-size:21px; line-height:1.3; margin-top:20px;}
.sub_visual .table_box .fc_yellow {color:#ffff00;}
.sub_visual .table_box strong {display:block; font-weight:inherit}

.visual_first {background:#4b4c50 url('../images/bg_sub_visual.jpg') center top no-repeat; }
.visual_customer { background:#4b4c50 url('../images/bg_sub_visual02.jpg') center top no-repeat;}
.visual_company { background:#4b4c50 url('../images/bg_sub_visual03.jpg') center top no-repeat;}
.visual_form { background:#4b4c50 url('../images/bg_sub_visual04.jpg') center top no-repeat;}



@media screen and (max-width:900px) {	
	.sub_visual {height:600px; background-size:1840px;}

	.sub_visual .table_box .txt_first {font-weight:400;}
	.sub_visual .table_box .txt_second {font-weight:400;}
}

@media screen and (max-width:800px) {	
	.sub_visual {height:500px; background-size:1600px;}

}

@media screen and (max-width:700px) {	
	.sub_visual {height:400px; background-size:1340px;}

	.sub_visual .visual_area {margin-top:-90px }
	.sub_visual .table_box td {height:200px; padding:0 40px;}
	.sub_visual .table_box .txt_first {font-size:40px;}
	.sub_visual .table_box .txt_second {font-size:19px;}

}

@media screen and (max-width:600px) {	
	.sub_visual {height:350px; background-size:1140px;}

	.sub_visual .visual_area {margin-top:-80px }
	.sub_visual .table_box .txt_first {font-size:35px; margin-bottom:15px;}
	.sub_visual .table_box .txt_second {font-size:17px;}
	.sub_visual .table_box strong {display:inline;}
	
}


@media screen and (max-width:400px) {
	.sub_visual {height:300px; background-size:950px;}

	.sub_visual .visual_area {margin-top:-80px }
	.sub_visual .table_box td {padding:0 20px;}
	.sub_visual .table_box .txt_first {font-size:25px;}
	.sub_visual .table_box .txt_second {font-size:15px; margin-top:5px;}

}



/*● 서브 컨텐츠 기본 */
.sub_contents { position:relative; padding:10px 0 0 0; }
.sub_title {text-align:center; color:#42bfec; font-weight:300; font-size:25px; margin:40px}
.sub_title .exp {margin-top:20px; font-size:15px; font-weight:300; color:#888}
.sub_title2 {text-align:center; font-size:37px; color:#333; font-weight:300; padding:0 15px; letter-spacing:-0.5px;}
.sub_title2 strong {display:block;}
.sub_title3 {text-align:center; font-size:21px; color:#888; font-weight:300; padding:0 20px; letter-spacing:-0.5px; margin-top:10px; line-height:1.4;}
.sub_title3 strong {display:block;}
.sub_title3 u {display:inline; text-decoration:none; border-bottom:1px solid #333}
.sub_title3 .underline_icon {background:transparent url('../images/ic_plus_content.png') left center no-repeat; background-size:22px; padding-left:25px}


@media screen and (max-width:900px) {
	.sub_title {margin:30px 10px 20px 10px; font-size:21px; font-weight:400; }
	.sub_title .exp {margin-top:10px; font-size:14px; font-weight:400; color:#999}
	.sub_title2 {font-size:30px; }
	.sub_title3 {font-size:19px}
	.sub_title3 .underline_icon {background-size:19px; padding-left:23px}
	.sub_title3 strong {display:inline;}
}

@media screen and (max-width:700px) {
	.sub_title2 {font-size:25px; font-weight:400;}
	.sub_title3 {font-size:17px; font-weight:400;}
	.sub_title3 .underline_icon {background-size:17px; padding-left:20px}
}

@media screen and (max-width:550px) {
	.sub_title {margin:20px 10px 20px 10px;}
	.sub_title2 {font-size:23px;}
}

@media screen and (max-width:550px) {
	.sub_title2 {font-size:19px;}
	.sub_title2 strong {display:inline;}
	.sub_title3 {font-size:15px; line-height:1.3;}
	.sub_title3 .underline_icon {background-size:15px; padding-left:18px}
}





/*● 회사 소개  */
.company_box {text-align:center; padding-bottom:70px}
.company_box .company_intro li {list-style:none; margin-top:20px; color:#666; font-size:17px; line-height:1.5; font-weight:300;}
.company_box .company_intro strong {display:block; font-weight:inherit;}
.company_box .company_intro .fc_hot {color:#ff6600; font-weight:400; font-size:19px}

.company_box .intro_list { padding:50px 0; text-align:center; overflow:hidden;}
.company_box .intro_list ul {display:inline-block;}
.company_box .intro_list li {display:inline-block; float:left; padding:0 10px; box-sizing:border-box;}
.company_box .intro_list .list { width:170px; height:170px; border-radius:200px; border:10px solid; position:relative;}
.company_box .intro_list .list01 { color:#9272c3; }
.company_box .intro_list .list02 { color:#42bfec; }
.company_box .intro_list .list03 { color:#6369a0; }
.company_box .intro_list .txt {position:absolute; left:0; top:50%; width:100%; font-size:25px; font-weight:300; margin-top:-25px; }

.company_box .btn_list { border-top:1px solid #e6e6e6; padding-top:30px; text-align:center; overflow:hidden;}
.company_box .btn_list .txt {font-size:15px; line-height:16px; color:#999; font-weight:400;}
.company_box .btn_list ul {display:inline-block; margin-top:20px}
.company_box .btn_list li {display:inline-block; list-style:none; float:left; padding:0 5px; box-sizing:border-box;}
.company_box .btn_list .btn {border:2px solid #ddd; box-shadow:inset 0 -4px 0 rgba(0,0,0,0.05); border-radius:100px; padding:0 10px}
.company_box .btn_list .btn img {width:190px;}


@media screen and (max-width:900px) {
	.company_box {padding:0 15px 40px 15px}
	.company_box .company_intro li {font-size:15px; line-height:1.3; font-weight:400; color:#888 }
	.company_box .company_intro .fc_hot {font-size:17px}

	.company_box .intro_list .list { width:160px; height:160px;}
	.company_box .intro_list .txt {font-size:21px; font-weight:400;}

	.company_box .btn_list .txt {font-size:14px;}
	.company_box .btn_list .btn img {width:170px;}

}

@media screen and (max-width:700px) {
	.company_box .company_intro strong {display:inline;}
	.company_box .intro_list .list { width:150px; height:150px; border:8px solid;}
	.company_box .intro_list .txt {font-size:19px;}
}

@media screen and (max-width:610px) {
	.company_box .intro_list .list { width:120px; height:120px;}
	.company_box .intro_list .txt {font-size:17px; margin-top:-20px;}
}

@media screen and (max-width:550px) {
	.company_box .company_intro li {font-size:14px; line-height:1.3;}

	.company_box .intro_list li {padding:0 5px;}
	.company_box .intro_list .list { width:100px; height:100px; border:6px solid;}
	.company_box .intro_list .txt {font-size:15px; margin-top:-17px;}

	.company_box .btn_list .txt {font-size:13px;}
	.company_box .btn_list {padding:20px 0 0 0}
	.company_box .btn_list ul {display:block; margin-top:20px}
	.company_box .btn_list li {width:50%; padding:0 3px}
	.company_box .btn_list .btn {padding:0 5px}
	.company_box .btn_list .btn img {width:100%;}

}

@media screen and (max-width:430px) {
	.company_box .intro_list { padding:30px 0;}
	.company_box .intro_list li {padding:0 2px;}
	.company_box .intro_list .list { width:80px; height:80px; border:4px solid;}
	.company_box .intro_list .txt {font-size:13px; font-weight:600; margin-top:-18px; letter-spacing:-1px;}
}



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

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

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

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


.cooperate_way02 {text-align:center; background:#f8f8f8; padding:60px 0}
.cooperate_way02 .icon img {width:70px;}
.cooperate_way02 dl {margin-top:10px}
.cooperate_way02 dd {font-size:17px; color:#636363; line-height:1.5; font-weight:300; padding-top:20px;} 
.cooperate_way02 dt { font-size:23px; line-height:1.4; font-weight:600; padding-top:30px;}
.cooperate_way02 strong {font-size:inherit; font-weight:inherit; display:block;}
.cooperate_way02 .fc_black {color:#333; }

@media screen and (max-width:900px) {
	.cooperate_way02 dd {font-weight:400; padding-top:20px;}
}

@media screen and (max-width:700px) {
	.cooperate_way02 {padding:40px 20px}
	.cooperate_way02 dd {font-size:15px; line-height:1.3;}
	.cooperate_way02 dt { font-size:19px; line-height:1.4;}
	.cooperate_way02 dd strong {display:inline;}
}

.cooperate_way03 { position:relative; text-align:left; padding:0 10px}

.cm_board_form li { list-style:none; position:relative; width:100%; clear:both; position:relative;}
.cm_board_form .opt {position:absolute; left:10px; top:50%; color:#888; padding-left:10px; margin-top:-6px; font-size:15px; color:#636363; font-weight:300; }
.cm_board_form .bullet {width:3px; height:3px; position:absolute; left:0; top:50%; background:#666; margin-top:-3px}
.cm_board_form .value {margin-left:110px; background:#fff; overflow:hidden; padding:10px; line-height:15px; font-size:12px; color:#aaa; letter-spacing:-0.5px; overflow:hidden;}
.cm_board_form .input_design {box-sizing:border-box; float:left; width:100%; background:#f8f8f8; border:1px solid #e3e3e3; height:40px; padding:0 10px; color:#666; letter-spacing:0px; font-size:13px;}
.cm_board_form .input_design:focus {background-color:#fff; color:#333; border:1px solid #333;}
.cm_board_form .input_design+ .input_design {margin-top:5px}
.cm_board_form .textarea_design { width:100%; background:#f8f8f8; border:1px solid #e3e3e3; line-height:18px; height:200px; padding:10px; color:#666; font-size:13px; box-sizing:border-box; }
.cm_board_form .textarea_design:focus {background-color:#fff; color:#333; border:1px solid #333;}
.cm_board_form .tip_txt {clear:both; padding-top:8px}
.cm_board_form .tip_txt dd {line-height:15px; color:#999; font-size:13px;}
.cm_board_form .tip_txt dt {line-height:15px; color:#999; font-size:13px;}

.cooperate_way03 .btn_ask { display:block; text-align:center; margin-top:30px; }
.cooperate_way03 .btn_ok { font-size:17px; color:#fff; background:#4f515b; border-radius:50px; padding:12px 50px; }
.cooperate_way03 .btn_ask input:hover { background:#42bfec;}

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

@media screen and (max-width:700px) {
	.cm_board_form .opt {font-size:13px;}
	.cm_board_form .value {padding:5px; margin-left:90px;}
	.cooperate_way03 .btn_ask {margin-top:10px; }

}


.cooperate_qna {border-bottom:1px solid #ddd; padding:10px 0 20px 0}
.cooperate_qna .qna_box { position:relative; overflow:hidden; padding:0 0 20px 20px; }
.cooperate_qna dl { width:50%; float:left; text-align:left;}
.cooperate_qna dt {font-size:17px; color:#555; line-height:1.3; position:relative; padding:10px 20px 10px 25px}
.cooperate_qna dd {font-size:15px; color:#888; line-height:1.5; font-weight:300; padding:0 20px 25px 25px}
.cooperate_qna strong {font-size:19px; color:#000; position:absolute; left:0; top:8px;}

@media screen and (max-width:900px) {
	.cooperate_qna dd {font-weight:400; line-height:1.4}
}

@media screen and (max-width:650px) {
	.cooperate_qna .qna_box {padding:0 20px; }
	.cooperate_qna dl {width:100%;}
	.cooperate_qna dt {font-size:15px; padding:10px 5px 10px 25px}
	.cooperate_qna dd {font-size:14px; line-height:1.3; padding:0 5px 25px 25px}
}



.cooperate_way04 { position:relative; margin-top:50px; background:#f8f8f8; padding:30px 20px 50px 20px; text-align:center;}
.cooperate_way04 ul {display:inline-block;}
.cooperate_way04 li {list-style:none; position:relative;}
.cooperate_way04 .qna { display:block; font-size:15px; color:#666; padding:7px 0 7px 38px; text-align:left; margin-bottom:5px;}
.cooperate_way04 .inner_tit { font-size:15px; color:#666; margin-right:10px; }
.cooperate_way04 .email .inner_tit  { letter-spacing:5px;}
.cooperate_way04 .call { background:transparent url('../images/ic_qna.png') left center no-repeat; background-size:30px;}
.cooperate_way04 .email { background:transparent url('../images/ic_qna02.png') left center no-repeat;  background-size:30px;}
.cooperate_way04 .work_time { background:transparent url('../images/ic_qna03.png') left center no-repeat;  background-size:30px;}

@media screen and (max-width:800px) {
	.cooperate_way04 {padding:20px 20px 40px 20px;}
}

@media screen and (max-width:500px) {
	.cooperate_way04 .inner_tit {display:block; color:#888; margin-bottom:3px}
	.cooperate_way04 .qna {font-size:13px;}
}




/* ● 이벤트 */
.event_wrap { background:#42bfec; height:100%; }
.event_box { position:relative; background:#42bfec}
.event_box .layout_fix { max-width:800px; }

.event_box .event_tab { background:rgba(0,0,0,0.2); text-align:center; overflow:hidden;}
.event_box .event_tab .layout_fix {background:#42bfec !important;}
.event_box .event_tab li { list-style:none; float:left; width:25%; }
.event_box .event_tab .tab { display:block; background:#050f12; color:#ddd; font-size:23px; padding:20px 10px; margin-left:1px}
.event_box .event_tab .hit .tab { background:#42bfec; color:#fff; margin:0; }
.event_box .event_tab li:first-child .tab {margin-left:0}
.event_box .event_tab .tab strong {display:inline;}
.event_box .event_tab .hit+ li .tab {margin-left:0}

.event_box .event_content { padding:30px 30px; text-align:center; background:transparent url('../images/bg_event02.png') center 60% repeat-x;}
.event_box .event_content .layout_fix img {width:100%;}


@media screen and (max-width:900px) {
	.event_box .event_tab .tab {font-size:19px;}
}

@media screen and (max-width:700px) {
	.event_box .event_tab .tab {font-size:17px;}
	.event_box .event_content { padding:30px 20px; }
}

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

	.event_box .event_tab .tab {font-size:15px; padding:15px 5px;}
	.event_box .event_tab .tab strong {display:block;}
	.event_box .event_content { padding:25px 10px; }
}

@media screen and (max-width:500px) {
	.event_box .event_content {background:transparent url('../images/bg_event02.png') center 80% repeat-x;}
}

@media screen and (max-width:450px) {
	.event_box .event_content {background:transparent url('../images/bg_event02.png') center 90% repeat-x;}
		.event_box .event_tab .tab {font-size:14px;}
}

@media screen and (max-width:400px) {
	.event_box .event_content {background:transparent url('../images/bg_event02.png') center 95% repeat-x;}
}

@media screen and (max-width:350px) {
	.event_box .event_content {background:transparent url('../images/bg_event02.png') center 120% repeat-x;}
}



/* ● 실시간 비교견적 현항 */
.sub_contents .compare_state {margin:0}
.sub_contents .compare_list {padding:0}

.cm_paginate { text-align:center; padding:40px 0 70px 0; overflow:hidden; position:relative; clear:both;}
.cm_paginate a {float:left;}
.cm_paginate .nextprev {border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-bottom:1px solid #b0b0b0; float:left; }
.cm_paginate .nextprev .btn {float:left; position:relative; }
.cm_paginate .nextprev .btn .ok {display:none;}
.cm_paginate .nextprev .click .ok {display:block;}
.cm_paginate .nextprev .click .no {display:none;}
.cm_paginate .nextprev .ok { width:40px; height:39px;  border-right:1px solid #dbdbdb; background:#fff; }
.cm_paginate .nextprev .ok:hover {background:#f5f5f5;}
.cm_paginate .nextprev .icon {background:transparent url('../images/paginate.png') no-repeat; width:20px; height:20px; position:absolute; top:50%; left:50%; margin:-10px 0 0 -10px}
.cm_paginate .nextprev .no { width:40px; height:39px; border-right:1px solid #dbdbdb;  background:#fff; display:block; }
.cm_paginate .nextprev .ok .ic_first {background-position:0 0}
.cm_paginate .nextprev .ok .ic_prev {background-position:-20px 0}
.cm_paginate .nextprev .ok .ic_next {background-position:-40px 0}
.cm_paginate .nextprev .ok .ic_last {background-position:-60px 0}
.cm_paginate .nextprev .no .ic_first {background-position:0 -20px; }
.cm_paginate .nextprev .no .ic_prev {background-position:-20px -20px}
.cm_paginate .nextprev .no .ic_next {background-position:-40px -20px}
.cm_paginate .nextprev .no .ic_last {background-position:-60px -20px}
.cm_paginate .number {float:left; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-bottom:1px solid #b0b0b0; margin:0 15px;}
.cm_paginate .number a {line-height:39px; height:39px;  color:#888; padding:0 15px; font-size:16px; border-right:1px solid #dbdbdb; background:#fff; }
.cm_paginate .number a:hover {text-decoration:underline; background:#f5f5f5; }
.cm_paginate .number .hit {color:#000;}
.cm_paginate .btn_area {position:absolute; right:0;}

@media screen and (max-width:500px) {		
	.cm_paginate { text-align:center; padding:10px 0 50px 0; }
}






/* ● 사용방법 */
.use_guide { position:relative; clear:both; overflow:hidden; padding:50px 0 70px 0}

.use_guide .progress {overflow:hidden; text-align:center; margin-top:30px; }
.use_guide .progress ul {display:inline-block; overflow:hidden; }
.use_guide .progress li {list-style:none; float:left; position:relative; width:273px; padding:0 18px; }
.use_guide .progress .txt_box {width:100%; box-sizing:border-box; display:block; background:#fff; border:3px solid #eee; border-radius:40px; text-align:center; height:55px; line-height:50px; }
.use_guide .progress .txt_box {font-weight:300; color:#303030; font-size:19px; text-align:center; }
.use_guide .progress .shape {position:absolute; right:-14px; top:50%; margin-top:-12px; width:10px; height:10px; background:#ddd; border-radius:100px; overflow:hidden; padding:8px; }
.use_guide .progress .shape img {width:100%;}
.use_guide .progress .shape img.down {display:none}
.use_guide .progress .shape img.left {display:block}
.use_guide .progress li:first-child .txt_box {margin-left:0}

@media screen and (max-width:1000px) {
	.use_guide .progress {padding:0 10px}
/* 	.use_guide .progress table {display:table; width:100%;}
	.use_guide .progress ul {display:table-row; }
	.use_guide .progress li {display:table-cell; float:none; width:1%; padding:0 20px; } */
	.use_guide .progress ul {display:block;}
	.use_guide .progress li {width:33.3333%; box-sizing:border-box;}
	.use_guide .progress .txt_box {font-size:17px; margin:0; padding:0; font-weight:400; color:#666}
	.use_guide .progress .shape {margin-top:-12px; right:-15px; width:10px; height:10px; padding:8px}
}

@media screen and (max-width:850px) {
	.use_guide .progress .txt_box {font-size:15px; height:50px; line-height:45px;}
}

@media screen and (max-width:750px) {
	.use_guide .progress {padding:0 5px}
	.use_guide .progress .txt_box {font-size:14px; height:45px; line-height:40px; border:2px solid #eee;}
}

@media screen and (max-width:650px) {
	.use_guide {padding:30px 0 50px 0}
	.use_guide .progress {margin-top:20px;}
	.use_guide .progress table {display:block; width:100%; box-sizing:border-box;}
	.use_guide .progress ul {display:block}
	.use_guide .progress li {display:block; width:100%; padding:0 15px; box-sizing:border-box; margin-top:8px;}
	.use_guide .progress li:first-child {margin-top:0}
	.use_guide .progress .txt_box {font-size:15px; height:36px; line-height:36px; }
	.use_guide .progress .shape {left:50%; top:43px; width:10px; height:10px; padding:6px; margin-left:-10px; z-index:3}
	.use_guide .progress .shape img.down {display:block}
	.use_guide .progress .shape img.left {display:none}
}


/* 이미지 */
.use_guide .guide_list { position:relative; text-align:center; margin:40px 0 20px 0; overflow:hidden;}
.use_guide .guide_list ul {display:inline-block; overflow:hidden;}
.use_guide .guide_list li {display:inline-block; float:left; box-sizing:border-box; text-align:center; list-style:none; padding:0 16px;} 
.use_guide .guide_list .inner_list {position:relative; max-width:279px; display:inline-block;}
.use_guide .guide_list .inner_list .in_img {max-width:100%;}
.use_guide .guide_list .inner_list .in_img img {width:100%;}
.use_guide .guide_list .inner_list .txt_box {min-height:40px; padding:0 5px 0 55px; margin-top:20px; position:relative;}
.use_guide .guide_list .tit_alpha { position:absolute; left:10px; top:0; width:37px; height:37px; box-sizing:border-box; background:#fff;}
.use_guide .guide_list .tit_alpha { font-size:26px; line-height:38px; color:#999; font-weight:300; border:1px solid #999; border-radius:50px; text-align:center; }
.use_guide .guide_list .explain { font-size:15px; color:#666; line-height:1.2; text-align:left; font-weight:300; }

@media screen and (max-width:1000px) {
	.use_guide .guide_list {padding:0 15px}
	.use_guide .guide_list li {padding:0 10px; width:33.333333%;}
	.use_guide .guide_list .explain {font-weight:400; }
	.use_guide .guide_list.if_two ul {width:66.66666%;}
	.use_guide .guide_list.if_two li {width:50%;}
}

@media screen and (max-width:750px) {
	.use_guide {padding:30px 0 20px 0;}
	.use_guide .guide_list .tit_alpha {left:50%; margin-left:-18px}
	.use_guide .guide_list .inner_list .txt_box {padding:45px 0 0 0; text-align:center;}
	.use_guide .guide_list .explain { font-size:14px;} 
}

@media screen and (max-width:550px) {
	.use_guide .guide_list {margin:30px 0 10px 0;}
	.use_guide .guide_list.if_two ul {width:100%;}
	.use_guide .guide_list.if_two li {width:100%;}
	.use_guide .guide_list li {float:none; width:100%; padding:0 50px;}
	.use_guide .guide_list li+ li {margin-top:20px}
	.use_guide .guide_list .inner_list .txt_box {margin-top:10px;}
	.use_guide .guide_list .explain {text-align:center;}
}

.use_guide.bg_guide { background:#f8f8f8;}





/* ● 국맨채권 */
.use_guide02 {padding:50px 0 70px 0; overflow:hidden;}

.use_guide02 .inner_title {text-align:center; padding:0 50px;}
.use_guide02 .inner_title dt { font-size:21px; color:#333; font-weight:300; padding-top:30px; }
.use_guide02 .inner_title dd { font-size:17px; color:#42bfec; font-weight:300; line-height:1.3; padding-top:15px; }
.use_guide02 .inner_title strong {display:block}

.use_guide02 .explain_box { background:#f8f8f8 url('../images/ic_use_guide.png') center 30px no-repeat; margin-top:40px; border-radius:10px; overflow:hidden;}
.use_guide02 .explain_box dt {padding:90px 30px 30px 30px; font-size:15px; color:#666; font-weight:300; line-height:1.4; border:1px solid #eee; border-bottom:0}
.use_guide02 .explain_box dd {background:#4f515b; padding:20px 30px; color:#fff; font-size:15px; font-weight:300; text-align:center;}
.use_guide02 .explain_box strong {display:block}

.use_guide02 .table_title {text-align:center; padding:0 50px; border-top:1px solid #eee; margin-top:30px}
.use_guide02 .table_title dt { font-size:21px; color:#333; font-weight:300; padding-top:30px; }
.use_guide02 .table_title dd { font-size:17px; color:#888; font-weight:300; line-height:1.3; padding-top:15px; }
.use_guide02 .table_title strong {display:block}

.use_guide02 .table_box {margin-top:15px}
.use_guide02 .table_design {width:100%;}
.use_guide02 .table_design thead th { border-bottom:1px solid #666; }
.use_guide02 .table_design th {font-size:15px; border:1px solid #d8d8d8; color:#333; font-weight:400; padding:15px; background:#fafafa;}
.use_guide02 .table_design td {font-size:15px; border:1px solid #d8d8d8; padding:10px 15px;}
.use_guide02 .table_design .tdcenter { text-align:center; word-break:normal !important;}

.use_guide02 .btn_ask { display:block; text-align:center; margin-top:30px; }
.use_guide02 .btn_ok { font-size:17px; color:#fff; background:#4f515b; border-radius:50px; padding:20px 50px; }
.use_guide02 .btn_ask a:hover { background:#42bfec;}


@media screen and (max-width:1000px) {
	.use_guide02 .explain_box {margin:20px 10px; }
	.use_guide02 .table_box {margin:20px 10px;}
}

@media screen and (max-width:900px) {
	.use_guide02 {padding:30px 0 50px 0;}
	.use_guide02 .inner_title {padding:0 20px;}
	.use_guide02 .inner_title strong {display:inline}
	.use_guide02 .inner_title dt { font-size:16px; font-weight:400; padding-top:15px; color:#888}
	.use_guide02 .inner_title dd { font-size:14px; font-weight:400; padding-top:10px; }

	.use_guide02 .explain_box {background:#f8f8f8 url('../images/ic_use_guide.png') center 20px no-repeat; background-size:40px;}
	.use_guide02 .explain_box dt {padding:70px 20px 20px 20px; font-size:14px; font-weight:400;}
	.use_guide02 .explain_box dd {padding:20px; font-size:14px; font-weight:400;}
	.use_guide02 .explain_box strong {display:inline}

	.use_guide02 .table_title {padding:0 20px; }
	.use_guide02 .table_title strong {display:inline}
	.use_guide02 .table_title dt { font-size:16px; font-weight:400; padding-top:15px; color:#333; }
	.use_guide02 .table_title dd { font-size:13px; font-weight:400; padding-top:10px; }
	
	.use_guide02 .table_design th {font-size:13px; padding:10px;}
	.use_guide02 .table_design td {font-size:13px; padding:10px;}

	.use_guide02 .btn_ask { display:block; text-align:center; margin-top:10px; }
	.use_guide02 .btn_ok { font-size:15px; padding:15px 40px; }
}



.use_add_text {text-align:center; margin:0 20px; padding:50px 0 70px 0}
.use_add_text dl {margin-bottom:30px}
.use_add_text strong {display:block}
.use_add_text dd {margin-top:10px; font-size:21px; font-weight:300; line-height:1.5;}

@media screen and (max-width:900px) {
	.use_add_text img {width:30px;}
	.use_add_text dd {font-size:19px; line-height:1.3;}
}

@media screen and (max-width:700px) {
	.use_add_text {text-align:center; margin:0 15px; padding:30px 0 30px 0}
	.use_add_text strong {display:inline}
	.use_add_text dd {font-size:17px; font-weight:400; }
}

@media screen and (max-width:500px) {
	.use_add_text dd {font-size:15px; }
}

