/*-------------- layout --------------*/
body{background:#f3f3f3;}
.mainWrap {background:url('../images/main_ground_bg.png') repeat-x;}
.content, #header .top, #footer .footer-inner, .organLink{position:relative; margin:0 auto; width:1000px;}
#header{position:relative; width:100%; height:120px; background:url('../../resource/images/top_bg.png') repeat-x left top;}
.left{position:relative; float:left; width:198px; margin-top:-10px;}
.content{padding-bottom: 20px;}
.contentBody{position:relative; float:right; width:700px; margin-top:-10px; background:#fff; padding:30px 40px 40px; border-top:3px solid #25b7bc; border-bottom:4px solid #9185be;}
#footer{clear:both; min-width:1000px; background-color:#fff ; border-top:1px solid #dbdde1;}
#footer .footer-inner{padding:15px 0 10px;}
#header .top:after, .gnb:after, .gnb ul:after, #container:after, .content:after, .footer-inner:after, .step:after, .row:after, .box:after, .col-group:after{content:''; display:block; clear:both;}

/* header */
#header .top {z-index:1000;}
#header h1{position:absolute; top:16px; left:50%; margin-left:-88px; display:inline-block; width:175px; height:20px;}
#header h1 a{display:block; text-indent:-99999px; line-height:20px; background:url('../../resource/images/grac_logo.png') no-repeat center center;}

#header .topMenuLeft {float:left; margin:16px 0 18px 0;}
#header .topMenu .tnb{display:inline-block; vertical-align:middle;}
#header .topMenu .tnb li{float:left; position:relative;}
#header .topMenu .tnb a{padding:0 5px; color:#666;}
#header .topMenu .tnb li.first a{border-left:0;}

#header .topMenuRight {float:right; margin-top:15px;}
#header .topMenuRight span {float:right; line-height:18px;}
#header .topMenuRight span.noscript-msg {position:absolute; top:0; right:0; background:#fff;}
#header .topMenuRight .lang {float:left; margin-right:10px; }
#header .topMenuRight .lang a {font-size:11px; color:#fff; padding:3px 8px; background:#25b7bc; border:none; border-radius:3px; behavior:url('/resource/js/PIE.htc');}
#header .fontBt{display:inline-block; width:18px; height:18px; text-indent:-9999px; vertical-align:middle; border-radius:3px; behavior:url('/resource/js/PIE.htc');}
#header .fontBt.plus{background:#25b7bc url(../images/ic_font_plus.png) no-repeat center center;}
#header .fontBt.minus{background:#25b7bc url(../images/ic_font_minus.png) no-repeat center center;}

/*GNB */
.gnb{position:relative; float:left; width:1000px; height:50px;}
.gnb > ul {float:left; position:relative; z-index:10; margin-left:0; transition-duration:.2s;}
.gnb > ul > li {position:relative; float:left; margin-right:48px; /*transition-duration:.3s;*/}
.gnb > ul > li:hover .sub {display:block;}
.gnb > ul > li.on > a, .gnb > ul > li a:hover {color:#25b7bc;}
.gnb > ul > li > a {display:inline-block;  font-size:15px; font-weight:700; padding:15px 0; color:#3f4a60;}
.gnb > ul > li.currentMenu > a {color:#25b7bc;}
.gnb > ul > li .sub {display:none; width:125px; position:absolute; top:50px; left:0; padding:8px 12px; background:#fff; border:1px solid #25b7bc; border-top:3px solid #25b7bc;}
.gnb > ul > li .sub li {padding:4px 0;}
.gnb > ul > li .gov30 {position:absolute; top:-11px; left:50px; background:url('/resource/images/gov30_bg.png') no-repeat left top;}
.gnb > ul .pMenu {display:block !important;}
.gnb > ul .mMenu {display:none !important;}

/* GNB 전체보기 */
.menuAll {position:absolute; top:62px; right:0; width:90px; height:27px; cursor:pointer; z-index:11; line-height:27px; text-indent:10px; font-weight:700; border:1px solid #e9e9e9; border-radius:4px; behavior:url('/resource/js/PIE.htc');}
.menuAll:after {content:"▼"; float:right; font-size:8px; margin-right:6px;}
.menuAll.on {background:#f3f3f3;}

.gnb .gnb-bg{display:none; width:100%; height:320px; margin-top:50px; background:url(../images/gnb_sub_bg.png) no-repeat; border-top:3px solid #9083bc;}
.gnb.on > ul {margin-left:20px; transition-duration:.2s;}
/*.gnb.on > ul > li:nth-child(1) {margin-right:35px; margin-left:20px;}
.gnb.on > ul > li:nth-child(2) {margin-right:48px;}
.gnb.on > ul > li:nth-child(3) {margin-right:50px;}
.gnb.on > ul > li:nth-child(4) {margin-right:48px;}
.gnb.on > ul > li:nth-child(5) {margin-right:62px;}
.gnb.on > ul > li:nth-child(6) {margin-right:40px;}
.gnb.on > ul > li:nth-child(7) {margin-right:35px;}*/
.gnb.on > ul > li .sub {display:block; border:none; background:none; width:100px; padding:10px 0;}
.gnb.on .gnb-bg {display:block;}


/* 원본소스 */
.tnb .log_help{ position:absolute; top:18px; left:0; z-index:1010; background:url(/images/common/log_balloon.gif) no-repeat 0 0; width:180px; height:45px; opacity:1; filter:alpha(opacity=100);}
.tnb .log_help div{ font-size:11px; text-align:left; padding:10px 5px;}
/*.topSch{display:inline-block; *display:inline; *zoom:1; vertical-align:top;}*/
.topSch{display:inline-block; vertical-align:top;}
/*.topSch .select{position:relative; z-index:1200; display:inline-block; *display:inline; *zoom:1; margin-right:5px; background:#fff; text-align:left;vertical-align:top;}*/
.topSch .select{position:relative; z-index:1200; display:inline-block; margin-right:5px; background:#fff; text-align:left;vertical-align:top;}
.topSch .select .myValue.selected{ font-weight:bold;}
.topSch .select.open .myValue, .topSch .select .myValue.outLine{ border:1px solid #999;}
/*.topSch .select button.myValue{ height:20px; width:100%; text-indent:5px; *text-indent:0; *padding-left:5px;}*/
.topSch .select button.myValue{ height:20px; width:100%; text-indent:5px;}
.topSch .select div.myValue{ height:24px; text-indent:8px; border:1px solid #C9C9C9;}
.topSch .select .ctrl{ position:absolute; top:0; right:0; width:18px; height:24px; border:1px solid #b0b0b0; background:#b0b0b0 url(../images/common/topSch_bg.gif) repeat-x 0 0;}
.topSch .select .arrow{ position:absolute; width:0; height:0; top:12px; right:6px; line-height:0; font-size:0; border-top:3px solid #fff; border-left:3px solid #b0b0b0; border-right:3px solid #b0b0b0;}
.topSch .select ul{ top:20px; left:0; width:100%; list-style:none; border:0; border-bottom:1px solid #bababa; background:#fff; overflow:hidden; text-align:left !important}
.topSch .select ul.aList{ display:none;}
.topSch .select.open ul.aList{ display:block;}
.topSch .select ul.iList{ left:-2000%;}
.topSch .select.open ul.iList{ left:0;}
.topSch .select li{ position:relative; overflow:hidden; white-space:nowrap; height:18px; border-left:1px solid #bababa; border-right:1px solid #bababa;}
.topSch .select li input.option{ position:absolute; width:100%; height:20px; line-height:20px;}
/*.topSch .select li label{ position:absolute; left:0; top:0; width:100%; text-indent:8px; *text-indent:6px; height:18px; line-height:18px; color:#767676; background:#fff;}
.topSch .select li a{ display:block; text-indent:8px; *text-indent:6px; height:18px; line-height:18px; color:#767676; background:#fff; text-decoration:none;}*/
.topSch .select li label{ position:absolute; left:0; top:0; width:100%; text-indent:8px; height:18px; line-height:18px; color:#767676; background:#fff;}
.topSch .select li a{ display:block; text-indent:8px; height:18px; line-height:18px; color:#767676; background:#fff; text-decoration:none;}
/*.topSch .select li.hover *{ background:#fff; color:#999;}*/
.topSch .select li.hover { background:#fff; color:#999;}
.topSch .btn{margin-left:-1px;padding:7px 7px 6px; width:11px; height:11px; text-indent:-9999px;}

/* left */
.left > div, .menuArea{padding:20px; border:1px solid #e9e9e9; background:#fff; border-top:3px solid #25b7bc;}
.left h2, .menu-tit{padding-top:12px; height:60px; font-size:20px; font-weight:bold; text-align:center; letter-spacing:-1px; border-bottom:1px solid #dbdde1;}
.sMenu > ul > li{border-bottom:1px solid #dbdde1; background:url(/resource/images/menu_off.png) no-repeat 97% 12px;}
.sMenu > ul > li:hover, .sMenu > ul > li.active{background-image:url(/resource/images/menu_on.png);}
.sMenu > ul > li > a{display: block; padding:8px 0 8px 5px;}
.sMenu > ul > li:hover > a, .sMenu > ul > li.active > a{font-weight: bold; color:#18b9bb;}
.sMenu > ul > li > ul{padding:5px 0; font-size:11px; border-top:1px solid #eaeaea; background-color:#f8f9fa;} /* 2depth */
.sMenu > ul > li > ul > li > a{display: block; padding:3px 0 3px 15px; white-space: nowrap; letter-spacing:-0.06em;}
.sMenu > ul > li > ul > li > a:hover{font-weight:bold;}

 li .curr_menu a{font-weight: bold; color:#9185be;  background:url(/images/bullet/error.gif) no-repeat 0 50%}

.left_banner{overflow:hidden; margin-top:10px; padding:7px 20px 0; height:165px; border:1px solid #e9e9e9; background:#fff; border-top:3px solid #9185be;}
.left_banner a{display:block; margin-top:-1px; padding:12px 0; border-top:1px solid #dbdde1;}
.left_banner a.first{border-top:0;}

/* content */
/*.topArea{height:50px; line-height:50px; border-top:1px solid #dbdde1; border-bottom:1px solid #dbdde1; *zoom:1;}*/
.topArea{border-bottom:1px solid #e9e9e9; padding-bottom:8px;}
.topArea:after{content:''; display:block; clear:both;}
.topArea h1{float:left; font-size:20px; font-weight:bold; letter-spacing:-1px;}
.topArea .path{float:right; margin-top:4px;}
/*.topArea .path span, .topArea .path a, .topArea .path strong{display:inline-block; *display:inline; *zoom:1; margin:0 3px; color:#999; text-transform:uppercase; font-size:11px;}*/
.topArea .path span, .topArea .path a, .topArea .path strong{display:inline-block; margin:0 3px; color:#999; text-transform:uppercase; font-size:11px;}
.topArea .path span, .topArea .path a{padding-left:10px; background:url(/resource/images/ic_path_arrow.png) no-repeat left center;}

.section{min-height:500px; padding-top:30px; color:#666;}
.section.statementDocListSection {min-height:200px;}
.section.statementDocListSection .btn-wrap {margin-bottom:20px; text-align:right;}
.section.statementDocListSection .btn-wrap a {display:inline-block; width:60px; text-align:center;}
.sub-desc p{line-height:1.5;}
.sub-desc p, .sub-desc ul, .sub-desc ol, .sub-desc div, .sub-desc .btn-wrap, .sub-desc h4 + img{margin-bottom:10px;}
/*.sub-desc table td > *{margin:0;}
.sub-desc td p + *{margin-top:0;}*/
.sub-desc table td {margin:0;}
.sub-desc td p {margin-top:0;}
.sub-desc ul li{margin:4px 0px; line-height:1.5;}
.sub-desc ul li ul li {margin-left:5px;}
.sub-desc ol li {margin:4px 0px; line-height:1.5; list-style:none;}
.sub-desc h3 + ul, .sub-desc h3 + p, .sub-desc .sgab, .sgab{margin-left:0;}
.sub-desc h3 + .table{width:100%;}
.sub-desc h4 + .table{width:100%;}
.sub-desc h4 + p, .sub-desc h4 + p + div, .sub-desc h4 + p + ul, .sub-desc h4 + ul{margin-left:0;}
.sub-desc h5 + ul, .sub-desc h5 + p, .sub-desc h5 + table, .sub-desc h5 + .inputbox, .sub-desc .mgab, .mgab{margin-left:0;}
.sub-desc .table{width:100%;}
.sub-desc .table.table-md, .sub-desc h4 + p + .table{width:100%;}
.sub-desc .tab li {margin:0; border:0; border-right:1px solid #d9d9d9; line-height:32px;}

/* 등급분류조견표 테이블 */
.subMsg {font-size:12px; position:relative; margin-top:-16px;}
.tableWrap {float:left; width:100%;}
.tableWrap .tableA, .tableWrap .tableB {float:left; width:50%;}
.tableWrap .tableA .table {border-right:0;}

.tableWrap.etcForm1 .table {height:339px;}
.tableWrap.etcForm2 .table {height:120px;}
.tableWrap.openmarket .table {height:230px;}
.tableWrap.company1 .table {height:307px;}
.tableWrap.company2 .table {height:104px;}


p.lead{margin:15px 0}
ul.help{margin-bottom:30px;}
ul.help li{margin-bottom:5px; padding-left:20px; line-height:1.5; background:url(/resource/images/ic_help.png) no-repeat;}
ul.ex li, p.ex{margin-bottom:0 !important; font-size:11px; line-height:1.6;}

/* footer */
.go-top{position:absolute; right:0; top:-70px; margin-right:-60px; width:51px; height:51px; text-indent:-9999px; background:url(/resource/images/gotop.png) no-repeat 0 0;}
.mainWrap .go-top {top:-120px;}
#footer .foot-logo{float:left;}
#footer .foot-logo img{margin:15px 15px 0 0;}
#footer .foot-info{float:right; text-align:right; font-size:11px; color:#9d9d9d;}
#footer .foot-info em{color:#333;}
#footer .foot-info .eng {font-family:tahoma;}
#footer .copyright em{color:#000;}
#footer .foot-menu{margin-bottom:5px;}
#footer .foot-menu a{display:inline-block; padding:0 5px; color:#666; border-left:1px solid #e4e6ea;}
#footer .foot-menu a.first{border-left:0; color:#18b9bb; font-weight:bold}
#footer .copyright{font-family:verdana, sans-serif;}

/* loading */
.loading_area { border:2px solid #a5a5a5; background:url(/images/common/img_loading_bg.gif) no-repeat top left; width:316px; height:121px; position:absolute; z-index:999999; top:250px;}
.loading_area ul {float:left; padding:40px 0 0 60px;}
.loading_area ul li {float:left;}
.loading_area ul li.txt {padding:0 0 0 15px;}

/* quick layer */
.layer-quick{position:absolute; top:125px; right:0; z-index:1500; margin-right:-48px; width:48px; background-color:#fff;}
.layer-quick:after {content:''; display:inline-block; height:100%; width:10px; background:url('../images/sidebar_shadow.png') no-repeat -2px center; position:absolute; top:0; left:0;}
.layer-quick a{display:block; margin-top:-1px; padding-top:11px; height:49px; text-align:center; border:1px solid #dbdde1; border-left:0;}
.navbar-toggle, .total-search, .main-game, .logo, .main_sch label.select{display:none;}
