@charset "UTF-8"; 

/********************************
 제목
 *******************************/
h3 {margin-top:50px; margin-bottom:5px; font-family: 'esamanru';}
h3:first-child {margin-top:0;}
h3 + h4 {margin-top:10px;} /*h3 바로다음 사용시*/
h4 {margin-top:30px; margin-bottom:6px; font-family: 'esamanru';}
.tit_h3 {position:relative; padding-left:28px; font-size:2.4rem; font-weight:500; color:#323232;}
.tit_h3:before {content:''; display:block; position:absolute; top:7px; left:0; width:22px; height:22px; background:url('../images/sub_ir.png') 0 0 no-repeat;}

.tit_h4 {position:relative; padding-left:24px; font-size:2.1rem; font-weight:400; color:#323232; line-height:26px; word-break:keep-all; box-sizing:border-box; text-align:left;}
.tit_h4:before {display:block; position:absolute; top:5px; left:0px; width:17px; height:17px; border:5px solid #00619a;border-radius:50%;content:'';box-sizing:border-box;}

.ctxt {font-family:'Paperlogy'; font-size:1.7rem; font-weight: 400; margin-bottom:16px;}
.stxt {font-family: 'SCD'; font-size:1.7rem; font-weight: 400; margin-bottom:16px;}

/*고대비*/
.gray .tit_h3,
.gray .tit_h4 {color:#fff;}
.gray .ctxt,
.gray .stxt {color:#fff;}

@media screen and (max-width:640px) {
	.tit_h3 {padding-left:28px; font-size:2.0rem;}
	.tit_h3:before {top:4px;}

	.tit_h4 {font-size:1.8rem;}
	.ctxt {font-size:1.5rem;}
	.stxt {font-size:1.5rem;}
}

@media screen and (max-width:480px) {	
	.ctxt {font-size:1.4rem;}
	.stxt {font-size:1.4rem;}
}


/* 강조구문 시작 */
.em_red {color:#E4032E;}
.em_orange {color:#ff4b40;}
.em_green {color:#28ab3a;}
.em_sky {color:#317ad7;}
.em_navy {color:#1d2f9b;}
.em_b_red {color:#E4032E;font-weight:500;}
.em_b_orange {color:#f15d4e;font-weight:500;}
.em_b_green {color:#28ab3a;font-weight:500;}
.em_b_sky {color:#317ad7;font-weight:500;}
.em_b_navy {color:#1d2f9b;font-weight:500;}
.em_b {font-weight:500;}
.underline {text-decoration:underline;text-underline-position:under;}

/*고대비*/
.gray .em_red,
.gray .em_b_red {color:#ff0031;}
.gray .em_green,
.gray .em_b_green {color:#56c08f;}

/* 강조구문 끝 */

/* 텍스트 박스 */
.text_box {display:block;position:relative; width:100%; box-sizing:border-box;}
.text_box .text_box_inner {display:block; overflow:hidden; position:relative; width:100%; background-color:#fff; border:1px solid #cacbce; border-radius:20px; box-sizing:border-box; padding:3rem 4rem;}
.text_box.type2 .text_box_inner {background-color:#f9f8ff; border-color:#f4f4f9;}
.text_box .text_box_inner .s_title {display:block; font-size:2.0rem; line-height:150%; letter-spacing:-0.03em; font-weight:500; font-family:'SCD'; color:#1d2f9b; box-sizing:border-box; text-align:left; margin-bottom: 8px;}
.text_box .text_box_inner .desc {display:block; font-size:1.7rem; color:#444; line-height:28px; letter-spacing:0; font-weight:400; font-family:'SCD'; box-sizing:border-box; word-break:keep-all;}
.text_box .text_box_inner + .desc {margin-top:5px;}

/*고대비*/
.gray .text_box.type2 .text_box_inner {background-color:#121212; border-color:#f4f4f9;}
.gray .text_box.type2 .text_box_inner ol li,
.gray .text_box.type2 .text_box_inner ul li {color:#fff;}
.gray .text_box .text_box_inner .desc {color:#fff;}

@media screen and (max-width:640px) {
	.text_box .text_box_inner .s_title {font-size:1.6rem;}
}	
@media screen and (max-width:480px) {
	.text_box .text_box_inner {padding:2rem;}
}

/* 일반버튼 */
.base_btn {display:inline-block; position:relative; width:auto; font-size:0; line-height:0; margin-top:4px; margin-bottom:4px; vertical-align:top; box-sizing:border-box; text-align:center; border: 1px solid #cacaca; border-radius:10px;}
.base_btn:hover {background-color:#1b224e;}
.base_btn:hover a {color:#fff;}
.base_btn + .base_btn {margin-left:7px;}
.base_btn:last-child {margin-right:0;}
.base_btn .btn {display:inline-flex; justify-content:center; align-items:center; z-index:3; position:relative; min-width:130px; width:auto; height:5.2rem; padding:12px 20px; font-size:1.6rem; line-height: 1; letter-spacing:-0.02em; font-weight:400; font-family:'SCD'; vertical-align:top; box-sizing:border-box;}
.base_btn.short .btn {min-width:auto !important;}
.base_btn .btn:hover {text-decoration:none;}

.navy_type {background-color:#1b224e; border:none;}
.green_type {background-color:#006934; border:none;}
.purple_type {background-color:#4c2479; border:none;}
.sky_type {background-color:#1a7387; border:none;}

.navy_type:hover {background-color:#004f81;}
.green_type:hover {background-color:#00529c;}
.purple_type:hover {background-color:#c71432;}
.sky_type:hover {background-color:#004f81;}

.navy_type .btn,
.green_type .btn,
.purple_type .btn,
.sky_type .btn {color:#fff;}

.base_btn .btn.xsm {height:4rem; font-size:1.5rem;}
.base_btn .btn.sm {height:4.5rem;}
.base_btn .btn.md {height:5rem;}
.base_btn .btn.xlg {height:6.4rem; font-size:1.8rem;}

.round_20 {border-radius:20px;}
.round_25 {border-radius:25px;}

@media screen and (max-width:640px) {
	.base_btn .btn {font-size:1.5rem;}
	
	.base_btn .btn.xsm {height:3.5rem; font-size:1.4rem;}
	.base_btn .btn.sm {height:4.0rem;}
	.base_btn .btn.md {height:4.5rem;}
	.base_btn .btn.xlg {height:5.8rem; font-size:1.7rem;}
}

/* 아이콘 버튼 */
.icon_button {display:inline-block; position:relative; padding:15px 25px; box-sizing:border-box; max-width:100%; border:1px solid transparent; font-size:1.6rem; text-decoration:none; text-align:center; transition:.2s ease-out; -webkit-appearance:none; -moz-appearance:none;}
.icon_button.default {border-color:#d7dae0; background-color:#fff; color:#333; height:auto; border-radius:10px;}
.icon_button.default:hover,
.icon_button.default:focus {background-color:#882087; border-color:#882087; color:#fff;} 
.icon_button[class*='ic1']> i {display:inline-block; margin-top:-8px; margin-right:10px; width:18px; height:18px; background-size:contain; vertical-align:middle; }
.icon_button[class*='ic1']> span {display:inline-block; margin: 0; padding: 0; box-sizing: border-box;}

.icon_button.default > .download {background-image:url(../images/sub/down.png);}
.icon_button.default:hover > .download, 
.icon_button.default:focus > .download,
.icon_button.default:active > .download {background-image:url(../images/sub/down_w.png);}

.icon_button.default > .link {background-image:url(../images/sub/blank.png);}
.icon_button.default:hover > .link,
.icon_button.default:focus > .link,
.icon_button.default:active > .link {background-image:url(../images/sub/blank_w.png);}

.icon_button.default > .favo {background-image:url(../images/sub/icon_great.png);}
.icon_button.default:hover > .favo,
.icon_button.default:focus > .favo,
.icon_button.default:active > .favo {background-image:url(../images/sub/icon_great_w.png);}

.icon_button.default > .sched {background-image:url(../images/sub/icon_schedule.png);}
.icon_button.default:hover > .sched,
.icon_button.default:focus > .sched,
.icon_button.default:active > .sched {background-image:url(../images/sub/icon_schedule_w.png);}

.icon_button.default > .traf {background-image:url(../images/sub/icon_bus.png);}
.icon_button.default:hover > .traf,
.icon_button.default:focus > .traf,
.icon_button.default:active > .traf {background-image:url(../images/sub/icon_bus_w.png);}

.icon_button.default > .list {background-image:url(../images/sub/icon_list.png);}
.icon_button.default:hover > .list,
.icon_button.default:focus > .list,
.icon_button.default:active > .list {background-image:url(../images/sub/icon_list_w.png);}


.icon_button.colorBtn {border-color:0066a6; background-color:#0066a6; color:#fff; height:auto; border-radius:6px;}
.icon_button.colorBtn:hover,
.icon_button.colorBtn:focus {background-color:#004f81;} 
.icon_button.colorBtn > .ic1.download {background-image:url(../images/sub/down_w.png); background-size:contain;}
.icon_button.colorBtn > .ic1.link {background-image:url(../images/sub/blank_w.png);  background-size:contain;}


a[class*='icon_button'] {margin-top:.375em; margin-bottom:.375em;  line-height:normal; vertical-align:middle; text-decoration:none !important;}

@media all and (max-width: 640px){
   .icon_button{font-size: 1.4rem; letter-spacing: -0.03em; }
}


/* 정보 버튼 */
.box_buttons {margin-top:40px; margin-bottom:20px; font-size:0; line-height:0;}
.box_buttons .button_item {display:block; position:relative; margin-bottom:10px; padding:23px; border:1px solid #cccccc; border-radius:7px; background-color:#fff; vertical-align:top;}
.box_buttons .button_item.file,
.box_buttons .button_item.homepage {padding-right:155px;}
.box_buttons .button_subject {display:inline-block; position:relative; width:100%; padding-left:60px; color:#4d4d4d; font-weight:500; font-size:17px; line-height:22px; vertical-align:top;}
.box_buttons .button_subject:before {content:''; display:block; position:absolute; top:-10px; left:0; width:45px; height:45px; border-radius:20px; background:#f1f0f9 no-repeat center center;}

.box_buttons .button_item.tel .button_subject:before{background-image:url(../images/sub/button_icon1.svg);}
.box_buttons .button_item.email .button_subject:before{background-image:url(../images/sub/button_icon2.svg);}
.box_buttons .button_item.address .button_subject:before{background-image:url(../images/sub/button_icon3.svg);}
.box_buttons .button_item.file .button_subject:before{background-image:url(../images/sub/button_icon4.svg);}
.box_buttons .button_item.homepage .button_subject:before{background-image:url(../images/sub/button_icon5.svg);}

.box_buttons .button_link {display:inline-block; position:absolute; top:0; right:0; height:100%; vertical-align:top;}
.box_buttons .button_link .emphasis_button {display:inline-block; width:71px; height:100%; border-left:1px solid #dfdfdf; background:#f9f9f9 no-repeat center center;}
.box_buttons .button_link .emphasis_button:last-child{border-top-right-radius:7px; border-bottom-right-radius:7px;}
.box_buttons .button_link .emphasis_button.down {background-image:url(../images/sub/down1.svg);}
.box_buttons .button_link .emphasis_button.view {background-image:url(../images/sub/search1.svg);}
.box_buttons .button_link .emphasis_button.blank {background-image:url(../images/sub/blank1.svg);}
.box_buttons .button_link .emphasis_button.link {background-image:url(../images/sub/link.svg);}

@media all and (max-width:640px){
    .box_buttons{margin-top:30px; margin-bottom:15px;}
    .box_buttons .button_item{margin-bottom:10px; padding:18px;}
    .box_buttons .button_item.file,
    .box_buttons .button_item.homepage{padding-right:130px;}
    .box_buttons .button_subject{padding-left:45px; font-size:1.5rem; line-height:20px;}
    .box_buttons .button_subject:before{top:-8px; width:36px; height:36px; border-radius:15px;}
    .box_buttons .button_text{width:calc(100% - 140px); font-size:15px; line-height:20px;}
    .box_buttons .button_link .button_button{width:55px;}
}
@media all and (max-width:500px){
    .box_buttons .button_item {padding:18px 18px 15px; text-align:center;}
    .box_buttons .button_item.file,
    .box_buttons .button_item.homepage {padding-right:18px;}
    .box_buttons .button_subject {display:block; width:100%; padding-top:45px; padding-right:0; padding-left:0;}
    .box_buttons .button_subject:before {top:0; left:calc(50% - 18px);}
    .box_buttons .button_subject:after{display:none;}
    .box_buttons .button_text{display:block; width:100%; margin-top:7px;}
    .box_buttons .button_link{position:relative; width:100%; margin-top:20px; text-align:center;}
    .box_buttons .button_link .emphasis_button {width:36px; height:36px; border:1px solid #dfdfdf; border-radius:5px;}
    .box_buttons .button_link .emphasis_button + .emphasis_button{margin-left:5px;}
}


/* 정보 버튼(두개씩) */
.box_buttons.half .button_item {display:inline-block; width:calc(50% - 5px); margin-right:10px;}
.box_buttons.half .button_item:nth-child(2n) {margin-right:0;}
.box_buttons.half .button_item.file,
.box_buttons.half .button_item.homepage {padding-right:85px;}

@media (min-width: 641px) and (max-width: 1480px) {
    .box_buttons.half .button_item.file .button_text,
    .box_buttons.half .button_item.homepage .button_text{display:block; width:100%; padding-top:20px;}
}
@media all and (max-width: 800px){
    .box_buttons.half .button_item {padding-right:18px; padding-left:18px;}
    .box_buttons.half .button_subject {padding-left:50px;}
}
@media all and (max-width: 640px){
    .box_buttons.half .button_item{width:100%; margin-right:0;}
}
@media all and (max-width: 500px){
    .box_buttons.half .button_item.file,
    .box_buttons.half .button_item.homepage{padding-right:18px;}
    .box_buttons.half .button_subject{padding-right:0; padding-left:0;}
}

/* 텍스트 외부링크 안내 */
a.tg_link {position:relative; display:inline-block; padding:0; font-weight:400; text-decoration:underline;text-underline-position:under;}
a.tg_link[target="_blank"] span {word-break: break-all;}
a.tg_link[target="_blank"] span:after {content:''; display:inline-block; width:1.8rem; height:1.8rem; margin-left:.8rem; background: url(../images/sub/blank_s.svg) no-repeat; transform:translateY(50%); vertical-align:top;}

/*고대비*/
.gray a.tg_link[target="_blank"] span:after {background: url(../images/sub/blank_s_w.svg) no-repeat;}

/* notice 박스 */
.noticebox {display: block;overflow:hidden;box-sizing:border-box; margin:0 auto 30px; padding:20px 40px; border-radius:20px; background:#f7f8fb;}

/*고대비*/
.gray .noticebox {border:1px solid #f7f8fb; background:#121212;}

/* 일반안내, 유의사항, 경고사항 시작 */
.Tip {position:relative; padding-left:27px; font-size:1.7rem; line-height:28px; letter-spacing:-0.04em; font-weight:400; font-family:'SCD'; box-sizing:border-box;}
.Tip:before, .Tip:after{content:''; display:block; position:absolute; top:4px; left:0; width:20px; height:20px; box-sizing:border-box;}
.Tip:before{border-radius:50%; box-shadow:0px 3px 1px 0px rgba(49, 122, 215, 0.2);}
.Tip:after{background:url(../images/sub/warning_icons.png) no-repeat left top;}
.Tip.type2:before,
.Tip.type3:before {box-shadow:0px 3px 1px 0px rgba(255, 152, 141, 0.3);}
.Tip.type2:after {background-position:-20px 0;}
.Tip.type3 {color:#E4032E;}
.Tip.type3:after {background-position:-40px 0;}

.dp_block .Tip {display:inline-block;}

/*고대비*/
.gray .Tip {color:#fff;}

@media screen and (max-width:1000px) {
    .Tip{line-height:26px;}
    .Tip:before, .Tip:after{top:3px;}
}
@media screen and (max-width:640px){
    .Tip{padding-left:25px;font-size:14px;line-height:24px;}
    .Tip:before, .Tip:after{top:2px;}
}

/********************************
 탭 메뉴
 *******************************/
.sub_tab_area > .list {display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex; border:1px solid #e0e0e0; border-bottom: none; background-color:#f5f5f5; border-radius:10px 10px 0 0; overflow: hidden;}
.sub_tab_area > .list > li {position:relative; width:100%; border-bottom:1px solid #e0e0e0; padding: 0 1px 0 0;}
.sub_tab_area > .list > li:last-child {padding:0;}
.sub_tab_area > .list > li:after {position: absolute; content: ''; top: 50%; right:0; width:1px; height:44px; background-color:#e0e0e0; transform: translateY(-50%);}
.sub_tab_area > .list > li:last-child:after {display: none;}
.sub_tab_area > .list > li.on .sub_tab {background-color:#4c2479;}
.sub_tab_area > .list > li.on .sub_tab .text {color:#fff; text-decoration:underline; text-underline-position:under;}

.sub_tab_area > .list > li .sub_tab {display: block; width: 100%; text-align: center;}
.sub_tab_area > .list > li .sub_tab .text {font-weight:500; font-size:1.8rem; line-height:64px; color:#464646;}
.sub_tab_area > .list > li .sub_tab .text:hover {text-decoration:underline; text-underline-position:under;}

.sub_tab_cont {display: none;}
.sub_tab_cont.on {display: block; margin: 10px 0 0;}

@media screen and (max-width:768px) {	
	.sub_tab_area > .list > li .sub_tab .text {font-size:1.6rem;}
}

/* 박스 텝메뉴 */
.tab_box {margin-bottom:30px; margin-top:1px; margin-left:-10px;}
.tab_box:after {content:''; display:block; visibility:hidden; clear:both;}
.tab_box li {position:relative; display:table; float:left; height:100%; padding-left:10px; padding-top:10px; vertical-align:middle;}
.tab_box li a {display:table-cell; height:60px; cursor:pointer; color:#26293d; vertical-align:middle; line-height:1.0; border-radius:10px; border:1px solid #cacaca; text-align:center;}
.tab_box li a[target="_blank"] span:after {content:""; display:inline-block; width:1.5rem; height:1.5rem; margin-left: .8rem; margin-bottom: 0.2rem; background:url(../images/template/blank1.svg) no-repeat 50% 50%; background-size:contain;vertical-align:middle;}

.tab_box li a:hover, .tab_box li a:active, .tab_box li a:focus {color:#222; border-color:#e6e4f4; background-color:#e6e4f4; transition: all 0.1s linear;}
.tab_box li a.on {color:#fff; border-color:#4c2479; background-color:#4c2479;} 
.tab_box li a span {display:block; font-family: 'Paperlogy'; padding:5px; font-size:1.8rem; line-height:1.2; font-weight:500;}

.tab_box.tab_col8 li {width:12.5%;}
.tab_box.tab_col7 li {width:14.285%;}
.tab_box.tab_col5 li {width:20%;}
.tab_box.tab_col4 li {width:25%;}
.tab_box.tab_col3 li {width:33.3333%;}
.tab_box.tab_col2 li {width:50%;}

/*고대비*/
.gray .tab_box li a {color:#fff;}
.gray .tab_box li a[target="_blank"] span:after {background:url(../images/template/blank1_w.svg) no-repeat 50% 50%;}

.gray .tab_box li a:hover, .gray .tab_box li a:active, .gray .tab_box li a:focus {color:#121212;}


/* media query */
@media screen and (max-width:1200px) {
}

@media screen and (max-width:1024px) {
}

@media screen and (max-width:920px) {
	.tab_box.tab_col5 li {width:25%;} /*탭:조정*/
}

@media screen and (max-width:767px) {
	.tab_box.tab_col8 li, .tab_box.tab_col7 li {width:25%;}
	.tab_box.tab_col5 li {width:33.3333%;} /*탭:조정*/
	.tab_box.tab_col4 li {width:33.3333%;} 
	.tab_box.tab_col3 li {width:50%;}	
	.tab_box li a span {font-size:1.7rem;}
}

@media screen and (max-width:640px) {
	.tab_box.tab_col5 li {width:50%;} /*탭:조정*/
	.tab_box.tab_col4 li, .tab_box.tab_col3 li, .tab_box.tab_col2 li {width:100%;}
	
	.tab_box li a span {font-size:1.6rem;}
}

@media screen and (max-width:480px) {	
	.tab_box li a {height:50px;}
	.tab_box.tab_col5 li {width:100%;} /*탭:조정*/	
	.tab_box li a span {font-size:1.5rem;}
}

/* 아이콘 상단 박스 */
.box_design {display:block;position:relative;width:100%;box-sizing:border-box;}
.box_design + .box_design {margin-top:20px;}
.box_design .box_design_inner {display:block; overflow:hidden; position:relative; width:100%; background-color:#f9f8ff; border-radius:20px; box-sizing:border-box; min-height:180px; padding:40px 95px 40px 180px;}
.box_design .box_design_inner > .icon {display:block; position:absolute; box-sizing:border-box; top:40px; left:40px; width:100px; height:100px; background-color:#fff; border-radius:40px 18px 40px 18px;}
.box_design .box_design_inner > .icon:before {display:block; position:absolute; top:0; left:0; width:100px; height:100px; background-repeat:no-repeat; background-position:left top; content:''; box-sizing:border-box;}
.box_design .box_design_inner .con_box {display:block; width:100%; font-size:0; line-height:0; box-sizing:border-box;}
.box_design .box_design_inner .con_box .Stitle {display:block; font-family:'esamanru'; font-size:2.4rem; line-height:40px; letter-spacing:-0.03em; font-weight:500; box-sizing:border-box;}
.box_design .box_design_inner .con_box .desc {display:block; font-size:1.6rem; color:#575e6d; line-height:28px; letter-spacing:-0.03em; font-weight:400; box-sizing:border-box; word-break:keep-all;}
.box_design .box_design_inner .con_box .Stitle + .desc {margin-top:5px;}

.box_design .box_design_inner > .icon:before {background-image:url(../images/top_box_icons.png);}
.box_design .box_design_inner > .icon.type1:before{background-position:-100px 0;}
.box_design .box_design_inner > .icon.type2:before{background-position:-200px 0;}/*응급*/
.box_design .box_design_inner > .icon.type3:before{background-position:-300px 0;}/*관광해설사*/
.box_design .box_design_inner > .icon.type4:before{background-position:-400px 0;}/*지도신청*/
.box_design .box_design_inner > .icon.type5:before{background-position:-500px 0;}/*교통*/

/*고대비*/
.gray .box_design .box_design_inner {background-color:#121212; border:1px solid #ddd;}
.gray .box_design .box_design_inner .con_box .Stitle {color:#fff;}
.gray .box_design .box_design_inner .con_box .desc {color:#f6f6f6;}

@media screen and (max-width:1280px) {	
	.box_design .box_design_inner .con_box .Stitle {font-size:2.0rem; line-height:32px;}
	.box_design .box_design_inner .con_box .desc {font-size:1.5rem;}
}

@media screen and (max-width:796px) {
	.box_design .box_design_inner {padding:40px;}
	.box_design .box_design_inner > .icon {top:20px; left:calc(50% - 50px);}	

	.box_design .box_design_inner .con_box {padding-top:100px;}
}

@media screen and (max-width:480px) {
	.box_design .box_design_inner .con_box .Stitle {font-size:1.8rem; line-height:30px;}
	.box_design .box_design_inner .con_box .desc {font-size:1.4rem; line-height:26px;}
	
}


/* 목록 시작 */
/* 순서 없는 목록(혼합) */
.bu,
.bu.basic,
.num,
.kor {display:block; width:100%; font-size:0; line-height:0; box-sizing:border-box; text-align:left;}

.bu > li {display:block; position:relative; width:100%; margin-top:6px; padding-left:18px; font-size:1.7rem; line-height:160%; letter-spacing:-0.04em; font-weight:400; font-family:'SCD'; word-break:keep-all;}
.bu.basic > li {margin-top:0; padding-left:14px; letter-spacing:-0.02em; font-weight:400;}
.bu > li:first-child{margin-top:0;}
.bu > li:before {display:block; position:absolute; top:8px; left:1px; width:11px; height:11px; border:3px solid #008a63; border-radius:50%; content:''; box-sizing:border-box;}
.bu.basic > li:before {display:block; position:absolute; top:11px; left:0; width:4px; height:4px; background-color:#191919; border:none; border-radius:50%; content:''; box-sizing:border-box;}
.bu.type2 > li:before {border-color:#444;}

.bu > li > ul,
.bu > li > ol {display:block; width:100%; margin-top:6px; box-sizing:border-box;}

.bu > li > ul > li,
.bu > li > ol > li,
.num > li > ul > li {display:block; position:relative; width:100%; margin-top:0; padding-left:16px; font-size:1.6rem; line-height:28px; letter-spacing:-0.04em; font-weight:400; font-family:'SCD'; box-sizing:border-box;}
.num > li > ul > li:before {display:block; position:absolute; top:8px; left:1px; width:11px; height:11px; border:3px solid #008a63; border-radius:50%; content:''; box-sizing:border-box;}

.bu > li > ul > li:before,
.bu > li > ol > li:before {display:block; position:absolute; top:12px; left:3px; width:4px; height:4px; background-color:#ff6858; border:none; border-radius:50%; content:''; box-sizing:border-box;}

.bu.type2 > li > ul > li:before,
.bu.type2 > li > ol > li:before {background-color:#8c9097;}

.bu > li > ul > li > ul,
.bu > li > ol > li > ol,
.num > li > ul > li > ul {display:block; width:100%; margin-top:4px; padding-bottom:8px; box-sizing:border-box;}

.bu > li > ul > li > ul > li,
.bu > li > ol > li > ol > li {display:block; position:relative; width:100%; padding-left:12px; font-size:1.5rem; line-height:26px; letter-spacing:-0.04em; font-weight:400; font-family:'SCD'; box-sizing:border-box;}

.bu > li > ul > li > ul > li:before,
.bu > li > ol > li > ol > li:before {display:block; position:absolute; top:12px; left:1px; width:5px; height:2px; background-color:#b2b2b2; border:none; border-radius:unset; content:''; box-sizing:border-box;}

.num > li > ul > li > ul > li {display:block; position:relative; width:100%; padding-left:14px; font-size:1.5rem; line-height:26px; font-weight:400; font-family:'SCD';box-sizing:border-box;}
.num > li > ul > li > ul > li:before {display:block; position:absolute; top:12px; left:2px; width:5px; height:2px; background-color:#b2b2b2; border:none; border-radius:unset; content:''; box-sizing:border-box;}

.bu > li > .num > li > .number {font-family:'Montserrat';}
.bu > li > .num > li > .number {display:block; position:absolute; top:0; left:0; width:23px; height:23px; background-color:#eaeaea; border-radius:6px; font-size:1.4rem; color:#222; line-height:23px; letter-spacing:-0.03em; font-weight:400; content:''; box-sizing:border-box; text-align:center;}
.bu > li > .bu > li > .num > li > .number {display:block; position:absolute; top:1px; left:0; width:21px; height:21px; background-color:#fff; border:1px solid #c9cbd0; border-radius:50%; font-size:12px; color:#555; line-height:19px; letter-spacing:-0.03em; font-weight:400; content:''; box-sizing:border-box; text-align:center;}

@media screen and (max-width: 1000px) {
    .bu > li {margin-top:2px; padding-left:18px; font-size:1.6rem;}
    .bu.basic > li {padding-left:10px; font-size:1.6rem;}
    .bu > li:before {left:0;}
    .bu > li > ul,
    .bu > li > ol {margin-top:2px;}	    
    .bu > li > ul > li,
    .bu > li > ol > li {padding-left:10px; font-size:1.6rem; line-height:26px;}    
    .bu > li > ul > li:before,
    .bu > li > ol > li:before {left:0;}    	
    .bu > li > ul > li > ul,    
    .bu > li > ol > li > ol {margin-top:2px; padding-bottom:4px;}	    
    .bu > li > ul > li > ul > li,    
    .bu > li > ol > li > ol > li {padding-left:10px; font-size:1.5rem; line-height:25px;}    	
    .bu > li > ul > li > ul > li:before,    
    .bu > li > ol > li > ol > li:before {top:10px;left:0;}
	.bu > li > .num > li > .number {top:2px; width:22px; height:22px; font-size:1.4rem; line-height:22px;}	 	
}
@media screen and (max-width:768px) {
    .bu > li {margin-top:0; font-size:1.5rem;}
    .bu.basic > li {font-size:1.5rem;}
    .bu > li:before {top:10px; width:10px; height:10px;}
    .bu.basic > li:before {top:10px;}    
    .bu > li > ul,
    .bu > li > ol {margin-top:0;}    
    .bu > li > ul > li,
    .bu > li > ol > li {font-size:1.4rem;}    
	.bu > li > ul > li > ul,    
    .bu > li > ol > li > ol {padding-bottom:2px;}    	
    .bu > li > ul > li > ul > li,    
    .bu > li > ol > li > ol > li {}
}

@media screen and (max-width:420px) {
    .bu > li {margin-top:0;font-size:1.4rem;padding-left: 15px;}
    .bu.basic > li {font-size:1.4rem;}
    .bu > li:before {top:7px; width:8px; height:8px; border:2px solid #008a63;}
    .bu.basic > li:before {top:10px;}    
    .bu > li > ul,
    .bu > li > ol {margin-top:0;}
    .bu > li > ul > li,
    .bu > li > ol > li {font-size:1.3rem;}    
	.bu > li > ul > li > ul,    
    .bu > li > ol > li > ol {padding-bottom:2px;}    	
    .bu > li > ul > li > ul > li,    
    .bu > li > ol > li > ol > li {}
}

/* 순서있는 목록 */
.num > li,
.kor > li {display:block;position:relative; width:100%; margin-top:8px; padding-left:34px; font-size:1.7rem; color:#444; line-height:27px; letter-spacing:-0.02em; font-weight:400; word-break:keep-all;box-sizing:border-box;}
.num > li:first-child,
.kor > li:first-child {margin-top:0;}
.num > li > .number {font-family:'Montserrat';}

.num > li > .number,
.kor > li > .text {display:block; position:absolute; top:1px; left:0; width:25px; height:25px; background-color:#1d2f9b; border-radius:10px 6px 10px 6px; font-size:1.6rem; color:#fff; line-height:26px; letter-spacing:-0.03em; font-weight:400; content:''; box-sizing:border-box; text-align:center; font-style: normal;}
.num.color > li > .number,
.kor.color > li > .text {background-color:#fff; border:1px solid #c9cbd0; color:#222; line-height:23px;}
.num > li > .num > li {display:block;position:relative;width:100%;margin-top:4px;padding-left:29px; font-size:1.6rem; color:#444; line-height:26px; letter-spacing:-0.02em; font-weight:400; box-sizing:border-box;}

.num > li > .num,
.bu > li > .num {display:block; width:100%; margin-top:0; padding-top:4px; padding-bottom:8px; box-sizing:border-box;}
.bu > li > .num > li {display:block;position:relative;width:100%;margin-top:4px;padding-left:29px;font-size:1.5rem;color:#444;line-height:24px;letter-spacing:-0.02em;font-weight:400; box-sizing:border-box;}

.num > li > .num > li > .number {font-family:'Montserrat';}
.num > li > .num > li > .number {display:block; position:absolute; top:0; left:0; width:23px; height:23px; background-color:#CF336B; border-radius:50%; font-size:1.4rem; color:#fff; line-height:23px; letter-spacing:-0.03em; font-weight:400; content:''; box-sizing:border-box; text-align:center;}

@media screen and (max-width: 1000px){
    .num > li,
    .kor > li {margin-top:5px; padding-left:28px; font-size:1.6rem;}
    .num > li > .number,
    .kor > li > .text {top:2px; width:23px; height:23px; font-size:1.5rem; line-height:23px;}
    .num.color > li > .number,
    .kor.color > li > .text {line-height:24px;}    
	.num > li > .num, 
    .kor > li > .kor {padding-top:2px;}    
	.num > li > .num > li,    
    .kor > li > .kor > li{margin-top:2px; padding-left:27px;}	
    .num > li > .num > li > .number,    
    .kor > li > .kor > li > .text {top:2px; width:21px; height:21px; font-size:1.4rem; line-height:21px;}	
    .num > li > .num.color > li > .number,
    .num.color > li > .num.color > li > .number,    
	.kor > li > .kor.color > li > .text,
    .kor.color > li > .kor.color > li > .text {line-height:19px;}    
	.num > li > .num > li > .num,
    .kor > li > .kor > li > .kor {padding-top:2px;padding-bottom:3px;}
    .num > li > .num > li > .num > li,
    .kor > li > .kor > li > .kor > li {margin-top:2px;padding-left:26px;}
}
@media screen and (max-width: 640px) {
    .num > li,
    .kor > li {padding-left:30px; font-size:1.5rem;}    
    .num.color > li > .number,
    .kor.color > li > .text {line-height:19px;}
    .num > li > .num > li,   
    .kor > li > .kor > li {padding-left:30px; font-size:1.5rem;}
    .num > li > .num > li > .number,
    .bu > li > .num > li > .number,
    .kor > li > .kor > li > .text {width:20px; height:20px;line-height:20px;}
    .num > li > .num.color > li > .number,
    .num.color > li > .num.color > li > .number,    
    .kor > li > .kor.color > li > .text,
    .kor.color > li > .kor.color > li > .text {line-height:18px;}	
    .num > li > .num > li > .num > li,
    .kor > li > .kor > li > .kor > li {margin-top:0; padding-left:28px;}	
    .num > li > .num > li > .num > li > .number,
    .kor > li > .kor > li > .kor > li > .text {top:2px; width:18px; height:18px; line-height:16px;}
}

.box {overflow:hidden;margin: 10px auto 20px !important;padding: 20px !important;border-radius:10px;background:#f7f8fb;}

/*고대비*/
.gray .box li {color:#121212;}

/* 설명 목록 */
.dl_list {margin:10px 0; padding:0; display:table; width:100%; border:1px solid #d9d9db; border-radius:10px;}
.dl_list dt, .dl_list dd {display:table-cell;vertical-align:middle;margin:0;box-sizing:border-box;padding:20px 40px;}
.dl_list dt {position:relative; width:300px; text-align:center; font-size:2.0rem; font-weight:600; color:#000;}
.dl_list dt:after {position:absolute;top:15px;right:1px;content:"";display:block;width:1px;height:calc(100% - 30px);background:transparent;border-right:1px dotted #777;}
.dl_list dd {width:calc(100% - 300px); font-size: 1.6rem;}
.dl_list .w01{width:70%; text-align:left;}/*제목 + 링크버튼*/
.dl_list .w02{width:55%;text-align:left;}/*제목 + 링크버튼 + 큐알코드이미지*/ 
.dl_list .text1{font-size:20px;font-weight:500;color:#0069a6;margin:1em 0 .5em;}

.QRimg {margin:25px;}
.QRimg img {height:auto; border:0; vertical-align:middle;}

/*고대비*/
.gray .dl_list dt {color:#fff;}
.gray .dl_list dd {color:#f6f6f6;}

@media screen and (max-width:768px){
	.dl_list dt, .dl_list dd{display: block;width:auto;}
	.dl_list dt:after {position: relative;top:auto;right:auto;width:auto;height:1px;border-bottom:1px dotted #777;border-right:0px;padding-bottom:10px;}
	.dl_list dd{padding-top:15px;}
	.dl_list .w01, .dl_list .w02, .dl_list .w03{width:100%;text-align:center;}
	.dl_list .text1{font-size:18px;font-weight:500;color:#0069a6;margin:1em 0 .5em;}
}

/* grid */
.even-grid {display: flex; flex-wrap: wrap; gap:30px;}
.even-grid[class*='evenmix-2']>.column {width:calc(50% - 15px); display: grid;}
.even-grid[class*='evenmix-3']>.column {width:calc(33.333% - 20px); display: grid;}
.even-grid[class*='evenmix-4']>.column {width:calc(25% - 10px); display: grid;}

@media screen and (max-width:1280px){
	.even-grid[class*='evenmix-2']>.column,
	.even-grid[class*='evenmix-4']>.column {width:calc(50% - 15px);}
}

@media screen and (max-width:768px){
	.even-grid[class*='evenmix-2']>.column,
	.even-grid[class*='evenmix-3']>.column,
	.even-grid[class*='evenmix-4']>.column {width:calc(50% - 15px);}
}

@media screen and (max-width:640px){	
	.even-grid[class*='evenmix-2']>.column {width:100%;}
}

@media screen and (max-width:580px){	
	.even-grid[class*='evenmix-3']>.column {width:100%;}
}

@media screen and (max-width:430px){
	.even-grid[class*='evenmix-4']>.column {width:100%;}
}

/* 라인박스  */
.lineboxWrap {border-top: 1px solid #222; margin-bottom:30px;}
.lineBox {display: flex; align-items: center; padding:35px 0; border-bottom: 1px solid #ddd; }
.lineBox .tit {font-size:2.0rem; letter-spacing: -.5px; line-height: 1.45; padding:0 35px 0 20px; width:15%; font-family: 'esamanru'; font-weight:500; box-sizing: border-box;}
.lineBox .con {font-size:1.7rem; font-weight:400; letter-spacing: -.5px; flex: 1; line-height: 1.6;}

/*고대비*/
.gray .lineBox .tit {color:#fff;}
.gray .lineBox .con {color:#fff;}

/* media query */
@media screen and (max-width:1520px){
}

@media screen and (max-width:920px){	
	.lineBox {padding:25px 0; flex-direction: column; align-items:flex-start;}
	.lineBox .tit {width:100%; padding-left:0; margin-bottom:5px;}	
}

@media screen and (max-width:767px){	
	.lineBox .tit {font-size:1.8rem;}
	.lineBox .con {font-size:1.5rem;}
}

/********************************
 공공누리 + 만족도 + 페이지 담당자
 *******************************/

/* 만족도 조사*/
.satisfaction {overflow:hidden; margin:30px 0 0; padding:0; border:1px solid #d7dae0; border-radius: 15px; }

.research {padding:25px 30px;}
.research fieldset {display:flex; flex-wrap:wrap; justify-content:space-between; background:url("../images/staff_info.png") 0 5px no-repeat; background-position-x:-40px;}
.research p {display:block; position:relative; font-size:1.5rem; font-weight:600; color:#26293d; padding:2px 0 2px 26px; }
.research .chk-area {display:flex; flex-wrap:nowrap; gap: inherit;}

.research .opinion_wrap {display:block; position:relative; padding-right:9rem; width:100%; margin-top:10px;}
.research .opinion_wrap .regBtn {display:block; position:absolute; top:0; right:0; background:#4c2479; color:#fff; font-size:1.5rem; width:80px; height:45px; border:none; border-radius:5px;}
.research .opinion_wrap input[type="text"] {display:block; position:relative; width:100%; border-radius:5px; font-size:1.5rem; padding:0 1rem; border:1px solid #DFE4EF;}

.line_bt {border-bottom:1px solid #d7dae0;}

/*고대비*/
.gray .research fieldset {background:url("../images/staff_info_w.png") 0 5px no-repeat; background-position-x: -40px;}
.gray .research p {color:#fff;}
.gray .line_bt .form-check label {color:#fff;}


@media all and (max-width:1024px) {
	.research fieldset {display:block;}
	.research .input_radio {margin-top:10px;}
}

@media all and (max-width:620px) {
	.research .chk-area {flex-wrap:wrap;}
	.research .chk-area > .form-check {width:33.33%; margin:.3em 0 !important;}	
}
@media all and (max-width:420px) {
	.research .chk-area > .form-check {width:50%; margin:.3em 0 !important;}
}


/*담당자*/
.manager_box {position: relative;padding: 20px 30px 13px;background-color:#F8FAFC;}
.manager_box .title {display: inline-block; position: relative; padding-left: 30px; margin-right: 30px; line-height:1;}
.manager_box .title:before {display: block; content:''; position:absolute; top:calc(50% - 10px); left:0; width:20px; height:20px; background:url("../images/staff_info.png") no-repeat;}
.manager_box .title > span {font-size:1.5rem; line-height: 28px; font-weight: 500; color: #26293d; font-family: 'SBAggro';}
.manager_box .staff_info {display: inline-block;padding:0;width: calc(100% - 139px);}
.manager_box .staff_info .item {display: inline-block; margin-right: 38px;}
.manager_box .staff_info .item .tit {position: relative; font-size:1.5rem; line-height: 25px; color: #26293d; padding-right: 26px; }
.manager_box .staff_info .item .tit:before {display: block; content:''; position: absolute; top:3px; right:15px; background-color: #d5d7dd; width: 1px; height: 16px; }
.manager_box .staff_info .item .txt {font-size:1.5rem; line-height: 25px; color: #666; font-weight:400;}

/*고대비*/
.gray .manager_box {background-color:#121212;}
.gray .manager_box .title:before {background:url("../images/staff_info_w.png") no-repeat;}
.gray .manager_box .title > span {color: #fff;}
.gray .manager_box .staff_info .item .tit {color: #fff;}
.gray .manager_box .staff_info .item .txt {color: #f6f6f6;}

@media all and (min-width: 1401px) {
	.manager_box .staff_info .item.final {float: right; margin-right:0;}
}	

@media screen and (max-width:1000px) {
	.manager_box .staff_info .item .tit {font-size: 14px; }
	.manager_box .staff_info .item .txt {font-size: 14px; }
}	

@media screen and (max-width:640px) {
	.manager_box .staff_info {display: block; width: 100%;}
}


/********************************
라디오 체크 박스
*******************************/
.chk-area {display: flex; flex-wrap: wrap; gap:1.4rem 2.4rem;}

input[type=radio],
input[type=checkbox] {position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.form-check input[type=radio] ~ label,
.form-check input[type=checkbox] ~ label {position: relative; display: inline-flex; min-height:2rem; padding-left:2.8rem; margin-right:2rem; line-height:2rem;}

.form-check input[type=radio] ~ label:before {position: absolute; top: 0; left: 0; width:2rem; height:2rem; background:#fff; border:1px solid #717171; border-radius:100%; display: block; content: ""; transition: 0.4s cubic-bezier(0.4, 0, 0.23, 1); }
.form-check input[type=radio] ~ label:after {display: block; content: ""; transition: 0.4s cubic-bezier(0.4, 0, 0.23, 1); position: absolute; top:calc((2rem - 1rem) / 2); left:calc((2rem - 1rem) / 2); width:1rem; height:1rem;  border-radius:100%; background-color:#fff;}
.form-check input[type=radio]:checked ~ label:before {border-color:#246beb;}
.form-check input[type=radio]:checked ~ label:after{background-color:#246beb;}

.form-check input[type=radio]:focus ~ label:before{outline:2px dotted #2b69fc;}

.form-check input[type=radio]:disabled + label, 
.form-check input[type=checkbox]:disabled + label {color:#8e8e8e; cursor: default;}
.form-check input[type=radio]:disabled ~ label:before {border-color:#c6c6c6; background-color:#e4e4e4;}
.form-check input[type=radio]:disabled ~ label:after {display: none;}
.form-check input[type=radio]:checked:disabled ~ label:before {border-color:#c6c6c6; background-color:#e4e4e4; }
.form-check input[type=radio]:checked:disabled ~ label:after {display: block; background-color:#c6c6c6;}

.form-check input[type=checkbox] ~ label:before {display: block; content: ""; position: absolute; top: 0; left: 0; width:2rem; height:2rem; background-color:#fff; border: 1px solid #717171; border-radius:4px; transition: 0.4s cubic-bezier(0.4, 0, 0.23, 1);  }
.form-check input[type=checkbox] ~ label:after {display: block; content: ""; position: absolute; top: calc((2rem - 1.6rem) / 2); left: calc((2rem - 1.6rem) / 2); width:1.6rem; height:1.6rem; background:url(../images/ico_check.svg)no-repeat 0 0;  background-size:contain; opacity:0; transition: 0.4s cubic-bezier(0.4, 0, 0.23, 1); }
.form-check input[type=checkbox]:checked ~ label:before{background-color:#246beb; border-color:#246beb;}
.form-check input[type=checkbox]:checked ~ label:after{opacity:1; transition-delay: 0.2s;}

.form-check input[type=checkbox]:disabled ~ label:before {border-color:#c6c6c6; background-color:#e4e4e4;}
.form-check input[type=checkbox]:disabled ~ label:after {background:url(../images/ico_check_disabled.svg)no-repeat 0 0;}

/*고대비*/
.gray .form-check label {color:#fff;}

/*스크롤*/
.scrl_info {display:none; margin-bottom:4px;}
.scrl_info p {position:relative; display:table-cell; padding-left:45px; height:42px; vertical-align:middle;}
.scrl_info p:before {content:''; display:inline-block; position:absolute; left:0; top:0; width:42px; height:42px; background:url(../images/arrow_ir.png) -56px 0 no-repeat;}

@media screen and (max-width:767px) {
	.scrl_info {display:table;}
	.scrl_box {overflow-x:scroll; width:100%;}
	.scrl_box .tbl_base {width:768px;}/*스크롤 사용시 테이블 사이즈 고정*/
	.scrl_box .p-table {width:768px;}/*스크롤 사용시 테이블 사이즈 고정*/
}

/*기본 테이블*/

/*리스트 내 테이블 위치수정*/
.list_in_tbl01 {margin-left:-20px;} /*1depth : li*/
.list_in_tbl02 {margin-left:-28px;} /*2depth : li*/
.list_in_tbl03 {margin-left:-36px;} /*3depth : li*/

table.txt_c {text-align:center;}
table.txt_l {text-align:left;}
table.txt_r {text-align:right;}

th.txt_c, td.txt_c {text-align:center !important;}
th.txt_l, td.txt_l {text-align:left !important;}
th.txt_r, td.txt_r {text-align:right !important;}

table.valg_m th, table.valg_m td {vertical-align:middle;}

.tbl_base {table-layout:fixed; margin-bottom:10px; width:100%; font-size:1.6rem; line-height:1.4; border-style:solid; border-color:#ddd; border-width:2px 1px 0 1px; border-top-color:#9a54b9;}
.tbl_base thead th {padding:12px 5px 10px; font-weight:500; color:#333; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #bbb; background-color:#f9f7ff;}
.tbl_base thead th:last-child {border-right-width:0;}
.tbl_base thead th.add_line {border-right-width:1px;}

.tbl_base tbody th, .tbl_base tbody td,
.tbl_base tfoot th, .tbl_base tfoot td {padding:14px 8px 12px;}
.tbl_base tfoot th, .tbl_base tbody td.txt_l {padding:14px 8px 12px 18px;}
.tbl_base tfoot th, .tbl_base tbody td.txt_l ul li,
.tbl_base tfoot th, .tbl_base tbody td p {font-size:1.5rem;}

.tbl_base tbody th {color:#333; font-weight:400; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fffeff;}
.tbl_base tbody td {border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fff;}
.tbl_base tbody td:last-child {border-right-width:0;}
.tbl_base tbody td.add_line {border-right-width:1px;}

.tbl_base tfoot th {color:#333; font-weight:400; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fef6e8;}
.tbl_base tfoot td {border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fef6e8;}
.tbl_base tfoot td:last-child {border-right-width:0;}
.tbl_base tfoot td.add_line {border-right-width:1px;}


/*고대비*/
.gray .tbl_base thead th {color:#fff; background-color:#121212;}
.gray .tbl_base tbody th {color:#fff; background-color:#121212;}
.gray .tbl_base tbody td {color:#f6f6f6; background-color:#121212;}
.gray .tbl_base tbody td a {color:#fff;}

/*테이블-내부컨텐츠용*/
a.t_open_n {display:inline-block;}
a.t_open_n span {padding-right:22px !important; background:url(../images/icon_openwin.png) right 3px no-repeat;}