@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
 
@import url(../css/futra.css); /* ÆùÆ®°ü·Ã*/
@import url(../css/font_awesome.css);
@import url(../css/mainanimation.css); /* ¾Ö´Ï¸ÞÀ̼ǰü·Ã*/
@import url(../css/barungothic.css);








html,body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,tr,img,a,span,address,strong,form,fieldset,input,button,select,textarea,section,article,figure,em,i{
margin:0;padding:0;border:0;font-style:normal;outline:0;font-size:14px;

}
img,label,input,select{vertical-align:middle}
h1,h2,h3,h4,h5,h6,address,strong{font-size:12px;font-weight:normal}
li{list-style-type:none}
input,select,textarea{font:12px/1.4 'Nanum Gothic',NanumGothic,'dotum','Dotum',sans-serif;color:#808080}
table{border-collapse:collapse}
a{color:#555;text-decoration:none}
body{font:12px;font-family:'Nanum Gothic',NanumGothic,'dotum','Dotum',sans-serif;color:#777;background:#fff;padding:0;margin:0}
body,html{font-size:12px;font-smoothing:antialiased}
caption,legend,.hide{font-size:0;left:-9999px;line-height:0;height:0;text-indent:-9999px}
.skip{font-size:0;overflow:hidden;width:0;height:0}
.clear{zoom:1}
.clear:after{content:'';display:block;clear:both}
.clear .after{content:'';display:block;clear:both}



.dis_m{display:none}

@media screen and (max-width:1060px){
.dis_m{display:block}
.dis_pc{display:none}}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img{max-width:100%}
.red{color:#ed5b51!important}
.container{/*max-width:1200px;*/width:100%;margin:0 auto}
.margin-top-30{margin-top:30px}
button.cancel{background:#807979;border:1px solid #807979;width:304px;padding:20px 0;text-align:center;color:#fff;font-size:16px}
button.cancel:hover,button.cancel.active{background:#fff;color:#807979}
span.radio,span.checkbox{cursor:pointer}
span.radio aside,span.checkbox aside{display:none}
span.radio label,span.checkbox label{vertical-align:middle;margin:0 5px;font-family:'nanum-barun-gothic-regular';font-size:15px;color:#807979}
span.radio em{vertical-align:middle;display:inline-block;position:relative;width:6px;height:6px;padding:4px;overflow:hidden;border-radius:50%;border:1px solid #ddd}
span.radio i{vertical-align:middle;display:inline-block;width:6px;height:6px;background:#ed5b51;border-radius:50%;position:absolute;top:50%;left:50%;margin-left:-3px;margin-top:-3px}

span.radio i{opacity:0;transition:opacity ease .4s;-webkit-transition:opacity ease .4s;filter:alpha(opacity=0)}
span.radio.active i{opacity:1}
.ie9 span.radio.active i,.ie8 span.radio.active i,.ie7 span.radio.active i{filter:alpha(opacity=100)}
span.checkbox em{vertical-align:middle;display:inline-block;width:17px;height:17px;border:1px solid #d9d9d9;position:relative}
span.checkbox em img{position:absolute;top:50%;left:50%;margin-left:-5px;margin-top:-4px}
span.checkbox em img{opacity:0;transition:opacity ease .4s;-webkit-transition:opacity ease .4s}
span.checkbox.active img{opacity:1}

.ie9 span.checkbox.active img,.ie8 span.checkbox.active img,.ie7 span.checkbox.active img{filter:alpha(opacity=100)}


h3.title{text-transform:uppercase;background:url(../images/sub_title-ico.png) left 45% no-repeat;padding:10px;padding-left:35px;color:#3b3333;font-weight:600;font-size:24px;font-family:"nanum-barun-gothic-regular"}
h3.title i{color:#808080}
h3.title span{margin:0;color:#999191;font-size:13px;font-family:"nanum-barun-gothic-ultralight"}
h3.title.top0{background-position:0 0}
h3.title2{text-transform:uppercase;padding:10px;padding-left:35px;color:#3b3333;font-weight:600;font-size:24px;font-family:"nanum-barun-gothic-regular"}

}
header{text-align:center;position:relative}
header.sub{background:#fff}
header>div{position:relative}
header .logo{padding:20px 0} /*ÇÁ·¹ÀÓ*/



header .gnb{margin:0 auto;position:relative}
header .gnb .depth1 li{float:left;padding:0 0 0;line-height:36px; margin:0 auto}
/*
header .gnb .depth1 li:first-child{float:center;width:9%;padding:6px 0 0;line-height:36px; margin:0 auto; text-align:center}
header .gnb .depth1 li:nth-child(2) {float:center;width:14%;padding:6px 0 0;line-height:36px; margin:0 auto; text-align:center}
header .gnb .depth1 li:nth-child(3) {float:center;width:15%;padding:6px 0 0;line-height:36px; margin:0 auto; text-align:center}
header .gnb .depth1 li:nth-child(4) {float:center;width:20%;padding:6px 0 0;line-height:36px; margin:0 auto; text-align:center}
header .gnb .depth1 li:nth-child(5) {float:center;width:12%;padding:6px 0 0;line-height:36px; margin:0 auto; text-align:center}
header .gnb .depth1 li:nth-child(6) {float:center;width:12%;padding:6px 0 0;line-height:36px; margin:0 auto; text-align:center}
header .gnb .depth1 li:nth-child(7) {float:center;width:9%;padding:6px 0 0;line-height:36px; margin:0 auto; text-align:center}
header .gnb .depth1 li:last-child {float:center;width:9%;padding:6px 0 0;line-height:36px; margin:0 auto; text-align:center}
*/

header .gnb .depth1 li:first-child{float:center;width:9%;padding:6px 0 0;line-height:36px; margin:0 auto; text-align:center}
header .gnb .depth1 li:nth-child(2) {float:center;width:14%;padding:6px 0 0;line-height:36px; margin:0 auto; text-align:center}
header .gnb .depth1 li:nth-child(3) {float:center;width:14%;padding:6px 0 0;line-height:36px; margin:0 auto; text-align:center}
header .gnb .depth1 li:nth-child(4) {float:center;width:14%;padding:6px 0 0;line-height:36px; margin:0 auto; text-align:center}
header .gnb .depth1 li:nth-child(5) {float:center;width:14%;padding:6px 0 0;line-height:36px; margin:0 auto; text-align:center}
header .gnb .depth1 li:nth-child(6) {float:center;width:14%;padding:6px 0 0;line-height:36px; margin:0 auto; text-align:center}
header .gnb .depth1 li:nth-child(7) {float:center;width:14%;padding:6px 0 0;line-height:36px; margin:0 auto; text-align:center}
header .gnb .depth1 li:last-child {float:center;width:14%;padding:6px 0 0;line-height:36px; margin:0 auto; text-align:center}


header .gnb .depth1 a{display:inline-block;font-size:18px;position:relative;color:#fff}
header .gnb .depth1 a *{vertical-align:middle; text-align:center}
header .gnb .depth1 a span{display:block;height:4px;background:#ABC021;margin-top:10px}
header .gnb .depth1 a span{opacity:0;transform:translateY(7px);-webkit-transform:translateY(7px);transition:transform ease .4s,opacity ease .4s;-webkit-transition:transform ease .4s,opacity ease .4s}
header .gnb .depth1 li:hover span{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1}
header .gnb .depth1 li.active span{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1}
 



.ie8 header .gnb .depth1 a span,.ie7 header .gnb .depth1 a span{display:none}
.ie8 header .gnb .depth1 li:hover span,.ie7 header .gnb .depth1 li:hover span{display:block}
header li a{transition:color ease .3s;-webkit-transition:color ease .3s;color:#fff}
header li a:hover{color:#1F44E5}
 
header nav{overflow:hidden;height:0;position:absolute;width:100%}
header nav>div{border-bottom:2px solid #F1D306;background:#0DB799/*-- »ó´Ü¹è°æ»ö»ó--*/}
header.sub nav>div{background:#fff}
header nav>div{opacity:0;transform:translateY(-100px);-webkit-transform:translateY(-100px);transition:transform ease .4s,opacity ease .4s;-webkit-transition:transform ease .4s,opacity ease .4s}

header nav ul{float:left;width:10.28%;padding:5px 0;
          height:312px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}






header nav li{padding:3px 0;text-align:left}
header nav li a{display:block;font-size:14px;padding-left:3px;color:#fff}
header nav li.active{color:F2D85C}
header nav dl{padding-left:2px}
header nav dl dd{padding-top:10px}
header nav dl dd img{margin-right:5px;position:relative;top:-1px}

header .gnb .depth2{z-index:100;transition:height ease .4s;-webkit-transition:height ease .4s}
header .gnb .depth2.open>div{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1}





 
.nav_h{display:none}


header .mnb{display:none;position:absolute;width:30px;left:10px;top:50%;margin-top:-12px;perspective:800px;-webkit-perspective:800px}
header .mnb span{display:block;width:100%;height:4px;margin:3px 0;background:#195999}
header .mnb span{opacity:0}
header .mnb span:nth-child(1){-webkit-animation-delay:.1s;animation-delay:.1s}
header .mnb span:nth-child(2){-webkit-animation-delay:.3s;animation-delay:.3s}
header .mnb span:nth-child(3){-webkit-animation-delay:.5s;animation-delay:.5s}
header .mnb.active span:nth-child(1){transform:rotate(45deg)}
header .mnb.active span:nth-child(2){transform:rotate(45deg)}
header .mnb2{display:none;position:absolute;width:31px;right:10px;top:50%;margin-top:-12px;}

.gnb-mobile{overflow:hidden;left:0;height:0;position:absolute;z-index:500;width:100%}
.gnb-mobile ul{width:95%;margin:0 auto;text-align:left;position:relative;border-top:2px solid #195999;border-bottom:2px solid #195999}
.gnb-mobile li{background:#E7E9E9;margin:1px 0;border-top:1px solid #ebebeb}
.gnb-mobile li.first{border-top:0}
.gnb-mobile li>a{display:block;padding:10px 15px;font-size:16px}
.gnb-mobile li dd{margin:1px 0}
.gnb-mobile li dd.active a{color:#ed5b51}
.gnb-mobile li dd>a{display:block;padding:10px 20px;font-size:14px;color:#6E6969;background:#f5f5f5}
.gnb-mobile .depth3>a{margin:1px 0;display:block;padding:10px 20px;font-size:13px;color:#a7a7a7;background:#f5f5f5}
.gnb-mobile .depth3>a img{margin-right:5px}
.gnb-mobile .depth2{height:0;overflow:hidden;transition:height ease .4s;-webkit-transition:height ease .4s}
.gnb-mobile .overlay{background:#fff;opacity:1;position:absolute;top:0;left:0;width:100%;height:100%}
.mobile-view{display:none}
section{overflow:hidden}
 
 

 
 
@keyframes mnbLine{from{opacity:0;transform:translateZ(250px)}to{opacity:1;transform:translateZ(0px)}}
@-webkit-keyframes mnbLine{from{opacity:0;-webkit-transform:translateZ(250px)}
to{opacity:1;-webkit-transform:translateZ(0px)}
}

.phone-wrap{font-size:0}
.phone-wrap *{margin:5px 1px!important}
.phone-wrap select{margin:5px 0;font-size:15px;padding:10px;border:1px solid #ebebeb;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
-ms-box-sizing:border-box;box-sizing:border-box}