@font-face {
  font-family: 'NanumBarunGothic';
  font-style: normal;
  font-weight: 400;
  src: url(./NanumBarunGothic.eot);
  src: local('NanumBarunGothic'),
       local('NanumBarunGothic'),
       url(/m/css/font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(/m/css/font/NanumBarunGothic.woff2) format('woff2'),
       url(/m/css/font/NanumBarunGothic.woff) format('woff'),
       url(/m/css/font/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
  font-family: 'NanumBarunGothic';
  font-style: normal;
  font-weight: 600;
  src: url(./NanumBarunGothicBold.eot);
  src: local('NanumBarunGothicBold'),
       local('NanumBarunGothicBold'),
       url(/m/css/font/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(/m/css/font/NanumBarunGothicBold.woff2) format('woff2'),
       url(/m/css/font/NanumBarunGothicBold.woff) format('woff'),
       url(/m/css/font/NanumBarunGothicBold.ttf) format('truetype');
}

/* ÃʱâÈ­ */
html {overflow:auto;width:100%;margin:0;padding:0/*overflow-y:scroll*/}
body {margin:0;padding:0;font-size:16px; letter-spacing:-0.5px; color:#474646; 
		line-height:150%;
	font-family:'NanumBarunGothic',"³ª´®¹Ù¸¥°íµñ",Sans-serif;}

html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em; font-family:'NanumBarunGothic', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'NanumBarunGothic', dotum, sans-serif;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'NanumBarunGothic', dotum, sans-serif;font-size:1em}
select {margin:0}
p {padding:0; /*word-break:break-all*/}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
}
 
input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {
-webkit-box-shadow:  0 0 5px #9ed4ff;
-moz-box-shadow:  0 0 5px #9ed4ff;
box-shadow: 0 0 5px #9ed4ff;
border: 1px solid #558ab7 !important;
}
.placeholdersjs { color: #aaa !important; }



/* »ó´Ü ·¹À̾ƿô */
#hd {/*border-top:2px solid #253dbe*/ padding:0; margin:0; border-bottom:1px solid #ddd;}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#hd_wrapper {position:relative; margin:0 auto; padding:6px 0 0 0;/*padding:14px;*/ height:72px; width:100%; background:#fff; zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo {float:left; padding:0}
#logo > span { display: none; padding-top:5px; }



/* ¸ÞÀθ޴º */


/* Áß°£ ·¹À̾ƿô */
#wrapper{}
#container_wr:after {display:block;visibility:hidden;clear:both;content:""}
#container_wr {z-index:5;margin:0 auto;width:100%;height:auto; min-height:300px; padding:0; zoom:1}

.main_cont {display:block; padding:17px; margin:0; width:100%; height:auto; background:#9a9bf4; }
.main_cont table {width:320px; margin:0 auto;  }
.main_cont table tr td, .main_cont table tr td a {width:33%; text-align:center;}

.main_banner {display:block; padding:0; margin:0; width:100%; height:auto; }
.main_banner table {width:100%; margin:0 auto;  }
.main_banner table tr td, .main_cont table tr td a {width:50%; height:75px; text-align:center;}
.main_banner table tr td:first-child {background:#382626}
.main_banner table tr td:last-child {background:#fae100}

#aside {float:right;width:305px;padding:0;background: #e7ebf3;height: 100%;border: 1px solid #adbfd2;;margin:20px 0 20px 20px}

/* ¼­ºêÆäÀÌÁö  */
#subcontent {width: 100%; padding:5px 15px 20px 15px;}
/*#subcontent .article {display:block; width:97%; margin:0 auto; text-align:left;}*/
#subcontent h3 {font-size:23px; font-weight:bold; color:#314980; }
#subcontent p {font-size : 16px;}
#subcontent h4 {font-size:19px; font-weight:bold; color:#314980; }

#subcontent table {width:100%}
#subcontent table tr td {border-bottom:1px solid:#ddd; padding:7px;}


.s1bg {width:100%; background:url(/m/img/s1_background.jpg) no-repeat left top; }


.sl_line {width:100%; height:1px; background:#aaa; padding:0; margin:0;}
.scontentbg_tr {display:block; background:#fff; margin:15px 0; padding:10px; border:1px solid #ddd; border-radius:5px;word-wrap: break-word; overflow-y:auto;}
.scontentbg_lg {display:block; background:#f9f9f9; margin:20px 0; padding:20px; border-radius:5px; word-wrap: break-word; overflow-y:auto;}


.txt12 {font-size:12px;}

.sub_board {}


/*.container .mbox {display: block;  position: relative;	padding: 0;margin:0;}
.container .mbox_line {display: block;  position: relative;	padding: 0;margin:0; /*border:1px solid #ddd;* }

#container {z-index:4;position:relative;float:left;min-height:500px;height:auto !important;margin:20px  0;height:500px;font-size:1em;width:1100px;padding:0;  zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size:1.333em;max-width:1100px;margin:0 auto;font-weight:bold;}
#container_title span{margin:0 auto 10px;display:block;line-height:30px;}
.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}*/
.lt_wr{width:98%}

.lt_wr:nth-child(2n+1){clear:both}
.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}

/* ÇÏ´Ü ·¹À̾ƿô */
#ft {dilplay:block; position:relative; /*border-top:1px solid #aaa;*/background:#222;
	padding:20px 0;margin:0 auto;text-align:center}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft_wr {width:100%;margin:0 auto;position:relative;}
#ft_copy{color:#aaa;font-size:13px; }
#ft_copy p a {font-size:15px; color:#9a9af4; font-weight:bold;}
#top_btn {position:fixed;bottom:15px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover{border-color:#3059c7;background:#3059c7;color:#fff}


/**¸ÞÀιè³Ê*
.mban1 {width:100%;height:190px;padding:20px;margin-bottom:20px;background-size:cover; background-image:url(/g5/theme/basic/img/mban1bg.gif)}
.mban2 {width:100%;height:190px;padding:20px;margin-bottom:20px;background-size:cover; background-image:url(/g5/theme/basic/img/mban2bg.gif)}
.mban3 {width:100%;height:202px;padding:20px;margin-bottom:20px;background:#797979;}

.mban4 {width:100%;height:202px;padding:20px;margin-bottom:20px;background:#d7d7d7;}
.mban4 ul {list-style:none; width:90%; margin:0 auto;}
.mban4 ul li {float:left; width:25%; height:75px; padding:20px 0; text-align:center;}
.mban4 li a {color:#5b5b5b; font-size:13px;text-decoration:none;line-height:25px;}
.mban4 li a:hover {color:#578bb7; opacity:0.8}
.mban4 i {font-size:40px; color:#4a535a}

.mtit1 {font-size:16px;font-weight:bold }
.mtit1 a {color:#fff;}
.mtit1 a:hover {color:#f2f2f2;text-decoration:none;}
.mstit1 {color:#fff;font-size:12px; opacity:0.7; margin-top:0px;letter-spacing:-1px;line-height:18px;}

.mban5  {width:100%; margin:10px 10px;}
.mban5 ul {list-style:none; width:98%; margin:0 auto;}
.mban5 ul li {float:left; width:25%;  padding:5px;  text-align:center;}
.mban5 ul li a {text-align:center}*/

/* MobileÈ­¸éÀ¸·Î */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

.close_menu { display: none; }
.mobile_menu { display: none; }
.aside {display: none; }