@charset "utf-8";
/*https://fonts.google.com/earlyaccess*/
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');/* Noto Sans Japanese */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,500,700&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
@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:#444444;font-family:"Noto Sans KR", "나눔고딕","NanumGothic",'Nanum Gothic',"돋움",dotum,sans-serif;
	font-size:15px;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;}
.contain {width:1400px;margin:0 auto;}


/* 탑 이벤트 */
#header{
    min-width: 1400px;
}
.top_evt{overflow:hidden;	width:100%;height:100px;font-size:0;}
.top_evt .evt1{position:relative;width:50%;height:100px;display:inline-block;vertical-align:top;}
.top_evt .evt2{position:relative;width:50%;height:100px;display:inline-block;vertical-align:top;}
.top_evt .evt2-1{width:50%;display:inline-block;vertical-align:top;}
.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:90%;
	height:145px;
	padding:0 5%;
	margin:0 auto;
	min-width: 1600px;
	position:relative;
	z-index:1500;
	left:0;
	top:0;
	background:#fff;
}
.gnb:after{display:block; content:""; clear:both;}
.gnb h1{float:left;margin:32px 0 0; width:241px; height:44px;}
.gnb h1 a{width:241px; height:40px;}
.gnb h1 a img{width:100%;}
.gnb .nav{float:right;overflow:hidden;margin:81px 0 0 0;max-width:1270px;width: 83%;}
.gnb .nav>ul{float:right;overflow:hidden;text-align:right;}
.gnb .nav>ul>li{
	display:inline-block;
	margin-left:70px;
}

.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;}
.foot{
	max-width:1220px;
	margin:0 auto;
	padding:20px 55px 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_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;}

