@charset "utf-8";
@import url("../css/reset.css");
@import url("../css/style.css");

/* body {background:#efefef;} */
.mgt40 {margin-top:40px;}

.skipnavi {display:block;position:absolute;top:0;left:-9999em;width:100%;padding:10px 0;font-weight:bold;text-align:center;color:#fff;background:#000;z-index:1000;}
.skipnavi:focus {left:0;}

/* btn style */
.btn_center {text-align:center;}
.btn_type1 {display:inline-block;width:316px;height:70px;font-size:30px;font-weight:700;color:#ffffff;line-height:70px;background:#ec1941;}
.btn_gray {background:#c4c4c4;}

/* color */
.point {color: #ff5a20 !important;}
.point2 {color: #222 !important;}

.skipnav {display:block; position:absolute; left:-9999em; top:0; width:100%; font-weight:bold; padding:10px 0; text-align:center; color:#fff !important; background-color:#000; z-index:1000;}
.skipnav:focus {left:0;}

/* mask */
.mask {position:absolute;top:0;left:0;width:100%;height:100%;background:#000000;opacity:0.7;filter:alpha(opacity=70);z-index:20;}

/* wrap */
#wrap {width:100%;min-width:1170px;}

/* header */
.gnb_wrap {padding-top:10px;background:#3b3a40;}

.gnb {overflow:hidden;width:980px;margin:0 auto;}
.gnb li {position:relative;float:left;width:327px;height:40px;text-align:center;}
.gnb li:first-child {width:326px;}
.gnb li:first-child a:before {content:none;}
.gnb li:before,
.gnb li:after {position:absolute;bottom:0;display:block;width:20px;height:20px;border-radius:50%;background:#3b3a40;content:'';z-index:2;}
.gnb li:after {right:0;}
.gnb li:before {left:0;}
.gnb li:first-child a {padding-top:5px;}

.gnb .on {border-radius:10px 10px 0 0;background:#fff;}
.gnb .on:before,
.gnb .on:after {width:10px;height:10px;background:#fff;border-radius:0;z-index:1;}
.gnb .on:after {right:-8px;}
.gnb .on:before {left:-10px;}
.gnb a {display:block;position:relative;height:100%;padding-top:8px;box-sizing:border-box;z-index:3;}
.gnb a:before {display:block;position:absolute;top:8px;left:0;width:1px;height:23px;background:#4d4c52;content:'';}
.gnb .on + li a:before, .gnb .on a:before {display:none;}

.main_top {position:relative;width:980px;margin:0 auto;padding:9px 0 8px;text-align:center;box-sizing:border-box;}
	.main_top h1 {display:inline-block;padding-top:8px;}
	.main_top h1 img {display:none;}
	.main_top h1 img.on {display:block;}

	.main_tel {position:absolute;top:14px;right:0;width:210px;height:46px;padding-top:7px;background:#e9002d;border-radius:5px;box-sizing:border-box;}
	.main_tel strong {font-size:14px;font-weight:normal;color:#fff;vertical-align:3px;}
	.main_tel span {font-size:24px;color:#fff;font-weight:bold;}

/* container */
#container {width:100%;background: #f0f0f0;}
.location {width:988px;margin:0 auto;padding-top:20px;text-align:right;color:#000;}
.location a {color:#000;font-size:14px;}
.location strong {font-size:14px;}

/* 가입상담신청 */
.request_area {background:#383840;font-family:'notokr';z-index:10;}
.request_area.fixed {position:fixed;left:0;bottom:0;width:100%;}
.request_area.fixed .ui_select .layer {top:auto;bottom:38px;}

	.request_area .request_form, .request_area .request_info {float:left;}
	.request_area .request_form {position:relative;margin-right:30px;padding-right:135px;border-right:1px dashed #606066;}
	.request_area .request_info {width:210px;height:120px;padding:10px 8px 7px;background:#4c4c53;border-radius:5px;text-align:center;box-sizing:border-box;}
	.request_area .request_info strong {display:inline-block;padding:14px 0 17px 54px;font-size:18px;font-weight:bold;color:#fff;background:url('../img/common/ico_request.png') no-repeat left top;}
	.request_area .request_info p {background:#383840;font-size:25px;font-weight:bold;color:#ffe65c;text-align:center;border-radius:5px;}

	.request_area .request_inner {width:980px;margin:0 auto;padding:14px 0 18px;}
	.request_area .product_list {overflow:hidden;margin-bottom:10px;}
	.request_area .product_list li {float:left;margin-left:30px;}
	.request_area .product_list li:first-child {margin-left:0;}

	.request_area .product_list .ui_radio input[type=radio],
	.grayBox .ui_radio input[type=radio] {overflow:hidden;position:absolute;left:-10000em;width:1px;height:1px;margin:-1px;padding:0;border:0;z-index:-10000em;}
	.request_area .product_list .ui_radio input[type=radio] + label,
	.grayBox .ui_radio input[type=radio]+label {display:inline-block;padding-left:37px;height:25px;line-height:25px;background:url("../img/common/btn_radio_off.png") no-repeat 0 0;font-size:15px;color:#cececf;vertical-align:middle;cursor:pointer;}
	.grayBox .ui_radio input[type=radio]+label {background:url("../img/common/btn_radio_off_02.png") no-repeat 0 0;}
	.grayBox .ui_radio input[type=radio] + label {font-size:20px;color:#333;}

	.request_area .agree{margin-bottom:10px;}
	.request_area .check_area::after{content:""; display:block; clear:both;}

	.request_area .bottom_txt{margin:0; padding:0;}
	.request_area .bottom_txt p{font-size:14px; color:#dfdfdf; line-height:14px;}

	.request_area .product_list .ui_radio input[type=radio] + label.on,
	.grayBox .ui_radio input[type=radio] + label.on {background: url("../img/common/btn_radio_on.png") no-repeat 0 0;}
	.request_area .product_list .ui_radio input[type=radio] + label.on {background: url("../img/common/btn_radio_on.png") no-repeat 0 0;}

	.number_area {margin-bottom:12px;}
	.number_area .ui_select {float:left;position:relative;margin-right:5px;}
	.number_area .ui_select.agency .default {width:110px;}
	.number_area .ui_select.agency .default + .layer {width:110px;}
	.number_area .ui_select .default {display:block;width:100px;height:35px;padding-left:10px;font-size:17px;color: #a8a8a8;line-height:34px;background:#f2f1ef url("../img/common/btn_tel_off.png") no-repeat 90% 50%;box-sizing:border-box;}
	.number_area .ui_select .default.on {background-image:url("../img/common/btn_tel_on.png");}
	.number_area .ui_select .layer {display:none;overflow:auto;position:absolute;top:39px;left:0;width:100px;height:expression(this.scrollHeight > 199 ? "200px":"auto");max-height:200px;padding:10px 9px 5px 9px;background:#f2f1ef;border:1px solid #d0cfcf;box-sizing:border-box;z-index:100;}
	.number_area .ui_select .layer li {line-height:24px;}
	.number_area .ui_select .layer li a {display:block;font-size:14px;}
	.number_area .ui_select .layer li a:hover {text-decoration:underline;}
	.number_area .inp_bx{float:left;width:100px;height:35px;margin-right:5px;padding-left:12px;background:#f2f1ef;font-size:18px;color:#666;line-height:33px;box-sizing:border-box;}
	.number_area button {width:174px;height:35px;background:#ff5a20;font-family:'nanumsquare';}
	.number_area button span {color:#fff;font-size:18px;font-weight:bold;line-height:35px;}

	.request_area .txt_request {position:absolute;top:-74px;right:42px;}
	.request_area .txt_request .close {position:absolute;top:10px;right:20px;width:8px;height:8px;}
	.request_area .check_area.agree .ui_check {float:left;margin-right:10px;}
	.request_area .check_area.today .ui_check {position:absolute;top:0;right:135px;font-weight:bold;}
	.request_area .check_area.today label {color:#fff !important;}

	.request_area .check_area .btn_detail {display:block;float:left;width:90px;height:24px;background:#525358;color:#fff;font-size:13px;line-height:24px;text-align:center;box-sizing:border-box;}

	.request_area .check_area .ui_check input[type=checkbox],
	.request_area .product_list .ui_radio input[type=radio] {overflow:hidden;position:absolute;left:-10000em;width:1px;height:1px;margin:-1px;padding:0;border:0;z-index:-10000em;}
	.request_area .check_area .ui_check input[type=checkbox] + label {display:inline-block;padding-left:35px;height:24px;line-height:24px;background:url("../img/common/btn_checkbox_off.png") no-repeat 0 0;font-size:15px;color:#dfdfdf;vertical-align:middle;cursor:pointer;}
	.request_area .check_area .ui_check input[type=checkbox][checked] + label {background: url("../img/common/btn_checkbox_on.png") no-repeat 0 0;}
	.request_area .check_area .ui_check input[type=checkbox] + label.on {background: url("../img/common/btn_checkbox_on.png") no-repeat 0 0;}

	.terms_layer {display:none;position:fixed;top:50%;left:50%;width:740px;height:295px;padding: 53px 40px 0px 40px;margin:-174px 0 0 -420px;background:#fff;z-index:1000;}
	.terms_layer .layer_tit {height:30px;font-size:18px;line-height:22px;font-weight:700;color:#9d9d9f;}
	.terms_layer dl {overflow:hidden;padding:25px 0 15px 25px;font-size:18px;line-height:25px;background:#efefef;}
	.terms_layer dl dt {float:left;width:188px;font-weight:700;}
	.terms_layer dl dd {float:left;width:490px;letter-spacing:-1px;}
	.terms_layer .close {position:absolute;top:0;right:-52px;}

/* footer */
#footer {padding:31px 0 30px;border-top:1px solid #efefef;}
#footer > div {position:relative;width:980px;margin:0 auto;}
#footer:after {display:block;clear:both;content:'';}
	.footer_link {overflow:hidden;margin-bottom:18px;}
	.footer_link li {position:relative;float:left;padding-left:30px;}
	.footer_link li:after {position:absolute;top:4px;left:13px;width:1px;height:12px;background:#e0e0e0;content:' ';}
	.footer_link li:first-child {padding:0;}
	.footer_link li:first-child:after {background:none;}
	.footer_link a {font-size:14px;color:#444;}
	.footer_link li:first-child a {color:#eb0031}

	.address {margin-bottom:16px;font-size:12px;color:#999;line-height:21px;}
		.address .business a {display:inline-block;margin-left:10px;text-decoration:underline;color:#444;}
		.address span {padding-left:16px;}

#footer .familysite {position:absolute;top:0;right:0;}
	#footer .familysite .default {display:block;width:175px;height:36px;padding:8px 0 0 19px;border:1px solid #e4e4e4;font-size:14px;background:url('../img/common/btn_footselect_on.png') no-repeat 90% center #fff;letter-spacing:-1px;color:#666;box-sizing:border-box;}
	#footer .familysite .default.on {background-image: url('../img/common/btn_footselect_off.png');}
	#footer .familysite .layer {position:absolute;bottom:36px;left:0;width:155px;padding:15px 9px 0 9px;background:#fff;border:1px solid #d0cfcf;border-bottom:0;display:none;}
	#footer .familysite .layer li {line-height:24px;}
	#footer .familysite .layer li a {display:block;font-size:14px;}
	#footer .familysite .layer li a:hover {text-decoration:underline;}
	#footer .familysite .layer .last a {padding-bottom:10px;}

#footer .logo_img {float:left;}
#footer .cerlist {float:right;}
	#footer .cerlist li {float:left;margin-left:27px;letter-spacing:-1px;color:#999;}
	#footer .cerlist li:first-child {margin-left:0;}
	#footer .cerlist li img {display:block;float:left;}

#quick {position:fixed;bottom:170px;left:50%;margin-left:550px;}
	#quick .btn_top {display:none;}

.mobile_view {padding:0 10% 50px;}
.mobile_view a {display:block;height:140px;font-size:60px;font-weight:700;color:#ffffff;line-height:140px;	text-align:center;background:#c4c4c4;}


.careful_ment { margin-top:-20px; margin-bottom:40px; font-size:16px; color:#e37600; text-align:center; }
.careful_ment i { margin-right:6px; font-weight:500; }