@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:14px;font-family:'NanumBarunGothic',"³ª´®¹Ù¸¥°íµñ",Dotum,Helvetica,AppleGothic,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 {margin:0;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;}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#hd_wrapper {position:relative;margin:0 auto;padding:10px 0;height:75px; width:100%; background:#e9e9e9; zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo {float:left;padding:10px 0 0}
#logo > span { display: none; }







/* ¸ÞÀθ޴º */


/* Áß°£ ·¹À̾ƿô */
#wrapper{}
#container_wr:after {display:block;visibility:hidden;clear:both;content:""}
#container_wr {z-index:5;margin:0 auto;width:1100px;height:100%;padding:0; zoom:1}
#aside {float:right;width:305px;padding:0;background: #e7ebf3;height: 100%;border: 1px solid #adbfd2;;margin:20px 0 20px 20px}

.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 {border-top:1px solid #d5d5d5;background:#e9e9e9;padding:20px 0;margin:0 auto;text-align:center}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft_wr {width:1200px;margin:0 auto;position:relative;}
#ft_copy{color:#333;font-size:14px; }
#top_btn {position:fixed;bottom:20px;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%;/*padding:20px;*/margin:10px 10px;}
.mban5 ul {list-style:none; width:98%; margin:0 auto;}
.mban5 ul li {float:left; width:25%; /*height:75px;*/ padding:5px; /*margin: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; }