@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/kopubbatang.css);

@font-face{font-family: 'Noto Sans KR';font-style:normal;font-weight:100;
  src: url(../css/font/NotoSansKR-Thin.woff2) format('woff2'),
       url(../css/font/NotoSansKR-Thin.woff) format('woff'),
       url(../css/font/NotoSansKR-Thin.otf) format('opentype');}
@font-face{font-family: 'Noto Sans KR';font-style:normal;font-weight:300;
  src: url(../css/font/NotoSansKR-Light.woff2) format('woff2'),
       url(../css/font/NotoSansKR-Light.woff) format('woff'),
       url(../css/font/NotoSansKR-Light.otf) format('opentype');}
@font-face{font-family: 'Noto Sans KR';font-style:normal;font-weight:400;
   src: url(../css/font/NotoSansKR-Regular.woff2) format('woff2'),
        url(../css/font/NotoSansKR-Regular.woff) format('woff'),
        url(../css/font/NotoSansKR-Regular.otf) format('opentype'); }
@font-face{font-family: 'Noto Sans KR';font-style:normal;font-weight:500;
   src: url(../css/font/NotoSansKR-Medium.woff2) format('woff2'),
        url(../css/font/NotoSansKR-Medium.woff) format('woff'),
        url(../css/font/NotoSansKR-Medium.otf) format('opentype'); }
@font-face{font-family: 'Noto Sans KR';font-style:normal;font-weight:700;
   src: url(../css/font/NotoSansKR-Bold.woff2) format('woff2'),
        url(../css/font/NotoSansKR-Bold.woff) format('woff'),
        url(../css/font/NotoSansKR-Bold.otf) format('opentype'); }

