@import url('fonts/nanumbarungothic.css');

*{-webkit-text-size-adjust:none; box-sizing:border-box}
html,body {margin:0px; padding:0px; width:100%; font-family:"Nanum Barun Gothic"; font-size:11px; letter-spacing:0em; color:#000; line-height:1em;}
*,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,legend {margin:0px; padding:0px;}
table {border-spacing:0px; border-collapse:collapse;}
form,fieldset {display:block;}
form,fieldset,img {border:none;} 
address,caption,cite,code,dfn,em,th,var {font-style:normal; font-weight:normal;} 
ol,ul,li {list-style:none;margin:0px;}
caption,th {text-align:left;} 
caption {display:none;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
abbr,acronym {border:none;} 
hr {display:none;}
a,a:link,a:visited,a:hover,a:active,a:focus {text-decoration:none; color:#000;}
a,button {-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent; outline: none; select-dummy: expression(this.hideFocus=true);}
textarea {overflow:auto;} 
html:first-child select {padding-right:6px; height:20px;} /* opera 9 & below fix */ 
option {padding-right:6px;} /* firefox fix */
legend {position:absolute; top:0px; left:0px; width:0px; height:0px; overflow:hidden; visibility:hidden; font-size:0px; line-height:0px;} /* for screen reader */ 
/** {-webkit-text-size-adjust:none;}*/

body {}

#pagewrap {width:100%; min-width:320px; z-index:1;}
header {width:100%; height:45px; border-bottom:1px solid #bfbfbf; margin-bottom:20px; z-index:1}
#back {position:absolute; left:3%; top:12px; width:14px; height:21px; background:url(images/common/btn_back.gif) left top no-repeat; border:none; z-index:2; cursor:pointer;}
#logo {position:absolute; left:50%; margin-left:-72px; width:auto; height:auto !important; min-height:18px; padding-top:13px; font-size:19px; font-weight:bold; text-align:center; line-height:1em;}
#tmenu {position:absolute; right:3%; top:13px; width:21px; height:19px; background:url(images/common/btn_menu.gif) right top no-repeat; border:none; cursor:pointer; z-index:2;}

#news {position:relative; width:90%; margin:0 auto; margin-bottom:15px;}
#news #news_title {height:30px; font-size:16px; font-weight:bold; line-height:1em;}
#news #news_title .more {font-size:10px; color:#aaa; font-weight:bold; display:inline-block; padding-top:5px;}
#news ul {margin-left:10px;}
#news ul li {display:block; height:20px;}
#news ul li a {display:block; font-size:12px; color:#333; font-weight:400; line-height:20px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
#news ul li a:hover {text-overflow: inherit; overflow: visible;}

#fav1 {width:100%; height:110px; margin-bottom:20px;}
#fav1 ul {height:100%;}
#fav1 ul li {float:left; width:50%; height:100% !important; font-size:16px; font-weight:500; line-height:1.4em;}
#fav1 ul li a {display:block; color:#FFF; padding:20px 0 0 15px; height:100%;}
#fav1 ul li.f1 {background:#ee4035 url(images/index/fav01.gif) 90% 50px no-repeat;} 
#fav1 ul li.f2 {background:#ff5f07 url(images/index/fav02.gif) 90% 50px no-repeat;} 

#fav2 {width:100%; height:95px; border-bottom:1px solid #bfbfbf; margin-bottom:20px;}
#fav2 ul {height:100%;}
#fav2 ul li {float:left; width:33%; height:100% !important; font-size:15px; font-weight:bold; color:#000; line-height:1em;}
#fav2 ul li+li {border-left:1px solid #bfbfbf;}
#fav2 ul li a {display:block; padding-left:15px; height:100%;}
#fav2 ul li.f3 {background:url(images/index/fav03.gif) 88% 35px no-repeat;}
#fav2 ul li.f4 {background:url(images/index/fav04.gif) 88% 35px no-repeat;}
#fav2 ul li.f5 {background:url(images/index/fav05.gif) 88% 35px no-repeat;}

#ebanner {float:left; width:100%; height:auto !important; margin-bottom:35px;}
#ebanner img {float:left; width:50%;}

footer {float:left; width:100%; height:auto; text-align:center; padding-bottom:60px;}
footer .copy {font-size:12px; line-height:1.5em; padding-bottom:25px;}
footer .copy .em1 {color:#fe4200;}
footer .flink {width:47%; height:40px; border:1px solid #dfdfdf; border-radius:10px; background:#f07124; text-align:center; line-height:40px; font-size:17px; font-weight:400; color:#FFF;}
footer .flink:nth-child(even) {float:left; margin-left:2%;}
footer .flink:nth-child(odd) {float:right; margin-right:2%;}
footer .flink a {color:#FFF;}

#org {position:fixed; left:0px; bottom:0px; width:100%; height:40px; font-size:14px; line-height:40px; color:#FFF; background:#333; text-align:center; z-index:100;}
#org .em1 {color:#f47323;}


.pagewrap_d {overflow:hidden; position:fixed;}

#gnbback {position:absolute; width:100%; height:100%; background: rgba(0,0,0,0.65); z-index:100; display:none;}
#gnbwrap {position:absolute; right:0px; top:0px; width:84%; height:100%; background:#FFF; overflow-x:visible; overflow-y: auto; z-index:200; display:none;}
#gnbwrap dl {width:100%; text-align:right;}
#gnbwrap dl dt {height:45px; padding-right:10%; border-bottom:1px solid #acacac; font-size:18px; font-weight:bold; line-height:45px;}
#gnbwrap dl dd {height:52px; border-bottom:1px solid #bfbfbf;}
#gnbwrap dl dd a {display:block; color:#000; padding-right:8%; font-size:16px; font-weight:bold; line-height:52px;}
#gnbwrap dl dd.hc {height:auto !important;}
#gnbwrap dl dd.hc p.p {height:52px;}
#gnbwrap dl dd.hc ul {width:100%; height:auto; padding-bottom:10px; display:none;}
#gnbwrap dl dd.hc ul.on {display:block;}
#gnbwrap dl dd.hc ul li {height:35px;}
#gnbwrap dl dd.hc ul li a {display:block; font-size:14px; font-weight:400; line-height:35px; padding-right:11%;}
#gnbclose {position:absolute; width:30px; height:30px; left:5%; top:20px; font-size:30px; font-weight:bold; color:#FFF; line-height:1em; font-family:Verdana, Geneva, sans-serif; cursor:pointer; z-index:100; display:none;}