/* font */
@font-face{font-family:"ngn";font-style:normal;font-weight:normal;src:url('../font/NanumGothic.eot');src:url('../font/NanumGothic.eot#iefix')format("embedded-opentype"),;src:local('��'),url('../font/NanumGothic.woff') format('woff'),url('../font/NanumGothic.ttf') format('truetype')}
@font-face{font-family:"ngb";font-style:normal;font-weight:normal;src:url('../font/NanumGothicBold.eot');src:url('../font/NanumGothicBold.eot#iefix')format("embedded-opentype"),;src:local('��'),url('../font/NanumGothicBold.woff') format('woff'),url('../font/NanumGothicBold.ttf') format('truetype')}

/* common */
html,body{font-family:"ngn","sans-serif","AppleGothic","Dotum","Arial","verdana","Helvetica"}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6{border:0;margin:0;padding:0;font-weight:normal;font-family:"ngn","sans-serif","AppleGothic","Dotum","Arial","verdana","Helvetica"}
h1,h2,h3,h4,h5,h6{letter-spacing:-1px}
body{font-size:14px;color:#232323;background-color:#fff}
ul,ol{list-style-type:none}
dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0}
a,
a:link,
a:visited,
a:active{color:#232323;text-decoration:none;font-family:"ngb","sans-serif","AppleGothic","Dotum","Arial","verdana","Helvetica"}
a:hover,
a:focus{color:#232323;text-decoration:none}
table{table-layout:fixed;border-collapse:collapse}
div,ul,ol,li,dl,dt,dd,p,input,textarea,select,h1,h2,h3,h4,em,address,fieldset,form,iframe,object{margin:0;padding:0}
img,fieldset,iframe{border:none}
iframe{display:block}
li{list-style-type:none}
table{clear:both;border-collapse:collapse}
h1,h2,h3,h4,h5,h6{font-size:12px;text-align:left}
img,a{border:0}
li,dd,dt,ul,ol{list-style-type:none}
img{border:0 none;vertical-align:middle}
div,ul,ol,li,dl,dd,dt,h1,h2{margin:0;padding:0}
.space_30{height:30px}
.space_50{height:50px}
.space_80{height:80px}
.space_100{height:125px}
.space_150{height:150px}
img{max-width:100%;border:0;vertical-align:top;-ms-interpolation-mode:bicubic}

/* gnb */
.bi{background:#fff;width:1024px;height:70px;text-align:left;margin:0 auto;position:relative;min-width:980px}
.bi li{float:left;padding:16px 20px 0 20px}
.bi h1 {position:relative;float:left;width:185px}
.bi h2{float:left;font-size:19px;color:#039DC0;font-family:ngb;padding:7px 0 0 17px}

/* header */
.header_wrap{position:relative;float:left;width:100%;background:url(../img/gnb_bg.gif) repeat-y center;height:auto}
.header{width:1024px;margin:0 auto;position:relative}
.header h1{position:relative;float:left;left:20px;width:70%}
.header h1 .issue{width:100%;height:42px}
.header h1 .issue span{float:left;color:#fff;font-size:16px;line-height:42px;font-family:ngb}
.header h1 .issue li{float:left;width:320px;margin:5px 0 0 15px;height:22px;background:#fff;color:#434343;font-size:15px;line-height:22px;padding:5px}
.header h1 .issue li ol{float:left;margin-right:10px;width:22px;line-height:22px;text-align:center;color:#fff;height:22px;background:#039CC1;border-radius:5px}
.header h2{position:relative;float:right;width:20%;height:42px;text-align:left;color:#fff;background:#474747;font-size:16px;line-height:42px;padding-left:30px}

/* content_wrap */
.content_wrap{height:auto;width:100%;text-align:center;float:left;position:relative;min-width:320px}

/* content */
.main_content_wrap{width:100%;float:left;height:auto;text-align:center;float:left;position:relative;min-width:980px;background:url(../img/menu_bg.jpg) repeat-x center}
.main_content{position:relative;display:inline-block;margin:0 auto;width:1024px;height:auto;padding:65px 20px 65px 20px;text-align:center}
.main_content li{position:relative;display:inline-block;margin:0 auto;width:158px;padding:0 15px 0 15px} /* width �븘�씠肄� �꼻�씠 */ 
.main_content li img{width:100%}
.main_content li h2{text-align:center;line-height:2.3;font-size:16px;font-family:ngb;color:#3A3A3A}

/* footer */
.foot_wrap{width:100%;height:auto;text-align:center;float:left;position:relative}
.foot_alert{width:100%;float:left;height:auto;text-align:center;border-top:1px solid #E8E8E8;position:relative;z-index:1;min-width:980px}
.foot_alert li{position:relative;float:left;font-family:ngb;width:100%;margin:0 auto;background:#fff}
.foot_alert li h1{color:#454545;font-size:14px;letter-spacing:0;text-align:center;margin:15px 0 15px 0;line-height:1.5}
.foot_copyright{width:100%;float:left;text-align:center;border-top:1px solid #E8E8E8;border-bottom:1px solid #E8E8E8;background:#F8FAFA;color:#5A5A5A;line-height:55px;font-size:13px;position:relative;min-width:980px}

/* top button */
.btn_top{position:fixed;width:50px;height:40px;line-height:45px;vertical-align:middle;background:rgba(0,0,0,.3);right:0;bottom:0;z-index:10000;color:#fff;text-align:center;display:block}
.btn_top a:hover{background:rgba(0,0,0,.3)}
.btn_top a{color:#fff;display:block}

/* menu */
.menu_wrap{position:relative;float:left;width:100%;background:url(../img/gnb_bg_menu.gif) repeat-y center;height:auto}
.menu{width:1024px;margin:0 auto;position:relative}
.menu li{padding:0}
.menu h1{float:left;display:block;margin:0 auto;margin:5px 10px 0 10px;font-size:15px;line-height:38px;text-align:center;width:18%;background:#fff;color:#375672;font-family:ngb}
.menu a h1{display:block;color:#fff;background:none !important}
.menu a:hover h1{color:#24384A}

/* menu_search */
.menu_search_wrap{position:relative;float:left;width:100%;background:#fff;height:auto;border-bottom:1px solid #D4D4D4}
.menu_search{width:1024px;margin:0 auto;position:relative}
.menu_search li{padding:0 0 0 10px}
.menu_search li input{border:1px solid #D4D4D4;background:#F5F8F9;float:left;padding:8px;margin:12px 0 12px 0;width:80%;font-size:16px;color:#444}
.menu_search li .btn{float:left;width:17%;text-align:center;display:block;background:#4A4A56;color:#fff;margin:12px 0 12px 0;padding:9px 0 9px 0;font-size:16px;display:block}
.menu_search li .btn a{color:#fff;display:block}

.menu02{width:1024px;margin:0 auto;position:relative}
.menu02 li{float:left;position:relative;margin:10px 5px;position:relative;width:150px;border-radius:6px;background:#5297C1;color:#fff;display:block;line-height:2.5}
.menu02 li a{float:left;position:relative;background:#F4F8F9;color:#2E303D;border-radius:6px;width:150px;border:1px solid #D7D7D7;}
.menu02 li a:hover{float:left;position:relative;background:#5297C1;color:#fff}

/* sub_content */
.sub_content_wrap{position:relative;float:left;width:100%}
.sub_content{position:relative;margin:0 auto;width:1024px;padding:30px 0 30px 0}
.titl01{position:relative;width:98%;margin:0 auto;font-size:20px;padding:15px 0;height:auto;border-bottom:2px solid #676767;line-height:1.7;text-align:left;font-family:ngb}
.pdf_down{float:left;height:auto;position:relative;width:99%;padding:3px 0;margin:20px 0;font-size:14px}
.pdf_down li{float:right;width:auto;background:#F4F8F9;border:1px solid #D3D5D4;display:block;padding:15px 20px}
.pdf_down li img{padding-right:12px}
.text01{position:relative;float:left;margin:0 auto;width:100%;border-bottom:1px solid #D3D5D4;font-size:14px}
.text01 li{padding:15px 20px}
.text01 h1{text-align:center;font-size:20px;padding-top:15px}
/* .text01 h2{font-size:13px;padding:20px 0 20px 0;line-height:2.1} */
.text01 h2{font-size:13px;padding:20px 0 20px 0;line-height:1}
.alert{width:1024px;position:relative;margin:0 auto;padding:20px 0;color:#FF3F00;font-size:12px;text-align:left;line-height:1.3;padding:20px 0 15px 0;display:inline-block}
/* .text01 table{width:100%;margin:20px 0 20px 0} */
.text01 table{width:100%;}
/* .text01 table td{border:1px solid #D4D4D4 !important;padding:10px 10px 10px 10px;line-height:1.8} */
/* .text01 table td{border:1px solid #D4D4D4 !important;padding:10px 10px 10px 10px;line-height:1.1} */
.text01 table td{border:1px solid #D4D4D4 !important;line-height:1.1em}
.text01 table th{background:#F5F8F9;border:1px solid #D4D4D4 !important;padding:10px 10px 10px 10px;line-height:1.5;color:#444}

/* box */
.box01{position:relative;margin:0 auto;width:1024px;border:1px solid #D4D4D4;height:auto}
.box01 ul{position:relative;padding:15px 30px 15px 30px}
.box01 li{position:relative;width:100%;display:inline-block}
.box01 h1{font-size:14px;line-height:2}
.box01 h2{position:relative;font-size:14px;float:left;position:relative;line-height:2;font-family:ngb;color:#fff;background:#5297C1;width:auto;text-align:center;border-top:1px solid #D3D3D3;border-right:1px solid #D3D3D3;border-left:1px solid #D3D3D3l;border-bottom:1px solid #D3D3D3}
.box01 h2 a{background:#F4F8F9;display:block}
.box01 .tab2 h2{width:49%}
.box01 .tab3 h2{width:33%}
.box01 h3{position:relative;font-size:17px;float:left;width:auto;text-align:center;border:1px solid #C6C6C6;margin:6px 8px 0 0;color:#fff;background:#5297C1}
.box01 h3 a{position:relative;color:#C6C5CA;display:block;background:#fff;}
.box01 h3 ol{padding:3px 5px}

.box02{position:relative;margin:0 auto;width:1024px;height:auto;display:inline-block}
.box02 li{padding:30px 10px 30px 10px}
.box02 h2{position:relative;font-size:14px;float:left;position:relative;line-height:2;font-family:ngb;color:#fff;background:#5297C1;width:auto;text-align:center;border-top:1px solid #D3D3D3;border-right:1px solid #D3D3D3;border-left:1px solid #D3D3D3l;border-bottom:1px solid #D3D3D3}
.box02 h2 a{background:#F4F8F9;display:block}
.box02 .tab3 h2{width:33%}
.box02 .tab4 h2{width:24.9%}

/* table01 */
.table01{position:relative;width:100%;margin:0 auto;font-size:17px}
.table01 td{padding:15px 10px;height:auto;text-align:center;border-bottom:1px solid #DFDFDF;line-height:1.5}
.table01 td a:hover{color:#029AC5}
.table01 td img{width:22px;top:2px;position:relative}
.table01 .left{font-family:ngb;text-align:left;padding-left:0}

/* table02 */
.table02{position:relative;width:98%;margin:0 auto;border-top:2px solid #676767;top:-1px;font-size:15px}
.table02 td{padding:15px 20px;height:auto;border-bottom:1px solid #DFDFDF;line-height:1.5;text-align:left;background:#F6FAF9}
.table02 td a:hover{color:#029AC5}
.table02 td.white{background:#fff}
.table02 td.white span{display:block;color:#898998}

/* title */
.title_wrap{position:relative;margin:0 auto;width:1024px;display:inline-block}
.title{position:relative;width:98%;display:inline-block;margin:0 auto;font-size:13px;letter-spacing:-1px;height:auto;text-align:center;border-bottom:1px solid #DFDFDF;line-height:3}
.title ul{padding:20px 0}
.title h1{width:2.5%;top:2px;position:relative;float:left}
.title h2{font-size:17px;line-height:1.5;float:left;padding-left:10px;;font-family:ngb}
.title h3{width:2.5%;top:2px;position:relative;float:right}

/* btn */
.btn_wrap{width:100%;float:left;position:relative;margin:0 auto;margin:30px 0 30px 0}
.btn_wrap .btn{margin:0 auto;width:130px;background:#3285B9;color:#fff;line-height:1.5;font-size:17px;font-family:ngb;display:block;border-radius:5px}
.btn_wrap .btn a{display:block;color:#fff;padding:10px 10px}
.btn_wrap .btn a:hover{background:#2B719B;border-radius:5px}

/* �뼚 �뼚 �뼚 �뼚 �뼚 �뼚 �뼚 mobile 768 �뼚 �뼚 �뼚 �뼚 �뼚 �뼚 �뼚 */
@media only screen and (max-width:768px){

/* bi */
.bi{background:#fff;width:100%;height:60px;text-align:left;margin:0 auto;position:relative;min-width:320px}
.bi li{padding:12px 10px 0 10px}
.bi h1 {position:relative;float:left;width:170px}
.bi h2{float:right;font-size:16px;color:#039DC0;font-family:ngb;padding:10px 0 0 12px}

/* space */
.space_30{height:0}
.space_50{height:0}
.space_80{height:0}
.space_100{height:0}
.space_150{height:0}

/* header */
.header_wrap{position:relative;float:left;width:100%;background:url(../img/gnb_bg_mobile.gif) repeat-y center;height:auto}
.header{width:100%;position:relative}
.header h1{position:relative;float:left;margin:0 auto;width:100%;left:0}
.header h1 .issue{width:100%;height:50px}
.header h1 .issue span{float:left;width:90px;color:#fff;font-size:16px;line-height:50px;font-family:ngb;padding-left:15px}
.header h1 .issue li{float:left;width:67%;margin:7px 0 0 15px;height:26px;background:#fff;color:#434343;font-size:16px;line-height:26px;padding:5px}
.header h1 .issue li ol{float:left;margin-right:10px;width:26px;height:26px;line-height:26px;text-align:center;color:#fff;background:#059DBD;font-family:arial;border-radius:5px}
.header h2{position:relative;float:left;width:100%;font-size:14px;font-family:ngb;height:42px;text-align:center;font-size:16px;line-height:40px;background:#E6E6E6;color:#3D3D3D;padding-left:0}

/* content_wrap */
.content_wrap{height:auto;width:100%;text-align:center;float:left;position:relative;min-width:320px}

/* content */
.main_content_wrap{width:100%;float:left;height:auto;text-align:center;position:relative;min-width:320px;background:url(../img/menu_bg_mobile.jpg) repeat-x top center}
.main_content{position:relative;display:inline-block;margin:0 auto;width:100%;height:auto;padding:2em 0 2em 0}
.main_content li{position:relative;display:inline-block;margin:0 auto;width:25% !important;padding:.5em .4em .5em .4em} /* width �븘�씠肄� �꼻�씠 */ 
.main_content li img{width:100%}
.main_content li h2{text-align:center;line-height:1.2em;padding:5px 0 5px 0;font-size:94%;font-family:ngb;color:#3A3A3A}

/* footer */
.foot_wrap{width:100%;text-align:center;float:left;position:relative;}
.foot_alert{width:100%;height:auto;text-align:center;border-top:1px solid #D4D4D4;position:relative;z-index:1;min-width:320px}
.foot_alert li{position:relative;float:left;font-family:ngb;width:100%;margin:0 auto;background:#fff}
.foot_alert li h1{color:#454545;font-size:12px;letter-spacing:0;text-align:center;margin:15px 30px 15px 30px;line-height:1.4}
.foot_copyright{width:100%;float:left;text-align:center;border-top:1px solid #D4D4D4;border-bottom:1px solid #E8E8E8;background:#F8FAFA;color:#5A5A5A;line-height:55px;font-size:12px;position:relative;min-width:320px}

/* top_button */
.btn_top{position:fixed;width:50px;line-height:45px;height:45px;padding:0;background:rgba(0,0,0,.2);right:0;bottom:0;z-index:10;color:#fff;text-align:center;display:block}
.btn_top a:hover{background:rgba(0,0,0,.3)}
.btn_top a{color:#fff;display:block;line-height:45px}

/* menu */
.menu{display:inline-block;width:auto;width:96%;margin:0 auto;position:relative;min-width:320px;padding:5px 0 5px 0}
.menu h1{display:inline-block;margin:0 auto;margin:1px 1px 1px 1px;width:49%;min-width:130px;font-size:14px;line-height:25px;border-radius:3px;text-align:center;background:#fff;color:#375672;font-family:ngb;word-break:keep-all;white-space:nowrap}

/* menu_search */
.menu_search{width:100%;margin:0 auto;position:relative}
.menu_search li .btn{position:absolute;float:right;right:2%;width:22%;text-align:center;display:block;background:#4A4A56;color:#fff;margin:12px 0 12px 0;padding:10px 0 10px 0;font-size:16px;display:block}
.menu02{width:100%;margin:0 auto;position:relative}

/* sub_content */
.sub_content{position:relative;margin:0 auto;width:100%;padding:10px 0 30px 0}
.titl01{position:relative;width:96%;margin:0 auto;font-size:16px;padding:12px 0;height:auto;border-bottom:2px solid #676767;line-height:1.7;text-align:left;font-family:ngb}
.pdf_down{float:left;height:auto;position:relative;width:98%;padding:15px 0;margin:20px 0;font-size:14px}
.pdf_down li{float:right;width:auto;background:#F4F8F9;border:1px solid #D3D5D4;display:block;padding:15px 20px}
.text01{position:relative;float:left;margin:0 auto;width:100%;border-bottom:1px solid #D3D5D4;font-size:14px}
.text01 li{padding:10px 20px}
.text01 h1{text-align:center;font-size:17px;padding-top:10px}
.alert{width:98%}
/* .text01 table{width:100%;margin:10px 0 10px 0} */
.text01 table{width:100%;}
/* .text01 table td{border:1px solid #D4D4D4 !important;padding:5px 5px 5px 5px;line-height:1.8} */
/* .text01 table td{border:1px solid #D4D4D4 !important;padding:5px 5px 5px 5px;line-height:1.1;} */
.text01 table td{border:1px solid #D4D4D4 !important;line-height:1;}
.text01 table th{background:#F5F8F9;border:1px solid #D4D4D4 !important;padding:5px 5px 5px 5px;line-height:1.5;color:#444}

/* box */
.box01{position:relative;margin:0 auto;width:96%;border:1px solid #D4D4D4;height:auto}
.box01 ul{position:relative;padding:5px 10px 5px 10px}
.box01 h1{font-size:13px;line-height:1.8;padding-bottom:3px}
.box01 h2{position:relative;font-size:12px;float:left;position:relative;line-height:2;font-family:ngb;color:#fff;background:#5297C1;width:auto;text-align:center;border-top:1px solid #D3D3D3;border-right:1px solid #D3D3D3;border-left:1px solid #D3D3D3l;border-bottom:1px solid #D3D3D3}
.box01 h2 a{background:#F4F8F9;display:block}
.box01 .tab2 h2{width:49%}
.box01 .tab3 h2{width:32%}
.box01 h3{position:relative;font-size:14px;float:left;width:auto;text-align:center;border:1px solid #C6C6C6;margin:5px 3px 0 0;color:#fff;background:#5297C1}
.box01 h3 a{position:relative;color:#C6C5CA;display:block;background:#fff;}
.box01 h3 ol{padding:2px 3px}

.box02{width:100%}
.box02 li{padding:10px 10px 0 10px}
.box02 h2{position:relative;font-size:13px;float:left;position:relative;line-height:2;font-family:ngb;color:#fff;background:#5297C1;width:auto;text-align:center;border:1px solid #D3D3D3}
.box02 h2 a{background:#F4F8F9;display:block}
.box02 .tab3 h2{width:100%;margin-bottom:5px}
.box02 .tab4 h2{width:48%;margin:0 2px 3px 2px}

/* table01 */
.table01{position:relative;width:98%;margin:0 auto;font-size:13px;letter-spacing:-1px}
.table01 td{padding:10px 5px;height:auto;text-align:center;border-bottom:1px solid #DFDFDF;line-height:1.5}
.table01 td a:hover{color:#029AC5}
.table01 td img{width:18px;top:2px;position:relative}

/* table02 */
.table02{position:relative;width:96%;margin:0 auto;font-size:14px;letter-spacing:-1px}
.table02 td{padding:10px 15px;height:auto;border-bottom:1px solid #DFDFDF;line-height:1.4;text-align:left;background:#F6FAF9}

/* title */
.title_wrap{position:relative;margin:0 auto;width:100%}
.title{position:relative;width:96%;display:inline-block;margin:0 auto;font-size:13px;letter-spacing:-1px;height:auto;text-align:center;border-bottom:1px solid #DFDFDF;line-height:3}
.title ul{padding:10px 5px}
.title h1{width:22px;top:2px;position:relative;float:left}
.title h2{font-size:15px;line-height:1.5;float:left;padding-left:10px}
.title h3{width:22px;top:2px;position:relative;float:right}

/* btn */
.btn_wrap{width:100%;float:left;position:relative;margin:0 auto;margin:30px 0 30px 0}
}

/*  �뼚 �뼚 �뼚 �뼚 �뼚 �뼚 �뼚 mobile 400  �뼚 �뼚 �뼚 �뼚 �뼚 �뼚 �뼚 */
@media only screen and (max-width:400px){
.bi h2{display:none}
.header h1 .issue li{float:left;width:55%;margin:7px 0 0 15px;height:26px;background:#fff;color:#434343;font-size:16px;line-height:26px;padding:5px}
.main_content{padding:2em 0 2em 0;display:inline-block;margin:0 auto;width:100%`}
.main_content li{position:relative;display:inline-block;margin:0 auto;width:28% !important;padding:.5em .4em .5em .4em} /* width �븘�씠肄� �꼻�씠 */ 
.main_content li img{width:100%}
.main_content li h2{text-align:center;line-height:1.2em;padding:5px 0 5px 0;font-size:78%;font-family:ngb;color:#3A3A3A}
}