@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:16px; color:#151515; font-weight:400;}
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%;  position:relative;  margin:0 auto; top:0px;}
#wrap1{width:1280px;  position:relative;   margin:0 auto; top:250px;}
#header{width:100%; margin:0 auto; z-index:100; padding:0;}
.inner{width:100%; position:relative; margin-left:auto; margin-right:auto; max-width:1280px;}

/*	                                     header
 ================================================================================================ */
#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;}
.h-box{width:1280px; margin:0 auto;height:150px; overflow:hidden; position:relative;}
.h-box li{float:left; width:33.333%;}
.h-box .canon{text-align:left; padding-top:30px;}
.h-box .logo{text-align:center; padding-top:30px;}
.h-box .bener1{text-align:right; padding-top:40px;}

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

.topNavWrap{width:100%; height:73px; position:absolute; top:150px; overflow:hidden; background:#000; z-index:888; border-bottom:1px solid #dfdfdf;} 
.topNavWrap.on{height:400px;background:rgba(0,0,0,1);}
.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:1280px; width:1280px; }     
#header .gnbNav{position:absolute; left:0; top:0; height:73px;  z-index:9999999; width:100%}
#header .gnbNav .gnb{width:100%;overflow:hidden;clear:both; }
#header .gnbNav .gnb>li{float:left; margin:0; padding:0; width:14.285%}
#header .gnbNav .gnb>li>a>span{position:relative;display:block; }
#header .gnbNav .gnb>li>a>span:before{width:100%;height:3px; 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:#ed1e26; /***대메뉴 하단 선칼라 ***/-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}

#header .gnbNav .gnb>li>a{height:73px; line-height:73px; text-align:center; font-size:19px; font-weight: 500; display:block;  color:rgba(255,255,255,0.94); letter-spacing:-0.5px; padding:0 15px;} 
#header .gnbNav .gnb>li:hover{ height:400px; /*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:#ed1e26;}/***상단메뉴 롤오버칼라 ***/
#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:15px; display:block; font-weight:300; padding:10px 0 10px 0; color:#fff;}       
#header .gnbNav .gnb>li>ul>li a.on{color:#fff; background-color:#ed1e26; }/***하위메뉴 배경 박스칼라 ***/
#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-m1{width:10%;}
#header .gnbNav .gnb .gnb-m2{width:14%;}
#header .gnbNav .gnb .gnb-m3{width:14%;}
#header .gnbNav .gnb .gnb-m4{width:10%;}
#header .gnbNav .gnb .gnb-m5{width:9%;}
#header .gnbNav .gnb .gnb-m6{width:12%;}
#header .gnbNav .gnb .gnb-m6 a{color:#53b5e6 !important;}
#header .gnbNav .gnb .gnb-m7{width:31%;}

/* 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;}

.footers{position:relative; background-color:#292929; width:100%;}
.footer{margin:0 auto; background-color:#292929; padding:32px 0; width:100%; clear:both; overflow:hidden; }

.footer .Add{margin:0 auto; padding:0; width:100%; max-width:1280px; clear:both; overflow:hidden;}
.footer .Add h1{margin:17px 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:#d8d8d8; line-height:24px; letter-spacing:-0.1px; }
.footer .Add .copy li:nth-child(1) p{ display:inline-block; font-size:16px; color:#c1c1c1; padding:0; margin:0 35px 10px 0;}
.footer .Add .copy li:nth-child(1) p a{ color:#c1c1c1; font-weight:400; }
.footer .Add .copy li span{margin:0 10px;}
.footer .Add .copy li:nth-child(4){font-size:13px;}



.footers .footer_n{background-color:#454545; width:100%;}
.footers .footer_n1{width:1280px; margin:0 auto; padding:35px 20px 25px 20px;}

.footers .footer_n1 .list{margin:0 auto; width:100%; clear:both; overflow:hidden; position:relative; max-width:1280px; }
.footers .footer_n1 .list li{float:left;  padding:0px 24px;  width:25%; height:210px; overflow:hidden; position:relative; text-align:center; border-left:1px solid #787878;}
.footers .footer_n1 .list li:first-child{margin:0; border-left:0px solid #000;}
.footers .footer_n1 .list li:nth-child(5){margin:0;}
.footers .footer_n1 .list li:nth-child(9){display:none;}
.footers .footer_n1 .list h1{font-size:22px; color:#fff; text-align:left; font-weight:500; margin-bottom:25px;}
.footers .footer_n1 .list p{font-size:17px; line-height:31px; color:#cecece; text-align:right; font-weight:400; }
.footers .footer_n1 .list .tel{font-size:24px; line-height:31px; color:#cecece; text-align:right; font-weight:400; margin-bottom:25px;}
.footers .footer_n1 .list .tel span{display: inline-block;
    width: 90px;
    height: 34px;
    border-radius: 22px;
    line-height: 34px;
    vertical-align: middle;
    font-size: 18px;
    text-align: center;
    background: #1d4b89;
    color: #fff;
}	
.footers .footer_n1 .list .time h1{font-size:22px; color:#fff; text-align:left; font-weight:500; margin-bottom:25px;}
.footers .footer_n1 .list .time p{font-size:17px; line-height:31px; color:#cecece; text-align:left; font-weight:400; }	

.footers .footer_n1 .list .bank h1{font-size:22px; color:#fff; text-align:left; font-weight:500; margin-bottom:25px;}
.footers .footer_n1 .list .bank p{font-size:17px; line-height:31px; color:#cecece; text-align:left; font-weight:400; }
.footers .footer_n1 .list .bank p img{vertical-align:middle;}
			
.footers .footer_n1 .list .link h1{font-size:22px; color:#fff; text-align:left; font-weight:500; margin-bottom:25px;}
.footers .footer_n1 .list .link p span{display:inline-block; width:120px; height:38px; margin-right:10px; text-align:center;  font-size:17px; line-height:41px; color:#cecece;  font-weight:400; border:1px solid #787878;}
.footers .footer_n1 .list .link p{margin-top:25px; font-size:17px; line-height:28px; color:#cecece; text-align:left; font-weight:400; }

			
/*	                                   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:304px; top:220px;
}
.sub1{background:url("/base/img/img/sub_img.jpg") no-repeat center;background-size:cover;}
.sub_top .titlearea{max-width:1200px; margin:0 auto;}
.sub_top h2{font-size:2.5em;color:#fff;font-weight:500; text-align:center; padding-top:175px; letter-spacing:-0.25px; font-family: 'Cafe24Danjunghae';}
.sub_top p{font-size:1.2em;color:#fff;font-weight:100; text-align:center; padding-top:15px; letter-spacing:-1px; font-weight:500;}