@charset "utf-8";

/* reset */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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, strong, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
caption, legend {
    height: 1px;
    overflow: hidden;
    margin: -1px 0 0 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    font: 0/0 serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

*{margin: 0; padding: 0; border: 0; outline: 0;}

body{font-family: WebNotoSans;}
ul,li{list-style: none;}
a{text-decoration: none; color: #222222;}
button#captcha_reload { float: left; width: 33px; height: 33px; margin: 3px 10px 0 10px; background: url('/img/ico_reset_g.png') 0 0 no-repeat; text-indent: -99999em; overflow: hidden; }

/* header */
.header_wrap{position: absolute; top: 0; z-index: 999; width: 100%; transition: all 0.3s; box-sizing: border-box; -webkit-box-sizing: border-box; background: linear-gradient(180deg, rgba(0,0,0,0.5), transparent);} 
.header{max-width: 1440px; min-width: 1200px; height: 100px; margin: 0 auto;}
.header .menu_drop{position: absolute; top: 100px; left: 0; z-index: 888; width: 100%; height: 0; background: #fff; transition: all 0.5s;}
.header .logo{float: left; height: 100px; margin-right: 100px;}
.header .logo a{display: block; margin-top: 30px;}
.header .logo a img{}
.header .menu_wrap{float: left; display: flex;}
.header .menu_wrap>li{ position:relative; margin: 35px auto 0 auto; min-width:150px; text-align:center; }
.header .menu_wrap>li:last-child{margin-right:0;}
.header .menu_wrap>li>a{display: inline-block; width:auto; padding: 8px 0; color: #fff; font-size: 16px;}
.header .menu_wrap>li:hover>a{color: #ffcf00; border-bottom: 2px solid #ffcf00; box-sizing: border-box;}
.header .sub_menu{ position: absolute; top: 100px; z-index: 999; width:100%; height: 0px; padding-top: 20px; transition: all 0.5s; overflow: hidden; opacity: 0;}
.header .sub_menu>li{display: block;  line-height: 1.2em; text-align:center; }
.header .sub_menu>li a{font-size: 16px; line-height: 30px; color: #000; }
.header .sub_menu>li:hover a{border-bottom: 1px solid #000;}

.header .call{float: right; display: flex; height: 46px; padding: 15px; margin-top: 27px; border: 1px solid #fff; border-radius: 5px; box-sizing: border-box; transition:all 0.3s; }
.header .call p{display: flex; color: #fff;}
.header .call p:nth-child(1):after{content: ' · '; }

.header.on{}
.header.on .menu_drop{position:absolute; top: 100px; left:0; z-index: 888; height: 220px; background: #fff; }
.header.on .sub_menu{height: 220px; opacity: 1;}
.header_wrap.on{position: fixed; background: #000; }
.header_wrap.on.light .call{ border:1px solid #ffcf00; color:#ffcf00; background:#000;  }
.header_wrap.on.light .call p{ color:#ffcf00; }


/* footer*/
.footer{
    width: 100%;
    background-color: #f9f9f9;
}
.footer .footer_line{content: ''; width: 100%; height: 1px; background-color: #cecece;}
.footer .footer_bg{width: 1440px; height: 448px; padding: 70px 0 ; margin: 0 auto;}
.footer .footer_bg .footer_left{float: left; width: 658px; margin-right: 140px;}
.footer .footer_bg .footer_right{float: left; width: 642px;}

.footer .footer_bg .footer_left_top{margin-bottom: 26px;}
.footer .footer_bg .footer_left_top>ul{display: flex;}
.footer .footer_bg .footer_left_top>ul li{margin-right: 29px;}
.footer .footer_bg .footer_left_top>ul li a{color: #000000; font-size: 18px; font-family: WebNotoSans;}
.footer .footer_bg .footer_left_middle{margin-bottom: 26px;}
.footer .footer_bg .footer_left_middle>ul li{display: inline-block; margin-right: 20px; color: #444444;
    font-size: 14px; font-weight: 400; line-height: 34px; letter-spacing: -1px;
}
.footer .footer_bg .footer_left_bottom ul li{
    font-size: 14px;
    line-height: 20px;
    color: #444444;
}
.footer .footer_bg .footer_left_bottom ul li .font-weight{font-weight: 600;}
.footer .footer_bg .footer_right>div{
    float: left;
    width: 315px; height: 110px;
    margin-right: 12px;
    padding: 20px;
    box-sizing: border-box;
}
.footer .footer_bg .footer_right div:last-child{margin-right: 0;}
.footer .footer_bg .footer_right>div img{
    float: left;
    margin: 20px; margin-right: 40px;
}
.footer .footer_bg .footer_right>div div{color: #ffffff; line-height: 20px; font-family: WebNotoSans;}
.footer .footer_bg .footer_right>div>div span{display: block; font-size: 20px; font-weight: 400; margin-bottom: 6px;}
.footer .footer_bg .footer_right>div>div p{line-height: 22px; font-size: 16px; font-weight: 200; letter-spacing: -1px;}
.footer .footer_bg .footer_right div.call{
    background-color: #ffcf00;
}
.footer .footer_bg .footer_right div.time{
    background-color: #222;
}

/* 레이어팝업 */
.ly_popup{position:absolute;width:750px;border-radius:4px;overflow:hidden;background-color:#fff;z-index:20;box-shadow:1px 1px 2px rgba(0,0,0,0.1)}
.ly_popup .ly_top{padding:20px 70px 20px 24px;}
.ly_popup .dete_color {background:#006699;}
.ly_popup .ly_top strong{display:block;width:100%;color:#fff;font-size:24px;line-height:1.2em;font-weight:normal}
.ly_popup .ly_body{color:#000}
.ly_popup .ly_body img{display:block;width:100%;height:auto;margin:0 auto}
.ly_popup .ly_foot{padding:18px 20px;background-color:#f2f2f2}
.ly_popup .ly_foot *{vertical-align:top}
.ly_popup .ly_foot:after{clear:both;display:block;width:0;height:0;overflow:hidden;content:" ";opacity:0}
.ly_popup .ly_foot label{float:right;height:16px}
.ly_popup .ly_foot .ui-checkbox .ui-btn{padding-left:20px;background-image:url('/img/input_checkbox-wh1.gif');background-repeat:no-repeat;}
.ly_popup .ly_foot label em{color:#808080;font-size:14px;line-height:1.4em}
.ly_popup .close{position:absolute;right:22px;top:22px;display:block;width:26px;height:26px;background:url('/img/main_view-close.png') center center no-repeat;text-indent:-99999em;overflow:hidden}

/*
.ui-checkbox input{position:absolute;left:0;top:0;width:16px;height:16px;opacity:0;filter:alpha(opacity=0)}
.ui-checkbox .ui-checkbox-on{background-position:0 -50px}
.ui-checkbox .ui-checkbox-off{background-position:0 0}
.ui-checkbox .ui-checkbox-off{background-position:0 0}
*/