@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 {overflow-x:hidden;}

#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;}

#title {position:relative; width:90%; margin:0 auto; height:30px; font-size:17px; font-weight:bold; line-height:1em;}
#title .tem {font-size:12px; color:#aaa;}

#content{position:relative; width:88%; margin:0 auto; padding-bottom:50px; font-size:13px; line-height:1.8em;}

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;}

#sub01 {text-align:justify;}
#sub01 img, #sub03 img {width:100% !important; height:auto !important;}

#sub0102 .eunit {width:49%; height:auto; margin-bottom:15px; text-align:center;}
#sub0102 .eunit:nth-child(odd) {float:left;}
#sub0102 .eunit:nth-child(even) {float:right;}
#sub0102 .eunit:last-child:after {content:'\00a0'; clear:both;}
#sub0102 .eunit img {width:100%; border-radius:3px;}
#sub0102 .eunit .txt {height:20px; font-size:15px; color:#000; font-weight:400; line-height:20px;}

#sub0102 .eimg {width:100%; height:auto; z-index:1;}
#sub0102 .eimg img {width:100%;}
#sub0102 .ess {color:#4cb9da; font-weight:bold; font-size:15px; line-height:1.4em; margin-bottom:20px;}
#sub0102 .egtitle {height:25px; font-size:16px; color:#333; line-height:1em; text-align:right;}

#sub0102 .eimg ul {position:relative; width:770px; height:496px; overflow:visible; z-index:1;}
#sub0102 .eimg ul li {display:inline; width:100%; min-width:770px; height:496px;}
#sub0102 .eimg ul li div {position:absolute; z-index:1; overflow:hidden;}
#sub0102 .eimg ul li a {position:absolute; width:20px; height:20px; top:440px; z-index:100; overflow:hidden; text-indent:-99em; background:url(../images/index_n03/mv_off.png) center center no-repeat;}
#sub0102 .eimg ul li a.on {background:url(../images/index_n03/mv_on.png) center center no-repeat;}

#sub02 .dunit {width:49%; height:auto !important; margin-bottom:20px; text-align:center; line-height:1em;}
#sub02 .dunit:nth-child(odd) {float:left;}
#sub02 .dunit:nth-child(even) {float:right;}
#sub02 .dunit img {width:100%; border-radius:3px; margin:0px; padding:0px;}
#sub02 .dunit .dtitle {height:30px; line-height:30px; text-align:center; color:#000; font-weight:400;}
#sub02 .dunit .dtitle a {display:block; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}

#sub0302 .tcat {width:100%; height:120px; border:1px solid #dcdcdc; border-right:0px; background:#f0f0f0; margin-bottom:20px;}
#sub0302 .tcat li {float:left; width:50%; height:40px; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; background:#FFF; text-align:center; line-height:40px; font-size:15px; font-weight:bold;}
#sub0302 .tcat li a {display:block; color:#333;}
#sub0302 .tcat li a:hover {background:#f0f0f0;}
#sub0302 .tcat li.on {background:#f0f0f0;}

#sub0302 .eimg {width:100%; height:auto; z-index:1; margin-bottom:0px;}
#sub0302 .eimg img {width:100%;}


@media screen and (min-width:640px) {
	#sub0405 .img {float:left; width:40%;}
	#sub0405 .img img {width:90%;}
	#sub0405 .txt {float:left; width:60%;}
}

.table1 {width:100%; border:1px solid #dcdcdc;}
.table1 tr th {height:37px; background:#eeeeee; border:1px solid #dcdcdc; text-align:center; font-weight:bold;}
.table1 tr td {min-height:37px; height:auto !important; border:1px solid #dcdcdc; padding:5px;}

.table2 {width:100%; border:1px solid #dcdcdc;}
.table2 tr {}
.table2 tr th {min-height:37px; height:auto !important; background:#eeeeee; text-align:center; font-weight:bold; border:1px solid #dcdcdc; padding:2px;}
.table2 tr td {min-height:37px; height:auto !important; text-align:center; border:1px solid #dcdcdc; padding:2px;}
.table2 tr td.left {padding:10px 10px 10px 20px; text-align:left; }
.table2 tr td.left1 {padding:10px; text-align:left; }
.table2 tr td.center {padding:5px;}

.table3 {width:100%; border-top:1px solid #dcdcdc;}
.table3 tr th {height:40px; background:#eeeeee; border-bottom:1px solid #dcdcdc; text-align:center; font-weight:bold; padding:5px;}
.table3 tr th.left {text-align:left; padding-left:10px;}
.table3 tr td {width:100%; min-height:50px; height:auto !important; border-bottom:1px solid #dcdcdc; padding:10px; line-height:1.6em;}
.table3 tr.q:hover {background:#fbdfcd;}
.table3 tr.q a {display:block;}
.table3 tr.a {background:#eeeeee; display:none; word-wrap: break-word;}
.table3 tr.a[dataType=detail] {display:block; background:#FFF;}
.table3 tr td img {width:100%;}

.table5 {width:100%; border:1px solid #dcdcdc;}
.table5 tr th {height:40px; background:#f0f0f0; text-align:center; color:#000; font-weight:500; border:1px solid #dcdcdc;}
.table5 tr th:first-child {color:#d23939;}
.table5 tr th:last-child {color:#3445ee;}
.table5 tr td {height:40px; border:1px solid #dcdcdc; padding:3px; vertical-align:top;}
.table5 tr td.cur {background:#f4cdff;}
.table5 tr td dl {width:100%;}
.table5 tr td dl dd {min-height:18px; padding:2px; line-height:1.1em; margin-bottom:5px; background:#f2d8f9; font-size:11px;}
.table5 tr td:nth-child(7n+1) dl dt a {color:#d23939;}
.table5 tr td:nth-child(7n+7) dl dt a {color:#019acb;}

.table5_1 tr td {padding:5px !important; font-size:13.5px;}

.page {clear:both; margin-top:30px; text-align:center;}
.page a {color: #000; display: inline-block; padding: 4px 10px; text-decoration: none; border: 1px solid #ddd; margin: 0 2px;}
.page a.cur {background-color:#f07124; color: #FFF; border: 1px solid #f07124;}
.page a:hover:not(.active) {background-color:#ddd;}

.st1 {height:42px; font-size:15px; font-weight:bold; color:#000; line-height:1em;}
.st2 {height:30px; font-size:20px; font-weight:bold; color:#f47323; line-height:1em;}

.center {text-align:center;}
.right {text-align:right;}

.tac1 {color:#f46e4b;}
.tac2 {color:#666;}
.tac3 {font-size:16px;}
.tac4 {color:#d476ed;}
.tac5 {font-size:14px;}
.tac6 {font-weight:bold;}
.tac7 {color:#F00;}

.depth1 {padding-left:16px;}
.depth1_1 {padding-left:16px; text-indent:-16px;}

.btn_back {padding:10px 50px; border:0px; background:#f07124; font-size:16px; text-align:center; color:#FFF; font-weight:bold;}
.btn3 {width:126px; height:33px; background:#f47323; color:#FFF; font-weight:bold; border:none; cursor:pointer;}

.i1 {padding-left:20px;}

.desc_hide {position: absolute; left:-99999px; top:-99999px; margin-left:-99999px; margin-top:-99999px;}