/* defult */
html {-webkit-text-size-adjust: none;}
html>/**/body {overflow-y:scroll;}
body,textarea,select,table,button {font-family: 'Noto Sans KR', sans-serif; font-size:12px;color:#5f5f5f;margin:0;padding:0;}
img {border:0;vertical-align:middle;}
ul,ol {margin:0;padding:0;list-style:none;}
td{ text-decoration:none; color:#5f5f5f}
dl,dl dt,dl dd,form,p {margin:0;padding:0;}
li,li img,dt img,dd img,td img,p img {margin:0;padding:0; list-style:none;}
fieldset {margin:0;padding:0;border:0;}
legend {position:absolute;visibility:hidden;overflow:hidden;height:0;line-height:0;width:0;margin:0;padding:0;font:0/0 Arial;}
caption {visibility:hidden;overflow:hidden;height:0;line-height: 0;width:0;margin:0;padding:0;font:0/0 Arial;}
hr {display:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:1em;margin:0;}
a {text-decoration:none;color:#5f5f5f;}
a:hover,a:focus,a:active {text-decoration:none;color:#5f5f5f;}
/* table {table-layout:fixed;} */
input {color:#888;overflow:visible;vertical-align:middle;}
select,label {padding:0;margin:0;vertical-align:middle;}
em,address {font-style:normal;}
textarea {vertical-align:top;margin:0;padding:0;}
object,param {padding:0;margin:0;line-height:0;}
section, article, header, footer, hgroup, figcaption, figure {display:block;}


/*hidden*/
.blind {visibility:hidden; font-size: 0; width: 0; height: 0; line-height: 0; margin: 0; padding: 0; background: none; position:absolute; left:0; top:0;}
/*ico*/
.ico_clip{ display: inline-block; *display: inline; *zoom: 1; background: url(/images/ico/ico_clip.gif) right top no-repeat; padding-right: 20px; line-height: 15px; }

select.menu_search {height:18px; line-height:18px; border:1px solid #bebebe; margin:0 3px 0 0 ; }
input.text_search {height:18px; line-height:18px; border:1px solid #bebebe;  margin:0 3px 0 0; }



#main_slide {position:relative; width:100%; min-width:1200px; height:470px;}
#main_slide .slideshow {width:100%; height:470px; }
#main_slide .slideshow li {position:relative; width:100%; height:470px; }
#main_slide .slideshow li.s1 {background:url("../img/main3.jpg") 50% 0 no-repeat;}
#main_slide .slideshow li.s2 {background:url("../img/main4.jpg") 50% 0 no-repeat;}
#main_slide .slideshow li.s3 {background:url("../img/main1.jpg") 50% 0 no-repeat;}
#main_slide .slideshow li.s4 {background:url("../img/main2.jpg") 50% 0 no-repeat;}
#main_slide .slideshow li .m_txt {position:absolute; left:0%; }
#main_slide .slideshow li.s4 .m_txt {top:0px;}
#main_slide .prev {position:absolute; top:485px; left:50%; margin-left:-600px; width:44px; height:44px; background:url("../img/btn_prev.gif") 0 50% no-repeat; z-index:999;}
#main_slide .next {position:absolute; top:485px; right:50%; margin-right:511px; width:44px; height:44px; background:url("../img/btn_next.gif") 100% 50% no-repeat; z-index:999;}



#micon {position:absolute; width:100%; min-width:1200px; z-index:1000; bottom:0; padding-bottom:40px;}
.iconbanner {width:1200px; margin:0 auto; }
.iconbanner ul {font-size:0;}
.iconbanner ul li {display:inline-block; *display:inline; *zoom:1; color:#fff; text-align:center; }
.iconbanner ul li a {font-size:14px; color:#fff; font-weight:600; padding:17px 52px; background:url("../img/banner_bg.png") center top;}
.iconbanner ul li a:hover { color:#fff; background: rgba(10,18,18,0.9);
		-webkit-transition:300ms ease-out 0ms;
		-moz-transition:300ms ease-out 0ms;
		-ms-transition:300ms ease-out 0ms;
		transition:300ms ease-out 0ms;
}

#contents {position: relative; width:100%; min-width:1200px; height:161px; top:0; background:url("../img/banner_bg.jpg") center top; margin-top:10px;}
.contents2-1 {width:1200px; margin:0 auto; text-align:center;}
.contents2-1 ul li {display:inline-block; *display:inline; *zoom:1;}

#contents2 {position: relative; width:100%; min-width:1200px; height:212px; top:0; background:url("../img/con_bg.gif") center top;}
.contents2-2 {width:1200px; margin:0 auto;}
.mnotice {width:510px; height:170px; position:relative; float:left; padding-top:30px; }
.mnotice h2 {margin-bottom:0px; padding:0 0 15px 0; text-align:left; color:#fff; font-size:20px; font-weight:600; border-bottom:1px solid #252730;}
.mnotice ul {text-align:left; padding-top:13px;}
.mnotice ul.micon {float:left; padding:20px 20px 0 10px;}
.mnotice ul li {font-size:15px; font-weight:300; opacity:.8; color:#fff; padding:4px 10px; overflow:hidden;white-space:nowrap;}
.mnotice ul li a {color:#fff;}
.mnotice ul li span {float:right; }
.mnotice .more  {position:absolute; right:0px; top:30px;}

.qna {width:510px; height:170px; position:relative; float:left; padding-top:30px; margin-left:120px;}
.qna h2 {margin-bottom:0px; padding:0 0 15px 0; text-align:left; color:#fff; font-size:20px; font-weight:600; border-bottom:1px solid #252730;}
.qna ul {text-align:left; padding-top:13px;}
.qna ul.micon {float:left; padding:20px 20px 0 10px;}
.qna ul li {font-size:15px; font-weight:300; opacity:.8; color:#fff; padding:4px 10px; overflow:hidden;white-space:nowrap;}
.qna ul li a {color:#fff;}
.qna ul li span {float:right;}
.qna .more  {position:absolute; right:0px; top:30px;}


/*///////////////////// footer /////////////////////*/

#m_footer {position:relative; width:100%; min-width:1200px; background:#161616; }
.footer{width:1200px; margin:0 auto; padding:10px 0;}
.footer-links h2 {color:#293442; font-size:20px; font-weight:500;}
.footer-links {text-align:center; font-size:14px; white-space: pre; font-weight:300px; letter-spacing:-0.03em;}
.footer-links li {padding-top:10px; }