/*@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/

/* basic */
* {margin:0; padding:0; -webkit-text-size-adjust:none;}		
html, body {min-height:100%;}  
body {font-family:"µ¸¿ò";margin:0; padding:0; border:0;}

html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-family:dotum;font-size:9pt;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;font-size:9pt;}
header ul, nav ul, footer ul {margin:0;padding:0;list-style:none;font-size:9pt;}
li {list-style:none;}
li img {vertical-align:middle;} /* for IE image margin*/ 
label, input, select, img {vertical-align:middle;font-size:9pt;}
img,video,audio,object, embed, iframe {max-width:100%; height:auto; border:0;}
textarea, select {font-family:dotum;font-size:9pt;}
input {margin:0;padding:0;border-radius:0;font-family:dotum;font-size:9pt;}
input[type=text], input[type=password], input[type=submit], input[type=image] {-webkit-appearance:none;font-size:9pt;}
button {border-radius:0;font-size:1em;-webkit-appearance:none;font-size:9pt;}
table, tr, td, div {font-size:9pt;}
p {margin:0;padding:5px 0 0px 0;line-height:1.4em;word-break:break-all;font-size:9pt;}
hr {display:none;font-size:9pt;}
pre {overflow-x:scroll;font-size:9pt;}
a:link, a:visited {color:#000;text-decoration:none;font-size:9pt;}
a:hover, a:focus, a:active {color:#000;text-decoration:none;font-size:9pt;}

.group:before, .group:after { content: ""; display: table; }
.group:after { clear: both; }
.group { zoom: 1; }



/* body */
body {font-size:0.75em; line-height:150%; font-family: Dotum, sans-serif;  color:#666666; }
#wrap {width:100%; margin:0 auto;}

/* heder */
#header {position: relative; width: 100%; margin: 0 auto; border-bottom:solid 6px #458acf; }
#header .top {position: relative; width: 100%; margin: 0px auto; clear: both; overflow: hidden; *zoom:1;}
.top .logo {position: absolute; top: 18%; width: 50%; left:1%; text-align: left; }
.top .home {float: right; width: 25%; text-align: right; padding: 34px 0 34px 0px; }
.home img {margin-right: 2%; }


/* gnb */
#gnb {position:relative; width:100%; background:#2682e5; text-align:center;}
#gnb ul {width:100%; margin:0 auto; overflow:hidden; *zoom:1; clear:both;background:#2682e5; }
#gnb li {float:left; width:24%; text-align:center; background:url('/m/images/gnb_line.gif') right 50% no-repeat;}
#gnb li.end {float:left; width:24%; text-align:center; background:none;}
#gnb li.active {float:left; width:24%; text-align:center; background:#1f55a3;}

#gnb1 {position:relative; width:100%; background:#fff; text-align:center;  border-bottom:solid 2px #cfcfcf; padding-left:1%;}
#gnb1 ul {width:100%; margin:0 auto; overflow:hidden; *zoom:1; clear:both;background:#fff;}
#gnb1 li {float:left; width:32%; text-align:center; border-left:solid 2px #cfcfcf;}
#gnb1 li.end {float:left; width:32%; text-align:center; border-right:solid 2px #cfcfcf; }
#gnb1 li.active {float:left; width:32%; text-align:center; }

#btn {position:relative; width:100%; background:#fff; text-align:center; padding-bottom:30px;}
#btn ul {width:100%; margin:0 auto; overflow:hidden; *zoom:1; clear:both;background:#fff;}
#btn li {float:left; width:45%; text-align:rigth; padding-right:3%; }
#btn li.end {float:left; width:45%; text-align:left; }

#gnb_padding {margin-top:7%; }
#gnb_padding1 {margin-top:7%; }
#prev {float:left; text-align:left; background:url('/m/images/btn_prev.png') left 100% no-repeat;}
/* main 
#main { width:100%; padding-bottom:20%; }
#main_bg { width:100%; background-image:url(../images/main_bg.png); background-repeat:no-repeat; background-size:100% 100%; text-align:center; padding-bottom:16%; padding-top:50%; }

#main_container { width:100%;  text-align:center;  padding-top:10%; }
#main_container ul {width:90%; margin:0 auto;}
#main_container li {position:relative; width:25%; text-align:center; float:left}
#main_container li a img {position:relative; width:100%; text-align:center; max-width:176px; margin-top:10px; }*/

#main_bg { width:100%; background-image:url(../images/main_bg.png); background-repeat:no-repeat; background-size:100% 100%; text-align:center; padding-bottom:16%; padding-top:50%; }
.main_btn { text-align:center; padding: 40px 0px; width: 100%; margin: 0 auto;  }
.main_btn li{float:left; display:inline-block; width: 30%;padding: 0px 1.5%;}

/* foot */
#footer {position:relative; width:100%;}
#foot_tel {text-align:center; background:#458acf; }
#foot_tel img {width:90%; max-width:640px;}
#codyright {width:100%; color:#727272; text-align:center; background:#f5f3f4; padding:10px 0px 5px 0px;clear: both; }*/
.copytxt { width:95%;margin:0 auto; word-break:keep-all;}
.foot_btn { width:50%; margin:0 auto; padding-bottom:7px; }
.foot_btn .btn01 img { width:34%; max-width:82px; margin:0 1px; }

#container { border-top:3px solid #2963af; padding:0 10px; }
#container .blk { border-bottom:1px solid #e8e8e8; height:30px; }



@media all and (max-width:640px) {
	
	
/* body */
body {font-size:0.75em; line-height:150%; font-family: Dotum, sans-serif;  color:#666666;}
#wrap {width:100%; margin:0 auto; min-width:320px;}


/* heder */
#header {position:relative; width:100%; height:100%; margin:0 auto; z-index:5; border-bottom:solid 3px #458acf;}
#header .top {position:relative; width:100%; margin:0 auto;}
.top .logo {position:absolute; top:18%; left:1%; width:50%; text-align:left; }
.top .logo img {max-width:100%;}
.top .home {float:right; width:25%; text-align:right; padding:7% 0 7% 0px;}
.home img {margin-right:2%; max-width:50%;}

.main_btn { text-align:center; padding: 30px 0px; width: 100%; margin: 0 auto;  }

#gnb1 {position:relative; width:100%; background:#fff; text-align:center;  border-bottom:solid 2px #cfcfcf;}
#gnb1 ul {width:100%; margin:0 auto; overflow:hidden; *zoom:1; clear:both;background:#fff;}
#gnb1 li {float:left; width:32%; text-align:center;  border-left:solid 2px #cfcfcf;}
#gnb1 li.end {float:left; width:32%; text-align:center;  border-right:solid 2px #cfcfcf; }
#gnb1 li.active {float:left; width:32%; text-align:center; }

#btn {position:relative; width:100%; background:#fff; text-align:center; padding-bottom:20px;}
#btn ul {width:100%; margin:0 auto; overflow:hidden; *zoom:1; clear:both;background:#fff;}
#btn li {float:left; width:45%; text-align:left; padding-right:3%;}
#btn li.end {float:left; width:45%; text-align:left; }
#btn li.active {float:left; width:45%; text-align:left; }

}


@media all and (max-width:320px) {
	
/* body */
body {font-size:0.75em; line-height:150%; font-family: "Nanum Gothic", Dotum, sans-serif;  color:#666666;}
#wrap {width:100%; margin:0 auto; min-width:100px;}


/* heder */
#header {position:relative; width:100%; height:100%; margin:0 auto; z-index:5 ;border-bottom:solid 3px #458acf;}
#header .top {position:relative; width:100%; margin:0 auto;}
.top .logo {position:absolute; top:18%; left:1%; width:50%; text-align:left;}
.top .home {float:right; width:25%; text-align:right; padding:7% 0 7% 0px}
.home img {margin-right:2%; max-width:50%;}
#headerbg { height:2px; color:#003399; }

.main_btn { text-align:center; padding: 20px 0px; width: 100%; margin: 0 auto;  }
#main_container li {position:relative; width:50%; text-align:center; float:left; }
.con_txt {font-size:9pt; line-height:12pt;}

#gnb1 {position:relative; width:100%; background:#fff; text-align:center;  border-bottom:solid 1px #cfcfcf;}
#gnb1 ul {width:100%; margin:0 auto; overflow:hidden; *zoom:1; clear:both;background:#fff;}
#gnb1 li {float:left; width:32%; text-align:center; border-left:solid 1px #cfcfcf;}
#gnb1 li.end {float:left; width:32%; text-align:center; border-right:solid 1px #cfcfcf; }
#gnb1 li.active {float:left; width:32%; text-align:center;}

#btn {position:relative; width:100%; background:#fff; text-align:center; }
#btn ul {width:100%; margin:0 auto; overflow:hidden; *zoom:1; clear:both;background:#fff;}
#btn li {float:left; width:45%; text-align:left; }
#btn li.end {float:left; width:45%; text-align:left; }
#btn li.active {float:left; width:45%; text-align:left;  }
}