@charset "utf-8";
*{font-family:Roboto,Noto Sans KR,Nanum Gothic,나눔손글씨펜,Dotum,돋움,Tahoma,Geneva,sans-serif; }

/*	                                     all
 ================================================================================================ */
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, p, dl, dt, dd, ol, ul, li, fieldset, form, label, legend
{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; margin: 0; padding: 0; border: 0; vertical-align: baseline; word-wrap:break-word;word-break:keep-all;/* background: transparent; */}
html {-webkit-text-size-adjust: 100%;}
html, body {width:100%; -word-break:break-all;-ms-word-break:break-all; /* text-align:center; */ margin:0 auto; font-weight:300}
body, div {font-size:15px; color:#242424;}
select, input, textarea, button {font-size:15px; vertical-align: middle; color:rgba(0, 0, 0, 0.64);}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
a{color:#242424;text-decoration:none;word-break:break-all; transition:all ease 0.3s;}
a:link,a:visited,a:hover,a:active,a:focus{text-decoration:none;}
input {padding: 0;margin: 0;}
table {border-collapse: collapse;border-spacing: 0;vertical-align: top;}
table th { font-size:16px;}
img,fieldset {border:0px;}
ul{list-style: none;}
li{list-style: none;}
legend, caption {width: 0; height: 0; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0;}
em {font-style:normal;}
img {max-width:100%;}



.Left{float:left;}
.Right{float:right;}
.Center{margin:0 auto; width:100%; max-width:1200px;}

#wrap{width:100%; min-width:320px; position:relative;  margin:0 auto; top:100px;}
#header{width:100%; margin:0 auto; z-index:100; padding:0;}
.inner{width:100%; position:relative; margin-left:auto; margin-right:auto; max-width:1200px;}

/*	                                     header
 ================================================================================================ */
#teadertop{width:100%; height:40px; background-color:#dc0032;}
#teadertop .top{width:1200px; margin:0 auto;}
#teadertop .top li{float:right; padding:0 20px 0 20px; }
#teadertop .top li a{color:#fff; font-size:13px; font-weight:600;  line-height:40px;}
#header{z-index:1000; position:fixed; background:rgba(255,255,255,1); transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out;}
#header .inner{z-index:9999;}
#header .logo{position:absolute; top:28px; left:0; height:69px;}
#header .logo a{display:block;}


.h-box{height:100px; overflow:hidden; position:relative;}


/*	                                     menu
 ================================================================================================ */

.topNavWrap{width:100%; height:100px; position:absolute; top:40px; overflow:hidden; z-index:888; border-bottom:1px solid #dfdfdf;} 
.topNavWrap.on{height:370px;background:rgba(255,255,255,0.9);}
.topNavWrap.on:before{width:100%;height:1px;content:'';position:absolute;left:0;bottom:0; background:#dfdfdf; }


#header .topNav{position:relative; margin:0 auto; padding:0; clear:both; max-width:1200px; width:100%; }     
#header .gnbNav{position:absolute; right:0; top:0; height:100px;  z-index:9999999; width:70%}
#header .gnbNav .gnb{width:100%;overflow:hidden;clear:both; }
#header .gnbNav .gnb>li{float:left; margin:0; padding:0; width:18%;}
#header .gnbNav .gnb>li>a>span{position:relative;display:block; }
#header .gnbNav .gnb>li>a>span:before{width:100%;height:1px; content:'';position:absolute;left:0;bottom:1px;-webkit-transition:-webkit-transform 0.2s;transition:transform 0.2s;-webkit-transform:scale3d(0, 1, 1);transform:scale3d(0, 1, 1);}
#header .gnbNav .gnb>li>a.on span:before{background-color:#ff053f; -webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}

#header .gnbNav .gnb>li>a{height:100px; line-height:100px; text-align:center; font-size:17px; font-weight: 500; display:block;  color:rgba(0,0,0,0.94); letter-spacing:-0.5px; padding:0 15px;} 
#header .gnbNav .gnb>li:hover{ height:370px; border:1px solid #dfdfdf; border-top:0px; border-bottom:0px;}
#header .gnbNav .gnb>li:hover:before{width:100%;height:0px;content:'';position:absolute;left:0;bottom:0; }
#header .gnbNav .gnb>li>a:hover, #header .gnbNav .gnb>li>a:focus, #header .gnbNav .gnb>li>a.on{color:#ff053f;}
#header .gnbNav .gnb>li>ul{margin:25px 0;text-align:center; z-index:888}
#header .gnbNav .gnb>li>ul>li{}
#header .gnbNav .gnb>li>ul>li a{font-size:14px; display:block; font-weight:300; padding:10px 0 10px 0;}       
#header .gnbNav .gnb>li>ul>li a.on{color:#fff; background-color:#ff053f; }
#header .gnbNav .gnb>li>ul>li>ul{margin-top:10px;}    
#header .gnbNav .gnb>li>ul>li>ul>li{margin-bottom:10px;}
#header .gnbNav .gnb .gnb-m5{font-size:26px; display:block; font-weight:600; width:28%; height:100px; line-height:100px;}
#header .gnbNav .gnb .gnb-m5 b{font-size:16px; color:#fff; margin-left:10px; font-weight:400; background:#ff053f; border-radius:18px;padding:5px 10px 5px 10px;}

/* fadeInRight */
@-webkit-keyframes fadeInRight {
	0% {opacity:0; -webkit-transform:translate3d(40px,0,0)}
	100% {opacity:1; -webkit-transform:translate3d(0px,0,0)}
}

@keyframes fadeInRight {
	0% {opacity:0; -webkit-transform:translate3d(40px,0,0)}
	100% {opacity:1; -webkit-transform:translate3d(0px,0,0)}
}


/*	                                    top
 ================================================================================================ */
#back2top {
    height: 51px;
    margin-left: 640px;
    position: fixed;
    bottom: 80px;
    left: 50%;
    display: none;
    z-index: 3;
}



/*	                                    foot
 ================================================================================================ */
 
select{background: url(/img/arr.gif) no-repeat 95% 50%; -webkit-appearance: none;-moz-appearance: none;appearance: none;}
select::-ms-expand {display: none;}


.footer{margin:0 auto; padding:32px 0; width:100%; clear:both; overflow:hidden; border-top:1px solid #dfdfdf;}

.footer .Add{margin:0 auto; padding:0; width:100%; max-width:1200px; clear:both; overflow:hidden;}
.footer .Add h1{margin:10px 50px 0 0; padding:0; font-size:0px; line-height:100%;}
.footer .Add .copy{margin:8px 0 0 0; padding:0;}
.footer .Add .copy li{float:none; margin:0; padding:0; font-size:14px; font-weight:300; color:#6f6e6e; line-height:24px; letter-spacing:-0.1px; }
.footer .Add .copy li:nth-child(1) p{ display:inline-block; font-size:16px; color:#c3c3c3; padding:0; margin:0 35px 10px 0;}
.footer .Add .copy li:nth-child(1) p a{ color:#3c3c3c; font-weight:400; }
.footer .Add .copy li span{margin:0 10px;}
.footer .Add .copy li:nth-child(4){font-size:13px;}

.footer .tel{margin:0; padding:0; width:24%;}
.footer .tel li{float:none; margin:0; padding:0; font-weight:300; letter-spacing:-0.4px; line-height:100%;}
.footer .tel li:nth-child(1){font-size:20px; color:#cccccc; padding-bottom:5px; }
.footer .tel li:nth-child(2){font-size:40px; color:#ed1b23; font-weight:bold; padding-bottom:2px;}
.footer .tel li:nth-child(3){font-size:34px; color:#ed1b23; font-weight:bold; padding-bottom:10px;}
.footer .tel li:nth-child(4){font-size:14px; color:#6f6e6e; padding-bottom:5px;}
.footer .tel li:nth-child(5){font-size:14px; color:#6f6e6e;}
.footer .tel li:nth-child(2) a, .footer .tel li:nth-child(3) a{color:#ed1b23;}








						
/*	                                   pop
 ================================================================================================ */
#popup, #popup2, .bMulti {display: none;min-width:800px;padding:0;}
#popup .logo{color:#2b91af;font:bold 325% 'Petrona',sans}
#popup, .bMulti {min-height: 250px;}
/* 클릭할 버튼 */
.button {cursor: pointer; display: inline-block; padding: 0; text-decoration: none;}
/* 닫기 버튼 */
.button.b-close, .button.bClose {position:absolute; right:0; top:-32px; z-index:999; padding:0;}
@media all and (max-width:480px) {
#popup, #popup2, .bMulti {min-width:300px;}
}

/* =======================================* sub_visual *========================================================= */

.sub_top{
	position:relative;
	width:100%;height:231px;
}
.sub1{background:url("/base/img/img/sub_img_02.jpg") no-repeat center;background-size:cover;}
.sub_top .titlearea{width:1200px; margin:0 auto;}
.sub_top h2{font-size:34px;color:#f15a23;font-weight:500; padding-top:85px; letter-spacing:-1px;}
.sub_top .t_text{font-size:28px;color:#000;font-weight:600; padding-top:8px; letter-spacing:-1px;}
.sub_top .t_text1{font-size:19px;color:#fff;font-weight:200;}