.foot2{
	max-width:1220px;
	margin:0 auto;
	padding:40px 55px 114px;
}
.foot2 .foot_top{overflow:hidden; text-align:center; }
.foot2 .foot_top .ft_menu{margin:0 auto; width:190px; display:flex; align-items:center; gap:22px;}
.foot2 .foot_top .ft_menu li{  }
.foot2 .foot_top .ft_menu li a{font-size:15px;color:#fff;line-height:1;font-weight:400;}

.foot2 .foot_btm{
	position:relative;
	padding:25px 0 0; 
	text-align:center; 
}
.foot2 .foot_btm .comany_info{overflow:hidden;}
.foot2 .foot_btm .comany_info p {
	display:inline-block; 
	font-size:14px;color:rgba(255,255,255,0.6);font-weight:300;
}
.foot2 .foot_btm .comany_info p:after{
	content:"";
	display:inline-block;
	width:1px; 
	height:10px;
	background:#4c4c4c;
	margin:0 14px;
	line-height:1.7;
}
.foot2 .foot_btm .comany_info p:last-child:after{
	display:none;
}

.foot2 .foot_btm .copyright{font-size:12px;color:#4c4c4c;margin-top:25px;}


/* 팝업 */

.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}

/* 팝업  ver_02 */
.pop_today_close_two{
	font-family:"Noto Sans KR", "나눔고딕","NanumGothic",'Nanum Gothic',"돋움",dotum,sans-serif;
	font-size: 15px; float : left;
	height: 100%;
	width: 50%;
	font-weight: bold;
	padding: 7px 7px 7px 7px;
	color: #000;
	background: #fff;
	vertical-align: middle;
	border: 0px;
	float: left;
}

.pop_close_two {
	padding: 1px 7px 3px 7px;
	color: #ffffff;
	background: #303030;
	vertical-align: middle;
	border: 0px;
	height: 100%;
	width: 50%;
	float: right;
}

.border_line{
	border-right: 2px solid #efefef;
}
/* 팝업 ver_02 end 여기 까지  */
.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:86px;border:1px solid #ddd;}
.quick ul li a{display:block;width:100%;height:100%;padding:18px 0 0;box-sizing:border-box;}
.quick ul li:hover {background:#88acbc;}
.quick ul li:hover a {color:#fff;}
.quick ul li:hover.bg3 .ico {background-image:url('/images/common/quick_3_ov.png');}
.quick ul li:hover.bg9 .ico {background-image:url('/images/common/quick_9_ov.png');}
.quick ul li:hover.bg10 .ico {background-image:url('/images/common/quick_10_ov.png');}
.quick ul li:hover.bg1 .ico {background-image:url('/images/common/quick_1_ov.png');}
.quick ul li:hover.bg2 .ico {background-image:url('/images/common/quick_2_ov.png');}
.quick ul li:hover.bg7 .ico {background-image:url('/images/common/quick_7_ov.png');}
.quick ul li:hover.bg4 .ico {background-image:url('/images/common/quick_4_ov.png');}

.quick{background:#fff;}
.quick ul{}
.quick ul li{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.bg1 .ico{background:url(/images/common/quick_1.png) no-repeat center;}
.quick ul li.bg2 .ico{background:url(/images/common/quick_2.png) no-repeat center;}
.quick ul li.bg3 .ico{background:url(/images/common/quick_3.png) no-repeat center;}
.quick ul li.bg4 .ico{background:url(/images/common/quick_4.png) no-repeat center;}
.quick ul li.bg5 .ico{background:url(/images/common/quick_5.png) no-repeat center;}
.quick ul li.bg6 .ico{background:url(/images/common/quick_6.png) no-repeat center;}
.quick ul li.bg7 .ico{background:url(/images/common/quick_7.png) no-repeat center;}
.quick ul li.bg8 .ico{background:url(/images/common/quick_8.png) no-repeat center;}
.quick ul li.bg9 .ico{background:url(/images/common/quick_9.png) no-repeat center;}
.quick ul li.bg10 .ico{background:url(/images/common/quick_10.png) no-repeat center;}
.quick ul li a{font-size:13px;}

.quickmenu {position:absolute;left:50%;top:20px;width:82px;z-index:1000;margin-left:720px;}
.quickmenu ul {overflow:hidden;border-radius:5px;}
.quickmenu ul li {width:82px;height:90px;}
.quickmenu ul li:nth-child(1) {background:url('/images/q1.png') no-repeat center 25px #2b2d37;}
.quickmenu ul li:nth-child(2) {background:url('/images/q2.png') no-repeat center 22px #2b2d37;}
.quickmenu ul li:nth-child(3) {background:url('/images/q3.png') no-repeat center 15px #2b2d37;}
.quickmenu ul li:nth-child(4) {background:url('/images/q4.png') no-repeat center 15px #2b2d37;}
.quickmenu ul li:nth-child(5) {background:url('/images/q5.png') no-repeat center 22px #2b2d37;}
.quickmenu ul li:nth-child(6) {background:url('/images/q6.png') no-repeat center 17px #f4283c;}
.quickmenu ul li:nth-child(6) a {padding-top:50px;line-height:1.2;}
.quickmenu ul li:hover {background-color:#000;}
.quickmenu ul li:nth-child(6):hover {background-color:#f4283c;}
.quickmenu ul li a {width:100%;height:100%;display:block;color:#fff;text-align:center;padding-top:55px;font-size:11px;box-sizing:border-box;}
.quickmenu .q-model {margin:10px 0 0 -15px;width:126px;position:relative;right:0;transition:.2s;animation:m_floting 1s infinite;}
.quickmenu .q-model img {width:100%;position:relative;right:0;}
.quickmenu .q-model p {width:84%;background:#1c1e2a;color:#ffb3bb;height:30px;line-height:30px;text-align:center;border-radius:15px;font-size:0;transition:.1s;opacity:0;margin-top:-15px;position:relative;z-index:1;}
.quickmenu .q-model:hover {animation:none;}
.quickmenu .q-model:hover p {opacity:1;font-size:14px;}
.quickmenu .q-model:hover {width:202px;margin:10px 0 0 -50px;}

.quickmenu2 {position:fixed; left:auto; right:0 !important; top:50%;width:82px;z-index:1009;margin-left:720px; margin-top:-270px; }


@keyframes m_floting {
	0% {transform:translateY(0);}
	50% {transform:translateY(15px);}
	100% {transform:translateY(0);}
}

.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: 54px 0 26px;}
.kko p{color:#5e4e3c;font-size:16px;font-weight: 400;letter-spacing: -1px;}
.kko .tit img{display:block;margin-left: 145px;}
.kko .id1{
	overflow:hidden;
	width: 304px;
	height: 40px;
	margin:0 auto;
	background:url(/images/common/kko_id1.gif) no-repeat;
}
.kko .id1 .kko_id1{
	float:right;
	width: 178px;
	height: 40px;
	text-align:center;
	line-height: 40px;
	font-size: 20px;
	color:#000;
	font-weight:500;
	letter-spacing:-1px;
}
.kko .id2{
	overflow:hidden;
	width: 304px;
	height: 41px;
	margin: 5px auto 10px;
	background:url(/images/common/kko_id2.gif) no-repeat;
}
.kko .id2 .kko_id2{
	float:right;
	width: 178px;
	height: 41px;
	text-align:center;
	line-height: 40px;
	font-size: 20px;
	color:#000;
	font-weight:500;
	letter-spacing:-1px;
}

.kko .txt{margin:15px 0 20px;}

.kko .id1_new {
    margin: 15px 0 33px;
}
.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: 17px;
	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;
	box-sizing: border-box;
}
.kko .form_area table td select{
	height:37px;
	padding:0 0px 0 5px;
	border:0;
	background:#fff;
	outline:0;
	width:259px;
	border: 0 !important;
}
.kko .form_area table td .w1{width: 260px;}
.kko .form_area table td .w2{width: 76.9px;}
.kko .chk_area{margin: 10px 0 0;text-align:left;}
.kko .chk_area input{width:16px;height:16px;background:#fff;margin-right:5px;margin-top: -2px;}
.kko .chk_area label{font-size: 16px;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:56.3px}
.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 #cdcdcd;padding:0 10px;outline:0;
}
.quick_counsel .qc_wrap .formarea .clear .fl table td input[type=radio]{
	width:16px;height:16px;border:1px solid #cdcdcd;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;
}

select#k_cate {
    width: 100%;
    height: 37px;
    border: 1px solid #ccc;
}
.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: 168px;
	font-size:24px;
	color:#fff;
	letter-spacing:-2px;
	background: #1e1e1e;
}
.quick_counsel .td_style{width:100%; height:37px; border: 1px solid #cdcdcd; box-sizing:border-box;}