@charset “utf-8”;

@font-face {
	font-family: 'notokr-thin';
	font-style: normal;
	font-weight: normal;
	src: url('font/notokr-thin.eot');
	src: url('font/notokr-thin.eot?#iefix') format('embedded-opentype'),
		url('font/notokr-thin.woff') format('woff'),
		url('font/notokr-thin.ttf') format('truetype'),
		url('font/notokr-thin.svg#notokr-thin') format('svg');
}

@font-face {
	font-family: 'notokr-regular';
	font-style: normal;
	font-weight: normal;
	src: url('font/notokr-regular.eot');
	src: url('font/notokr-regular.eot?#iefix') format('embedded-opentype'),
		url('font/notokr-regular.woff') format('woff'),
		url('font/notokr-regular.ttf') format('truetype'),
		url('font/notokr-regular.svg#notokr-light') format('svg');
}

@font-face {
	font-family: 'notokr-light';
	font-style: normal;
	font-weight: normal;
	src: url('font/notokr-light.eot');
	src: url('font/notokr-light.eot?#iefix') format('embedded-opentype'),
		url('font/notokr-light.woff') format('woff'),
		url('font/notokr-light.ttf') format('truetype'),
		url('font/notokr-light.svg#notokr-light') format('svg');
}

@font-face {
	font-family: 'notokr-demilight';
	font-style: normal;
	font-weight: normal;
	src: url('font/notokr-demilight.eot');
	src: url('font/notokr-demilight.eot?#iefix') format('embedded-opentype'),
		url('font/notokr-demilight.woff') format('woff'),
		url('font/notokr-demilight.ttf') format('truetype'),
		url('font/notokr-demilight.svg#notokr-demilight') format('svg');
}

@font-face {
	font-family: 'notokr-medium';
	font-style: normal;
	font-weight: normal;
	src: url('font/notokr-medium.eot');
	src: url('font/notokr-medium.eot?#iefix') format('embedded-opentype'),
		url('font/notokr-medium.woff') format('woff'),
		url('font/notokr-medium.ttf') format('truetype'),
		url('font/notokr-medium.svg#notokr-medium') format('svg');
}

@font-face {
	font-family: 'notokr-bold';
	font-style: normal;
	font-weight: normal;
	src: url('font/notokr-bold.eot');
	src: url('font/notokr-bold.eot?#iefix') format('embedded-opentype'),
		url('font/notokr-bold.woff') format('woff'),
		url('font/notokr-bold.ttf') format('truetype'),
		url('font/notokr-bold.svg#notokr-bold') format('svg');
}
@font-face {
	font-family: 'notokr-black';
	font-style: normal;
	font-weight: normal;
	src: url('font/notokr-black.eot');
	src: url('font/notokr-black.eot?#iefix') format('embedded-opentype'),
		url('font/notokr-black.woff') format('woff'),
		url('font/notokr-black.ttf') format('truetype'),
		url('font/notokr-black.svg#notokr-black') format('svg');
}
@font-face {
    font-family: 'noto-regular';
    font-style: normal;
    font-weight: normal;
    src:  url('font/noto-regular.eot');
    src:  url('font/noto-regular.eot?#iefix') format('embedded-opentype'),
            url('font/noto-regular.woff') format('woff'),
            url('font/noto-regular.ttf') format('truetype');
}

@font-face {
    font-family: 'noto-italic';
    font-style: normal;
    font-weight: normal;
    src:  url('font/noto-italic.eot');
    src:  url('font/noto-italic.eot?#iefix') format('embedded-opentype'),
            url('font/noto-italic.woff') format('woff'),
            url('font/noto-italic.ttf') format('truetype');
}

@font-face {
    font-family: 'noto-bold';
    font-style: normal;
    font-weight: normal;
    src:  url('font/noto-bold.eot');
    src:  url('font/noto-bold.eot?#iefix') format('embedded-opentype'),
            url('font/noto-bold.woff') format('woff'),
            url('font/noto-bold.ttf') format('truetype');
}

