@charset "utf-8";

/* Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess */
@font-face {
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: 400;
	src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
	src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}

/* Reset */
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, 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 none; font-size:100%; font:inherit; vertical-align:baseline;}
sub, sup {margin:0; padding:0; border:0 none; font-size:100%; font:inherit;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
html, body {width:100%; height:100%; border:0 none;}
body {line-height: 1; font-family:sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
ol, ul, li {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content: none;}
table {border-spacing:0;}
caption, legend {width:0; height:0; visibility:hidden; line-height:0;}
hr {display:none;}
address {font-style:normal}
hr {display:none;}
em, address{font-style:normal}
.ie7 li, .ie7 li a {zoom:1;}
img {border:0 none; font-size:0; line-height:0; vertical-align:top;}
a {color:#2f2f2f; text-decoration:none;}
a:hover, a:focus {text-decoration:underline;}
input[type=text], input[type=password], select, textarea {margin:0; padding:0; border:0 none;}

/* Layout */
body {background-color:#fff;}
.wrapper {position:relative; width:100%; height:100%; min-width:1100px; color:#2f2f2f; font-size:12px; line-height:22px; font-family:'돋움', Dotum, 'Apple Gothic', sans-serif; word-break:break-all;}

/* header */
#headerWrap {width:100%; z-index:1; background:url('/image/common/bg_gnb.gif') 0 100% repeat-x;}
#skipNavi dl {position:absolute;}
#skipNavi dt {position:absolute; top:-10000px;}
#skipNavi dd a {position:absolute; display:block; width:200px; left:50%; text-align:center; top:-10000px; z-index:999; font-size:16px;}
#skipNavi dd a:hover,
#skipNavi dd a:focus,
#skipNavi dd a:active {position:absolute; top:5px; padding:15px 0; margin-left:-500px; font-weight:bold; color:#fff; text-decoration:underline; background:#336ea2;}

.header {position:relative; width:1000px; margin:0 auto;}
.header:after {content:""; display:block; clear:both; visibility:hidden; height:0px; font-size:0;}
.ie7 .header {display:inline-block; zoom:1;}
.header .topArea {position:relative;}
.header .topArea #langType {position:absolute; top:27px; right:0;}
.header .topArea #utilMenu {position:absolute; top:58px; right:0;}
.header .topArea #utilMenu ul {float:right;}
.header .topArea #utilMenu li {float:left; padding-left:8px; margin-left:6px; background:url('/image/common/vbar_util.gif') 0 0 no-repeat; font-size:1px; line-height:1px;}
.header .topArea #utilMenu li.first {padding-left:0; margin-left:0; background:none;}

.gnbWrap li {float:left; overflow:hidden; height:44px; width:166px;}
.gnbWrap li.long {width:170px;}
.gnbWrap li a {display:block;height: 44px;text-align: center;}
.gnbWrap li.on a, .gnbWrap li a:hover, .gnbWrap li a:focus {height: 42px;border: 1px solid #000;background-color: #444;}
.gnbWrap li.on a img, .gnbWrap li a:hover img, .gnbWrap li a:focus img {margin-top:-45px;}

/* container */
#containerWrap {position:relative; width:100%;}
.container {width:1000px; margin:0 auto;}
.container:after {content:""; display:block; clear:both; visibility:hidden; height:0px; font-size:0;}
.ie7 .container {display:inline-block; zoom:1;}

.container .leftCont {float:left; width:200px; padding-bottom:200px;}
.container .leftCont .lnbWrap .dep1Wrap {padding-bottom:24px; border:1px solid #d2d2d2;}
.container .leftCont .lnbWrap .dep1Wrap li {overflow:hidden; width:198px;}
.container .leftCont .lnbWrap .dep1Wrap li a {display:block; color:#2f2f2f; cursor:pointer;}
.container .leftCont .lnbWrap .dep1Wrap li div {border-bottom:1px dashed #d2d2d2;}
.container .leftCont .lnbWrap .dep1Wrap li.on div,
.container .leftCont .lnbWrap .dep1Wrap li div:hover,
.container .leftCont .lnbWrap .dep1Wrap li div:focus {background-color:#f2f2f2;}
.container .leftCont .lnbWrap .dep1Wrap li div > a {width:144px; padding:8px 35px 5px 19px; background:url('/image/common/arr_lnb.gif') -9999px 13px no-repeat;}
.container .leftCont .lnbWrap .dep1Wrap li.on div > a,
.container .leftCont .lnbWrap .dep1Wrap li div > a:hover,
.container .leftCont .lnbWrap .dep1Wrap li div > a:focus {color:#ee5d0e; font-weight:bold; letter-spacing:-1px; text-decoration:none; background-position:173px 13px; }
.container .leftCont .lnbWrap .dep1Wrap li div > a:focus {background-color:#f2f2f2;}
.container .leftCont .lnbWrap .dep1Wrap li div ul {display:none;}
.container .leftCont .lnbWrap .dep1Wrap li.on div ul {display:block; padding-bottom:6px; margin-top:-6px;}
.container .leftCont .lnbWrap .dep1Wrap li div ul li a {padding:3px 20px 1px 31px; font-size:11px; line-height:18px; background:url('/image/common/bl_lnb.gif') 20px 10px no-repeat;}
.container .leftCont .lnbWrap .dep1Wrap li div ul li.on a,
.container .leftCont .lnbWrap .dep1Wrap li div ul li a:hover,
.container .leftCont .lnbWrap .dep1Wrap li div ul li a:hover {text-decoration:underline;}

.container .rightCont {position:relative; float:left; width:800px;}
.container .rightCont .contTop {position:relative; height:73px; border-bottom:1px solid #d2d2d2; width:100%;}
.container .rightCont .contTop .path {position:absolute; bottom:15px; color:#747474; right:0; font-size:11px; line-height:15px;}
.container .rightCont .contTop .path * {vertical-align:middle;}
.container .rightCont .contTop .path .toHome {padding-left:16px; background:url('/image/common/ico_path_home.gif') 0 50% no-repeat;}
.container .rightCont .contTop .path .current {color:#0e0e0e}
.container .rightCont .contTop .subTitWrap {padding:22px 0 0 40px; color:#2f2f2f; font-family:'Nanum Gothic', NanumGothic, '돋움', Dotum, 'Apple Gothic', sans-serif;}
.container .rightCont .contTop .subTitWrap .subTit {font-size:28px; line-height:30px; font-weight:bold;}

/* footer */
#footerWrap {clear:both; width:100%; border-top:1px solid #d2d2d2; background-color:#f7f7f7;}
#footerWrap .footer {position:relative; width:705px; padding:0 0 25px 295px; margin:0 auto; color:#868686; font-size:11px; line-height:18px;}
#footerWrap .footer .footerLogo {position:absolute; left:0; top:25px;}
#footerWrap .footer .addressWrap {padding-top:23px;}
#footerWrap .footer .addressWrap a {color:#868686;}
#footerWrap .footer .addressWrap ul li {float:left; margin-right:10px;}
#footerWrap .footer .addressWrap p {clear:both; color:#494949;}
#footerWrap .footer .links {position:absolute; right:0; top:31px; padding:8px 19px 6px; color:#fff; background-color:#ababab;}
#footerWrap .footer .links:after {content:""; display:block; clear:both; visibility:hidden; height:0px; font-size:0;}
.ie7 #footerWrap .footer .links {display:inline-block; zoom:1;}
#footerWrap .footer .links li {float:left; padding-left:9px; margin-left:8px; background:url('/image/common/vbar_footer01.gif') 0 50% no-repeat;}
#footerWrap .footer .links li.first {padding-left:0; margin-left:0; background:none;}
#footerWrap .footer .links a {color:#fff;}

/* Common */
.clear {clear:both !important;}
.fl {float:left !important;}
.fr {float:right !important;}
.Lfloat {float:left !important;}
.Rfloat {float:right !important;}
.al {text-align:left !important;}
.ac {text-align:center !important;}
.ar {text-align:right !important;}
.vTop {vertical-align:top !important;}
.vMd {vertical-align:middle !important;}
.vBt {vertical-align:bottom !important;}
.posRel {position:relative !important;}
.posAbs {position:absolute !important;}
.posTL {position:absolute; top:0; left:0;}
.posTR {position:absolute; top:0; right:0;}
.posBL {position:absolute; bottom:0; left:0;}
.posBR {position:absolute; bottom:0; right:0;}
.cursorDef {cursor:default !important;}
.borderNone {border:none !important;}
table {width:100%; border:0; border-collapse:separate; border-spacing:0;}
.ie7 table {border-collapse:collapse;}
table tr.none, table tr.none th, table tr.none td {display:none;}
table th {font-weight:normal;}
table td {word-break:break-all;}

/* IR 기법 */
.hidden {position:absolute; top:-11000px; left:-11000px; width:0; height:0; overflow:hidden;}
.ie7 .hidden {position:static; font-size:0; line-height:0;}
/* 한 줄일 때, 말줄임표 */
.ellipsis {position:relative; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} /* width 별도 설정 */
/* float 해제 */
.clfix:after {content:""; display:block; clear:both; visibility:hidden; height:0px; font-size:0;}
.ie7 .clfix {display:inline-block; zoom:1;}

/* Font */
.fwBold {font-weight:bold !important;}
.fwNormal {font-weight:normal !important;}
.ffStyle {font-family:'Nanum Gothic', NanumGothic, '돋움', Dotum, 'Apple Gothic', sans-serif !important;}
.ffDef {font-family:'돋움', Dotum, 'Apple Gothic', sans-serif !important;}
.fcWhite {color:#fff !important;}
.fcGreen {color:#12969d !important;}
.fcOrange {color:#ee5d0e !important;}
.fcRed {color:#d84207 !important;}
.underline {text-decoration:underline !important;}
.italic {font-style:italic;}

/* Form Elememts */
input[type='text'], input[type='password'], input[type='file'], select, textarea {display:inline-block; font-size:12px; font-family:'돋움', Dotum, 'Apple Gothic', sans-serif; vertical-align:middle;}
input[type='text'], input[type='password'], input[type='file'] {height:24px; line-height:24px; padding:0 10px; border:1px solid #cfcfcf; background:#fff;}
select {height:26px; line-height:26px; border:1px solid #cfcfcf; background-color:#fff;}
.ie7 select {zoom:1;}
textarea {padding:7px 10px; border:1px solid #cfcfcf; line-height:20px; resize:vertical;}
input[type='radio'] {display:inline-block; margin-top:0; margin-right:3px;}
input[type='checkbox'] {display:inline-block; margin-top:2px; margin-right:3px;}
label, .label {display:inline-block; vertical-align:middle;}

/* Table style */
.tblTit {padding:10px 0 7px; font-weight:bold; color:#fff; border:1px solid #949292; border-bottom:0 none; background-color:#949292;} /* color:#12969d; */
table .tblTit {padding:10px 0 7px !important; font-weight:bold; color:#fff; border-color:#949292 !important; background-color:#949292;} /* background-color:#fbfbfb; */

.tForm table {table-layout:fixed; width:100%; border-collapse:collapse; background-color:#fff;}
.tForm table th, .tForm table td {line-height:18px; text-align:left; border:1px solid #cfcfcf; vertical-align:middle;}
/*.tForm table th, .tForm table td *{vertical-align:middle;}*/
.tForm table th {padding:9px 13px 6px; background-color:#fbfbfb;}
.tForm table td {padding:4px 13px;}
.tForm table .txtWrap {padding:9px 13px 6px;}
.tForm table .blockWrap {padding:0;}
.tForm table .cmt {color:#8b8b8b; font-size:11px;}
.tForm table .cmt.side {display:inline-block; margin-left:5px;}
.tForm table td .tForm {padding:0; margin:0 0 0 -1px !important;}
.tForm table td .tForm table th, .tForm table td .tForm table td {border-bottom:0 none; border-right:0; text-align:center;}
.tForm table td .tForm table thead th {border-top:0 none;}
.tForm table td .tForm table td input[type='text'] {display:block; width:90%; padding:2px 5%; margin-left:-1px;}
.tForm.topLine {border-top:2px solid #12969d;}
.tForm.topLine thead th {border-top:0 none;}

.simpleGrayTbl table {table-layout:fixed; width:100%; border-collapse:collapse; background-color:#fff;}
.simpleGrayTbl table th, .simpleGrayTbl table td {padding:11px 0 8px; line-height:18px; text-align:center; vertical-align:middle; border:1px solid #cfcfcf;}
.simpleGrayTbl table th, .simpleGrayTbl table td *{vertical-align:middle;}
.simpleGrayTbl table thead th {background-color:#fbfbfb; font-weight:bold;}
.simpleGrayTbl table thead th .cmt {font-size:11px;}
.simpleGrayTbl table td.tit {background-color:#fbfbfb;}
.simpleGrayTbl table td.al {padding-left:10px; padding-right:10px; text-align:left;}
.simpleGrayTbl.topLine {border-top:2px solid #12969d;}
.simpleGrayTbl.topLine thead th {border-top:0 none;}
table.tblNoBd th,
table.tblNoBd td {border:0 none !important;}

/* 게시판 상세 */
#tbl_view strong {font-weight:bold;}
#tbl_view em {font-style:italic;}


/* Title */
.titInline {display:inline-block; height:24px; width:130px; padding-top:5px; color:#fff; font-size:12px; font-weight:bold; line-height:22px; text-align:center; background:url('/image/common/bg_tit_inline01.png') 0 0 no-repeat;}
.titBlock {display:block; height:27px; padding:7px 0 0 33px; color:#12969d; font-weight:bold; background:url('/image/common/bg_tit_block01.png') 0 0 no-repeat;}
.titBlock .cmt {display:inline; color:#2f2f2f; font-weight:normal;}

/* Button */
.btnWrap a, .btnWrap a span {display:inline-block;}
.ie7 .btnWrap a {cursor:pointer;}
.btnWrap a:hover, .btnWrap a:focus {text-decoration:none;}
.btnColor {height:26px; width:141px; padding:7px 24px 0 0; font-weight:bold; text-align:center; background:url('/image/common/btn_01_color.png') 0 0 no-repeat;}
.btnGray {height:26px; width:141px; padding:7px 24px 0 0; font-weight:bold; text-align:center; background:url('/image/common/btn_01_gray.png') 0 0 no-repeat;}
.btnFlexColor {height:33px; padding-right:50px; background:url('/image/common/btn_02_color_right.png') 100% 0 no-repeat;}
.btnFlexColor span {height:26px; padding:7px 0 0 28px; font-weight:bold; background:url('/image/common/btn_02_color_left.png') 0 0 no-repeat;}
.btnWrap .down {color:#ee5d0e; font-size:11px;}
.btnWrap .down.pdf {padding-right:30px; background:url('/image/common/btn_down_right_pdf.png') 100% 0 no-repeat;}
.btnWrap .down span {padding:2px 8px 0 13px; background:url('/image/common/btn_down_left.png') 0 0 no-repeat;}

.btnRoundGrey {padding-right: 4px;margin: 0 auto;background: url(../image/common/admin_btnGrey_right.png) right top no-repeat;}
.btnRoundGrey>input,
.btnRoundGrey>a,
.btnRoundGrey>span {height: 24px;padding-left: 4px;background: url(../image/common/admin_btnGrey_left.png) 0 0 no-repeat;color: #fff;font-weight: bold;text-align: center;}

.btnRoundGreen {padding-right: 4px;margin: 0 auto;background: url(../image/common/admin_btnGreen_right.png) right top no-repeat;}
.btnRoundGreen>input,
.btnRoundGreen>a,
.btnRoundGreen>span {height: 24px;padding-left: 4px;background: url(../image/common/admin_btnGreen_left.png) 0 0 no-repeat;color: #fff;font-weight: bold;text-align: center;}

.ie9 .btnRoundGrey>input,
.ie8 .btnRoundGrey>input,
.ie7 .btnRoundGrey>input,
.ie9 .btnRoundGreen>input,
.ie8 .btnRoundGreen>input,
.ie7 .btnRoundGreen>input {padding-bottom: 4px;}

/* Box Model */
.greenBoxWrap {border:2px solid #12969d;}
.rGrayBoxWrap {padding-top:10px; background:url('/image/common/bg_graybox_top.gif') 0 0 no-repeat;}
.rGrayBoxWrap .rGrayBox {background:url('/image/common/bg_graybox_btm.gif') 0 100% no-repeat;}
.scrollWrap {border:1px solid #ddd; overflow-y:scroll;}

/* Bullet */
.blArrSq li {padding-left:21px; font-size:12px; line-height:22px; background:url('/image/common/bl_arr_square.png') 0 4px no-repeat;}
p.blArrSq, span.blArrSq {display:block; padding-left:21px; font-size:12px; line-height:22px; background:url('/image/common/bl_arr_square.png') 0 4px no-repeat;}
.dash li, li .dash li {padding-left:9px; text-indent:-9px;}
.circle li, li .circle li {padding-left:16px; text-indent:-16px;}

/* Tab Menu */
.tabWrap {overflow:hidden;}
.tabWrap ul {height:29px; border-bottom:2px solid #12969d;}
.tabWrap li {float:left; padding-left:5px;}
.tabWrap li:first-child {padding-left:0;}
.tabWrap li a {display:block; min-width:82px; padding:4px 0 1px; color:#989898; text-align:center; border:2px solid #d2d2d2; border-bottom:0 none; background-color:#fff;}
.tabWrap li.long a {min-width:92px; padding:4px 5px 1px}
.tabWrap li.on a {padding-bottom:3px; font-weight:bold; color:#12969d; border-color:#12969d;}
.subTabWrap {margin:10px 0 20px; padding-top:10px; background:url('/image/common/bg_graybox_top.gif') 0 0 no-repeat;}
.subTabWrap ul {padding:3px 0 11px; background:url('/image/common/bg_graybox_btm.gif') 0 100% no-repeat; text-align:center;}
.subTabWrap ul li {display:inline-block; padding:3px 0 0 20px; margin-left:18px; font-weight:bold; background:url('/image/common/vbar_gray_2x11.gif') 0 50% no-repeat;}
.ie7 .subTabWrap ul li {display:inline;}
.subTabWrap ul li:first-child {padding-left:0; margin-left:0; background:none;}
.subTabWrap ul li a {color:#5b5b5b;}
.subTabWrap ul li.on a {color:#ee5d0e; text-decoration:underline;}
.subTabWrap.type02 ul li {padding-left:15px; margin-left:12px;}
.subTabWrap.type02 ul li:first-child {padding-left:0; margin-left:0; background:none;}

/* Popup */
div#popupWarp {color:#2f2f2f; font-size:12px; line-height:22px; font-family:'돋움', Dotum, 'Apple Gothic', sans-serif; word-break:break-all;}
div#popupWarp>div {padding: 18px 20px 23px 19px;}
div#popupWarp p.btnRoundGrey {width: 84px;}
div#popupWarp p.btnRoundGrey>a {display: block;padding:1px 0 0 4px;text-align: center;}

/* Popup > 이메일 주소 무단 수집 거부*/
div.popupEmail {width: 400px;}
div.popupEmail p span {display: block;padding-top: 21px;font-weight: bold;}
div.popupEmail  p.btnRoundGrey {margin-top: 41px;}

/* Popup > 개인정보취급방침 */
div.popupPersoninfo {overflow-x: hidden;overflow-y: scroll;width: 788px;height: 700px;line-height: 20px;}
div.popupPersoninfo>div>p {padding-bottom: 16px;}
div.popupPersoninfo>div>p span {font-weight: bold;}
div.popupPersoninfo>div>ul {padding:25px 0 26px 305px;background: url('/image/common/popup_personalinfo_img.gif') 48px center no-repeat;background-color: #f5f5f5;}
div.popupPersoninfo>div>ul>li {margin: 3px 0;}
div.popupPersoninfo>div>ul>li>a {font-weight: bold;}

div.popupPersoninfo div>div {margin-top: 27px;}
div.popupPersoninfo div>div .titBlock {padding: 6px 0 1px 33px;background-image: url('/image/common/bg_tit_block_popup.png');}
div.popupPersoninfo div>div p,
div.popupPersoninfo div>div ul,
div.popupPersoninfo div>div dl {padding: 7px 10px 0 9px;text-align: justify;}
div.popupPersoninfo div>div dd>ul {padding-top: 0;}

div.popupPersoninfo div>div dt {font-weight: bold;}
div.popupPersoninfo div>div dt span {font-weight: normal;}

div.popupPersoninfo .simpleGrayTbl table th {background-color:#fbfbfb;font-weight: bold;}
div.popupPersoninfo  p.btnRoundGrey {margin-bottom: 21px;}

/* Top Padding */
.tp5 {padding-top:5px !important;}
.tp10 {padding-top:10px !important;}
.tp15 {padding-top:15px !important;}
.tp20 {padding-top:20px !important;}
.tp25 {padding-top:25px !important;}
.tp30 {padding-top:30px !important;}

/* Bottom Padding */
.bp5 {padding-bottom:5px !important;}
.bp10 {padding-bottom:10px !important;}
.bp15 {padding-bottom:15px !important;}
.bp20 {padding-bottom:20px !important;}
.bp25 {padding-bottom:25px !important;}
.bp30 {padding-bottom:30px !important;}

/* Left Padding */
.lp5 {padding-left:5px !important;}
.lp10 {padding-left:10px !important;}
.lp15 {padding-left:15px !important;}
.lp20 {padding-left:20px !important;}
.lp25 {padding-left:25px !important;}
.lp30 {padding-left:30px !important;}

/* Right Padding */
.rp5 {padding-right:5px !important;}
.rp10 {padding-right:10px !important;}
.rp15 {padding-right:15px !important;}
.rp20 {padding-right:20px !important;}
.rp25 {padding-right:25px !important;}
.rp30 {padding-right:30px !important;}

/* Top Margin */
.tm5 {margin-top:5px !important;}
.tm10 {margin-top:10px !important;}
.tm15 {margin-top:15px !important;}
.tm20 {margin-top:20px !important;}
.tm25 {margin-top:25px !important;}
.tm30 {margin-top:30px !important;}

/* Bottom Margin */
.bm5 {margin-bottom:5px !important;}
.bm10 {margin-bottom:10px !important;}
.bm15 {margin-bottom:15px !important;}
.bm20 {margin-bottom:20px !important;}
.bm25 {margin-bottom:25px !important;}
.bm30 {margin-bottom:30px !important;}

/* Left Margin */
.lm5 {margin-left:5px !important;}
.lm10 {margin-left:10px !important;}
.lm15 {margin-left:15px !important;}
.lm20 {margin-left:20px !important;}
.lm25 {margin-left:25px !important;}
.lm30 {margin-left:30px !important;}

/* Right Margin */
.rm5 {margin-right:5px !important;}
.rm10 {margin-right:10px !important;}
.rm15 {margin-right:15px !important;}
.rm20 {margin-right:20px !important;}
.rm25 {margin-right:25px !important;}
.rm30 {margin-right:30px !important;}
.hand {cursor:pointer !important;}
.none {display:none !important;}