@charset "utf-8";

html{font-size:16px;box-sizing:border-box;-webkit-text-size-adjust:none}
*,*:before,*:after{box-sizing:inherit;}
body {margin:0; padding:0; font-size:16px;font-family:'Pretendard', "¸¼Àº °íµñ","Malgun Gothic","µ¸¿ò",Dotum, sans-serif; letter-spacing:-1px;line-height:1.562; color: #646464;font-weight:400; letter-spacing:-0.5px; word-break:break-all;}
ul,ol,li,dl,dt,dd{margin:0; padding:0; list-style: none;}
p,h1,h2,h3,h4,h5,h6{margin:0; padding:0;}
strong, b{ font-weight:400;}
a {color:inherit; text-decoration:none;}
img {border: 0;	vertical-align:middle; font-size:0;}
table{ border-spacing:0; width:100%;}
caption,legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
select, input, textarea{color: #454545; font-size: 0.8rem;}
select, input {vertical-align: middle;}
address,em,i{font-style:normal;}
button{border:0; background:none; cursor:pointer;}
hr{margin: 0; border: none; padding: 0; display:block;}
figure, figcaption{padding:0; margin:0;}
fieldset{border: none; padding: 0; margin: 0;}
input[type="submit"] {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
header, footer, article, section, aside, nav, main {display: block;}
button,input,optgroup,select,textarea { font-family: inherit; font-size: inherit; font-weight:inherit; margin: 0;}

input{ height:40px; border:1px solid #e0e0e0; text-indent:10px;}	
textarea{ padding:10px; border:1px solid #e0e0e0; overflow-y:auto;}
textarea:disabled,
input:disabled{ background-color:#f4f6f8}
input[type=checkbox]{ width:17px; height:17px; cursor:pointer;}
input[type=radio]{}
input[type=radio] + label span.radio{ width:22px; height:22px; background:url(../images/bbs/radio_bg.png) no-repeat; display:inline-block; }
input[type=radio]:checked + label span.radio{ background:url(../images/bbs/radio_bg_on.png) no-repeat;}
input[type=password]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=text]:focus,
textarea:focus{ border:1px solid #2878d3; box-shadow:none; color:#646464;}
select{ height:40px; color:#646464; border:1px solid #e0e0e0; padding:0 25px 0 10px; cursor:pointer; background:#ffffff url(../images/bbs/selectico.png) 90% center no-repeat; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none;}
select::-ms-expand{ display:none;}
::selection{ color:#fff; background:#2878D3;}
::-moz-selection{ color:#fff; background:#2878D3;}

#skip-navi{overflow:hidden;position:relative;width:100%;z-index:1000}
#skip-navi a{display:block;overflow:hidden;height:1px;width:1px;margin:0 -1px -1px 0;line-height:0;text-align:center}
#skip-navi a:focus, #accessibility a:hover, #accessibility a:active {width:auto;height:30px;margin:0;padding:8px 0 0 15px;background:#00aeef;line-height:1;color:#fff;}

.blind, .hidden{position:absolute; left:-99999px; display:block; width:1px; height:1px; overflow:hidden; text-indent:-99999px; clip:rect(0,0,0,0);}
.hide{display:none;}

.container{max-width:1560px; margin:0 auto; position:relative; width:100%; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;
transition:all .3s ease;}
.container::after{content:""; clear:both; display:block;}

.clearfix:after{clear: both; display: block; content: ""}
.clearfix{display:block; clear: both }

.fl{float:left !important }
.fr{float:right !important }
.fc{clear:both !important }

.tl{text-align:left !important }
.tr{text-align:right !important }
.tc{text-align:center !important }

.web_view{display:block !important}
.mob_view{display:none !important}

.mt0{margin-top:0 !important}
.mt05{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}

.mb0{margin-bottom:0 !important}
.mb05{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom:30px !important}

.ml10{margin-left:10px !important}
.ml20{margin-left:20px !important}
.ml30{margin-left:30px !important}

.fs18{font-size:18px !important;font-weight:600 !important;}
.fs20{font-size:20px !important;font-weight:600 !important;}
.fs25{font-size:25px !important;font-weight:600 !important;}
.fs30{font-size:30px !important;font-weight:600 !important;}

.fc_blue{color:#273f96 !important;}
.fc_blue2{color:#0066b3 !important;}
.fc_org{color:#ff7700 !important}
.fc_red{color:#e22727 !important}

.border0{border:0px !important}

/* ÇÊ¼öÃ¼Å© ºí¸´ */
.bl-point{display:inline-block;}
.bl-point:after{display:inline-block; margin:-3px 3px 0; vertical-align:middle; content:''; width: 4px; height:4px; border-radius:2px; background-color: #da291c;}


/* Desktop Device */
@media all and (min-width:1025px){
}

/* Tablet Device */
@media all and (max-width:1024px) {
	.container{max-width:98%;}
	body{ font-size:14px;}
	
}
/* Mobile Device */
@media all and (max-width:768px) {	
	.web_view {display:none!important}
	.mob_view {display:block!important}
}


::placeholder { color: #767676 !important; }

/**:focus{outline:2px dotted #2773b3 !important}*/

.header{text-align:center;}
.header p{width:1920px;margin:0 auto}
.header p img{width:100%}

.chuseok_top { background: url(chuseok_bg.jpg) no-repeat center top; background-size: cover; position: relative;max-width:1920px;margin:0 auto}
.chuseok_top .txt { max-width: 1200px; margin: 0 auto ;text-align:center}
.chuseok_top .txt img { max-width: 100% }
.chuseok_top .logo_t{ position:absolute; right:20px; top:20px}
.chuseok_top .logo_t img{width:230px}

@media all and (max-width:768px){

	.chuseok_top .logo_t img{ width:120px;}
}

.btab{width:100%}
.btab ul{margin:0 auto;width:1200px;display: flex;flex-wrap: wrap;align-items: stretch;justify-content: center;}
.btab li{width:auto; flex-grow:1; text-align:center;border-right:1px solid #fff;border-bottom:1px solid #fff;}/*width:14.25%;*/
.btab li:last-child{border-right:none}
.btab li a{display:block;padding:15px 5px;background:#266fcc;color:#fff;font-size:1.05rem;letter-spacing:-1px;height:100%}
.btab ul:after{clear:both;content:"";display:block}

.fixed{position:fixed;top:0;z-index:1}

.tab_focus{display:block;height:70px;background:url(images/line_bg.png) repeat-x center;margin-bottom:20px}

.content{position:relative; overflow:hidden;width:1200px;margin:0 auto 50px;background:#fff}


.tit2{color:#273f96;font-size:25px;background:url("https://www.wanju.go.kr/www/images/contents/h4_blit.png") no-repeat 0 3px;line-height:1;margin:40px 0 20px 0;padding-left:25px;}
.tit3{color:#222;font-size:20px;background:url("https://www.wanju.go.kr/www/images/contents/h5_blit.png") no-repeat 0 5px;line-height:1;margin:25px 0 15px 0;padding-left:25px;}
.tit4{color:#273f96;font-size:20px;font-weight:600;margin:20px 0 15px 0;}


/* ul ¸®½ºÆ® */
.bu{margin:10px;}
.table .bu{margin:0; text-align:left;}
.bu li{position:relative; line-height:22px; margin-bottom:10px;}
.bu li:before{content:'';display:block; position:absolute; left:0; box-sizing:border-box;}
.bu > li{padding-left:20px; color:#1b1b1b; text-align:left;}
.bu > li:before{top:5px; width:10px; height:10px; background:url("https://www.wanju.go.kr/www/images/contents/bu_list1.png") no-repeat;}
.bu > li > ul{margin:5px 0;}
.bu > li > ul > li{padding-left:15px; color:#555;}
.bu > li > ul > li:before{top:8px; width:5px; height:5px; background-color:#3e4d96;border-radius: 50%}
.bu > li > ul > li + li{margin-top:1px;}
.bu > li > ul > li > ul{margin:5px 0}
.bu > li > ul > li > ul > li{padding-left:18px; color:#666; }
.bu > li > ul > li > ul > li:before{top:8px; left:5px; width:5px; height:2px; background-color:#5d5d5d;}
.bu > li > ul > li > ul > li > ul{margin:3px 0}
.bu > li > ul > li > ul > li > ul > li{padding-left:18px; }
.bu > li > ul > li > ul > li > ul > li:before{top:8px; left:5px; width:3px; height:3px; background-color:#5d5d5d;}

.bu > li > ul > li > ul > li + li{margin-top:2px;}

.bu .none{padding-left:0px;}
.bu .none:before{background:none;}


/* ¹Ú½º½ºÅ¸ÀÏ */
.box_st1 { border:1px solid #dde0e6; background:#edf3f8; padding:5px; border-radius:10px}
.box_st1 .inner{  background:#fff; border-radius:10px; padding:20px 25px;}

.box_st2 { position:relative;border:1px solid #c5d2e5; background:#fff; padding:10px;border-radius:0 20px 0 20px;margin-bottom:30px;}
.box_st2:before{ content:''; position:absolute; left:0; top:-1px; width:20%; max-width:11rem; border-top:2px solid #1963d1;}

.box_st2 .inner { min-height:160px; padding-left:200px;padding-top:20px;}
.box_st2 .ico { position:absolute;left:30px;top:30px;display:block; width:130px; height:130px; background: #f2f3f6; border-radius:50%; }
.box_st2 .ico img{position:absolute; left:50%; top:50%;transform:translate(-50%,-50%);}

.box_st3{background:#f1f3f8;padding:20px;border-radius: 5px;}


/* ½ºÅ©·Ñ Å×ÀÌºí */
.table_scroll{overflow:hidden; margin:25px 0;}
.scroll_txt{ font-size:14px; color:#666; display:none }


/* Å×ÀÌºí ½ºÅ¸ÀÏ */
table.table { position:relative; width:100%; margin-left:-1.5px; text-align:center; border-top:2px solid #003f97; -webkit-overflow-scrolling:touch; word-break:break-all; }
table.table th { color:#000; font-weight:400;  vertical-align:middle;border-bottom:1px solid #c6c6c6; border-left:1px solid #c6c6c6; background:#edf3f8; }
table.table td { padding:12px 15px;color:#333; border-bottom:1px solid #c6c6c6; border-left:1px solid #c6c6c6;}
table.table thead th { background:#edf3f8; padding:15px;}
table.table tbody th,
table.table tbody td.thSt { background:#f9f9f9; }
table.table tbody th{ background:#f0f0f0; }
table.table tfoot th {background:#f1f3f8;}
table.table tfoot td { background:#f8faff; }

.scroll_txt{ display:none }


/* tab½ºÅ¸ÀÏ */
.tab_st1{margin-bottom:50px}
.tab_st1 > li{float:left; margin:0.5%; width:24%;border: 1px #d8d9db solid; border-radius: 10px;overflow:hidden;height:60px;display:flex;align-items:center;word-break:break-all}
.tab_st1 > li a{display: block; position:relative;padding-left:20px;padding-right:58px;line-height:20px;color:#252525;letter-spacing: -0.025rem;background:url("https://www.wanju.go.kr/www/images/contents/ul_btn_off.png") no-repeat right 20px center;width:100%}
.tab_st1 > li a:hover,
.tab_st1 > li a:focus,
.tab_st1 > li.on a{color: #fff;background:url("https://www.wanju.go.kr/www/images/contents/ul_btn_on.png") no-repeat right 20px center #273f96;display:flex;align-items:center;height:100%;word-break:break-all}

.tab_st2 > li{width:49% !important}

/* ¹öÆ° */
.btn_style .btn{background:#fff;color:#333;padding:10px 30px;border-radius: 5px;display:inline-block;border:1px solid #d8d9db;margin:2px;}
.btn_style .bg_blue{color:#fff;background:#121f80;border:1px solid #000}
.btn_style .bg_black{color:#fff;background:#333;border:1px solid #000}
.btn_style .btn i{margin-left:10px;width:19px;height:18px;display:inline-block;vertical-align:middle}
.btn_style .btn .download{background:url("https://www.wanju.go.kr/www/images/contents/download.png") no-repeat right center;}
.btn_style .btn .sitelink{background:url("https://www.wanju.go.kr/www/images/contents/site_link.png") no-repeat right center;}

.btn_style .bg_blue .download{background:url("https://www.wanju.go.kr/www/images/contents/download_w.png") no-repeat right center;}
.btn_style .bg_blue .sitelink{background:url("https://www.wanju.go.kr/www/images/contents/site_link_w.png") no-repeat right center;}

.btn_style .btn:hover{border:1px solid #000}

.btn_style .small{padding:3px 15px;font-size:14px;}
.btn_style .small .sitelink{background-size:15px}

/* box_img */
.box_img{position:relative;text-align:center;}
.box_img img{max-width:100%;width:100%;}
.box_img .img_zoom{display:none; position:absolute; right:0; bottom:0; z-index:10; width:42px;height:42px; background-color:#2a2a2a;}
.box_img .img_zoom a{display:block; height:100%; font-size:0;}
.box_img .img_zoom a:before{content:'';display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:18px; height:18px; margin:auto; background:url("https://www.wanju.go.kr/www/images/contents/expand.png") no-repeat}

.box_img_inner {padding:30px;border:1px solid #d9d9d9;border-radius: 10px;background:#f8f8fb;}
.box_img_inner img{max-width:800px;width:100%;}

/* ¹Ù·Î°¡±â ¸®½ºÆ® À¯Çü */
.emphasis_list .emphasis_box{float:left; width:calc(50% - 6px); border:1px solid #d8d9db;border-radius: 5px;box-sizing:border-box;padding:10px;margin-bottom:10px;height:60px;}
.emphasis_list .emphasis_box .emphasis_item{float:left; position:relative; padding-left:45px;}
.emphasis_list .emphasis_box .emphasis_item:before{content:'';display:block; position:absolute; top:3px; left:0; width:33px; height:29px;  background:url("https://www.wanju.go.kr/www/images/contents/document.png") no-repeat 0 center;}
.emphasis_list .emphasis_box.single{float:inherit;width:100%;}

.emphasis_box .emphasis_item{display:table; padding:5px 0;color:#2e2e2e;}
.emphasis_box .btn_style{float:right;}

@media all and (max-width:1200px){
	html,body{ background-size:165%; }
	.header p{width:100%}
	.btab ul{width:100%}
	.content{width:96%;padding:0 3%}
}
@media all and (max-width:1024px){
	
}

@media all and (max-width:768px) {
	.btab li{width:33.3%;}
	.btab li:nth-child(3n){border-right:none}
	.btab li a{font-size:1rem;padding:7px 5px;}

	.tit2{;font-size:23px;margin:40px 0 15px 0;padding-left:23px;}
	.tit3{font-size:18px;margin:23px 0 12px 0;padding-left:23px;}
	.tit4{font-size:18px;margin:20px 0 12px 0;}

	.bu li{position:relative; line-height:22px; margin-bottom:5px;}

    /* ¹Ú½º ¾ÆÀÌÄÜ */
    .box_st2 .inner{padding:0px;min-height:auto}
    .box_st2 .ico{display:none;}

	/* Å×ÀÌºí */

	.table_scroll{ overflow-y:hidden; overflow-x:auto; -webkit-overflow-scrolling:touch;margin-top:0;}
	.table_scroll table{ min-width:800px ;}
	.table{font-size:14px !important;}
	table.table td { padding:10px 12px;}
	table.table thead th { padding:10px;}

	.scroll_txt{color:#ff7700;font-size:13px;display:block;padding:10px;margin-top:10px;}

	/* box_img */
	.box_img .img_zoom{display:block;}

	.emphasis_list .emphasis_box{height:90px}
	.emphasis_list .emphasis_box .emphasis_item{float:none;display:block}
	.emphasis_box .btn_style{float:none;display:block;text-align:center}
}