/* reset */
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,hr{margin:0;padding:0;}
body{line-height:1.5;background-color:#fff;font-size:13px; font-family:"notokr-regular";color:#555;} 
fieldset,img{border:0;}
img,input,select,button,label{font-family:NanumGothic,'NBG',Dotum,Sans-serif;color:#555;vertical-align:middle !important;}
ol,ul{list-style:none;}
em,address{font-style:normal;}
a,a:active,a:hover,a:focus{color:#555;text-decoration:none;}
button{display:inline-block;overflow:hidden;border:0;background:none;cursor:pointer;}

caption,legend{overflow:hidden;top:0;left:0;width:0;height:0;line-height:0;font-size:0;}
textarea{resize:none;vertical-align:middle;}
label{cursor:pointer;}
strong{font-weight:normal;font-family:NanumGothicBold,NBGBold;}


/* layout */

#wrap{margin:0 auto;width:1000px;}
#header{margin:0 auto;padding-bottom:15px;width:1000px;height:105px; position:relative;}
h1{float:left;padding:57px 41px 0 3px;}
#gnb{float:right;overflow:hidden;margin:23px 0 6px;}
#gnb>li{float:left;}
#gnb>li>a{display:inline-block;padding:1px 13px 2px 12px; font-family:"notokr-regular";color:#8e8e8e;}
#gnb>li>a.bar{background:url(../images/common/bar_gnb.png) no-repeat right center;}
#gnb>li>a.eng{padding:1px 15px 2px;border-radius:4px;background-color:#006197;color:#fff;}
#lnb{position:absolute; top:65px; right:0px;z-index:8888;}
#lnb>li{position:relative;float:left;padding-left:35px;}
#lnb>li>a{display:block;padding:10px 23px 9px 20px; font-family:"notokr-bold";font-size:17px;color:#222;}
#lnb>li>a.on{background-color:#0f6bb9;color:#fff;}
#lnb>li>ul{position:absolute;padding:15px 18px 25px 25px;width:117px;background-color:#0f6bb9;}
#lnb>li>ul>li{padding:7px 0 6px;}
#lnb>li>ul>li>a{font-size:15px;color:#fff;}
#lnb>li>ul>li>a.on, #lnb>li>ul>li>a:hover{text-decoration:none;color:#a3ccef;}

#footer{padding-top:100px;width:100%;}
#footer{padding-top:100px;width:100%;}
#footer>.util{height:55px;background-color:#606060;}
#footer>.util>.wrap{margin:0 auto;width:1000px;position: relative;height: 100%;}
#footer .util_list{overflow:hidden;padding-top:18px;}
#footer .util_list>li{float:left;padding:0 13px;background:url(../images/common/bar_util.png) no-repeat right center;}
#footer .util_list>li>a{ font-family:"notokr-regular";color:#bdbdbd;}
.car_link{position: absolute;right:0;top:0;height: 100%; font-family:"notokr-regular";}
.car_link>span{color: #bdbdbd;display: block;height: 55px;line-height: 55px;cursor:pointer;background:url(../images/common/site_more.png)right 15px center no-repeat;width: 170px;border-left: 1px solid #808080;border-right: 1px solid #808080;box-sizing: border-box;padding: 0 20px 0 15px;}
.car_link>ul{display: none;position: absolute;left: 0;bottom: 55px;background: #606060;width: 100%;box-sizing: border-box;padding: 15px;border-bottom: 1px solid #808080;z-index: 200;}
.car_link>ul>li>a{color: #bdbdbd;padding: 3px 0;display: block;transition: color .4s;-webkit-transition: color .4s;}
.car_link>ul>li:last-child>a{padding-bottom:0}
.car_link>ul>li>a:hover{color:#fff;transition: color .4s;-webkit-transition: color .4s;}
#footer>.info{position:relative;margin:0 auto;width:1000px;height:100px;}
#footer>.info>p{float:left;padding:27px 35px 0 3px;background:url(../images/common/bar_copy.png) no-repeat right 40px;}
#footer>.info>.address{float:left;margin:37px 0 0 23px;font-size:12px;}
#footer #ssl {display:block; width:46px; height:53px; position:absolute; right:0; top:25px; background:url(../images/contents/ssl.jpg) no-repeat 0 0; text-indent:-55555px;}
#top {position:fixed; right:50px; bottom:130px; width:50px; height:50px; background:url(../images/common/btn_top.png) no-repeat left top; visibility:hidden;
				opacity:0; cursor:pointer; text-indent:-55555px;
				-webkit-transition:opacity .3s 0s, visibility 0s .3s;
				-moz-transition:opacity .3s 0s, visibility 0s .3s;
				transition:opacity .3s 0s, visibility 0s .3s;}
#top a {display:block; width:50px; height:50px; text-indent:-55555px; background:url(../images/common/btn_top.png) no-repeat left top;}

#top.cd-is-visible, #top.cd-fade-out, .no-touch .topBtn:hover {
				-webkit-transition:opacity .3s 0s, visibility 0s 0s;
				-moz-transition:opacity .3s 0s, visibility 0s 0s;
				transition:opacity .3s 0s, visibility 0s 0s;}
#top.cd-is-visible {visibility:visible; opacity:1;}
#top.cd-fade-out {opacity:1;}
#contents{width:100%;}
/* sub */
.visualS{width:100%;height:185px;background-repeat:no-repeat;background-position:center top;}
.visualS.s01{background-image:url(../images/common/visual_s01.jpg);}
.visualS.s02{background-image:url(../images/common/visual_s02.jpg);}
.visualS.s03{background-image:url(../images/common/visual_s03.jpg);}
.visualS.s04{background-image:url(../images/common/visual_s04.jpg);} 
.visualS.s05{background-image:url(../images/common/visual_s05.jpg);}
.visualS.s06{background-image:url(../images/common/visual_s06.jpg);}
.visualS.s07{background-image:url(../images/common/visual_s07.jpg);}
.visualS.s08{background-image:url(../images/common/visual_s08.jpg);}
#snb{float:left;width:185px;}
h2{height:38px;line-height:26px;border-bottom:2px #0c4da2 solid;font:24px NanumGothicBold,NBGBold;}
#snb>ul{padding-top:5px;}
#snb>ul>li{padding:12px 0 10px 10px;border-bottom:1px #d9d9d9 solid;}
#snb>ul>li.on{background:#363636 url(../images/common/arrow_snb.png) no-repeat 163px center;}
#snb>ul>li>a{font-size:16px;color:#2b2b2b;}
#snb>ul>li.on>a{font-family:NanumGothicBold,NBGBold;color:#fff;}
#container{overflow:hidden;margin:0 auto;padding:60px 0;width:1000px;}
#content{float:right;width:770px; position:relative;}
h3{margin-bottom:55px;height:34px;background:url(../images/common/bg_h3.png) repeat 0 0;}
h3>span{display:inline-block;margin-top:-4px;padding-right:20px;background-color:#fff;font:35px NanumGothicBold,NBGBold;color:#393d44;}
.tab01{overflow:hidden;margin-bottom:25px;width:100%;}
.tab01>li{float:left;}
.tab01.num2>li{width:49.9%;}
.tab01.num3>li{width:33.3%;}
.tab01.num4>li{width:24.9%;}
.tab01.num5>li{width:20%;}
.tab01.num6>li{width:16.6%;}
.tab01>li>a{display:block;height:49px;background:url(../images/common/bar_tab01.png) no-repeat right center;font:18px NanumGothicBold,NBGBold;line-height:49px;text-align:center;}
.tab01>li>a.bg_none{background-image:none;}
.tab01>li>a.on{background:#0c4da2 !important;color:#fff;}
.tab02{overflow:hidden;margin-bottom:30px;width:100%;}
.tab02>li{float:left;}
.tab02.num2>li{width:50%;}
.tab02.num3>li{width:33.3%;}
.tab02.num4>li{width:24.9%;}
.tab02.num5>li{width:20%;}
.tab02.num6>li{width:16.6%;}
.tab02>li>a{display:block;height:49px;border-top:1px #e5e5e5 solid;border-bottom:1px #0c4da2 solid;background-color:#e5e5e5;font:16px NanumGothicBold,NBGBold;color:#878787;line-height:49px;text-align:center;}
.tab02>li>a.on{border-top:1px #0c4da2 solid;border-right:1px #0c4da2 solid;border-left:1px #0c4da2 solid;border-bottom:1px #fff solid;background-color:#fff;color:#0c4da2;}
.conSection{margin-bottom:40px;}
h4{margin-bottom:20px;padding-left:20px;height:21px;line-height:19px;background:url(../images/common/bul_h4.png) no-repeat 1px 3px;font:20px NanumGothicBold,NBGBold;color:#2b2b2b;}
.conBox{margin-left:20px;}
h5{font:18px NanumGothicBold,NBGBold;color:#343434;}
.txt{font-size:14px;line-height:22px;}

/* search */
.search{margin-bottom:25px;padding:20px 0;border:1px #dfdede solid;background-color:#f5f5f5;text-align:center;}
.search>select{padding:6px;border:1px #d1d0d0 solid;font:13px NanumGothicBold,NBGBold;color:#323232;vertical-align:middle;}
.search>input{padding:7px 8px;width:370px;border:1px #d1d0d0 solid;vertical-align:middle;}
.search>a{padding:8px 15px;border:1px #084165 solid;background-color:#e73131;font-size:11px;color:#fff;text-align:center;vertical-align:middle;}
/* search - db */
.search_important{padding-left:25px;height:48px;background:url(../images/common/ico_important.png) no-repeat left center;font:14px NanumGothicBold,NBGBold;color:#2b2b2b;line-height:48px;}
.search_db{overflow:hidden;padding:40px 0 40px 40px;border:1px #dad9d9 solid;background-color:#e8eff5;}
.search_db>dl{float:left;margin-right:30px;}
.search_db dt{margin-bottom:10px;padding-left:13px;background:url(../images/common/bul_dot.png) no-repeat left center;font:14px NanumGothicBold,NBGBold;color:#2b2b2b;}
.search_db .search_scope{overflow-y:scroll;padding:5px;width:300px;height:123px;border:2px #e3e3e1 solid;}
.search_db>.btn_scope{float:left;margin-right:30px;padding-top:28px;width:28px;text-align:center;}
.search_db>.btn_scope>a{display:inline-block;margin-bottom:3px;width:26px;height:26px;border:1px #053672 solid;text-align:center;}
.search_db>.btn_scope>a.scope_add{background-color:#1e60b0;}
.search_db>.btn_scope>a.scope_minus{background-color:#379196;}
.search_db>.btn_scope>a>img{margin-top:5px;}
.search_result{overflow:scroll;height:369px;border:2px #e3e3e1 solid;}
/* board */
.board{width:100%;border-bottom:1px #a9a9a9 solid;}
.board th,.board td{padding:15px 0 13px;}
.board th{font:14px NanumGothicBold,NBGBold;}
.board td{border-bottom:1px #d5d5d5 solid;}
/* board - list */
.board.list{border-top:2px #90c31f solid;}
.board.list th{border-bottom:1px #1a1a1a solid;background-color:#214d85;color:#fff;}
.board.list td{text-align:center;}
/* board - view */
.board.view{border-top:2px #0c4da2 solid;}
.board.view th,.board.view td{padding-left:15px;}
.board.view th{color:#353535;text-align:left;}
.board.view th[scope="col"]{font-size:15px;border-bottom:1px #1a1a1a solid;}
.board.view th[scope="row"]{border-bottom:1px #d5d5d5 solid;background-color:#eaeaea;}
.board.view td.board_cont{min-height:180px;line-height:20px;vertical-align:top;}
.board.view td.board_cont img {width:100%;}
/* board - paging */
.paging{margin-top:33px;text-align:center;}
.paging>a{display:inline-block;padding:0 10px;height:26px;line-height:26px;border:1px #d5d5d5 solid;text-align:center;vertical-align:middle;}
.paging>a.on{border-color:#033e2a;background-color:#e73131;font-family:NanumGothicBold,NBGBold;color:#fff;text-decoration:underline;}
.paging>a.page_arr{padding:0;width:26px;border-color:#a5a5a5;background-color:#e4e4e4;}
/* .paging>a.page_arr>img{margin-top:9px;} */
/* board - button */
.btnArea{margin-top:20px;text-align:right;}
.btn_board{display:inline-block;width:115px;height:40px;background:url(../images/common/bg_btn.png) repeat 0 0;text-align:center;}
.btn_board>span{display:inline-block;padding-top:11px;font:15px NanumGothicBold,NBGBold;color:#fff;}
/* board - prev & next */
.board_PrevNext{margin-top:50px;border:3px #dad9d9 solid;}
.board_PrevNext>dl{overflow:hidden;}
.board_PrevNext>dl>dt{float:left;padding:10px 20px;width:108px;background-color:#eaeaea;background-repeat:no-repeat;background-position:119px center;}
.board_PrevNext>dl.list_prev{border-top:1px #fff solid;border-left:1px #fff solid;}
.board_PrevNext>dl.list_prev>dt{border-bottom:1px #fff solid;background-image:url(../images/common/arrow_up.png);}
.board_PrevNext>dl.list_next{border-bottom:1px #fff solid;border-left:1px #fff solid;}
.board_PrevNext>dl.list_next>dt{background-image:url(../images/common/arrow_down.png);}
.board_PrevNext>dl>dd{float:left;width:575px;margin:0 20px;padding:10px 0;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* file icon */
.ico_file{display:inline-block;width:16px;height:16px;background-repeat:no-repeat;background-position:0 0;vertical-align:middle;}
.ico_file.hwp{background-image:url(../images/common/ico_hwp.gif);}
.ico_file.pdf{background-image:url(../images/common/ico_pdf.gif);}
.ico_file.xls{background-image:url(../images/common/ico_xls.gif);}
.ico_file.zip{background-image:url(../images/common/ico_zip.gif);}
.ico_file.img{background-image:url(../images/common/ico_img.gif);}
.ico_file.doc{background-image:url(../images/common/ico_doc.gif);}
.ico_file.ppt{background-image:url(../images/common/ico_ppt.gif);}

/* table */
.table{width:100%;border-top:2px #0c4da2 solid;}
.table th,.table td{padding:15px 0 13px;border-bottom:1px #d6d6d6 solid;}
.table th.last,.table td.last{border-color:#949494;}
.table th{background-color:#ecf3f5 !important;font:14px NanumGothicBold,NBGBold;}
.table th>label{font-family:NanumGothicBold,NBGBold;}
.table td select{padding:6px;border:1px #d6d6d6 solid;}
.table td input[type="text"],.table td input[type="password"]{padding:0 6px;height:27px;line-height:27px;border:1px #d6d6d6 solid;}
.table td .td_list li{float:left;margin-right:28px;}
.table td .td_list.check li{width:85px;}
.table td .td_list.check li .point{color:#fd1111;}
.table td span{color:#d6d6d6;}
.table .btn_input {display: inline-block;margin-left: 5px;padding: 1px 10px;line-height: 22px;font-size: 12px;background-color: #fc5825;font-family: NanumGothicBold,NBGBold;color: #fff;text-align: center;vertical-align: middle;text-decoration: none !important;}
.table .btn_input.gray{background-color:#7e7e7e;}
.table .btn_input.blue{background-color:#3d7ed3; margin-left:0px;}
/* table - row */
.table.row th{padding-left:22px;text-align:left;}
.table.row td{padding:8px 0 8px 16px;}
.table.row td a {text-decoration:underline;}
.table.info th{padding-left:32px;background:url(../images/common/bul_ess.png) no-repeat 22px 21px;}
.table.db th{padding:15px 0 13px;border-right:1px #d6d6d6 solid;text-align:center;}
.table.db td .btn_input{margin-left:10px;}
.table.site>thead th{padding-left:0;border-right:1px #d6d6d6 solid;border-bottom:1px #0c4da2 solid;background-color:#f4f4f4 !important;text-align:center;}
.table.site>thead th.last{border-right:0;}
.table.site th{border-right:1px #d6d6d6 solid;}
/* table - col */
.table.col th,.table.col td{border-right:1px #d6d6d6 solid;text-align:center;}
.table.col th.last,.table.col td.last{border-color:#d6d6d6;border-right:0;}
.table.inside{width:98%;border-color:#d6d6d6;}
.table.inside th,.table.inside td{padding:8px 0 !important;}
.table.inside th{background-color:#f8f8f8 !important;}
.table.guide td{padding:13px 15px 15px 22px;text-align:left !important;}
/* button */
.btn_box{margin-top:48px;text-align:center;}
.btn_box>a{display:inline-block;width:230px;height:50px;background-color:#0c4da2;font:17px NanumGothicBold,NBGBold;color:#fff;line-height:50px;text-align:center;}
.btn_box>a.gray{background-color:#808080;}
.btn_box>a.green{background-color:#90c31f;}
.btn_box>a>span{display:inline-block;vertical-align:middle;}
/* button icon */
.ico_btn{display:inline-block;margin-left:10px;height:50px;background-repeat:no-repeat;background-position:center center;vertical-align:middle;}
.ico_btn.next{width:38px;background-image:url(../images/common/ico_next.png);}
.ico_btn.register{width:32px;background-image:url(../images/common/ico_register.png);}
.ico_btn.again{width:28px;background-image:url(../images/common/ico_again.png);}
.ico_btn.payment{width:32px;background-image:url(../images/common/ico_payment.png);}
.ico_btn.prolong{width:30px;background-image:url(../images/common/ico_prolong.png);}
.ico_btn.secede{width:30px;background-image:url(../images/common/ico_secede.png);}
/* comment */
span.comment{display:block;padding-left:25px;height:40px;background:url(../images/common/ico_important.png) no-repeat left center;color:#333;line-height:40px;}
ul.comment{margin-top:22px;}
ul.comment>li{padding-left:10px;background:url(../images/common/bul_ess.png) no-repeat 0 9px;font-family:NanumGothicBold,NBGBold;color:#353535;line-height:23px;}

/* bullet */
.list_star li{padding-left:11px;background:url(../images/common/bul_star.png) no-repeat 0 9px;line-height:22px;}
.list_hyphen li{padding-left:9px;background:url(../images/common/bul_hyphen.png) no-repeat 0 11px;line-height:22px;}
p.list_hyphen{padding-left:9px;background:url(../images/common/bul_hyphen.png) no-repeat 0 11px;line-height:22px;}

/* basic */
.ir_pm{display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px;} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.ir_wa{display:block;overflow:hidden;position:relative;z-index:-1;width:100%;height:100%;} /* 중요한 이미지 대체텍스트로 이미지 off시에도 대체 텍스트를 보여주고자 할때 */
.hide{display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px;} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */

.f_l{float:left;}
.f_r{float:right;}
.txt_al{text-align:left !important;}
.txt_ar{text-align:right !important;}
.txt_ac{text-align:center !important;}
.txt_vt{vertical-align:top;}
.txt_vm{vertical-align:middle !important;}
.txt_under:hover{text-decoration:underline;}
.dotLine{background:url(../images/common/dot_line.png) repeat-x 0 0;}
.bold{font-family:NanumGothicBold,NBGBold;}

.mB30 {margin-bottom:30px;}
.none{display:none;}
.bg_none{background:none !important;}

.point_red{color:#ff4330;}
.point_green{color:#00a77e;}
.point_blue{color:#0c4da2;}

.clear{clear:both;}
.relative{position:relative;}
.absolute{position:absolute;}