echajoa/css/common.css_20190220

@charset "utf-8";

/* ///// font ///// */
/*@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700');*/

@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}
@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}
@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}

/* ///// reset ///// */
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing:border-box;}
html{overflow-y:scroll;}
html,body{width:100%;height:100%;min-width:1200px;/*-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);*/}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video, strong {margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;}
body, textarea, input, select {font:15px/1 'Noto Sans KR', sans-serif;color:#636363;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style: none;}
img, label, input, select, a {vertical-align:middle;}
input,textarea {border:none;background:none;border-radius:0;-webkit-appearance:none;}
textarea{resize:none;}
select{border:0 none;}
input,textarea,button {outline-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content: none;}
table {width:100%;border-collapse:collapse;border-spacing:0;}
a{outline:none;select-dummy:expression(this.hideFocus=true);color:inherit;text-decoration:none;}
a:hover,a:active{text-decoration:none;}
.hidden {text-indent:-5000px;width:0;height:0;font-size:0;line-height:0;}
strong{font-weight:700;}

/*input[type=checkbox]{margin-right:8px;width:20px;height:20px;background:url('/admin/img/bg_checkbox.png') no-repeat;}
input[type=checkbox]:checked{background-position:0 bottom;}*/

.dim{position:fixed;top:0;left:0;z-index:1500;width:100%;height:100%;background:#000;opacity:.8;}
.dim_off{pointer-events:none;opacity:.5;}

/* ///// common ///// */
.inner{position:relative;margin:0 auto;width:1200px;}
.inner:after{content:'';display:block;clear:both;}

input[type=submit]{cursor:pointer;}
input.inp_txt{padding:0 10px;height:36px;border:1px solid #dadbde;}

input::-moz-placeholder,
textarea::-moz-placeholder{font-size:13px;color:#adadad;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{font-size:13px;color:#adadad;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{font-size:13px;color:#adadad;}

textarea{padding:15px;width:100%;height:235px;border:1px solid #dadbde;background:#fff;line-height:23px;}

.check_wrap{display:inline-block;position:relative;}
.check_wrap input{position:absolute;top:0;left:0;z-index:5;opacity:0;}
.check_wrap input[type=checkbox]{width:18px;height:25px;margin:0;}
.check_wrap input[type=radio]{top:2px;width:14px;height:14px;margin:0;}
.check_wrap i{overflow:hidden;display:block;position:absolute;left:0;text-indent:-9999px;}
.check_wrap input[type=checkbox] + i{top:-4px;width:18px;height:25px;background:url('/img/ic_checkbox.png') no-repeat;}
.check_wrap input[type=radio] + i{top:2px;width:14px;height:14px;background:url('/img/ic_radio.png') no-repeat;}
/*_:-ms-input-placeholder, :root .check_wrap input[type=radio] + i {top:4px;}*/
.check_wrap input:checked + i{background-position:0 bottom;}
.check_wrap label{display:inline-block;padding-left:29px;vertical-align:top;/*line-height:25px;*/}
.check_wrap input[type=radio] + i + label{margin-right:20px;padding-left:17px !important;line-height:16px;vertical-align:middle !important;}

.agree_chk{text-align:right;}

.fl{float:left;}
.fr{float:right;}

.ac{text-align:center;}
.al{text-align:left !important;}
.ar{text-align:right !important;}

/* font style */
.txt_red{color:#be0606;}
.txt_blue{color:#2c87c1;}
.txt_bold{font-weight:700;color:#000;}

a.link{display:inline-block;padding-bottom:3px;border-bottom:1px solid #464646;color:#464646;}

/* button */
.btn_center{text-align:center;}
.btn_right{margin-top:40px;text-align:right;}
.btn_right a{margin-left:2px;}

.rnd_btn{display:inline-block;width:135px;height:35px;line-height:33px;border-radius:3px;font-size:13px;color:#fff;text-align:center;}
.rnd_btn.gray{background:#505560;}
.rnd_btn.black{background:#000;}
.rnd_btn.ty2{width:75px;}
.rnd_btn.ty3{height:30px;line-height:27px;}
.rnd_btn.ty4{padding:0 10px;width:auto;height:23px;line-height:21px;font-size:12px;}

.rnd_s_btn{display:inline-block;padding:0 17px;height:26px;border:1px solid #e3e3e3;background:#efefef;border-radius:3px;box-shadow:1px 1px 1px #ececec;line-height:23px;font-size:12px;text-align:center;}

/* tab menu */
.tab_menu{overflow:hidden;margin-top:55px;background:#efefef;}
.tab_menu li{float:left;width:20%;}
.tab_menu.tab6 li{width:17%;}
.tab_menu.tab6 li:first-child{width:15%;}
.tab_menu li a{display:block;margin-left:-1px;height:40px;border:1px solid #e3e3e3;border-radius:3px 3px 0 0;font-size:15px;line-height:38px;color:#464646;text-align:center;}
.tab_menu li a.on{position:relative;z-index:10;background:#202328;border:1px solid #202328;color:#fff;}
.tab_menu li:first-child a{margin:0;}
.dealer_info + .tab_menu{margin-top:40px;}

/* select */
.select{display:inline-block;vertical-align:middle;}
.select .jq_sel {display:block;position:relative;height:36px;background:#fff;border-radius:3px;font-size:13px;}
.select .jq_sel span{overflow:hidden;position:absolute;left:0;top:0;width:100%;white-space:nowrap;height:36px;border:1px solid #dadbde;line-height:34px;text-indent:10px;color:#808080;cursor:pointer;text-align:left;}
.select .jq_sel a.jqTransformSelectOpen {display:block;position:absolute;top:0;right:0;width:36px;height:36px;background:url('/img/ic_select_arr.gif') center no-repeat;}
.select .jq_sel ul {display:none;overflow:auto;overflow-y:auto;z-index:10;position:absolute;top:37px;left:0;max-height:300px;width:100%;list-style:none;background-color:#fff;border:solid 1px #dadbde;white-space:nowrap}
.select .jq_sel li {text-indent:10px;text-align:left;}
.select .jq_sel ul a {display:block;padding:6px 0 9px;text-decoration:none;color:#999;}
.select .jq_sel ul a:hover,
.select .jq_sel ul a.selected {background-color:#ddd;color:#666;}
.select .jq_sel_hide {display:none}

/* faq */
.faq{border-top:3px solid #000;}
.faq li{border-bottom:1px solid #d7d7d7;}
.faq li > p{padding-left:75px;height:80px;background:url('/img/ic_q.png') 21px 50% no-repeat;line-height:80px;font-size:18px;color:#303030;cursor:pointer;}
.faq li .a{display:none;padding:30px 20px 25px 75px;background:url('/img/ic_a.png') 21px 25px no-repeat;line-height:20px;color:#636363;}


/* ///// layout /////*/
header{position:absolute;top:0;left:0;width:100%;z-index:1000;background:#fff;}
/*header:before{position:absolute;top:71px;left:0;content:'';display:block;width:100%;height:1px;background:#b2b2b2;}*/
#header_wrap{overflow:hidden;margin:0 auto;width:1200px;height:70px;/*height:328px;*/}
header.open #header_wrap{height:260px !important;}
header.open:before{position:absolute;top:70px;left:0;content:'';display:block;width:100%;height:1px;background:#b2b2b2;}
header h1{overflow:hidden;float:left;margin:16px 0 0 8px;width:116px;height:39px;background:url('/img/logo.png') no-repeat;text-indent:-9999px;}
header h1 a{display:block;width:100;height:100%;}

nav{float:left;margin-left:174px;}
nav > ul{padding-top:25px;text-align:center;}
nav > ul > li{position:relative;display:inline-block;padding:0 30px;font-size:18px;color:#000;/*font-weight:bold*/}
nav > ul > li > a{display:block;padding:0 10px;height:45px;}
nav > ul > li > a.on{border-bottom:3px solid #000;}
nav > ul > li > ul{position:absolute;top:83px;left:40px;z-index:1000;font-size:16px;color:#646464;text-align:left;}
nav > ul > li > ul > li{margin-top:15px;}
nav > ul > li > ul > li > a.on,
nav > ul > li > ul > li > a:hover{font-weight:700;color:#000;}


header .area_link{float:right;margin-top:23px;}
header .area_link span{display:inline-block;margin-left:14px;font-size:13px;color:#7f7f7f;}
header .area_link span:nth-child(2){position:relative;padding-left:15px;}
header .area_link span:nth-child(2):before{content:'';display:block;position:absolute;top:3px;left:0;width:1px;height:11px;background:#7f7f7f;}

#wrap{padding:70px 0 0;}

footer{height:280px;background:#000;color:#535252;}
footer .inner{overflow:hidden;height:100%;}
footer .logo{float:left;overflow:hidden;width:350px;height:100%;background:url('/img/footer_logo.png') 79px 109px no-repeat;text-indent:-9999px;}
footer .footer{float:left;margin-top:75px;padding:0 0 0 82px;border-left:1px solid #12171b;}
footer .area_link span{display:inline-block;margin-left:22px;color:#999;}
footer .area_link span:before{content:'';display:inline-block;margin-right:18px;width:1px;height:14px;background:#999;vertical-align:middle;}
footer .area_link span:first-child{margin:0;}
footer .area_link span:first-child:before{display:none;margin:0;}
footer .address{margin-top:20px;line-height:25px;}
footer .address span{display:inline-block;margin-right:15px;}
footer .copy{margin-top:25px;font-size:13px;}

/* layer popup */
.layer_popup{display:none;position:fixed;top:50%;left:50%;z-index:2000;padding:10px;background:#fff;}
.layer_popup .popup_wrap{padding-bottom:30px;height:100%;border:1px solid #000;}
.layer_popup .close{overflow:hidden;position:absolute;top:15px;right:15px;width:32px;height:32px;background:url('/img/btn_popup_close.gif') 50% no-repeat;text-indent:-9999px;cursor:pointer;}
.layer_popup .button{width:185px;height:50px;font-size:15px;line-height:47px;}
.layer_popup .btn_center .button{margin:0 8px;}

.privacy_popup .popup_wrap{padding:65px 40px 0;width:1100px;}
.privacy_popup dt{padding-bottom:10px;border-bottom:1px solid #000;font-size:23px;color:#3c3c3c;}
.privacy_popup dd{padding-top:30px;}
.privacy_popup dd > div{overflow:auto;height:650px;font-size:15px;line-height:30px;}