@charset "euc-kr";
/* CSS Document */

/* reset */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0;padding:0;-webkit-text-size-adjust:none}
body,input,textarea,select,table,button{font-size:22px;line-height:1.6em;font-family:Helvetica,AppleGothic,Sans-serif}
body{position:relative;background-color:#f5f5f5;color:#444444;word-wrap:break-word;word-break:break-all}
img,fieldset{border:0}
ul,ol{list-style:none}
a{color:#424242;text-decoration:none;cursor:pointer}
em,address{font-style:normal}
html, body, #map {margin: 0; padding: 0; width: 100%; height: 100%; color:#666666}
header, nav, article, footer, address {display: block;}


/* header */
#head{background:#434c5a url(../img/common/bg.gif) left top; background-position:center; position:relative; height:270px;}
#head .list {padding-top:30px}
#head .list p{float:left; margin:0 30px 20px}
#head .info {padding:25px 0}
#head .info li {padding-top:10px; color:#FFFFFF}


/* container */
#container {position:relative;width:100%;height:auto !important;height:100%;overflow:hidden; background:#f5f5f5}


/* footer */
#foot{width:100%; text-align:center;}
#foot .link {padding:20px 0 5px;}
#foot .link li{display:inline-block; text-align:center; width:45%}
#foot .bt {background:url(../img/common/copy_bg.gif); padding:20px 0 8px}
#foot .bt li{display:inline-block; text-align:center; width:15%}



/* menu */
.menu li{position:relative;display:block; padding:30px; border-top:2px solid #ffffff; border-bottom:1px solid #cdcdcd;
background: rgb(237,237,237); 
/* Old browsers */
background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(237,237,237,1) 0%,rgba(255,255,255,1) 100%); /* W3C */}
.menu li a img.plus{position:absolute;right:20px;top:22px;}
.menu li a span{color:#666666}
.menu li span.fr{ position:absolute;right:20px}
.menu p {padding:20px 30px; border-bottom:1px solid #cdcdcd;}


/* etc */
.qr_border{border:5px solid #e8e8e8;}
.tit{background:url(../img/sub/tit_bg.gif) repeat-x; width:100%; border-top:2px solid #FFFFFF; border-bottom:2px solid #cdcdcd; padding:20px 30px}
.content{padding:30px; border-bottom:1px solid #cdcdcd;}
.spec li{padding:5px}
.att{background:url(../img/sub/greydot.png) left 5px no-repeat; padding-left:10px}
.ac{text-align:center}
.login{background:#434c5a url(../img/common/bg.gif) left top; background-position:center; position:relative; padding:80px 0 30px; margin-top:10px}
.login_box{padding-top:200px} 
.mblogo{ text-align:center; padding-top:10px}



/* color/padding */
.bk {color:#333}
.gr {color:#8f8f8f}
.wh {color:#FFF}
.red {color:#ff0000}
.pt50 {padding-top:50px}
.boder{border:1px solid #d6d6d6}



/* font-size */
.f0 {font-size:0.9em}
.f1 {font-size:1.0em}
.f2 {font-size:1.1em}
.f3 {font-size:1.2em}
.f4 {font-size:1.3em}
.f5 {font-size:1.4em}
.f6 {font-size:1.5em}
.f7 {font-size:1.6em}
.f8 {font-size:1.7em}
.f9 {font-size:1.8em}
.f10 {font-size:1.9em}



@media screen and (max-width: 1280px){


}

@media screen and (max-width: 640px){
.link ul li img {width:100% !important;}


}