@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* VAIMEDIA : HYJ 2013-12-16 */

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
ul,ol,li,dl,dt,dd{list-style:none;margin:0;padding:0}
img{max-width:100%;vertical-align:top;border:none}
form,fieldset{border:0}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
input,select,textarea,button{font-size:100%;vertical-align:middle}
textarea{overflow:auto}
a{color:inherit;text-decoration:none; color:#000}
a:link,a:visited{text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none; color:#000}
table{border-collapse:collapse;border-spacing:0}
legend,.blind{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;visibility:hidden;font-size:0;line-height:0;z-index:-1}
input[type=text],input[type=password],input[type=submit],input[type=search],textarea,button{-webkit-appearance:none;border-radius:0}
button,input[type=submit]{background-color:transparent;border:0 none;cursor:pointer}

/* Common */
body,input,textarea,button,select,table{color:#514e50;font-family:"Nanum Gothic",Sans-serif;font-size:13px;line-height:1.5;-webkit-text-size-adjust:none;}
.icon{display:block;background-image:url(../../images/common/img_320.png);-webkit-background-size:210px 204px;background-size:210px 204px;font-size:0;line-height:0;overflow:hidden;text-indent:-9999px;vertical-align:top}
.vcsImg{display:inline-block;background-image:url(../../images/sub/img_vcs_320.png);-webkit-background-size:166px 560px;background-size:166px 560px;font-size:0;line-height:0;overflow:hidden;text-indent:-9999px;vertical-align:top}
@media only screen and (-webkit-min-device-pixel-ratio:1.5){
body,input,textarea,button,select,table{font-family:Sans-serif}
.icon{background-image:url(../../images/common/img_320.png)}
.vcsImg{background-image:url(../../images/sub/img_vcs_320.png)}
}
@media only screen and (-webkit-min-device-pixel-ratio:2){
body,input,textarea,button,select,table{font-family:Sans-serif}
.icon{background-image:url(../../images/common/img_640.png)}
.vcsImg{background-image:url(../../images/sub/img_vcs_320.png)}
}

/* Layout */
html{height:100%}
body{min-width:320px;width:100%;height:100%;border-top:4px solid #212eab;background:url(../../images/common/bg_body.gif);}
#wrap{max-width:1300px;height:100%;margin:0 auto;padding:0 1.5%;}
#container{position:relative;margin:-70px 4px -160px;min-height:100%;overflow:hidden;z-index:10}
#contents{padding:70px 0 160px;overflow:hidden;}
#contents:after{content:".";clear:both;display:block;height:0;visibility:hidden}
#footer{height:160px;margin:4px 4px 0;border-bottom:0;background:url(../../images/common/bg_footer.gif);color:#c1bfc0;overflow:hidden}

#header{position:relative;height:70px;z-index:50;}
#header h1{position:absolute;left:0;width:100%}
#header h1 a{display:block;width:120px;height:32px;margin:25px auto 0;background-position:0 -104px}
#header .home{position:absolute;top:8px;left:2%;width:60px;height:60px;z-index:100;}
#header .home span{position:absolute;top:18px;left:5px;width:24px;height:24px;background-position:-60px -172px;}
#header .allMenu,#header .closeMenu{position:absolute;top:8px;right:2%;width:60px;height:60px;z-index:100;}
#header .closeMenu{display:none}
#header .allMenu span,#header .closeMenu span{position:absolute;top:18px;right:5px;width:24px;height:24px}
#header .allMenu span{background-position:0 -172px}
#header .closeMenu span{background-position:-30px -172px}
.wGnb{display:none;position:absolute;top:75px;left:4px;right:4px;background:url(../../images/common/bg_gnb.png)}
.gnb:after{content:".";clear:both;display:block;height:0;visibility:hidden}
.gnb li{position:relative;float:left;width:33.33333%}
.gnb li a{display:block;width:100%;height:72px;margin:0 auto;/*border-right:1px dashed #ddd*/;color:#fff}
.gnb li.gnb3 a{border-right:0}
.gnb li.gnb4 a{border-bottom:0}
.gnb li.gnb5 a{border-bottom:0}
.gnb li.gnb6 a{border-right:0;border-bottom:0}
.gnb li .menuTxt{position:absolute;top:42px;width:100%;display:block;font-size:13px;text-align:center}
.gnb li .icon{position:absolute;top:14px;left:50%;width:24px;height:24px;margin-left:-12px}
.gnb1 .icon{background-position:-30px -142px}
.gnb2 .icon{background-position:0 -142px}
.gnb3 .icon{background-position:-60px -142px}
.gnb4 .icon{background-position:-90px -142px}
.gnb5 .icon{background-position:-120px -142px}
.gnb6 .icon{background-position:-150px -142px}
.gnb ul{display:none}

.foot{position:relative;padding:70px 3% 20px;z-index:100}
.foot .footLogo{display:none;float:left;margin:25px 40px 0 10px;width:120px;height:32px;background-position:-90px -172px;}
.foot .fnb{position:absolute;top:5px;overflow:hidden}
.foot .fnb:after{content:".";clear:both;display:block;height:0;visibility:hidden}
.foot .fnb li{float:left;}
.foot .fnb li a{display:block;position:relative;width:80px;height:64px}
.foot .fnb li.fnb1 a{width:90px;}
.foot .fnb li a .menuTxt{position:absolute;top:40px;left:0;width:100%;font-size:11px;text-align:center;}
.foot .fnb li a .icon{position:absolute;top:10px;left:28px;width:24px;height:24px}
.foot .fnb li.fnb1 .icon{background-position:-156px -58px;}
.foot .fnb li.fnb2 .icon{background-position:-186px -58px;}
.foot .fnb li a{color:#8fa5aa}
.foot .fnb li.fnb3 .icon{top:18px;left:24px;width:32px;height:12px;background-position:-156px -88px;}
.foot .footTxt{padding-top:5px;border-top:1px solid #555;text-align:center}
.foot .footTxt p,.foot .footTxt address{font-size:10px}
.foot .footTxt .copyright{padding-top:5px;color:#c1bfc0;font-size:10px;font-family:Roboto;}
.foot .footTxt .copyright strong{color:#fff;letter-spacing:1px;font-weight:normal}
.foot .footTxt .utility_link{margin-bottom:3px;}
.foot .footTxt .utility_link a{margin-right:8px; color:#f3f3f3;}

@media all and (max-width:760px) {
.foot .fnb{left:50%;margin-left:-80px}
}

@media all and (min-width:760px) {
body{border-top:0}
#header h1 a{margin-top:0}
#header .home{top:0;left:1%}
#header .home span{left:18px}
#header .allMenu,#header .closeMenu{top:0;right:1%}
#header .allMenu span,#header .closeMenu span{left:18px}
#header .home span{background-position:-186px -106px;}
#header .allMenu span{background-position:-126px -106px}
#header .closeMenu span{background-position:-156px -106px}
.wGnb{display:block;top:0;border-top:0}
.gnb{margin:0 auto}
.gnb li{float:left;width:20%}
.gnb li a{border:0;text-align:center}
.gnb li a .menuTxt{display:none}
.gnb li li{float:none;width:100%}
.gnb li li a{height:28px;color:#fff;font-size:13px;line-height:28px}
.show .gnb > li{border-left:1px dashed #515be1;margin-left:-1px}
.show .gnb > li:first-child{border-left:0}
.show .gnb ul{padding-top:30px}
.show .gnb a .menuTxt{display:block;width:100%;color:#fff;}
.gnb a:hover .menuTxt,.gnb a:focus .menuTxt{display:block;color:#ffffc8}
.gnb a:hover .icon{top:12px;}
#footer{height:100px;margin:6px 6px 0}
.foot{padding:12px 30px 0}
.foot .fnb{top:16px;right:30px}
.foot .fnb li{margin-left:10px;}
.foot .footTxt{float:left;border-top:0;text-align:left}
.foot .footTxt p,.foot .footTxt address{font-size:12px}
.foot .footTxt .copyright{font-size:11px}
}

@media all and (min-width:480px) and (max-width:760px) {
#wrap{padding:0 2%}
.foot{padding-left:5%;padding-right:5%}
}

@media all and (min-width:760px) and (max-width:1200px) {
#wrap{padding:0 3%}
#container{margin:-140px 6px -106px;}
#contents{padding:140px 0 106px;}
#header{height:140px}
#header h1{bottom:13px}
#header h1 a{width:150px;height:40px;background-position:0 -58px}
.wGnb{left:6px;right:6px}
.gnb{width:50%}
.gnb li a{height:60px}
.gnb li .icon,.show .gnb li a:hover .icon{top:18px}
.show .gnb > li{height:250px}
.show .gnb a .menuTxt{top:60px;font-size:15px}
}

@media all and (min-width:1200px) {
#wrap{padding:0 5%}
#container{margin:-170px 7px -108px;}
#contents{padding:170px 0 108px;}
#header{height:170px}
#header h1{bottom:18px}
#header h1 a{width:200px;height:52px;background-position:0 0}
#header .home{top:5px;left:2%}
#header .allMenu,#header .closeMenu{top:5px;right:2%}
#footer{height:100px;margin:20px 7px 0}
.wGnb{left:7px;right:7px}
.gnb{width:44%}
.gnb li a{height:70px}
.gnb li .icon,.show .gnb li a:hover .icon{top:23px}
.show .gnb > li{height:270px}
.show .gnb > li:hover{background:#3a37c2}
.show .gnb a .menuTxt{top:65px;font-size:16px}
.show .gnb li li a:hover{color:#ffff96;font-weight:700}
.foot .footLogo{display:block;}
}

.ready{min-height:416px;padding:100px 0;text-align:center}
.ready p{padding-top:40px;font-size:16px;line-height:30px}
.ready p strong{display:block;padding-bottom:20px;color:#f64689;font-size:36px}

/* Common */
.mainImg{display:inline-block;background-image:url(../../images/main/img_main_320.png);-webkit-background-size:192px 218px;background-size:192px 218px;font-size:0;line-height:0;overflow:hidden;text-indent:-9999px;vertical-align:top}
.logImg{display:inline-block;background-image:url(../../images/sub/img_login_320.png);-webkit-background-size:240px 294px;background-size:240px 294px;font-size:0;line-height:0;overflow:hidden;text-indent:-9999px;vertical-align:top}

@media only screen and (-webkit-min-device-pixel-ratio:1.5){
.mainImg{background-image:url(../../images/main/img_main_640.png)}
.logImg{background-image:url(../../images/sub/img_login_640.png)}

}
@media only screen and (-webkit-min-device-pixel-ratio:2){
.mainImg{background-image:url(../../images/main/img_main_640.png)}
.logImg{background-image:url(../../images/sub/img_login_640.png)}
}
.tel ul li .tels{padding:0;background-position:-126px -124px;}
.tel ul li .fax{background-position:-148px -124px;}
.tel ul li .mail{background-position:-170px -124px;}