@charset "utf-8";
/* ==============================
 * common
 * ============================== */
*:focus{box-shadow: 0 0 0 1px #fff inset; outline: 2px dashed #654ecd; }

h1, h2, h3, h4, h5, h6 { font-weight:500; } 
strong { font-weight:500; } 

.fNormal { font-weight: normal !important; } 
.strong { font-weight:700 !important; } 

.fz12 { font-size:12px !important; } 
.fz14 { font-size:14px !important; } 
.fz15 { font-size:15px !important; } 
.point { font-size:1.3em; font-weight:700 } 
.fz16 { font-size:16px !important; } 
.fz18 { font-size:18px !important; } 
.fz20 { font-size:20px !important; } 
.fz22 { font-size:22px !important; } 
.fz24 { font-size:24px !important; } 
.fz26 { font-size:26px !important; } 
.fz28 { font-size:28px !important; } 
.fz30 { font-size:30px !important; } 
.bold { font-weight:bold; } 
.lheight16 { line-height: 16px!important; } 
.lheight20 { line-height: 20px!important; } 
.lheight28 { line-height: 28px!important; } 

/*color*/
.txtRed { color:#b11014 !important; } 
.txtBlack { color:#222222 !important; } 
.txtBlue { color:#122fdf !important; } 
.txtBlue2 { color:#145ecf !important } 
.txtPurple { color:#940d89 !important } 
.txtOrange { color:#f65c0f !important; } 
.txtGreen {color:#1e9468 !important; } 
.txtGray { color: #888 !important; } 
.txtGray2 { color: #666 !important; } 
.essential { color:#cf0109 !important; } 
.bg_none {background-color: transparent!important;}
.bgGray {background-color: #e8e8e8;}

.tac, .t_cen { text-align:center; } 
.t_left { text-align:left; } 
.t_right { text-align:right; } 
.underLine { text-decoration:underline; } 

.flLeft { float:left; } 
.flRight { float:right !important; } 
.clear { clear:both; } 
.clear:after { content:''; display:block; clear:both; } 
.spacing { letter-spacing: 0.1px; } 
.gothic {font-family: 'Malgun Gothic', '맑은 고딕', sans-serif !important;}

/*margin*/
.mt0 { margin-top:0px !important; } 
.mt5 { margin-top:5px !important; } 
.mt10 { margin-top:10px !important; } 
.mt15 { margin-top:15px !important; } 
.mt20 { margin-top:20px !important; } 
.mt25 { margin-top:25px !important; } 
.mt30 { margin-top:30px !important; } 
.mt35 { margin-top:35px !important; } 
.mt40 { margin-top:40px !important; } 
.mt45 { margin-top:45px !important; } 
.mt50 { margin-top:50px !important; } 
.mt55 { margin-top:55px !important; } 
.mt65 { margin-top:65px !important; } 
.mt120 { margin-top:120px !important; } 

.ml5 { margin-left:5px; } 
.ml10 { margin-left:10px; } 
.ml15 { margin-left:15px; } 
.ml20 { margin-left:20px; } 
.ml30 { margin-left:30px; } 
.ml50 { margin-left:50px; } 
.ml100 { margin-left:100px; } 

.mr0 { margin-right:0px !important; } 
.mr5 { margin-right:5px !important; } 
.mr10 { margin-right:10px !important; } 
.mr15 { margin-right:15px !important; } 
.mr20 { margin-right:20px !important; } 
.mr30 { margin-right:30px !important; } 
.mr50 { margin-right:50px !important; } 
.mr80 { margin-right:80px !important; } 
.mr100 { margin-right:100px !important; } 

.mb0 { margin-bottom:0px !important; } 
.mb10 { margin-bottom:10px !important; } 
.mb20 { margin-bottom:20px !important; } 
.mb30 { margin-bottom:30px !important; } 
.mb50 { margin-bottom:50px !important; } 
.mb80 { margin-bottom:80px !important; } 
.mb100 { margin-bottom:100px !important; } 

/*padding*/
.pt0 { padding-top:0px !important; } 
.pt5 { padding-top:5px !important; } 
.pt10 { padding-top:10px !important; } 
.pt15 { padding-top:15px !important; } 
.pt20 { padding-top:20px !important; } 
.pt25 { padding-top:25px !important; } 
.pt30 { padding-top:30px !important; } 
.pt35 { padding-top:35px !important; } 
.pt40 { padding-top:40px !important; } 
.pt45 { padding-top:45px !important; } 
.pt50 { padding-top:50px !important; } 
.pt55 { padding-top:55px !important; } 
.pt65 { padding-top:65px !important; } 
.pt120 { padding-top:120px !important; } 

.pl0 { padding-left:0px !important; } 
.pl5 { padding-left:5px !important; } 
.pl10 { padding-left:10px !important; } 
.pl15 { padding-left:15px !important; } 
.pl20 { padding-left:20px !important; } 
.pl30 { padding-left:30px !important; } 
.pl50 { padding-left:50px !important; } 
.pl100 { padding-left:100px !important; } 

.pr0 { padding-right:0px !important; } 
.pr5 { padding-right:5px !important; } 
.pr10 { padding-right:10px !important; } 
.pr15 { padding-right:15px !important; } 
.pr20 { padding-right:20px !important; } 
.pr30 { padding-right:30px !important; } 
.pr50 { padding-right:50px !important; } 
.pr80 { padding-right:80px !important; } 
.pr100 { padding-right:100px !important; } 

.pb0 { padding-bottom:0px !important; } 
.pb10 { padding-bottom:10px !important; } 
.pb20 { padding-bottom:20px !important; } 
.pb30 { padding-bottom:30px !important; } 
.pb50 { padding-bottom:50px !important; } 
.pb80 { padding-bottom:80px !important; } 
.pb100 { padding-bottom:100px !important; } 

/*border*/
.bd_top {border-top: 1px solid #c6c6c6;}
.bd_bottom {border-bottom: 1px solid #c6c6c6;}
.bd_bottom2 {border-bottom: 1px solid #555;}
.bd_left {border-left: 1px solid #c6c6c6;}
.bd_right {border-right: 1px solid #c6c6c6;}

.bd_top_none {border-top: none !important;}
.bd_bottom_none {border-bottom: none !important;}
.bd_left_none {border-left: none !important;}
.bd_right_none {border-right: none !important;}

.mCenter { margin: 0 auto; } 
.overHidden { overflow: hidden; } 
.overAuto { overflow: auto; } 
.wordBreak {word-break: keep-all;}

/* 들여쓰기 */
.indent { margin-left:30px; } 
.indent10 { margin-left:10px; } 
.indent20 { margin-left:20px; } 
.indent30 { margin-left:30px; } 
.indent40 { margin-left:40px; } 
.indent50 { margin-left:50px; } 
@media all and (max-width:640px){
 .indent { margin-left:0px; } 
 .indent10 { margin-left:0px; } 
 .indent20 { margin-left:0px; } 
 .indent30 { margin-left:0px; } 
 .indent40 { margin-left:0px; } 
 .indent50 { margin-left:0px; } 
 }

/* colum */
.colum { display:inline-block; float: left; } 
.colum.wid20 { width:20%; } 
.colum.wid30 { width: 33%; } 
.colum.wid40 { width:40%; } 
.colum.wid45 { width:45%; } 
.colum.wid50 { width:50%; box-sizing: border-box; } 
.colum.wid60 { width:60%; } 
.colum.wid70 { width:67%; } 
.colum.wid80 { width:80%; } 
.colum.wid100 { width:100%; } 


@media screen and (max-width:640px){
 .colum { display:block; float: none; } 
 .colum.wid20 { width:100%; } 
 .colum.wid30 { width: 100%; } 
 .colum.wid40 { width:100%; } 
 .colum.wid45 { width:100%; } 
 .colum.wid50 { width:100%; } 
 .colum.wid60 { width:100%; } 
 .colum.wid70 { width:100%; } 
 .colum.wid80 { width:100%; } 
}

.blind { position: absolute; left: -9999px; width: 1px; height: 1px; font-size: 0; line-height: 0; overflow: hidden; /* opacity:0; filter:alpha(opacity=0); */}

img.img100 { width: 100%; height: auto; } 
img.maxFull {max-width: -webkit-fill-available;}

.song { border:1px solid #7e714e; padding:30px; background:#fcf7ea; } 
.pre { white-space:pre } 
.pre:first-child { border-right:1px dashed #7e714e } 
/* 버튼 */
.btn_group { display:block; margin-top:30px; margin-bottom:10px; font-size:0; } 
.btn_group.clearfix .btn_left { float:left; width:49%; margin-right:2%; text-align:left; } 
.btn_group.clearfix .btn_right { float:right; width:49%; text-align:right; } 
.btn_group .btn_center { text-align:center; } 
.btn_group .btn, .btn_group input.btn { margin-top:5px; margin-left:5px; } 
.btn_group .btn:first-child, .btn-group input.btn:first-child { margin-left:0; } 
.btn_area_right { text-align: right; } 
.btn_area_center { text-align: center; } 
.btn { display:inline-block; padding:11px 32px 12px 32px; background-repeat:no-repeat; background-position:right center; font-size:16px; line-height:20px; vertical-align:middle; text-align:left; transition-property:border-top-color, border-right-color, border-bottom-color, border-left-color, background-color, color; transition-duration:0.5s; transition-timing-function:ease-in-out; margin-bottom: 3px; } 
input.btn { height:auto; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0; border-top-width:0; border-right-width:0; border-bottom-width:0; border-left-width:0; line-height:20px; } 
input[type='submit'].btn { height:auto; line-height:20px; } 
.btn.download, .btn.link { padding-right: 21px; } 
a.btn, button.btn, input[type='button'].btn, input[type='submit'].btn, input[type='reset'].btn { color:#fff; background-color: #344b60; } 
a.btn:hover, button.btn:hover, input[type='button'].btn:hover, input[type='submit'].btn:hover, input[type='reset'].btn:hover { background-color:#1d3762; } 
a.btn:focus, button.btn:focus, input[type='button'].btn:focus, input[type='submit'].btn:focus, input[type='reset'].btn:focus{outline: 2px dashed #654ecd;}


.btn.type2 { padding-bottom:10px; border:1px solid #2a3a4c; } 
.btn.type2:focus { outline: 2px dashed #654ecd; } 
.btn.type2:focus { box-shadow: 0 0 0 1px #654ecd inset;} 
a.btn.type2, button.btn.type2, input[type='button'].btn.type2, input[type='submit'].btn.type2, input[type='reset'].btn.type2 { color:#333; background-color:#fff; } 
a.btn.type2:hover, button.btn.type2:hover, input[type='button'].btn.type2:hover, input[type='submit'].btn.type2:hover, input[type='reset'].btn.type2:hover { background-color:#d7e2ef; } 

a.btn.type3, button.btn.type3, input[type='button'].btn.type3, input[type='submit'].btn.type3, input[type='reset'].btn.type3 { background-color:#9d3030; } 
a.btn.type3:hover, button.btn.type3:hover, input[type='button'].btn.type3:hover, input[type='submit'].btn.type3:hover, input[type='reset'].btn.type3:hover { background-color:#c02b2b; } 

.btn.type4 { padding-bottom:10px; border:1px solid #2a3a4c; } 
a.btn.type4, button.btn.type4, input[type='button'].btn.type4, input[type='submit'].btn.type4, input[type='reset'].btn.type4 { color:#333; background-color:#fff; } 
a.btn.type4:hover, button.btn.type4:hover,
input[type='button'].btn.type4:hover,
input[type='submit'].btn.type4:hover,
input[type='reset'].btn.type4:hover { border-top-color:#979797; border-right-color:#979797; border-bottom-color:#979797; border-left-color:#979797; background-color:#fafafa; } 

.btn > span { display:inline-block; padding-right: 41px; background-repeat:no-repeat; background-position:right center; vertical-align:baseline; transition-duration:0.5s; transition-timing-function:ease-in-out; } 
.btn.download > span { background-image:url('/user_res/images/common/btn_download_icon.png'); background-position:right 2px; } 
.btn.type2.download > span { background-image:url('/user_res/images/common/btn_downloadType2_icon.png'); } 
.btn.link > span { background-image: url('/user_res/images/common/btn_link_icon.png'); background-position: 99% 3px; } 
.btn.type2.link > span { background-image:url('/user_res/images/common/btn_linkType2_icon.png'); } 
.btn.poll { padding:30px 50px; background:#ff5446; font-size:20px; border-radius:7px; } 


.btn.small { padding-top:5px; padding-right:13px; padding-bottom:5px; padding-left:13px; font-size:14px; line-height:18px; } 
input.btn.small { line-height:18px; } 
input[type='submit'].btn.small { line-height:18px; } 
.btn.type2.small { padding-top:4px; padding-bottom:4px; } 
.btn.small.download, .btn.small.link { padding-right:13px; } 

.btn.small > span { padding-right:28px; } 
.btn.small.download > span { background-image:url('/user_res/images/common/btnSmall_download_icon.png'); background-position:right 3px; } 
.btn.small.type2.download > span { background-image:url('/user_res/images/common/btnSmall_downloadType2_icon.png'); background-position:right 2px; } 
.btn.small.type5.download > span { background-image:url('/user_res/images/common/btnSmall_downloadType5_icon.png'); } 
.btn.small.type2.link > span { background-image:url('/user_res/images/common/btnSmall_linkTyp2_icon.png'); } 
.btn.small.link > span { background-image:url('/user_res/images/common/btnSmall_link_icon.png'); } 
.input_smallBlack { padding: 5px 27px; background-color: #343434; border: none; border-radius: 0; color: #fff; text-align: center; letter-spacing: -0.1em; cursor: pointer; } 
.input_small { padding: 5px 27px; border: none; border-radius: 0; color: #fff; text-align: center; letter-spacing: -0.1em; } 
.bg_warn { background-color: #9d3030}
.bg_default { background-color: #343434}


/* 본문제목 */
#contents h3, .h3 { margin-top: 28px; margin-bottom:16px; /* font-size:22px; */line-height:32px; font-weight:600; background: url('/user_res/images/common/h3.gif') left 7px no-repeat; padding-left: 30px; } 
#contents h4, .h4 { margin-top: 13px; margin-bottom:14px; padding:5px 0 0 10px; /* color: #fff; */font-size: 105%; line-height:26px; font-weight:600; } 
#contents h4:before, .h4:before { display:block; content:''; background: #fff; width:20px; height:2px; margin:7px 0; } 
#contents h5, .h5 { margin-top:22px; margin-bottom:11px; padding-left: 35px; background-image: url('/user_res/images/common/h5.gif'); background-repeat:no-repeat; background-position: 15px 6px; color:#222; font-size:18px; line-height:22px; font-weight:600; } 
#contents h6, .h6 { margin-top:15px; margin-bottom:8px; padding-left:31px; background-image:url('/user_res/images/common/h6_bu.png'); background-repeat:no-repeat; background-position:9px 8px; color:#222; font-size:16px; line-height:19px; font-weight:400; } 
#contents h3 .explain, h4 .explain, h5 .explain, h6 .explain, .h3 .explain, .h4 .explain, .h5 .explain, .h6 .explain { color:#777; font-size:0.85em; font-weight:400; } 
#cont h3, .h3 { margin-top: 28px; margin-bottom:16px; font-size:22px; line-height:32px; font-weight:600; background: url('/user_res/images/common/h3.gif') left 7px no-repeat; padding-left: 30px; } 
#cont h4, .h4 { margin-top: 13px; margin-bottom:14px; padding-left: 15px; color:#3352b0; font-size: 105%; line-height:26px; font-weight:600; } 
#cont h5, .h5 { margin-top:22px; margin-bottom:11px; padding-left: 35px; background-image: url('/user_res/images/common/h5.gif'); background-repeat:no-repeat; background-position: 15px 6px; color:#222; font-size:18px; line-height:22px; font-weight:600; } 
#cont h6, .h6 { margin-top:15px; margin-bottom:8px; padding-left:31px; background-image:url('/user_res/images/common/h6_bu.png'); background-repeat:no-repeat; background-position:9px 8px; color:#222; font-size:16px; line-height:19px; font-weight:400; } 
#cont h3 .explain, h4 .explain, h5 .explain, h6 .explain, .h3 .explain, .h4 .explain, .h5 .explain, .h6 .explain { color:#777; font-size:0.85em; font-weight:400; } 
.h0 { float:none; clear:both; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0; padding-top:0; padding-right:0; padding-bottom:0; padding-left:0; background-color:transparent; background-image:none; color:#333; font-size:15px; line-height:1.6em; letter-spacing:0; font-weight:400; } 
.h0 .explain { color:#333; font-size:15px; font-weight:400; } 

@media all and (max-width:640px){
 #contents h5, .h5 { background-position: 0px 6px; padding-left:20px } 
 }

/* 블릿 */
.blt { display:block; margin-top:10px; margin-bottom:10px; padding-left:12px; background-image:url('/user_res/images/common/ul_depth1_bu.gif'); background-repeat:no-repeat; background-position:left 11px; color:#333; font-size:15px; } 
.blt.type2 { display:block; padding-left:14px; background-image:url('/user_res/images/common/ul_depth2_bu.gif'); background-position:left 12px; } 
.blt.type3 { display:block; background-image:url('/user_res/images/common/ul_depth3_bu.png'); background-position:left 10px; color:#6d6d6d; } 
.warning { display:block; margin-top:10px; margin-bottom:10px; padding-top:4px; padding-bottom: 5px; padding-left:33px; background-image:url('/user_res/images/common/warning_icon.png'); background-repeat:no-repeat; background-position:left 7px; color:#333; font-size:14px; line-height: 24px; } 
.nobg { background-image:none; background-color:transparent; } 

/* 목록(List) */
ul.bu { margin-top:10px; margin-bottom:20px; padding-left:10px; } 
ul.bu > li { margin-top:5px; padding-left:12px; background-image:url('/user_res/images/common/ul_depth1_bu.gif'); background-repeat:no-repeat; background-position: left 9px; color: #111; font-size: 100%; } 
ul.bu > li:first-child { margin-top:0; } 
ul.bu > li strong { font-weight:600; } 
ul.bu > li > ul { margin-top: 10px; } 
ul.bu > li > ul > li { margin-top:5px; padding-left:14px; background-image:url('/user_res/images/common/ul_depth2_bu.gif'); background-repeat:no-repeat; background-position: left 9px; color: #555; font-size:15px; line-height: 1.3em; } 
ul.bu > li > ul > li:first-child { margin-top:0; } 
ul.bu > li > ul > li > ul { margin-top:10px; } 
ul.bu > li > ul > li > ul > li { margin-top:5px; padding-left:12px; background-image:url('/user_res/images/common/ul_depth3_bu.png'); background-repeat:no-repeat; background-position:left 7px; color:#6d6d6d; font-size:15px; } 
ul.bu > li > ul > li > ul > li:first-child { margin-top:0; } 

ul.bu2 { margin-top:20px; margin-bottom:20px; padding-left: 20px; } 
ul.bu2 > li { margin-top:5px; padding-left: 22px; background-image: url('/user_res/images/common/ico_title.gif'); background-repeat:no-repeat; background-position: left 8px; color:#333; font-size: 97%; } 
ul.bu2 > li:first-child { margin-top:0; } 
ul.bu2 > li strong { font-weight:600; } 
ul.bu2 > li > ul { margin-top: 10px; } 
ul.bu2 > li > ul > li { margin-top:5px; padding-left:14px; background-image: url('/user_res/images/common/dot01.gif'); background-repeat:no-repeat; background-position: left 8px; color:#333; font-size: 93%; } 
ul.bu2 > li > ul > li:first-child { margin-top:0; } 
ul.bu2 > li > ul > li > ul { margin-top:10px; } 
ul.bu2 > li > ul > li > ul > li { margin-top:5px; padding-left:12px; background-image: url('/user_res/images/common/blt2.png'); background-repeat:no-repeat; background-position: left 6px; color:#6d6d6d; font-size:15px; } 
ul.bu2 > li > ul > li > ul > li:first-child { margin-top:0; } 

ul.bu li { line-height: 1.4em; } 
ul.bu2 li { line-height: 1.6em; } 

ul.bu3 li { line-height:1.7em; font-size:16px; color:#5a5a5a } 
ul.bu3 li b { display:inline-block; width: 91px; color: #344b60; font-size:17px } 
ul.bu3 li.grid { overflow:hidden } 
ul.bu3 li .grid_left { float:left } 
ul.bu3 li .grid_right { float:left } 

/* 숫자가 있는 li basic*/
ol { display: block; list-style-type: decimal;}
ol li { color:#333; font-size: 17px; } 

/*숫자가 있는 li1*/
.li_num { margin-left: 22px; } 
.li_num li { margin-top:5px; } 

@media all and (max-width:640px){
 .li_num { margin-left:0; } 
 }

/* 숫자가 있는 li2 */
.li_num2 { margin: 0 0 10px 20px; } 
.li_num2 li { position:relative; margin-bottom:3px; padding-left:25px; list-style-type:none; } 
.li_num2 li .num { position:absolute; top:2px; left:0; width:18px; height:18px; font-size:12px; color:#fff; text-align:center; line-height:16px; font-weight:bold; border-radius:5px; background:#717076; } 
.li_num2 li .num.color1 { background:#648fd0 !important; } 
.li_num2 li .num.color2 { background:#e45628 !important; } 


/* 박스 */
.conBox1 { padding: 30px; background:#f3f6fc; } 
.conBox1 span.tit { font-size:24px; border-right:1px solid #ddd; margin-right:30px; float:left; padding:10px 20px; text-align:center; } 

.conBox { display:block; margin-top:10px; margin-bottom:30px; padding-top:11px; padding-right:15px; padding-bottom:11px; padding-left:15px; border:1px dashed #c8c8c8; overflow: hidden;} 
.conBox p { color:#333; /* font-size:16px; */line-height:24px; } 
.conBox.type2 { padding:8px; background-repeat:repeat; background-color:#fff; } 
.conBox.type2 .box_wrap { padding:17px 30px; background-color:#fff; } 
.conBox.type3 { padding-top:17px; padding-bottom:17px; border:0px; background: #f7f8fa; } 
.conBox.type4 { padding: 20px 0; border-top-style:dashed; border-left-width:0; border-bottom-style:dashed; border-right-width:0; background-color:#fdfdfd; } 
.conBox.type4 p { background-repeat:no-repeat; background-position:left top; } 
.conBox.type5 { padding: 20px 0; border-top-style:solid; border-top-color:#a9a9a9; border-right-width:0; border-bottom-style:solid; border-bottom-color:#a9a9a9; border-left-width:0; background-color:#fdfdfd; } 
.conBox.type6 { padding:30px; border-top-style:solid; border-top-color:#dfdfdf; border-right-style:solid; border-right-color:#dfdfdf; border-bottom-style:solid; border-bottom-color:#dfdfdf; border-left-style:solid; border-left-color:#dfdfdf; } 
.conBox.type6 .year { display:inline-block; padding-right:20px } 
.conBox.type6 > select.year_select { height:33px; margin-right:10px } 
.conBox.type7 { position:relative; padding:8px; background-color:#fff; border:#eee 8px solid; } 
.conBox.type7 .box_wrap { padding: 30px; background-color:#fff; } 
.conBox.type7:after { display:block; position:absolute; top:-8px; left:-8px; width:88px; height:8px; background-color:#0054a6; content:''; } 
.conBox.type7:before { display:block; position:absolute; top:-8px; left:-8px; width:8px; height:44px; background-color:#0054a6; content:''; } 
.conBox_group { margin-top:10px; margin-bottom:30px; } 
.conBox_group .box { margin-top:0; margin-bottom:0; } 
.conBox.type8 { padding: 20px 35px; } 
.conBox.type8 p.cont:first-child { margin-top:0 } 
.conBox.type8 p.cont:last-child { margin-bottom:0 } 
.conBox.type8 p.cont:last-child:after { display:none; } 
.conBox.type8 p.cont { background-color:#f9f9f9; padding:10px 15px; margin:40px auto; position: relative; /* border-radius: 5px; */ } 
.conBox.type8 p.cont:after { content:''; width: 0px; height: 0px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #145ecf; position: absolute; bottom: -20px; left: 50%; } 
.conBox.type8 p.cont strong { } 
.conBox.type9 { border:0px; } 
.conBox.type9 ul { /* display:table-cell; */width: 100%; } 
.conBox.type9 ul > li { float:left; text-align:center; position:relative; word-break: keep-all; border: 2px solid #e1e1e1; } 
.conBox.type9 ul > li:not(:last-child):after { content:''; background: url(/user_res/images/common/arrow_right.png) center no-repeat; width: 18px; height: 10px; display: block; position: absolute; top: 50%; } 
.conBox.type9 ul > li.w200 { width: 200px !important; } 
.conBox.type9 ul.w3 li { padding: 25px 10px; } 
.conBox.type9 ul.w4 li { padding: 25px 10px; } 
.conBox.type9 ul.w5 li { padding: 25px 10px; } 
.conBox.type9 ul.w3 > li:after { right: -34px; } 
.conBox.type9 ul.w4 > li:after { right: -34px; } 
.conBox.type9 ul.w5 > li:after { right: -29px; } 
.conBox.type9 ul > li b { display: block; line-height: 1.4em; } 
.conBox.type9 ul > li p { /* margin: 20px 0 0 0; */display: inline-block; vertical-align: middle; } 
.conBox.type9 ul > li p.sub { width: 100%; font-size:14px; line-height: 17px; margin-top: 20px; } 
.conBox.type9 ul.w3 li { width: calc(33% - 38px); margin-right: 50px; min-height: 170px; display: inline-block; vertical-align: middle; line-height: 2em; } 
.conBox.type9 ul.w4 li { width: calc(25% - 38px); margin-right: 50px; min-height: 170px; display: inline-block; vertical-align: middle; line-height: 2em; } 
.conBox.type9 ul.w5 li { width: calc(20% - 32px); margin-right: 40px; min-height: 100px; } 

.conBox.type9 ul > li:last-child { background:none; margin-right:0 } 
.conBox.type9 ul.etc > li { width:calc(18% - 38px); margin-right:40px; padding: 30px 11px; min-height: 139px; } 
.conBox.type9 ul.etc > li:not(:last-child) { padding-top:40px } 
.conBox.type9 ul.etc > li:not(:last-child):after { content:''; background: url(/user_res/images/common/arrow_right.png) center no-repeat; width: 18px; height: 10px; display: block; position: absolute; top: 50%; } 
.conBox.type9 ul.etc > li:nth-child(4) { background-color:#ddd; } 
.conBox.type9 ul.etc > li:nth-child(4):after { background-image:none; content:'or'; margin-top:-10px; color:#145ecf; } 
.conBox.type9 ul.etc > li:nth-child(5) { width: 27.1%; margin-right: 0; background:#ddd; } 
.conBox.type9 ul.etc > li:after { right: -30px; } 

.conBox.type11 { } 
.conBox.type11 ul > li { border-radius:50%; } 
.conBox.type11 ul > li p { margin-top:10px; width:100px } 
.conBox.type11 ul.w4 > li { width: 182px; height: 182px; padding:55px 20px; } 
.conBox.type11 ul.w5 > li { width: 140px; height: 140px; font-size: 16px; } 

.conBox.type12 { margin:0; border-bottom: 0; } 

.conBox.type13 { border:1px solid #e1e1e1; position:relative; padding: 30px 35px; } 
.conBox.type13:before { position:absolute; top:-3px; left: -1px; width: 32px; height: 8px; content:''; display:block; background-color:#8dc73f; } 

.conBox.type14 { border:0; } 
.conBox.type14 ul { /* display:table-cell; */width: 100%; } 
.conBox.type14 ul > li { float:left; text-align:center; position:relative; word-break: keep-all; border: 2px solid #e1e1e1; } 
.conBox.type14 ul > li:not(:last-child):after { content:''; background: url(/user_res/images/common/arrow_right.png) center no-repeat; width: 18px; height: 10px; display: block; position: absolute; top: 50%; } 
.conBox.type14 ul.w4 li { padding: 25px 10px; } 
.conBox.type14 ul.w5 li { padding: 25px 10px; } 
.conBox.type14 ul.w4 > li:after { right: -34px; } 
.conBox.type14 ul.w5 > li:after { right: -29px; } 
.conBox.type14 ul > li b { display: block; line-height: 1.4em; } 
.conBox.type14 ul > li p { /* margin: 20px 0 0 0; */display: inline-block; vertical-align: middle; } 
.conBox.type14 ul > li p.sub { width: 100%; font-size:14px; line-height: 17px; margin-top: 20px; } 
.conBox.type14 ul.w4 li { width: calc(33% - 38px); margin-right: 50px; min-height: 170px; display: inline-block; vertical-align: middle; line-height: 2em; } 
.conBox.type14 ul.w5 li { width: calc(20% - 32px); margin-right: 40px; min-height: 100px; } 
@media screen and (max-width:850px){
 .conBox.type9 ul li { float:none; margin-bottom:50px; width:100% !important; } 
 .conBox.type9 ul li:after { left:calc(50% - 9px); } 
 .conBox.type9 ul.w4 > li:after { top:calc(100% + 20px); transform: rotate(90deg); } 
 .conBox.type9 ul.w5 > li:after { top:calc(100% + 20px); transform: rotate(90deg); } 
 .conBox.type9 ul.w4 li { padding:10px 5px; min-height:auto; border-radius: 0; height: auto; } 
 .conBox.type9 ul.w5 li { padding:10px 5px; min-height:auto; } 
 .conBox.type9 ul > li p { margin-top:0 } 
 .conBox.type11 ul > li p { width:100% } 
 .conBox.type9 ul.etc > li:not(:last-child):after { top: 115%; } 
}

/* 20220111 접근성 작업으로 주석처리
.btn_area_right img { width:132px 49px; } 
*/

@media screen and (max-width:640px){
 #contents > h3, .h3 { font-size:20px; } 
 .conBox.type4 { padding: 10px !important; } 
 .conBox.type4 p { min-height:0 !important; padding-left:0 !important; background-position:center top; } 

 
 

 .conBox.type7 .box_wrap { padding:10px } 
 #cont > h3, .h3 { font-size:20px } 
 .conBox, .conBox.type11, .conBox.type12, .conBox.type5 { padding:10px !important } 
 }



/*grid 레이아웃*/

.grid { display:inline-block; width:100% } 
.grid > div { float:left } 
.grid > div:first-child { margin-right:10px } 
.grid > div.w2 { width:49%; } 
.grid div.img { font-size:24px; /* border-right:1px solid #ddd; */margin-right:30px; float:left; /* padding:10px 20px; */text-align:center; } 
.grid div.img img { width:100%; height:auto } 
.grid div.text { float:left } 
.grid div.text .title { margin: 15px 0 20px 0; font-size: 1.2rem; font-weight: 700; color: #145ecf; } 

@media screen and (max-width:640px){
    .grid > div.w2.m_100 {width: 100%;}
}

/* 테이블 서식 */
table { border-collapse:separate; } 
table.table { position:relative; width:100%; border-top:2px solid #3a3a3a; border-bottom:1px solid #c6c6c6; color:#c6c6c6; } 
table.table.scroll { width:860px; z-index:10; } 
.gesture { z-index:30; transition-property:opacity, top; } 
table.table tbody,
table.table tfoot { text-align:center; } 
table.table thead tr th { padding:10px 5px; border-top:1px solid #c6c6c6; border-left:1px solid #c6c6c6; background:#f5f5f5; color:#333; font-size: 17px; text-align:center; } 
table.table tbody tr th,
table.table tfoot tr th { padding:10px 5px; border-top:1px solid #c6c6c6; border-left:1px solid #c6c6c6; background:#fdfdfd; color: #333; font-size: 90%; text-align:center; } 
table.table thead tr th { /* border-top-width:0; */ } 
table.table tbody tr td,
table.table tfoot tr td { padding:10px; border-top:1px solid #c6c6c6; border-left:1px solid #c6c6c6; color:#333; font-size: 16px; line-height: 1.4em; } 
table.table tbody tr th,
table.table tfoot tr th { border-top-color:#949494; font-size: 17px; line-height: 1.4em; } 
table.table tr td:last-child, table.table tr th:last-child { border-right: 1px solid #c6c6c6; } 
table.table tbody ul, table.table tbody ol { padding-left:0; text-align:left; } 
table.table tbody tr td.etc { background-color: whitesmoke; background: url(/user_res//images/common/slush.png) 100%; } 
table.table .left { text-align:left; } 
table.table td.bg_gray, table.table th.bg_gray { background-color:whitesmoke } 
table.row_col th { background-color:whitesmoke } 

/*responsive1*/

@media screen and (max-width:640px) { table.table.responsive colgroup, table.table.responsive thead { display:none; } 
 table.table.responsive tbody, table.table.responsive tfoot { text-align:left; } 
 table.table.responsive tbody,
 table.table.responsive tbody tr,
 table.table.responsive tbody tr th,
 table.table.responsive tbody tr td,
 table.table.responsive tfoot,
 table.table.responsive tfoot tr,
 table.table.responsive tfoot tr th,
 table.table.responsive tfoot tr td { display:block; float:left; clear:left; width:100%; box-sizing:border-box; } 
 table.table.responsive tr:nth-child(odd) { background-color:#fafafa; } 
 table.table.responsive tbody tr,
 table.table.responsive tfoot tr { padding-top:16px; padding-bottom:16px; border-top:1px solid #c6c6c6; } 
 table.table.responsive tbody tr:first-child { border-top-width:0; } 
 table.table.responsive tfoot tr:first-child { border-top-color:#3a3a3a; } 
 table.table.responsive tbody tr th,
 table.table.responsive tfoot tr th { padding:0 10px; border-top-width:0; background-color:transparent; text-align:left; } 
 table.table.responsive tbody tr td,
 table.table.responsive tfoot tr td { border-top-width:0; text-align:left; border-left: 0 !important; } 
 table.table.responsive tbody tr th:before,
 table.table.responsive tbody tr td:before,
 table.table.responsive tfoot tr td:before { color:#333; font-size:15px; content:attr(data-cell-header); } 
 }

/*responsive 2*/

table.responsive2 tbody tr th { background-color:whitesmoke } 
table.responsive2 tbody tr td:first-child { background-color:whitesmoke } 

@media only screen and (max-width: 767px) {
 table.responsive2 { margin-bottom: 0; } 

 .pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; /* overflow-x: scroll; */border-right: 1px solid #ccc; border-left: 1px solid #ccc; } 
 .pinned table { border-right: none; border-left: none; width: 100%; } 
 .pinned table tbody tr th { background-color:whitesmoke } 
 .pinned table tbody tr td { background-color:whitesmoke } 
 .pinned table th, .pinned table td { white-space: nowrap; } 
 .pinned td:last-child { border-bottom: 0; } 

 div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; } 
 div.table-wrapper div.scrollable table { margin-left: 35%; } 
 div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; } 

 table.responsive2 td, table.responsive2 th { position: relative; white-space: nowrap; overflow: hidden; } 
 table.responsive2 th:first-child, table.responsive2 td:first-child, table.responsive2 td:first-child, table.responsive2.pinned td { display: none; } 
}

/* responsive 3 */
.responsive-wrap { width: 100%; overflow-x: auto; overflow-y: hidden; } 
.responsive3 { width:100%; min-width: 750px; border-top:2px solid #004b8f; line-height: 16px; margin-bottom:1%; /* font-size:12.3px; *//*max-width: 950px;*/ } 

/* responsive 4 */
.responsive4 { width:100%; min-width:800px; border-top:2px solid #004b8f; line-height: 16px; margin-bottom:1%; font-size:12.3px; /*max-width: 950px; */ } 

/* responsive 5 */
.responsive5 { width:100%; min-width:800px; border-top:2px solid #004b8f; line-height: 16px; margin-bottom:1%; font-size:7px; /*max-width: 950px; */ }


/* row table세로형 */

table.rowtable thead tr td { text-align:center; border-left:1px solid #d0d0d0 } 
table.rowtable tbody tr th { background-color:#f5f5f5 } 
table.table tbody tr th { background-color:whitesmoke; } 
table.table tbody tr th.bg_gray { background-color:whitesmoke } 
table.table thead td { text-align:center; border-left:1px solid #c6c6c6; } 



.reserv_table { } 
.reservBox { /* border: 2px solid #000; */margin-bottom: 20px; } 
.reservBox table { margin:0 } 
.reservBox:hover { box-shadow: 2px 2px 10px #aaa; } 
.reservBox table.no_line th { text-align:center; font-size:20px; font-weight:600; background:#f1f5f8; } 
.reservBox table.no_line td { border:0px; text-align:center; padding: 15px 30px; } 
.reservBox table.no_line td.b_line { border-bottom:1px solid #ddd; } 


.reserv-style { margin-left:2%; } 
.reserv-style:after { content:''; display:block; clear:both; } 
.reserv-style .box { background:#f8f8f8; float:left; width:18%; margin-right:2%; margin-bottom:2%; padding:20px; text-align:center; } 
.reserv-style .box p { font-size:20px; font-weight:500; } 
.reserv-style .box a { display:inline-block; background:#ddd; margin-top:10px; padding:5px 20px; } 
.reserv-style .box.on { background:#1c64bc; color: #fff; } 
.reserv-style .box.on a { background:#eb3280; } 
.reserv-style .box:hover, .reserv-style .box.on:hover { background:#1c64bc; box-shadow: 2px 2px 10px #aaa; color:#fff; } 
.reserv-style .box:hover a, .reserv-style .box.on:hover a { background:#333 } 

@media all and (max-width:640px){
 .reserv-style .box { width: 31%; } 
 }

/*테이블 오른쪽 상단 글*/
.tbl_txt { margin-bottom:5px; font-size:14px; text-align:right; } 

/* 탭메뉴 */
.tab_menu { margin-bottom:50px; overflow: hidden; padding:1px; } 
.tab_menu > ul > li { float:left; margin-top:-1px; margin-left:-1px } 
.tab_menu ul li a { display:block; border:#d0d0d0 solid 1px; background-color:#f4f4f4; line-height:22px; padding:16px 4% 17px; text-align:center; color:#333333; font-weight:600; } 

.tab_menu ul li.on a, .tab_menu ul li a:hover { background-color:#FFF; border-top-color:#696969; border-right-color:#a0a0a0; border-bottom-color:#FFF; color:#303030; } 
.tab_menu ul li:first-child.on a, .tab_menu ul li:first-child a:hover { border-left-color:#a0a0a0; } 
.tab_menu ul li a:focus{box-shadow: 0 0 0 3px #654ecd inset;}

/* 탭메뉴 type2 : 갯수 6개 이상일시 자동으로 type2적용됨, 수동으로 type2 클래스 부여해도 됨 */
.tab_menu.type2 ul li {float:left;} 
.tab_menu.type2 ul li a { background-repeat:no-repeat; background-position:95% 14px; background-image:url(/user_res/images/common/tab_menu_type2_arrow.png); padding-right:14px; display: block; padding:11px 4% 11px 8%; text-align:left; border-color:#dcdcdc; background-color:#FFF; color:#555555; font-weight:400; } 

.tab_menu.type2 ul li a[target="_blank"]:after { display:inline-block; width:20px; height: 13px; margin: 0px 0 0 7px; background: url(/user_res/images/common/btnSmall_linkTyp2_icon.png)no-repeat 0 0; content:''; } 
.tab_menu.type2 ul li.on a, .tab_menu.type2 ul li a:hover[target="_blank"]:after { background: url(/user_res/images/common/btnSmall_link_icon.png)no-repeat 0 0; } 
.tab_menu.type2 ul li.on a, .tab_menu.type2 ul li a:hover { background-color:#004c91; color:#FFF; } 
.tab_menu.type2 ul li a span { line-height:22px; } 
.tab_menu.type2 ul li.on a , .tab_menu.type2 ul li a:hover { background-position:95% 18px; background-image:url(/user_res/images/common/tab_menu_type2_arrow_on.png); } 
.tab_menu.type2 ul li a:focus{box-shadow: 0 0 0 3px #654ecd inset;}
.tab_menu.type2 ul li.on a:focus{box-shadow: 0 0 0 3px #74b3ec inset;}

/* 4차탭메뉴 */
.tab_menu_4depth { margin-bottom:50px; border:#e0e0e0 solid 1px; border-bottom-color:#005aab; padding:5px 4%; } 
.tab_menu_4depth ul li { position:relative; float:left; padding-right:26px; border-bottom:#cbcbcb dashed 1px; } 
.tab_menu_4depth ul li:before { position:absolute; right:13px; top:calc(50% - 6px); width:1px; height:11px; background-color:#b8b8b8; content:''; } 
.tab_menu_4depth ul li:last-child:before { display:none; } 
.tab_menu_4depth ul li a { display:block; line-height:22px; padding:18px 24px 18px 3px; background-repeat:no-repeat; background-position:98% 25px; color:#555555; } 
.tab_menu_4depth ul li.on a, .tab_menu_4depth ul li a:hover { background-image:url(/user_res/images/common/tab_menu_4depth_on_arrow.png); color:#005aab; } 

ul.w2 li { width:50% } 
ul.w3 li { width:33.3% } 
ul.w4 li { width:25% } 
ul.w5 li { width:20% } 
ul.w6 li { width:16.6% } 
ul.w7 li { width:14%; } 
ul.w8 li { width:12.5%; } 


ul.li2 > li,ol.li2 > li { width:50% } /* 2칸 */
ul.li3 > li,ol.li3 > li { width:33.3% } /* 3칸 */
ul.li4 > li,ol.li4 > li { width:25% } /* 4칸 */
ul.li5 > li,ol.li5 > li { width:20% } /* 5칸 */
ul.li6 > li,ol.li6 > li { width:16.6% } /* 6칸 */
ul.li7 > li,ol.li7 > li { width:14.2% } /* 7칸 */
ul.li8 > li,ol.li8 > li { width:12.5% } /* 7칸 */
ul.li9 > li,ol.li9 > li { width:11.2% } /* 7칸 */

/*탭메뉴 2줄 */
.tab_menu.type2.line2 ul li a {min-height: 70px; padding-right: 30px;word-break:keep-all;}


/* 5차탭메뉴 */
.tab_menu_5depth { margin-bottom:30px; } 
.tab_menu_5depth ul li { float:left; } 
.tab_menu_5depth ul::after { display: block; content: ''; clear: both; } 
.tab_menu_5depth ul li a { display:block; line-height:22px; padding:12px 22px 12px 0; margin-right:10px; border-bottom:#d6d6d6 solid 1px; background-repeat:no-repeat; background-position:95% 15px; background-image:url(/user_res/images/common/tab_menu_5depth.png); color:#333333; } 
.tab_menu_5depth ul li.on a, .tab_menu_5depth ul li a:hover { background-image:url(/user_res/images/common/tab_menu_5depth_on.png); color:#9b28cb; } 
.tab_menu_5depth ul li.on a { font-weight:600; } 


/* 절차, 단계 */
.stepCon { position:relative; overflow:hidden; z-index:2 } 

.stepCon { position:relative; overflow:hidden; z-index:2 } 
.stepCon ol::after { display:block; clear:both; content:'' } 
.stepCon ol { width:100%; text-align:center; } 
.stepCon ol > li { position:relative; float:left; margin:10px 0; padding-right:40px; text-align:center; list-style: none; } 

.stepCon.bg { background: #f7f7f7; padding: 10px 0 10px 30px } 
.stepCon ol.step1 { display: flex; flex-wrap: wrap; justify-content: space-around; } 
.stepCon ol.step1 > li { flex: auto; padding-right: 30px; } 
.stepCon ol.step1 > li::after { position:absolute; top:50%; right:11px; width:29px; height:18px; content:''; margin-top: -9px; background:url('../img/common/com_img.png') no-repeat -239px -25px; } 
.stepCon ol.step1 > li > div { position:relative; padding:20px 5px 0 5px; min-height:120px; color:#333; background:#fff; border:1px solid #c4c4c4; z-index:2; } 
.stepCon ol > li > div span { display:block; } 
.stepCon ol > li > div .num { position:relative; margin-bottom:15px; padding:5px 0; line-height: 1; border-top:1px solid #a3a3a3; border-bottom:1px solid #a3a3a3; display: inline-block; color: #555; font-size: 16px } 
.stepCon ol > li > div .tit { font-size:16px; line-height:22px; font-weight:bold; word-break: keep-all; } 
.stepCon ol.mih > li > ul { min-height:80px } 
.stepCon ol > li > ul > li { width:100%; font-size:14px } 
.stepCon ol.step1 > li:first-child div { border:1px solid #07998d; color: #037b71; } 
.stepCon ol > li:last-child::after { display:none } 
.stepCon ol.step1 > li:first-child div .num { border-color: #07998d; color: #037b71; } 
.stepCon ol.step1 > li:last-child div { color:#fff; background:#07998d; border:1px solid
 #07998d } 
.stepCon ol.step1 > li:last-child div .num { border-color: #fff; color: #fff } 

.stepCon .step.title li:first-child,
.stepCon .step.title li:last-child { width:147px; background:#cedfee; padding:10px; } 
.stepCon .step.title li:nth-child(2) { width:582px; background:#cedfee; padding:10px; margin:10px; } 

@media all and (min-width: 769px) {.stepCon ol.step1.st4 > li:nth-child(4n+4)::after { width: 30px; height: 2px; background: #383a4a; margin-top: -1px; right: 0; } 
.stepCon ol.step1.st4 > li:nth-child(4n+5)::before { position:absolute; top:50%; left:-39px; width:29px; height:18px; content:''; margin-top: -9px; background:url('../img/common/com_img.png') no-repeat -239px -25px; } 
 }
@media all and (min-width: 641px) and (max-width: 768px) {.stepCon ol.step1.st4 > li:nth-child(3n+3)::after { width: 30px; height: 2px; background: #383a4a; margin-top: -1px; right: 0; } 
.stepCon ol.step1.st4 > li:nth-child(3n+4)::before { position:absolute; top:50%; left:-39px; width:29px; height:18px; content:''; margin-top: -9px; background:url('../img/common/com_img.png') no-repeat -239px -25px; } 
 }
@media all and (min-width: 451px) and (max-width: 640px) {.stepCon ol.step1.st4 > li:nth-child(even)::after { width: 30px; height: 2px; background: #383a4a; margin-top: -1px; right: 0; } 
.stepCon ol.step1.st4 > li:nth-child(2n+3)::before { position:absolute; top:50%; left:-39px; width:29px; height:18px; content:''; margin-top: -9px; background:url('../img/common/com_img.png') no-repeat -239px -25px; } 
 }
@media all and (max-width: 450px) {.stepCon ol.step1.st4 > li::after { width: 30px; height: 2px; background: #383a4a; margin-top: -1px; right: 0; } 
.stepCon ol.step1.st4 > li:nth-child(n+2)::before { position:absolute; top:50%; left:-39px; width:29px; height:18px; content:''; margin-top: -9px; background:url('../img/common/com_img.png') no-repeat -239px -25px; } 
 }



.stepCon ol.step2 > li::after { position:absolute; top:52px; right:16px; width:11px; height:18px; content:''; background: url('/upload_data/board_data/BBS_0000050/158044571849452.png') no-repeat -316px 0; } 
.stepCon ol.step2 > li > div .tit { margin-bottom:9px; padding:15px 10px; min-height:50px; background: #e4e4e4; } 
.stepCon ol.step2 > li > div .con { position:relative; padding:15px 10px; min-height:70px; font-weight:normal; background:#fff; border:1px solid #c4c4c4; z-index:2 } 
.stepCon ol.step2 > li > div .con::before { position:absolute; top:-7px; left:50%; margin-left:-7px; width:14px; height:14px; content:''; background:#fff; border:3px solid #c4c4c4; border-radius:50% } 
.stepCon ol.step2 > li:first-child div .tit { color:#fff; background: #383a4a; } 
.stepCon ol.step2 > li:first-child > div .con { border: 1px solid #383a4a; } 
.stepCon ol.step2 > li:first-child > div .con::before { border: 3px solid #383a4a; } 
.stepCon ol.step2 > li:last-child div .tit { color:#fff; background: #037e74; } 
.stepCon ol.step2 > li:last-child > div .con { color: #037b71; border: 1px solid #037e74; } 
.stepCon ol.step2 > li:last-child > div .con::before { border: 3px solid #037e74; } 


/* 컨텐츠 만족도 조사 & 담당자 정보 */
.satisfaction { padding-top: 10px; font-family:'Malgun Gothic', '맑은 고딕', sans-serif; } 
.satisfaction .manager_info { padding:14px 33px 19px 33px; border:1px solid #d3d3d3; } 
.satisfaction .manager_info { border-top:2px solid #2763ba; } 
.satisfaction .manager_info ul li { float:left; margin-top:5px; margin-right:25px; padding-left:12px; background-image:url('/user_res/images/common/satisfaction_managerList_bu.gif'); background-repeat:no-repeat; background-position: left 7px; font-size:0; } 
.satisfaction .manager_info ul li span, #container .colgroup .satisfaction .manager_info ul li time { display:inline-block; vertical-align:middle; } 
.satisfaction .manager_info ul li .title { margin-right:12px; padding-right:14px; background-image:url('/user_res/images/common/satisfaction_managerTitle_line.gif'); background-repeat:no-repeat; background-position:right 3px; color:#333; font-size:15px; line-height:17px; font-weight:600; } 
.satisfaction .manager_info ul li .text { color:#333; font-size:15px; line-height:17px; } 
@media screen and (max-width:800px){
 .satisfaction { /* padding-right:2.5%; *//* padding-left:2.5%; */ } 
 .tab_menu { margin-top: 17px; margin-bottom: 30px; } 
 .tab_menu > ul > li { font-size:15px } 
 }

@media screen and (max-width:640px){
 .satisfaction { /* padding-bottom:25px; */ } 

 .satisfaction .manager_info { padding-top:5px; padding-right:20px; padding-bottom:10px; padding-left:20px; } 
 .satisfaction .manager_info ul li { background-position:left 11px; } 
 .satisfaction .manager_info ul li .title { background-position:right 4px; font-size:14px; line-height:16px; } 
 .satisfaction .manager_info ul li .text { font-size:14px; line-height:15px; } 

 ul.w3 li { width:50% } 
 ul.w4 li { width:50% } 
 ul.w5 li { width:50% } 
 ul.w6 li { width:50% } 
 ul.w7 li { width:50% } 
 }

@media screen and (max-width:400px) { ul.w3 li { width:100% } 
 }


.satisfaction > div.ctm-2 { background:#f7f7f7; padding:10px; /* display:none; */font-size: 14px; } 
.satisfaction > div.ctm-2 > p { line-height:30px; /* background:url('/01_potal/images/common/ico_ctm-2.png') no-repeat 10px 50%; */padding-left: 20px; font-weight:bold; text-decoration:underline; } 
.satisfaction > div.ctm-2 .scoreBox { padding: 15px; float:left; } 
.satisfaction > div.ctm-2 .scoreBox span { display:inline-block; padding:0 10px; font-weight:bold; } 
.satisfaction > div.ctm-2 .scoreBox span:first-child { padding-left:0; } 
.satisfaction > div.ctm-2 form { overflow:hidden; } 
.satisfaction > div.ctm-2 form fieldset { position:relative; width: 457px; float:right; padding: 5px 15px 0 0; margin-right: 20px; } 
.satisfaction > div.ctm-2 form label { padding-left:2px; } 
.satisfaction > div.ctm-2 form input[type="text"] { width: 100%; height: 32px; padding-left: 20px; background:#fff url('/01_potal/images/guide/input_white.gif'); border:1px solid #e4e4e4; /* color:#ddd; */ } 
.satisfaction > div.ctm-2 form input[type="button"] { position:absolute; top: 5px; right: -9px; width:70px; height: 39px; display:inline-block; z-index:10; background:#686767 url('/01_potal/images/guide/submit_gray.gif') no-repeat; color:#fff; border:0; } 
.satisfaction > div.ctm-2 .qrBox { float:right; padding-right:10px; } 

/* tablet */
@media only screen and (max-width : 1230px) {
 .satisfaction > div.ctm-2 form fieldset { width:100%; } 
}
/* mobile */

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

 .satisfaction > div.ctm-2 form fieldset { width: 90%; } 
}
@media only screen and (max-width : 500px) {
 .satisfaction { font-size:0.8em; /* margin-bottom:40px; */ } 

 .satisfaction > div.ctm-2 > p { background-size:auto 24px !important; padding-left:40px; } 
 .satisfaction > div.ctm-2 .scoreBox { width:100%; padding:10px; } 
 .satisfaction > div.ctm-2 .scoreBox span { width:32%; padding:2px 0; } 
 .satisfaction > div.ctm-2 .qrBox { width:55px; } 
 .satisfaction > div.ctm-2 .qrBox img { width:100%; } 
}



/* 조직도 */
.org a:hover { text-decoration:underline; } 
.org {background: url('/user_res/images/common/organization_line2.png') no-repeat;position: relative;background-size: 100% auto;} 
.org .group .top_level2, .org .group .top_level2-3 { position:relative; } 
.org .group .top_level2 ul { padding-bottom:29px; } 
.org .group .top_level2-3 ul { padding-bottom:29px; } 
.org .group .top_level2 li, .org .group .top_level2-3 li { font-size:18px; text-align:center; } 
.org .group .top_level2 li span, .org .group .top_level2-3 li a { display:block; width:190px; height:137px; padding-top:16px; line-height:24px; } 


.org .link_list_part { } 
.org .link_list_part > li { float:left; font-size:18px; text-align:center; background:#436692; height:137px; padding-top:16px; line-height:24px; } 
.org .link_list_part > ul.three li { width:29%; margin:0 2% } 
.org .link_list_part > ul.four li { width:21%; margin:0 2% } 
.org .group { position:relative; } 
.org .group .top_level3 { position:relative; } 
.org .group .top_level3 ul { height:287px; padding-bottom:29px; } 
.org .group .top_level3 li { font-size:18px; text-align:center; } 
.org .group .top_level3 li a { display:block; width:190px; height:137px; padding-top:16px; line-height:24px; } 

.org .group .top_level2 .level01 , .org .group .top_level2-3 .level01, .org .group .top_level3 .level01 { padding-bottom:12px; font-size:20px; } 
.org .group .top_level2 .level01 span, .org .group .top_level2-3 .level01 span, .org .group .top_level3 .level01 a { height:auto; margin:0 auto; padding-top:8px; padding-bottom:8px; border:10px solid #0054a6; background-color:#fff; color:#005bab; } 

.org .group .top_level3 .level02 { position:relative; z-index:20; width:190px; margin:0 auto; padding-top:20px; padding-bottom:136px; } 
.org .group .top_level3 .level02 span { height:auto; padding-top:8px; padding-bottom:8px; border:10px solid #1690dd; background-color:#fff; color:#16679a; display: block; } 

.org .group .top_level3 .level04 { position:absolute; right:85px; top:140px; z-index:10; padding-left:8px; } 
.org .group .top_level3 .level04 a { height:auto; padding-top:8px; padding-bottom:8px; border:10px solid #71B141; background-color:#fff; color:#75b347; } 

.org .group .top_level3 .level03 { position:absolute; right:85px; top:50px; padding-left:70px; height:150px; background:url('/user_res/images/common/organization_line04.gif') no-repeat center left 10px; } 
.org .group .top_level3 .level03 a { height:24px; padding-top:8px; padding-bottom:8px; border:10px solid #41ADB1; background-color:#fff; color:#41adb1; } 

.org .link_list_part3 { margin-left:2%; } 
.org .link_list_part3 > li { float:left; width:29%; margin:0 2%; } 
.org .group .link_list_part3 > li > a { display:block; padding:10px 0 10px; margin-bottom:10px; font-size:18px; line-height:22px; color:#fff; text-align:center; background:#436692; } 

.org .group .level2-1 { border: 1px solid #0b5b58; background: #fff; display:inline-block; width:140px; position:absolute; color: #0b5b58; padding:10px; top:50px; left: 21%; /* margin-right: 160px; */text-align:center; } 
.org .group .level4-1 { background: #0b5b58; display:inline-block; width:40px; position:absolute; color:#fff; padding:10px; top: 340px; left:0; } 
.org .group .level4-2 {background: #0b5b58;display:inline-block;width:40px;position:absolute;color:#fff;padding:10px;top:340px;left: 40px;} 
.org .group .level4-3 { background: #0b5b58; display:inline-block; width:40px; position:absolute; color:#fff; padding:10px; top:340px; left:100px; } 

.org .link_list_part4 { margin-left:2%; } 
.org .link_list_part4 > li { float:left; width:21%; margin:0 2%; } 
.org .group .link_list_part4 > li > span { display:block; padding:10px 0 10px; margin-bottom:10px; font-size:18px; line-height:22px; color:#fff; text-align:center; background:#436692; } 


.org .link_list { margin-left:-13px; } 
.org .link_list > li {float:left;width: calc(16% - 14px);margin-left: 0.6%;} 
.org .link_list > li > a,
.org .dong_office > span { display:block; padding:10px 0 10px; margin-bottom:10px; line-height:22px; color:#fff; text-align:center; } 
.org .group .link_list > li > a, .org .group .link_list > li > p { display:block; background: #0b5b58; color:#fff; padding:10px 0 10px; text-align:center; } 
.org .link_list > li:nth-child(2) {margin-left: 80px;} 

.org .dong_office > span { background: #215987; } 
.org .link_list li li { margin-top:4px; } 
.org .link_list li li:first-child { margin-top:0; } 
.org .link_list li li a { background:#f2f2f2; display:block; padding: 8px 3px 8px 18px; font-size:15px; color:#4f5d69; } 
.org .link_list li li a span { display:block; padding-right:15px; background-repeat:no-repeat; background-position:right 2px; font-weight:600; } 
.org .group .link_list li li a { background:#f2f2f2; } 
.org .group .link_list li li a span { } 

.org .immediate_office, .org .dong_office { display:block; margin:38px 0; } 
.org .immediate_office .link_list1 li { float:left; width: 32%; margin-left:13px; } 
.org .immediate_office .link_list1 > li > a { background: #72523C; display:block; padding:10px 0 10px; margin-bottom:10px; font-size:18px; line-height:22px; color:#fff; text-align:center; } 

.org .immediate_office .link_list1 li li a { background:#f2f2f2; display:block; padding:8px 10px 8px 24px; font-size:15px; color:#4f5d69; font-weight: 600; } 

.org .immediate_office .link_list1 li li a span { } 
.org .immediate_office .link_list1 li li { width: 100%; margin-top:4px; margin-left: 0; } 

.org .dong_office li li a { background:#f2f2f2; } 
.org .dong_office li li a span { } 
.org .dong_office .link_list2 li { float:left; width: 125px; margin-right:10px; margin-bottom: 4px; } 
.org .dong_office .link_list2 li:last-child { margin-right:0; } 
.org .dong_office .link_list2 li li a { background:#f2f2f2; display:block; padding:8px 10px 8px 24px; font-size:15px; color:#4f5d69; font-weight: 600; } 

.org .group .link_list li li a span >b.sub { display: block; font-weight: 400; margin-top: 4px; } 


.org.foreign_org .group .top_level3 li { font-size:16px; } 
.org.foreign_org .link_list > li > a, .org .dong_office > span { /* font-size:13px; */ } 
.org.foreign_org .link_list li li a span { font-size:13px; line-height:18px; } 

/*추가조직도*/
.org.cul { background: none; } 
.org.cul .link_list > li { width:40%; margin-left:74px; } 
.org.cul .group .top_level3 .level03 a { height:58px; } 
.org.cul .group .top_level3 ul { height:229px; /* background-image:url(/upload_data/board_data/BBS_0000050/154139541851041.png); */ } 
.org.cul .group .top_level3 .level01 { padding-bottom:140px; background-repeat:repeat-y; } 
.org.cul .group .top_level3 .level03 { padding-left:204px; top:85px; height:58px; background:url(/upload_data/board_data/BBS_0000050/154139512026385.jpg) repeat-x center left 0px } 

.org.cul .group .org_dep-2 { display:block; height:58px; margin-bottom:10px; line-height:36px; font-size:18px; text-align:center; color:#3ab9e0; border:10px solid #3ab9e0; } 
.org.cul .group .link_list > li > ul > li.level4 > a { font-size:18px; margin-bottom:10px; background:#15b4b3; display:block; color:#fff; text-align:center; } 

/*의회사무국*/
.org .council { position: absolute; top: 50px; right: 12%; } 
.org .council li { width: 200px; height: 50px; line-height: 50px; color: #fff; font-size: 18px; text-align: center; background: #083d6e; margin-bottom: 15px; } 
.org .council li.council_02 { font-weight: bold; background: #f2f2f2; color: #4f5d69; position: relative; } 
.org .council li.council_02::after { content: ''; width: 1px; height: 15px; position: absolute; top: -15px; left: 50%; background: #bebebe; } 

@media all and (max-width:1700px){
    .org {background-position: 0 calc(1% + 5px) ;}
}
@media all and (max-width:1024px){
 .org .group .top_level3 .level03 { right:0; } 
 .org .group .top_level3 .level04 { right:0; } 
 }
@media all and (max-width:997px){
 .org { background:none } 
 .org .link_list { margin-left:-2%; } 
 .org .link_list > li { width:23%; margin-left:2%; } 
 .org .link_list > li:nth-child(2) { margin-left: 0px; } 

 .org .link_list { margin:0; } 
 .org .link_list > li { float:none; width:100%; margin:0; } 
 .org .link_list > li > a { margin:15px 0; } 
 .org ul ul ul,.org > div ul ul { margin-left:-2%; } 


 .org .link_list li li { float:left; width:31.3%; margin:0 0 2% 2%; } 
 .org .group .top_level3 ul { width: 60%; height:auto; padding-bottom: 20px; background-image:none; } 
 .org .group .top_level3 li { position: relative; } 
 .org .group .top_level3 li a { width:auto; height:auto; } 
 .org .group .top_level3 li::after { content: ''; width: 1px; height: 20px; background: #bebebe; position: absolute; left: 50%; bottom: -20px; } 
 .org .group .top_level3 .level01 { padding-bottom:0; } 
 .org .group .top_level3 .level02 { width:auto; padding-bottom:0px; } 
 .org .immediate_office .link_list1 li { width: 100%; margin:0; } 
 .org .immediate_office .link_list1 li li { width: 48%; margin:0 0 2% 2%; } 
 .org .group .level2-1 { position:static; width:60%; margin-left:0; margin-bottom:15px; } 
 .org .group .level4-1, .org .group .level4-2, .org .group .level4-3 { width:100%; position:static; padding:0; margin-bottom:5px; } 
 .org .group .level4-1 a, .org .group .level4-2 a, .org .group .level4-3 a { margin:0 } 

 .org .council { top: 50px; right: 0; width: 37%; } 
 .org .council li { width: 100%; } 
}

@media all and (max-width:760px) {

 .org .group .top_level3 .level03 { position:static; float:left; width:50%; padding-left:0; background-image:none; } 
 .org .group .top_level3 .level04 { position:static; float:left; width:50%; height:auto; padding-left:0; background-image:none; } 

}

@media all and (max-width:500px){
 .org .link_list li li { width:48%; } 
 }

/*재난안전대책본부 조직 221117 ......*/
.org.safety_center { background: url('/user_res/images/common/safety_center_bg.png') no-repeat 75px 15px; } 
.org.safety_center .group .top_level3 ul { height: auto; padding-bottom: 40px; } 
.org.safety_center .group .top_level3 .top_level { display: block; width: 170px; height: auto; margin: 0 auto; margin-bottom: 20px; background-color: #fff; border: 1px solid #0665be; } 
.org.safety_center .group .top_level3 .top_level span { display: block; width: 100%; padding: 5px 0; color: #fff; background-color: #0665be; } 
.org.safety_center .group .top_level3 .top_level p { padding: 9px 0; font-size: 17px; } 
.org.safety_center .group .top_level3 .top_level:nth-child(1) { border: 1px solid #083d6e; } 
.org.safety_center .group .top_level3 .top_level:nth-child(1) span { background-color: #083d6e; padding: 7px 0; } 
/* .org.safety_center .bottom_level { width: 100%; } */

.org.safety_center .link_list > li { min-height: 200px; width: 160px; } 
.org.safety_center .link_list > li:nth-child(4) { margin-left: 14px; } 
.org.safety_center .link_list li li { margin:0; } 
.org.safety_center .link_list li li:first-child span { background-color: #cbe1e0; font-size: 16px; padding: 8px 5px; } 
.org.safety_center .link_list li li span { display:block; padding: 6px 5px; width: 100%; background-color: #ededed; font-size: 15px; text-align: center; margin-bottom: 3px; } 
@media all and (max-width:1250px){
 .org.safety_center { background: none; } 
 .org.safety_center .bottom_level { width: 90%; margin: 0 auto; } 
 .org.safety_center .link_list > li { width: calc(16.6% - 18px); } 
 }
@media (max-width: 997px){
 .org.safety_center .link_list > li { float: left; width: 23%; margin: 0; margin-left: 2%; } 
 .org.safety_center .link_list li li { float: none; width: 100%; } 
 .org.safety_center ul ul ul, .org.safety_center > div ul ul { margin: 0; } 
 .org.safety_center .link_list > li:nth-child(4) { margin-left: 2%; } 
 }
@media (max-width: 997px){
 .org.safety_center .link_list > li { width: 48%; } 
 }



/*기타*/
.line { display:block; height:1px; margin:10px auto } 

.grid2 { overflow:hidden; } 
.grid2:after { clear:both } 
.grid2 .grid_left, .grid2 .grid_right { float:left; width:50% } 

@media (max-width: 767px) {
 .grid2 .grid_left, .grid2 .grid_right { float:none; width:100%; overflow:hidden } 
 }


/**/
.mbtn { display:inline-block; text-align:center; white-space:nowrap; vertical-align:middle; } 
.mbtn:focus,.btn:hover { text-decoration:none } 
.mbtn.focus,.btn:focus { outline:0; box-shadow:0 0 0 2px #000; border: 1px solid #fff; } 


.btn_plus { position:absolute; left:90px; bottom:3px; width:16px; height:16px; transition: all 0.3s ease 0s; } 
.btn_plus:after { width: 100%; height: 2px; top: 50%; left: 0; display: block; background: #000; margin-top: -1px; position: absolute; content: ""; } 
.btn_plus:before { width: 2px; height: 100%; top: 0; left: 50%; display: block; background: #000; margin-left: -1px; position: absolute; content: ""; } 

@media only screen and (max-width: 576px){
 .btn_plus { /* left:110px; *//* bottom:22px; */ } 
 }




.guideText { width: 100%; position: relative; padding: 45px 45px 40px 45px; background-color: #f3f6fc; overflow: hidden; } 
.guideText dt { display:inline-block; height: 100%; font-size: 22px; font-weight: bold; color: #145ecf; float: left; padding: 0 30px 0 0; position: relative; margin-right: 20px; border-right: 1px solid #c2c9d7; margin-top: -5px; } 
.guideText.hasIc dt { padding: 0 30px 0 72px; } 
.guideText.hasIc dt::before { content: ""; display: inline-block; width: 56px; height: 56px; border-radius: 50%; background-color: #145ecf; background-position: center center; background-repeat: no-repeat; position: absolute; top: -12px; left: 0; } 
.guideText dd { display: inline; } 
@media all and (max-width:767px){
 .guideText { padding: 35px 20px 20px 20px } 
 .guideText dt { display: block; float: none; margin-right: 0; margin-bottom: 10px; border-right: none; } 
 .guideText.hasIc dt { margin-bottom: 35px; } 
 }



/* 지도 공통 */
.root_daum_roughmap { width: 100% !important; } 
.root_daum_roughmap .wrap_controllers { display: none; } 
.map_info_box { padding: 35px 230px 35px 30px; background-color: #f5f5f5; color: #333; position: relative; margin-top: -20px; z-index: 10; } 
.map_info_box .btn { position: absolute; right: 30px; top: 25px; } 

@media all and (max-width:767px){
 .map_info_box { padding: 20px; } 
 .map_info_box .btn { position: relative; right: inherit; top: inherit; margin-top: 10px } 
 }

/* calendar */
.calendar_top { position: relative; width: 100%; text-align: center; font-size: 35px; font-weight: 500; color: #555; line-height: 35px; margin-bottom: 25px; } 
.response_gb { margin: 0px; padding: 0px; color: #555; list-style: none; vertical-align: top; } 
table.calendar { position: relative; width: 99.5%; border-top: 1px solid #cacacb; margin-bottom: 50px; margin-left: 1px; } 
.calendar, tr, td, th { border-collapse: collapse; border-spacing: 0px; padding: 0px; } 
.calendar_line { border-left: 1px solid #cacacb; font-family: 'Malgun Gothic'; letter-spacing: -0.1em; } 
table.calendar th { text-align: center; line-height: 20px; padding: 10px 0; font-size: 14px; border-right: 1px solid #cacacb; color: #555; background: #f7f7f7; border-bottom: 1px solid #cacacb; } 
table.calendar th span.red { color: #d10e1d; } 
table.calendar th span.blue { color: #255ddb; } 
table.calendar td { font-weight: normal; color: #555; text-align: left; line-height: 19px; font-size: 13px; border-right: 1px solid #cacacb; border-bottom: 1px solid #cacacb; vertical-align: top; height: 100px; padding: 0; } 
table.calendar td p { width: 100%; height: 30px; padding-left: 10px; /* background: #efefef; */line-height: 30px; font-weight: bold; color: #333; } 
table.calendar td ul { width: 100%; padding: 20px 10px; } 
table.calendar td ul li { width: 100%; line-height: 20px; background: url(/user_res/images/board/dot01.jpg) no-repeat 0 11px; padding-left: 8px; font-size: 13px; word-break: break-all; } 



/* sitemap */

.sitemap li { margin: 0; padding: 0; /* background: 0 0!important */}
.sitemap .sitemap-list { overflow: hidden}
.sitemap .sitemap-list > li { float: left; width: 100%; padding: 0}
.sitemap .sitemap-list .sd1 { display: block; font-family: "Nanum Square"; font-size: 22px; width: 100%; border-bottom: 1px solid #e0e0e0; color: #333}
.sitemap .sitemap-list .sd2 { display: block; font-size: 15px; width: 100%; text-align:center; background-color: #344b60; /* background-image: url('/user_res/images/common/btn_link_icon.png'); */
 background-position: 95% 13px; background-repeat: no-repeat; padding: 10px; color: white; } 

.sitemap .sitemap-list .sd2-list li:nth-child(even) .sd2 { /* background-color: white; */border:1px solid #344b60; /* color:#344b60; *//* background-image: url(/user_res/images/common/btn_linkType2_icon.png); */ } 
.sitemap .sitemap-list .sd2:hover {}
.sitemap .sitemap-list .sd2-list-w { width: 100%; padding: 12px 0}
.sitemap .sitemap-list .sd2-list-w .sd2-list:after,
.sitemap .sitemap-list .sd2-list-w:after { content: ''; width: 0; display: block; clear: both}
.sitemap .sitemap-list .sd2-list { width: 100%}
.sitemap .sitemap-list .sd2-list:before { content: ""; display: table; clear: both}
.sitemap .sitemap-list .sd2-list > li { width: 24.5%; /* height: 100%; */
 padding: 0 3px 20px; display: inline-block; vertical-align: top; } 
.sitemap .sitemap-list .sd3-list { line-height: 2em; padding-left: 15px; margin-top:10px; width: 90%; } 
.sitemap .sitemap-list .sd3-list > li { /* list-style: disc; */
 padding: 0; /* margin-top: 5px; */
 padding-left:14px; background-image:url('/user_res/images/common/ul_depth2_bu.gif'); background-repeat:no-repeat; background-position: left 15px; color:#333; font-size:15px; line-height: 1.1em; } 
.sitemap .sitemap-list .sd3-list .sd3 { display: block; font-size: 16px; color: #555; padding: 5px 0; } 

.sitemap .sitemap-list .sd3-list a.sd3[target="_blank"]:after { display:inline-block; width:20px; height: 13px; margin: 0px 0 0 7px; background: url(/user_res/images/common/btnSmall_linkTyp2_icon.png)no-repeat 0 0; content:''; } 
.sitemap .sitemap-list .sd3-list .sd3:hover { color: #1378cb}
.sitemap .info-li .sd2-list > li:nth-child(1),
.sitemap .info-li .sd2-list > li:nth-child(2),
.sitemap .info-li .sd2-list > li:nth-child(3) { height: 230px}
.sitemap .info-li .sd2-list > li:nth-child(4),
.sitemap .info-li .sd2-list > li:nth-child(5),
.sitemap .info-li .sd2-list > li:nth-child(6) { height: 318px}
.sitemap .info-li .sd2-list > li:nth-child(7),
.sitemap .info-li .sd2-list > li:nth-child(8),
.sitemap .info-li .sd2-list > li:nth-child(9) { height: 212px}
.sitemap .info-li .sd2-list > li:nth-child(10),
.sitemap .info-li .sd2-list > li:nth-child(11),
.sitemap .info-li .sd2-list > li:nth-child(12) { height: 227px}
.sitemap .communication-li .sd2-list > li:nth-child(1),
.sitemap .communication-li .sd2-list > li:nth-child(2),
.sitemap .communication-li .sd2-list > li:nth-child(3) { height: 100%}
.sitemap .communication-li .sd2-list > li:nth-child(4),
.sitemap .communication-li .sd2-list > li:nth-child(5),
.sitemap .communication-li .sd2-list > li:nth-child(6) { height: 228px}
.sitemap .communication-li .sd2-list > li:nth-child(7),
.sitemap .communication-li .sd2-list > li:nth-child(8),
.sitemap .communication-li .sd2-list > li:nth-child(9) { height: 200px}
.sitemap .communication-li .sd2-list > li:nth-child(10),
.sitemap .communication-li .sd2-list > li:nth-child(11),
.sitemap .communication-li .sd2-list > li:nth-child(12) { height: 310px}
@media all and (max-width:1000px){
 .sitemap .sitemap-list .sd2-list > li { width: 49%} 
 }
@media all and (max-width:500px){
 .sitemap .sitemap-list .sd2-list > li { width: 100%} 
 }


/* 큰화면일경우 메인 비쥬얼 제어 */
@media(min-width: 2048px){
 #svisual { background-size: cover; } 
 }

/* 이미지크기100 */
@media(max-width: 500px){
 .img100 { width:100% } 
 }
@media(max-width: 700px){
 #header_group #family_site, #header_group #lang_site { display:none } 
 }

#header_group #family_site strong a.ov:after { border-top-color:#73c1ea; transform: rotate(180deg); margin-top:-15px } 

/* 전체 사이트 로고옆 볼더 추가 */
/*#logo a:first-child { position:relative } 
#logo a:first-child img { display:inline-block; border-right: 1px solid #d5d5d5; } 
 #logo a:first-child img:after { content:''; display: block; position: absolute; top: 0; right: 0; width: 10000px; height: 10px; background-color: #484848; z-index: 999999; } */


.festival_history { width:100%; background:#f8f8f8; padding:10px 20px; border:1px solid #eee } 
.quize { width:100%; background-color:#cadee5 } 


/* 전체 배너모음 */
.allbanner { } 
.allbanner li { float:left; width: 24%; margin: 10px 0.5% 0 0.5%; text-align:center; } 
.allbanner li a { border:1px solid #ddd; height:53px; /* width:182px; */display:block; } 
.allbanner li p { margin-top:10px; font-size: 13px; } 

.input_smallBlue { padding: 5px 27px; background-color: #2e4ead; border: none; border-radius: 0; color: #fff; text-align: center; letter-spacing: -0.1em; } 
.input_smallSky { padding: 5px 27px; background-color: #b8d2fb; border: none; border-radius: 0; color: #fff; text-align: center; letter-spacing: -0.1em; } 
.input_smallGreen { padding: 5px 27px; background-color: #168434; border: none; border-radius: 0; color: #fff; text-align: center; letter-spacing: -0.1em; } 
.input_smallLeaf { padding: 5px 27px; background-color: #9fdcb0; border: none; border-radius: 0; color: #fff; text-align: center; letter-spacing: -0.1em; } 


/*주민제안 step */
.step { width:100%; margin-bottom:40px;overflow: hidden; } 
.step li { position:relative; float:left; margin-right:6%; width: 20.5%; border:3px solid #ddd; border-radius:10px; } 
.step li:after { background:url(/upload_data/board_data/BBS_0000050/158218881868562.png) no-repeat; content:''; display:block; width:100px; height:30px; position:absolute; top:30px; left: 184px; } 
.step li.on:after { background:url(/upload_data/board_data/BBS_0000050/158218881868601.png) no-repeat; content:''; display:block; width:100px; height:30px; position:absolute; top:30px; left:184px; } 
.step li a { display:block; padding:20px; text-align:center; font-size:24px; } 
.step li:last-child { margin-right:0; } 
.step li:last-child:after { background:none; } 
.step li p { font-size:12px; font-weight:bold; } 
.step li p:after { height:1px; width:20px; display:block; background:#ddd; content:''; margin:5px auto 10px; } 
.step li.on { border:3px solid transparent; background:#0a78bf; color:#fff; } 

/* 23.11.02 개편수정(황) */
.btn_area_right a { display: inline-block; }