@charset "utf-8";
.imeDisabled{ime-mode:disabled;}
.imeActive{ime-mode:active;}
.deleteLine{text-decoration:line-through}
#hgroup{clear:both;height:95px;position:relative;}
#hgroup h1{position: absolute;bottom:5px;display: inline-block;font-size: 24px;margin: 28px 0 0 0;letter-spacing:-1px;padding: 0;float:left;border-bottom:none;margin-bottom:auto;color: #006C9D;}


.location{position:absolute;bottom: 10px;right: 0;float:right;}
.location ol{text-align:right;width:100%;margin:5px 0 0 0;}
.location li{display:inline-block;padding:0 0 0 24px;color:#596065;line-height:20px;background: url(/static/img/portal/common/ico_loc.gif) no-repeat 0 50%;font-size: 12px;}
.location li.home {background: url(/static/img/portal/common/ico_home.gif) no-repeat 0 50%;padding-left: 20px;}
.location li.current{color:#2a3740;font-weight:bold}
.snsService{text-align:right;position: absolute;bottom: 40px;right: 0}
.snsService .snsGroup{display: inline-block;width:116px;height:36px}
.snsService img{vertical-align:middle;}
.snsService .snsBtn{padding:3px;width:30px;height:30px}
.snsService .sns_good{background:url(/static/img/portal/common/bg_sns_good.gif) no-repeat right 0;display:inline-block;vertical-align:middle;height:22px;line-height:22px;padding:0 10px 0 6px;font-weight:bold;color:#ff7200;margin-right:5px}
.snsService .sns_bg{display:inline-block;vertical-align:middle;height:36px;line-height:36px;padding:0 10px;color:#666;border:1px solid #ddd;font-size: 20px;font-family:Arial;margin-right: 5px;}
.snsGroup, .snsService .btn-group{display: inline-block;vertical-align: middle;}
.snsService button{background:url(/static/img/portal/common/btn_font.gif) no-repeat 0 0;height:22px;border:none;padding:0;visibility:visible;background-color:transparent;cursor:pointer}
.snsService button.font_p{background-position:0 0;width:24px}
.snsService button.font_m{background-position:-24px 0;width:25px}


.contentData{border-top:2px solid #0095da;padding: 20px 0px 100px;clear:both;}

.infoBg1{background:url(/static/img/portal/sub/infoBg1.gif) no-repeat 97% 50%;padding-right:110px;}
.infoBg2{background:url(/static/img/portal/sub/infoBg2.gif) no-repeat 97% 50%;padding-right:110px;}
.infoBg3{background:url(/static/img/portal/sub/infoBg3.gif) no-repeat 97% 50%;padding-right:110px;}
.infoBg4{background:url(/static/img/portal/sub/infoBg4.gif) no-repeat 97% 50%;padding-right:110px;}
.infoBg5{background:url(/static/img/portal/sub/infoBg5.gif) no-repeat 97% 50%;padding-right:110px;}

.bgBar{background: url(../img/common/bgBar.gif) repeat-y 0 50%; padding-left:15px;}
.boardDateCol{font-size: 13px;line-height: 15px;text-align: right;}

.border1 { border:1px solid #dee1e7;}
.border1Bg { border:1px solid #dee1e7;background:url(/static/img/portal/sub/bd3Pat.gif);padding:20px 14px;}
.border3 { border:3px solid #dee1e7;background:url(/static/img/portal/sub/bd3Pat.gif);padding:25px;min-height: 370px}
.border6 { border:6px solid #dee1e7;font-size: 16px;min-height:95px; vertical-align: middle;}
.border6 p{vertical-align: middle;}
.patRect{background: url(/static/img/portal/sub/patRect.gif);padding-left:30px;}
.minHAuto{min-height:auto}
.minH170{min-height: 170px;}
.certify .border3{min-height: 350px;}

.contentData .headingBox{height:46px; margin-bottom: 10px; margin-top: 10px;}
.contentData .headingBox h1{margin: 0;padding:10px 2% 10px 2%;font-size:24px;line-height: 24px;background: none;}
.contentData .headingBox h1:before{content:"\f10c";font-family: FontAwesome;margin-right: 10px;}
.contentData .headingBox h2{margin-top:3px;margin-bottom:0;}
.contentData h1{font-size: 24px;line-height: 30px;width: 100%;background: url(/static/img/portal/common/h2_bg.gif) no-repeat 0 6px;
	padding-left: 16px;padding-bottom: 0;clear: both;margin-top: 20px;margin-bottom: 5px;}
.contentData h2{font-size: 20px;line-height: 30px;width: 100%;background: url(/static/img/portal/common/h3Bg.gif) no-repeat 0 10px;
	padding-left: 16px;padding-bottom: 0;clear: both;margin-top: 20px;margin-bottom: 5px;}
.contentData h2:first-child{margin-top: 0;}
.contentData h3{font-size: 18px;line-height:20px;width: 100%;padding-bottom: 0;clear: both;margin-top:10px;margin-bottom:0;font-weight: normal;}
.contentData h3+p{padding-top: 0;margin-top:5px;}

.small h2{font-size: 16px;}
.large h2{font-size: 24px;}
.xlarge h2{font-size: 30px;}
.contentData h1,
h2,
h3,
h4,
h5,
h6,
.h2,
.h3,
.h4,
.h5,
.h6,
.bold,
.btn,
.global a{font-family: 'notokr-bold', 'NanumGothicWeb', "나눔고딕", "맑은고딕", "malgun gothic", "AppleGothic", "Segoe UI", Arial, sans-serif !important}
.contentData *{ font-family: "FontAwesome", 'Nanum Gothic', 'NanumGothicWeb', "나눔고딕", "맑은고딕", "malgun gothic", "AppleGothic", Verdana, sans-serif;}
select, textarea, input[type='text'], input[type='password'], input[type='datetime'], input[type='datetime-local'], input[type='date'], 
input[type='month'], input[type='time'], input[type='week'], input[type='number'], input[type='email'], input[type='url'], 
input[type='search'], input[type='tel'], input[type='color'], .uneditable-input
{font-family:'Nanum Gothic', 'NanumGothicWeb', "나눔고딕", "맑은고딕", "malgun gothic", "AppleGothic", Verdana !important}
.contentData .ml1{background: url(/static/img/portal/common/bullM1.gif) no-repeat 0 7px;margin-left: 10px;padding-left: 14px;display: block;margin-top: 0;}
.contentData .ml1Bgn{margin-left: 24px;}
.border6  .medium{line-height:20px;margin-top: 10px;display: inline-block;}

.hgroup{clear:both;position:relative;overflow: hidden;}
.hgroup .hgroupInfo{position: absolute;right: 0;bottom:5px;font-size: 13px;}
.posRT{position: absolute;right: 0;top: 0;}
#outputcapcha{border:1px dashed #999;}

iframe.blank{position: absolute;display: block;overflow:hidden;border:none;}
.fa-asterisk:before{font-size:8px;font-weight: normal;line-height: 10px;position: absolute;left:-8px;top:3px;}
.fa-asterisk{position: relative;}



.seqImg3 .text-pink{text-align: center;}
.arrBottomMid{ line-height:20px;margin-bottom: 10px;text-align: center;width: 100%;}
.arrBottomMid p{margin-top: 0;}
.arrBottomMid p:before{content: url(/static/img/portal/sub/gv01_02_01arr_02.gif);display:inline-block;vertical-align: middle;}
.arrBottomMid p span{display: inline-block;margin-left: 20px;}

.imgFull img{width:100%;}
.btn-group .btn{padding:10px 15px; line-height: 20px;}
.textResizerInfo{position:fixed;z-index:100;left:50%;top: 50%;margin-left: -150px;width:300px;height: 200px;background-color:rgba(0, 0, 0, 0.8);text-align: center;}
.textresizer .xlarge{display: none;}


/* paging */
.paging{position: relative;text-align: center;margin-top: 18px;margin-bottom: 30px;}
.paging *{vertical-align: top;}
.paging ol, .paging ul{margin: 0;padding: 0;}
.paging span{background: url(/static/img/bos/images/paging_arr.gif) no-repeat 0 0;width: 20px;height: 20px;display:inline-block;position: relative}
.paging span.pagell{background-position:-40px 0;}
.paging span.pagel{background-position:-20px 0;}
.paging span.pager{}
.paging span.pagerr{background-position:-60px 0;}
.paging span span{visibility:hidden;position: absolute;}
.paging li{display:inline-block;vertical-align: top;margin:0;line-height: 14px;border:1px solid #dfdfdf;}
.paging li em,
.paging li a{padding:8px 10px;display: block; }
.paging li em{background-color: #535353;color: #fff;}
.paging li.img a{padding: 0;cursor: pointer;}
.paging li.img {padding:5px;}
.paging li.pal{padding: 0 18px 0 0}
.paging li.par{padding: 0 0 0 18px}
.paging ol li.current {font-weight:bold;color:#4f61b8;}
.paging ol li a:link {text-decoration:none; color:#666;}
.paging ol li a:visited {text-decoration:none; color:#666;}
.paging ol li a:active {text-decoration:underline; color:#4f61b8;}
.paging ol li a:hover {text-decoration:underline; color:#4f61b8;}
.pagingMore{position: absolute;right: 0;top: 0;}

/*paging*/
.paginationSet{text-align:center;}
.pagination em {font-style: normal}
.pagination{display:inline-block;padding-left:0;text-align:center;}
.pagination>li{display:inline;}
.pagination>li>a,
.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:1px; line-height:26px;
	text-decoration:none;color:#333333;background-color:#ffffff;width:40px;height:40px;}
.pagination >li.first>*,.pagination>li.prev>*,.pagination>li.next>*,.pagination>li.end>*{width:35px;background:#ededed url(/static/img/bos/images/paging_arr.gif) -120px -490px no-repeat;}
.pagination>li.first>*{}
.pagination>li.prev>*{background-position: -155px -490px}
.pagination>li.next>*{background-position: -200px -490px}
.pagination>li.end>*{background-position: -235px -490px}
.pagination>li .s>*{position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0,0,0,0);border: 0}
.pagination > li:first-child > a, .pagination > li:first-child > span {margin-left: 0;}
.pagination > li:last-child > a, .pagination > li:last-child > span {}
.pagination > li > a:hover, 
.pagination > li > span:hover, 
.pagination > li > a:focus, 
.pagination > li > span:focus {z-index: 2;color: #fff;background-color: #333333;}
.pagination > .active > a, .pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {z-index: 3;color: #ffffff;background-color: #333333;cursor: default;}
.pagination > .disabled > span, .pagination > .disabled > span:hover, 
.pagination > .disabled > span:focus, 
.pagination > .disabled > a, 
.pagination > .disabled > a:hover, 
.pagination > .disabled > a:focus {cursor: not-allowed;}

.fa-minus{display: inline-block;width:3%;text-align: center;}
table .col{float: none;}

.question-search {position: relative;margin:0 0 20px 0;padding: 20px 14px;text-align: center; border:1px solid #dee1e7;background:url(/static/img/portal/sub/bd3Pat.gif) }
.question-search select,
.question-search input[type=text]{height: 30px;width:60%;line-height: 30px;border: 1px solid #d5d5d5; vertical-align: middle;}
.question-search select {width: auto;}
.question-search .inputSearch{padding-left: 5px;}
.question-search input[type=submit]{display: inline-block;padding-left: 50px;padding-right: 50px;}
.question-search .btn.small{display: inline-block;padding:5px 20px 4px 20px !important;}


#faqList {position:relative; margin:30px 0 0; border-top:3px solid #0552a9; border-bottom:1px solid #707580;}
#faqList dt {position:relative;padding:10px 10px 0 5px}
#faqList dt {line-height:25px;padding-top: 0;padding-bottom: 0;display: block;}
#faqList dt>span {display:block;line-height:18px;background-color: transparent;border: 0;padding:10px 0;width: 100%;text-align: left}
#faqList dt button {cursor:pointer;display:block;line-height:18px;background-color: transparent;border: 0;padding:10px 0;width: 100%;text-align: left;border-bottom:1px solid #ddd;}
#faqList dt button .tag{position: absolute;top: 50%;margin-top: -15px;}
#faqList dt button .col{padding-left: 120px;}
#faqList dt .faqBtns {cursor:pointer;display:block;line-height:18px;background-color: transparent;border: 0;padding:10px 0;width: 100%;text-align: left;border-bottom:1px solid #ddd;}
#faqList dt .faqBtns .tag{position: absolute;top: 50%;left:0;margin-top: -15px;}
#faqList dt .faqBtns .col{padding-left: 80px;}
#faqList dt .faqBtns:hover .col, #faqList dt .faqBtns:focus .col,
#faqList dt .faqBtns:active .col{text-decoration: underline;}
#faqList dd {position: relative;display:block;margin:0;}
#faqList dd .mt5{border:2px solid #00adef;padding:20px;}
#faqList dd{ border-bottom:1px solid #ddd;}
#faqList .qna_img {position:absolute; left:0px; top:7px;}
#faqList dd .qna_img{top:-22px;left:0;}
#faqList .qna_img img {width:24px;}
#faqList .off{display: none;}
#faqList .tag{padding:5px 10px;width:75px;text-align: center;}
.callFaq2{overflow-y:scroll;height:450px;}

.printGuide .header .btn{position: absolute;right:10px;bottom: 10px;}
.printGuide .header{position: relative; padding: 10px;}
.printGuide #faqList dl{margin: 20px;}
.printGuide #faqList dl dt{display: block;background: #ddd; height: 36px; line-height: 36px;}
.printGuide #faqList dl dd{padding:5px 0 15px 0; text-align: justify;}

.view{border-top: 1px solid #ddd;}
.view h2{background:#29557c; color:#fff;min-height: 55px;line-height:30px;padding:10px;margin-bottom: 0;}
.view>dl{display: table;margin: 0;width: 100%;border-collapse: collapse;border-bottom: 1px solid #ddd;table-layout: fixed;}
.view>dl>dt,
.view>dl>dd{display: table-cell;padding: 5px 0;border-bottom: 1px solid #ddd}
.view>dl>dt{width: 17%;text-align: center;background-color: #f9f9f9;vertical-align:middle;}
.view>dl>dd{padding-left: 10px;padding-right: 10px;text-align: center;}
.view>dl.row>dt,
.view>dl.row>dd{display: block;width: 100%;}
.view>dl.imgAdd{margin-left: 50%;width: 50%;}
.view>div.imgAdd{float: left;border: 1px dotted gray;padding: 5px;margin: 10px;}
.view>dl.imgAdd>dt{width: 30%;}
.view>dl.imgAdd>dd{}
.dbData{padding: 10px;border-bottom: 1px solid #ddd;}
.login .btnBottom{position: absolute;width:90%;text-align: center;bottom:13px;}
.fileIco{background: url(/static/img/common/ico_download.gif) no-repeat 0 50%; padding-left: 30px;}

.gallery3 img{}
.gallery3>div{margin-bottom: 10px;}
/* body::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
body::-webkit-scrollbar {width: 10px; background-color: #F5F5F5; }
body::-webkit-scrollbar-thumb {background-color: #0ae;
 background-image: -webkit-gradient(linear, 0 0, 0 100%,  color-stop(.5, rgba(255, 255, 255, .2)),  color-stop(.5, transparent), to(transparent));}
 */

.headerOn .headerOnSet{display: block;}
.headerOnSet{position:fixed;z-index:1000;top:0;left:0;background:#ededed;width:100%;padding:8px 0 2px 0;text-align: left;display: none;
-o-box-shadow: 2px 5px 7px #bbb;-moz-box-shadow: 2px 5px 7px #bbb;-webkit-box-shadow: 2px 5px 7px #bbb;
box-shadow: 2px 5px 7px #bbb;}
.headerOnSet .headerOnMenu{display: inline-block;width: 50px;height: 50px;float: left;vertical-align: middle;}
.headerOnSet .headerRight{float: right;position: absolute;right: 0;top:5px;}
.textresizer{vertical-align: middle;}
.snsGroupHead{float:right;margin-left:10px;display: inline-block;width:135px;height:42px}
.snsGroupHead img{width: 42px;height: 42px;vertical-align: middle;}

#locationTxt{display: inline-block;float:left;}
.headerOnGnb #header{position: fixed;z-index:100;top:0;width: 100%;background:#fff;
-o-box-shadow: 2px 5px 7px #bbb;-moz-box-shadow: 2px 5px 7px #bbb;-webkit-box-shadow: 2px 5px 7px #bbb;box-shadow: 2px 5px 7px #bbb;}
.headerOnGnb .headerOnSet{display: none;}
.headerOnGnb .headerSet{display: none;}
.headerOnGnb .gnbBg{top: 58px;}

.headerOn #header{position: relative;z-index: 10;}
.headerOnTitles{position: relative;display:inline-block;width:83%;word-break:break-all;clear:both;line-height:24px;height: 52px;overflow:hidden;}
.headerOnTitles #locationTxt{display: inline-block;float: left;line-height: 52px;}
.headerOnBdTitle{display: inline-block;width: 80%;line-height: 52px;}

.invertBtn{background-color:#fff}
.invertBlue{border:1px solid #04809f; color: #04809f}
.invertPurple{border:1px solid #a73573; color: #a73573}

.loginBox .loginOk{position: absolute;right: 0;top: 0;}
.loginBox .loginOk .btn{padding:15px 52px}

/* sitemap */
.sitemap{float:left;width:100%;margin-bottom:50px;}
.sitemap>ul>li{width:24%; margin:0 1% 0 0;float:left;position:relative}
.sitemap h3 a{display: inline-block; font-size:19px;line-height: 40px;width: 100%;letter-spacing:-1px;color:#004661;text-align: center;border-bottom:2px solid #00adef;}
.sitemap>ul>li>ul>li>a{display: block;margin:5px 0;}
.sitemap ul li ul{margin-bottom:-4px;width:100%;margin:15px 0 10px 0}
.sitemap li li{ margin:0;padding:3px 0;width:90%}
.sitemap li li li{ margin:0;padding:0;width:80%;padding-left:10%;font-size:13px;font-weight:normal;background:none;}
.sitemap .s6{background:url(/portal/images/sub09/sitemaps_02.gif) no-repeat left bottom;height: 320px;}

.infoCircle{display: inline-block;padding-left:20px;position: relative;}
.infoCircle:before{content:"\f05a" ;position: absolute;left:0;top: 0;}

/* form  */
label{line-height: 30px;}
input[type=text].orderNo{width: 53.5%;}
.col.wa{width: auto;}
.infoCircle{position: relative; padding-left: 20px;}
.infoCircle:before{position: absolute;content:"\f05a";font-family: FontAwesome;}
.infoComment{position: relative;padding-left: 20px;}
.infoComment:before{position: absolute;content:"※ ";left: 0;top: 0;}
.text-blue.small{font-size: 15px !important;}

input[type=text].nameKr{width: 200px;}
input[type=text].nameEng{width: 200px;}

select.tac option{text-align: center;}

@media only screen and (max-width: 1019px){
	.headerOnSet .headerRight .snsGroupHead{display: none;}
	.sidebar h2{margin:10px 0 20px 0;}
	#hgroup{margin-top: 10px;height: 80px;}
	#hgroup h1{margin-top:14px;font-size: 1.25em;}
	/* #content>#hgroup>h1{position: relative;padding:10px 0;margin: 0;} */
	.snsService{text-align:left;float: right;}
	.location{padding-top: 0;line-height: 40px;width: 100%;bottom: 0;}
	.snsBtn{line-height: 30px}
	.exTxts{margin-left: 24.999%;}
}

@media only screen and (max-width: 767px){

	.smMb10{clear: both;margin-bottom: 10px;}
	.snsService{position:absolute;top:5px;display: block;clear:both;}
	#hgroup{height: auto;padding-bottom: 30px;}
	#hgroup h1{position: relative;}
	.location {position: relative;bottom:10px;margin:0;padding: 0}
	.location ol{text-align: left;margin:5px 0;padding: 0;letter-spacing: -1px;line-height: 26px;}
	.sidebar h2{margin:30px 0 10px 0;}
	.view>dl>dt, .view>dl>dd{font-size: 13px;}
	#faqList .tag{;margin-right: 3%;display: inline-block;float:left;}
	.lnb > ul > li > a{font-size:15px;line-height: 1.2em;}
	.infoBg1, .infoBg2,.infoBg3, .infoBg4, .infoBg5{background: none;padding-right:10px;}
	.question-search .grey{margin-top: 10px;}
	.border3 {padding:20px;}
	.certify .col.m6{width: 100%;}
	.certify .col.m8{width: 100%;}
	.certify .border3.mr10{margin-right:0 !important;margin-bottom: 20px;}
	.certify .border3.ml10{margin-left:0 !important}
	.certify .border3, .certify .minH170{min-height:auto}
	.headerOnGnb #header{position: relative;}
	.headerOnGnb .headerSet{display: block;}
	.headerOn .headerOnSet{position: fixed;margin-top: 0;top: 0;}
	.headerOnGnb .headerOnSet{display: block;}
	.gnbBorder{border:none;}
	.headerOnBdTitle{width: 65%;}
	.callFaq2{height:400px;}

	.loginBox .loginOk{position:relative;clear:both;width: 100%;}
	.loginBox .loginOk .btn{padding:3px 10px;width: 100%;margin-top:5px;}

	select+select{margin-top:5px;}


	input[type=text].nameKr, input[type=text].nameEng{width: 100%;}

}
@media only screen and (min-width:601px) and (max-width: 767px) {
	.loginBox .loginFrms{width:74.99999%;}
	.loginBox .m2{width:24.66666%;}
	.loginBox .fa-minus{width: 16.66666%;}

}


@media only screen and (min-width:768px) and (max-width: 998px) {
	.loginBox .loginFrms{width:66.66666%;}

}

@media only screen and (max-width: 479px){
	.bdView table th, .bdView table td{border-left:none; border-right:none;}
	.snsService{position: relative;top: 0;}
	.location{bottom: 0;}
	.snsService .btn-group{margin-top: 10px;}
	.question-search .btn{margin-top: 10px;}
	.exTxts{margin-left:0;}
	#locationTxt{line-height: 20px; margin-right: 20px;overflow:hidden;text-overflow: ellipsis;}
	.headerOnTitles{overflow: visible;}
	.headerOnBdTitle{display: block;clear:both;line-height:24px;width:100%;max-height: 54px;}
	
	.callFaq2{height:250px;}

	.loginBox .loginOk{position:relative;clear:both;width: 100%;}
	.loginBox .loginOk .btn{padding:3px 10px;width: 100%;margin-top:5px;}
	.loginBox .loginFrms{width:100%;}

	/* form  */
	input[type=text].orderNo{width:100%;}
}


@media only screen and (max-width: 998px) {
	.loginBox .col:first-child .border3{min-height: auto;}
	.loginBox .col:nth-child(2) .border3{margin-top: 10px;min-height: auto;}

}
@media only screen and (min-width:999px){
	.DTmt50{margin-top: 50px;}
	.h100{height: 100px;}
	.lH235{height:235px}
	.loginBox .col:first-child .border3{margin-right: 10px;}
	.loginBox .col:nth-child(2) .border3{margin-left: 10px;}

}

input[type='text']::-webkit-input-placeholder, input[type='password']::-webkit-input-placeholder { color: #ddd;}
input[type='text']::-moz-placeholder, input[type='password']::-moz-placeholder { color: #ddd; }
input[type='text']:-ms-input-placeholder, input[type='password']:-ms-input-placeholder { color: #ddd;}
input[type='text']:-moz-placeholder, input[type='password']:-moz-placeholder { color: #ddd; }