@charset "utf-8";
/*https://fonts.google.com/earlyaccess*/
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);/*Noto Sans KR*/
@import url('http://fonts.googleapis.com/earlyaccess/notosansjapanese.css');/* Noto Sans Japanese */
@font-face {
    font-family: 'NanumGothic';
    src: url(../css/NanumGothic.ttf) format('truetype');
}
*{margin:0;padding:0}
html,body{width:100%;height:100%}
html{overflow-y:scroll}
body{*word-break:break-all;-ms-word-break:break-all}
body,h1,h2,h3,h4,h5,h6,th,td,input,textarea,select,option{
	color:#555;font-family:"微软雅黑", Arial;
	font-size:16px;font-weight:normal}
img,fieldset,iframe{border:0 none}
ul,ol,li{list-style:none}
em,address{font-style:normal}
img,input,select,textarea{vertical-align:middle}
a{color:#555;text-decoration:none;cursor:pointer}
a:hover{color:#555;text-decoration:none}
button,label{cursor:pointer;_cursor /**/:hand}
button *{position:relative}
button img{left:-3px;*left:auto}
textarea{overflow:auto}
option{padding-right:6px}
.input_text, textarea{*margin:-1px 0;padding-right:1px}
.input_check, .input_radio{width:13px;height:13px}
.blind, legend, caption{text-indent:-9999px;font-size:0;line-height:0;overflow:hidden}
hr{display:none}
legend{*width:0}
:root legend{margin-top:-1px;font-size:0;line-height:0}
caption{*line-height:0}
.clear {clear:both;}

#wrap{min-width:1400px;width:100%;margin:0 auto;}
#container{position:relative;}


/* 탑 이벤트 */
#header{}
.top_evt{overflow:hidden;	width:100%;height:100px;}
.top_evt .evt1{position:relative;width:50%;height:100px;float:left;}
.top_evt .evt2{position:relative;width:50%;height:100px;float:right;}
.top_evt .evt1 img{position:absolute;right:0;top:0;}
.top_evt .evt2 img{position:absolute;left:0;top:0;}
.top_evt .top_evt_close{position:absolute;right:3%;top:34px;z-index:10;}
.top_evt.chk_0{display:none !important;opacity:0;width:0;height:0 !important;}
.top_evt.chk_0 .evt1{position:relative;width:50%;height:0;float:left;}
.top_evt.chk_0 .evt2{position:relative;width:50%;height:0;float:right;}



/* header */
.gnb{
	width:94%;
	height:145px;
	padding:0 3%;
	margin:0 auto;
	position:relative;
	z-index:1500;left:0;top:0;
	background:#fff;
}
.gnb h1{float:left;margin:54px 0 0;}
.gnb .nav{float:right;overflow:hidden;margin:81px 0 0 0;}
.gnb .nav>ul{float:right;overflow:hidden;text-align:right;}
.gnb .nav>ul>li{
	display:inline-block;
	margin-left:75px;
}
@media(max-width:1735px){
	.gnb .nav{width:78%;}
	.gnb .nav>ul{width:100%;}
	.gnb .nav>ul>li{
		margin-left:3%;
	}
}
.gnb .nav>ul>li>a{
	font-size:15px;color:#222;font-weight:500;
}

.gnb .topmenu{overflow:hidden;position:absolute;right:3%;top:40px;}
.gnb .topmenu ul{overflow:hidden;float:left;}
.gnb .topmenu ul li{float:left;}
.gnb .topmenu ul li a{font-size:13px;color:rgba(0,0,0,0.6);font-weight:600;}

.gnb .topmenu ul:nth-child(1){
	padding-right:14px;
	background:url(../images/common/topmenu_bar.gif) no-repeat right center;
}
.gnb .topmenu ul:nth-child(1) li{margin-left:16px;}
.gnb .topmenu ul:nth-child(2) li{margin-left:13px;}
.gnb .topmenu ul:nth-child(2) li a.on{color:#222;}




/**/
#footer{background:#1e1e1e;margin-top:150px;}
.foot{
	max-width:1400px;
	margin:0 auto;
	padding:20px 0 70px;
	/*background:url(../images/common/bg_foot.gif) no-repeat center top;*/
}
.foot .foot_top{overflow:hidden;border-bottom:1px solid rgba(255,255,255,0.3)}
.foot .foot_top .ft_menu{float:left;overflow:hidden;}
.foot .foot_top .ft_menu li{float:left;margin-right:18px;}
.foot .foot_top .ft_menu li a{font-size:14px;color:#fff;height:55px;line-height:55px;font-weight:300;}
.foot .foot_top .ft_contact{float:right;overflow:hidden;}
.foot .foot_top .ft_contact{overflow:hidden;height:55px;line-height:55px;}
.foot .foot_top .ft_contact dt{float:left;font-size:14px;color:#fff;}
.foot .foot_top .ft_contact dd{
	float:left;font-size:14px;color:#fff;
	padding-left:20px;margin-left:18px;
	background:url(../images/common/foot_bg_bar.gif) no-repeat left center;
}

.foot .foot_btm{
	position:relative;
	padding:30px 0 0;
}
.foot .foot_btm h1{position:absolute;right:0;top:30px;}
.foot .foot_btm .comany_info{overflow:hidden;}
.foot .foot_btm .comany_info dl{
	overflow:hidden;
	float:left;
	width:470px;
	margin-bottom:8px;
}
.foot .foot_btm .comany_info dl dt{
	float:left;
	font-size:13px;color:rgba(255,255,255,0.2);font-weight:300;
}
.foot .foot_btm .comany_info dl:nth-child(odd) dt{width:70px;}
.foot .foot_btm .comany_info dl:nth-child(even) dt{width:115px;}
.foot .foot_btm .comany_info dl dd{
	float:left;
	font-size:13px;color:rgba(255,255,255,0.6);font-weight:300;
}
.foot .foot_btm .copyright{font-size:12px;color:#4c4c4c;margin-top:30px;}


/* 팝업 */
.pop_today_close{padding:1px 7px 3px 7px;color:#ffffff;background:#303030;vertical-align:middle;border:0px;}
.pop_close{padding:1px 7px 3px 7px;color:#ffffff;background:#303030;vertical-align:middle;border:0px;}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}




.quick ul{}
.quick ul li{width:86px;height:68px;border:1px solid #ddd;}
.quick ul li a{display:block;width:100%;height:100%;}

.quick{background:#fff;}
.quick ul{}
.quick ul li{padding:18px 0 0;text-align:center;border-top:0;}
.quick ul li:first-child{border-top:1px solid #ddd;}
.quick ul li .ico{height:30px;margin-bottom:8px;}
.quick ul li:nth-child(1) .ico{background:url(../images/common/quick_1.png) no-repeat center;}
.quick ul li:nth-child(2) .ico{background:url(../images/common/quick_2.png) no-repeat center;}
.quick ul li:nth-child(3) .ico{background:url(../images/common/quick_3.png) no-repeat center;}
.quick ul li:nth-child(4) .ico{background:url(../images/common/quick_4.png) no-repeat center;}
.quick ul li:nth-child(5) .ico{background:url(../images/common/quick_5.png) no-repeat center;}
.quick ul li:nth-child(6) .ico{background:url(../images/common/quick_6.png) no-repeat center;}
.quick ul li:nth-child(7) .ico{background:url(../images/common/quick_7.png) no-repeat center;}
.quick ul li:nth-child(8) .ico{background:url(../images/common/quick_8.png) no-repeat center;}
.quick ul li a{font-size:13px;}

<!---->
.kko{
	display:none;
	position:relative;
	position:absolute;right:100px;top:0;
	width:520px;height:670px;
	background:#f9e000;
	text-align:center;
}
.kko .btnx{position:absolute;right:20px;top:20px;}
.kko .tit{margin:80px 0 12px;}
.kko .id{
	overflow:hidden;
	width:350px;height:47px;
	margin:0 auto;
	background:url(/images/common/kko_id.gif) no-repeat;
}
.kko .id .kko_id{
	float:right;
	width:260px;height:47px;
	text-align:center;line-height:47px;
	font-size:23px;color:#000;font-weight:500;letter-spacing:-1px;
}
.kko .txt{margin:15px 0 20px;}
.kko .id .kko_id p{font-size:15px;color:#5e4e3c;margin:0}
.kko .form_area{width:350px;margin:15px auto 0;}
.kko .form_area table{width:100%;}
.kko .form_area table th{
	width:90px;
	font-size:16px;color:#5e4e3c;font-weight:500;text-align:left;
}
.kko .form_area table td{
	font-size:16px;color:#5e4e3c;text-align:left;
	padding:3px 0;
}
.kko .form_area table td input{
	height:37px;padding:0 10px;
	border:0;background:#fff;outline:0;
}
.kko .form_area table td select{
	height:37px;padding:0 0px 0 5px;
	border:0;background:#fff;outline:0;
	width:259px;
}
.kko .form_area table td .w1{width:239px}
.kko .form_area table td .w2{width:57.7px}
.kko .chk_area{margin:12px 0 0;text-align:left;}
.kko .chk_area input{width:16px;height:16px;background:#fff;margin-right:5px;}
.kko .chk_area label{font-size:15px;color:#5e4e3c;}
.kko .chk_area label a{font-weight:500;color:#000;}
.send{
	display:block;
	width:350px;height:55px;
	margin:25px auto 0;
	text-align:center;line-height:55px;
	font-size:24px;color:#fff;background:#000;
}
.send:hover{color:#fff;}


.price{
	display:none;
	position:relative;
	position:absolute;right:100px;top:0;
	width:520px;height:670px;
	background:#a9cbd7;
	text-align:center;	
}
.price .btnx{position:absolute;right:20px;top:20px;}
.price .tit{margin:90px 0 5px;font-size:41px;color:#222;letter-spacing:-2px;}
.price p{font-size:15px;color:#5e4e3c;margin:0;line-height:130%;}
.price .form_area{width:478px;margin:25px auto 0;padding:6px;background:#fff;}
.price .form_area table{width:100%;padding:50px 60px;border:1px solid #ddd;}
.price .form_area table th{
	width:90px;
	font-size:16px;color:#5e4e3c;font-weight:500;text-align:left;
}
.price .form_area table td{
	font-size:16px;color:#5e4e3c;text-align:left;
	padding:3px 0;
}
.price .form_area table td input{
	height:35px;padding:0 10px;
	border:1px solid #ddd;;background:#fff;outline:0;
}
.price .form_area table td select{
	height:37px;padding:0 0px 0 5px;
	border:0;background:#fff;outline:0;
	width:264px;border:1px solid #ddd;
}
.price .form_area table td .w1{width:242px}
.price .form_area table td .w2{width:57.7px}
.price .chk_area{margin:20px 0 25px;}
.price .chk_area input{width:16px;height:16px;background:#fff;margin-right:5px;}
.price .chk_area label{font-size:15px;color:#5e4e3c;}



/* quick_counsel */
.quick_counsel{
	width:100%;
	height:290px;
	background:#e4e4e4;
}
.quick_counsel .qc_wrap{
	overflow:hidden;
	width:1400px;margin:0 auto;
	background:url(/images/common/quick_counsel_bg.png) no-repeat left top;
}
.quick_counsel .qc_wrap .leftarea{float:left;}
.quick_counsel .qc_wrap .formarea{
	float:right;
	width:620px;
	padding-right:39px;
	border-right:1px solid #c2c2c2;
	margin:48px 0 0;
}
.quick_counsel .qc_wrap .formarea .clear{overflow:hidden;}
.quick_counsel .qc_wrap .formarea .clear .fl{float:left;width:440px;margin-right:11px;}
.quick_counsel .qc_wrap .formarea .clear .fl table{width:100%;}
.quick_counsel .qc_wrap .formarea .clear .fl table th{
	font-size:16px;color:#444;
	width:90px;text-align:left;
	vertical-align:top;
	padding:3px 0;
}
.quick_counsel .qc_wrap .formarea .clear .fl table td{padding:3px 0;}
.quick_counsel .qc_wrap .formarea .clear .fl table td input[type=text]{
	height:35px;border:1px solid #ccc;padding:0 10px;outline:0;
}
.quick_counsel .qc_wrap .formarea .clear .fl table td input[type=radio]{
	width:16px;height:16px;border:1px solid #ccc;padding:0 10px;outline:0;
}
.quick_counsel .qc_wrap .formarea .clear .fl table td label{margin:0 20px 0 5px;}
.quick_counsel .qc_wrap .formarea .clear .fl table td .w1{width:327px;}
.quick_counsel .qc_wrap .formarea .clear .fl table td .w2{width:86.5px;}
.quick_counsel .qc_wrap .formarea .clear .fl table td textarea{
	border:1px solid #ccc;width:93.5%;
	height:58px;
	padding:10px;
	resize:none;outline:0;
}


.quick_counsel .qc_wrap .formarea .clear .fr{float:left;padding-top:34px;}
.quick_counsel .qc_wrap .formarea .clear .fr a{
	display:block;
	width:166px;height:165px;
	text-align:center;line-height:165px;
	font-size:24px;color:#fff;letter-spacing:-2px;
	background:#000;
}
.conwrap >img{  width:1920px;
  margin:0 calc(50% - 960px);}