@charset "UTF-8";
/*공용 변수*/
/*타이틀 공용 스타일 정의*/
/*공용 믹스인*/
/*공용 함수*/
/** Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) http://cssreset.com */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

@font-face { font-family: NG; src: url(/layouts/skurotc/font/NanumGothic-Regular.eot); src: local(※), url(/layouts/skurotc/font/NanumGothic-Regular.woff) format("woff"); }

@font-face { font-family: 'icon'; src: url("/layouts/skurotc/font/skurotc_symbol.ttf") format("truetype"), url("/layouts/skurotc/font/skurotc_symbol.svg") format("svg"), url("/layouts/skurotc/font/skurotc_symbol.woff") format("woff"); font-weight: normal; font-style: normal; }

/*COMMON*/
.page li a, .page p a, .page table a, .page dd a, .privacy_page li a, .privacy_page p a, .privacy_page table a, .privacy_page dd a { color: #2ca924; text-decoration: none; padding: 2px 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
.page li a:hover, .page p a:hover, .page table a:hover, .page dd a:hover, .privacy_page li a:hover, .privacy_page p a:hover, .privacy_page table a:hover, .privacy_page dd a:hover { background-color: #2ca924; color: #fff; }
.page li a:active, .page p a:active, .page table a:active, .page dd a:active, .privacy_page li a:active, .privacy_page p a:active, .privacy_page table a:active, .privacy_page dd a:active { background: #2aa122; color: #fff; }

a { color: #000; text-decoration: none; }

/*html, body {
	height: 100%;
}*/
body { font-family: NG, NanumGothic, 'malgun gothic'; font-size: 13px; background: #fff; line-height: 160%; color: gray; }

/* 헤더 */
.header { position: relative; z-index: 10; top: 0; width: 100%; height: 134px; background-color: #fff; }

.header-wrap { margin: 0 auto; width: 960px; overflow: hidden; }

/* 로고 */
h1.logo { padding: 16px 0 20px; width: 353px; height: 49px; float: left; }
h1.logo a { display: block; height: 100%; background: url(/share/img/layout/logo.svg) no-repeat; text-indent: -100%; text-shadow: none; white-space: nowrap; overflow: hidden; display: block; }

/* 헤더 서브 메뉴 */
.header-sub-menu { padding-top: 30px; float: right; }
.header-sub-menu li { display: inline-block; *zoom: 1; *display: inline; }
.header-sub-menu li a { padding: 10px; }
.header-sub-menu li a b { color: #3ebc35; }
.header-sub-menu li a:hover { color: #3ebc35; }
.header-sub-menu #searchq { border: 1px #aaa solid; }

/* 공통 GNB*/
.nav-wrap { width: 100%; height: 47px; border-top: 1px #e5e5e5 solid; border-bottom: 1px #e5e5e5 solid; }
.nav-wrap .gnb { position: relative; left: -1px; margin: 0 auto; width: 960px; z-index: 9; }
.nav-wrap .gnb > div { overflow: visible !important; }

/*서브 레이아웃*/
.section { position: relative; width: 960px; margin: 146px auto 80px; background-color: #fff; }

.content { position: relative; padding: 50px 50px 80px; background: url(/share/img/layout/content_box_top_bg.gif) repeat-x; }

/* 서브 GNB */
.gnb_sub { width: 100%; position: absolute; top: -46px; z-index: 1; /* 서비GNB 오른쪽 메뉴 */ }
.gnb_sub #sub_tap_menu .selected:after, .gnb_sub #sub_tap_menu .selected .selector { content: ''; position: absolute; left: 50%; margin-left: -3px; bottom: -6px; width: 16px; height: 6px; background: url(/share/img/layout/sub_gnb_select.png) no-repeat; }
.gnb_sub .gnb_right { position: absolute; top: 0; right: 0; z-index: 9; }
.gnb_sub .gnb_right ul { padding: 0; }
.gnb_sub .gnb_right ul li { float: left; font-size: 0; padding: 0; margin-left: 1px; background: none; }
.gnb_sub .gnb_right ul li a { padding: 0; background: #bfbfbf; border-radius: 0; text-indent: -100%; text-shadow: none; white-space: nowrap; overflow: hidden; display: block; }
.gnb_sub .gnb_right ul li a:hover { background: url(/share/img/ptn/ptn_rhombus.gif) repeat; }
.gnb_sub .gnb_right ul li #print span, .gnb_sub .gnb_right ul li #textsizeplus span, .gnb_sub .gnb_right ul li #textsizeminus span { display: block; width: 53px; height: 46px; background: url(/share/img/icon/icon_sub_gnb_right.png) no-repeat; }
.gnb_sub .gnb_right ul li #print span { background-position: 0 0; }
.gnb_sub .gnb_right ul li #textsizeplus span { background-position: -53px 0; }
.gnb_sub .gnb_right ul li #textsizeminus span { background-position: -106px 0; }

/*외부페이지 레이아웃 공통 스타일 정의*/
.page, .privacy_page { /* 기본 링크 스타일링 */ /* 타이틀 정의 */ /* 강조문구 */ /* 리스트 기본스타일 정의 */ /* contents 내 레이아웃 정의 */ /* last-child hidden */ }
.page p, .page table, .privacy_page p, .privacy_page table { padding-bottom: 15px; }
.page .gnb_sub li a, .privacy_page .gnb_sub li a { transition: none; }
.page h2, .privacy_page h2 { font-size: 36px; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 2px #191919 solid; letter-spacing: -1px; color: black; }
.page h2 span, .privacy_page h2 span { margin-left: 10px; font-weight: normal; font-size: 20px; color: #8c8c8c; }
.page h3, .privacy_page h3 { font-size: 25px; font-weight: bold; padding-top: 50px; margin-bottom: 20px; letter-spacing: -1px; color: #3ebc35; background: url(/share/img/layout/h3_top_line.gif) no-repeat 0 30px; }
.page h4, .privacy_page h4 { font-size: 20px; font-weight: bold; color: #4d4d4d; padding: 25px 0 10px; margin-bottom: 5px; /*border-bottom: 1px #b2b2b2 solid;*/ }
.page h4 span, .privacy_page h4 span { font-size: 14px; font-weight: normal; }
.page p strong, .page ol strong, .page ul strong, .page dl strong, .privacy_page p strong, .privacy_page ol strong, .privacy_page ul strong, .privacy_page dl strong { color: #666666; }
.page li, .page p, .privacy_page li, .privacy_page p { text-align: justify; }
.page ol, .privacy_page ol { counter-reset: li; }
.page ol > li, .privacy_page ol > li { list-style: none; margin: 2px 0; padding-left: 20px; position: relative; }
.page ol > li:before, .privacy_page ol > li:before { content: counter(li) "."; counter-increment: li; position: absolute; color: black; left: 0px; }
.page ul li, .privacy_page ul li { padding: 0 8px 4px 12px; background: url(/share/img/layout/list_style_dot.gif) no-repeat 0 7px; }
.page ul li ul > li, .privacy_page ul li ul > li { padding-left: 8px; background: url(/share/img/layout/list_style_second_dot.gif) no-repeat 0 8px; }
.page dl dt, .page dl dd, .privacy_page dl dt, .privacy_page dl dd { padding: 0 8px 4px 12px; }
.page dl dt, .privacy_page dl dt { float: left; color: black; font-weight: bold; width: auto; background: url(/share/img/layout/list_style_dot.gif) no-repeat 0 7px; }
.page .col-half-contact, .page .col-half-contest, .privacy_page .col-half-contact, .privacy_page .col-half-contest { overflow: hidden; }
.page .col-half-contact .left, .page .col-half-contest .left, .privacy_page .col-half-contact .left, .privacy_page .col-half-contest .left { float: left; }
.page .col-half-contact .right, .page .col-half-contest .right, .privacy_page .col-half-contact .right, .privacy_page .col-half-contest .right { float: right; margin-top: 30px; }
.page .col-half-contact p, .page .col-half-contact ol, .page .col-half-contest p, .page .col-half-contest ol, .privacy_page .col-half-contact p, .privacy_page .col-half-contact ol, .privacy_page .col-half-contest p, .privacy_page .col-half-contest ol { display: block; border-bottom: 1px #cccccc dotted; }
.page .col-half-contact p:last-child, .page .col-half-contact ol:last-child, .page .col-half-contest p:last-child, .page .col-half-contest ol:last-child, .privacy_page .col-half-contact p:last-child, .privacy_page .col-half-contact ol:last-child, .privacy_page .col-half-contest p:last-child, .privacy_page .col-half-contest ol:last-child { border-bottom: none; }
.page .col-half-contact ol, .page .col-half-contest ol, .privacy_page .col-half-contact ol, .privacy_page .col-half-contest ol { padding-bottom: 15px; }
.page .col-half-contact .left, .privacy_page .col-half-contact .left { width: 360px; }
.page .col-half-contact .right, .privacy_page .col-half-contact .right { width: 450px; }
.page .col-half-contest, .page .col-half, .privacy_page .col-half-contest, .privacy_page .col-half { padding-bottom: 50px; border-bottom: 2px #cfdcf2 dashed; }
.page .col-half-contest:last-child, .page .col-half:last-child, .privacy_page .col-half-contest:last-child, .privacy_page .col-half:last-child { border-bottom: none; }
.page .col-half-contest, .privacy_page .col-half-contest { margin-bottom: 30px; }
.page .col-half-contest .left, .privacy_page .col-half-contest .left { width: 420px; }
.page .col-half-contest .right, .privacy_page .col-half-contest .right { width: 390px; }
.page .col-half, .privacy_page .col-half { overflow: hidden; margin-bottom: 60px; }
.page .col-half:last-child, .privacy_page .col-half:last-child { margin-bottom: 0; }
.page .col-half .left, .page .col-half .right, .privacy_page .col-half .left, .privacy_page .col-half .right { width: 405px; }
.page .col-half .left, .privacy_page .col-half .left { float: left; }
.page .col-half .right, .privacy_page .col-half .right { float: right; }
.page .col-half h3, .privacy_page .col-half h3 { padding-top: 20px; background-position: 0 0; }
.page .border-hidden, .privacy_page .border-hidden { border-bottom: none !important; }

/* 풋터 */
.footer { position: relative; z-index: 2; width: 100%; background-color: #fff; line-height: 100%; }

#btn-sitemap { position: absolute; top: -26px; right: 0; bottom: 0; left: 50%; margin-left: -88px; display: block; width: 177px; height: 26px; color: #fff; text-align: center; background: url(/share/img/btn/btn_sitemap.png) no-repeat; cursor: pointer; }
#btn-sitemap span { display: inline-block; *zoom: 1; *display: inline; margin-top: 6px; padding-right: 20px; background: url(/share/img/icon/icon_sitemap_arrow.png) no-repeat right; }

/* 사이트맵 */
.footer-sitemap-wrap { width: 100%; background: url(/share/img/ptn/ptn_black_50_cross.png) repeat #232323; position: relative; max-height: 260px; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.footer-sitemap-wrap .footer-sitemap { position: relative; width: 960px; margin: 0 auto; font-size: 13px; }
.footer-sitemap-wrap .footer-sitemap #footer_menu { letter-spacing: -1px; }
.footer-sitemap-wrap .footer-sitemap #footer_menu > li { padding-right: 45px; }
.footer-sitemap-wrap .footer-sitemap .other-link { position: absolute; top: 48px; letter-spacing: -1px; }
.footer-sitemap-wrap .footer-sitemap .other-link > li > a { color: #fff; font-size: 15px; *line-height: 105%; font-weight: 600; padding: 0 0 20px; }
.footer-sitemap-wrap .footer-sitemap .other-link > li > a:hover { color: #fff; }
.footer-sitemap-wrap .footer-sitemap .other-link a { color: gray; text-decoration: none; padding: 8px 0; display: block; }
.footer-sitemap-wrap .footer-sitemap .other-link a:hover { color: #fff; }
.footer-sitemap-wrap .footer-sitemap .other-link.office { right: 108px; }
.footer-sitemap-wrap .footer-sitemap .other-link.service { right: 0; }

.hide { max-height: 0px; }

/* 카피라이트 */
.copyright { position: relative; width: 960px; margin: 0 auto; padding-bottom: 100px; line-height: 160%; color: #b3b3b3; letter-spacing: -1px; /* 카피라이트 메뉴 */ }
.copyright span { font-size: 11px; letter-spacing: 0; }
.copyright .copyright-menu { padding: 20px 0; text-align: center; letter-spacing: 0; font-size: 13px; }
.copyright .copyright-menu li { display: inline-block; *zoom: 1; *display: inline; }
.copyright .copyright-menu li a { padding: 10px; }
.copyright .copyright-menu li a:hover { color: #3ebc35; }
.copyright address { font-size: 13px; float: left; margin-right: 20px; font-style: normal; }
.copyright .copyright-infomation { float: left; font-size: 11px; }
.copyright .copyright-infomation li { display: inline-block; *zoom: 1; *display: inline; margin-right: 5px; padding: 0 6px; border: 1px #d3d3d3 solid; border-radius: 2px; background-color: #f7f7f7; }
.copyright .copyright-infomation li .tel, .copyright .copyright-infomation li .fax, .copyright .copyright-infomation li .email { padding-left: 15px; background: url(/share/img/icon/icon_contact.png) no-repeat; }
.copyright .copyright-infomation li .tel { background-position: 0 -4px; }
.copyright .copyright-infomation li .fax { background-position: 0 -21px; }
.copyright .copyright-infomation li .email { background-position: 0 -37px; }
.copyright .footer-logo { float: right; width: 151px; height: 38px; background: url(/share/img/layout/logo_footer.gif) no-repeat; text-indent: -100%; text-shadow: none; white-space: nowrap; overflow: hidden; display: block; }

#print-source { display: none; }

/* 게시판 관련 */
.board .x .section { width: 100%; }