@charset "utf-8";

/* template 가이드용 스타일 */
.prettyprint{padding:20px 0; white-space:pre-wrap;}
ol.linenums{padding-left:40px;}
.template pre {margin:10px 0; padding:10px 20px 0; border:1px solid #e9e9e9; background:#fafafa; font-size:13px;}
.template .tab_item {margin:15px 0 20px;}
.template .tab_item.template_tabmenu {border-left:1px solid #d9d9d9;}
.template .tab_item li {float:left; display:inline; width:20%; border-top:1px solid #d9d9d9; background:#eee;}
.template .tab_item li.active {border-top:solid 1px #d9d9d9; background:#fff}
.template .tab_item li a {display:block; padding:0; line-height:46px; font-size:15px; text-align:center; border-right:1px solid #d9d9d9; text-decoration:none; white-space:nowrap;}

.template .tab_item li.active a, .tab_obj li a:hover {}
.tab_obj {display:none; position:relative; padding:0;}

#contents p {font-size:16px;}

/* 텍스트 정렬 */
.text_center {text-align:center !important;}
.text_right {text-align:right !important;}
.text_left {text-align:left !important;}
.vertical_top{vertical-align:top !important;}
.vertical_middle{vertical-align:middle !important;}
.vertical_bottom{vertical-align:bottom !important;}

.lineheight_0{line-height:0 !important;;}
.fontsize_0{font-size:0 !important;}

/* 들여쓰기 */
.indent{margin-left:0px;}
.indent10{margin-left:10px;}
.indent20{margin-left:20px;}
.indent30{margin-left:30px;}
.indent40{margin-left:40px;}
.indent50{margin-left:50px;}


/* align */
.tal {text-align:left !important;}
.tar {text-align:right !important;}
.tac {text-align:center !important;}
.taj {text-align:justify !important;} 
.vat {vertical-align:top !important;}
.vab {vertical-align:bottom !important;}
.vam {vertical-align:middle !important;}
.vabl {vertical-align:baseline !important;}

/* 제목 시작 */
h3, .h3, h4, .h4, h5, .h5, h6, .h6{display:block;position:relative;letter-spacing:-0.02em;font-family: 'Score';  box-sizing:border-box;}
h3, .h3{margin-top:15px; margin-bottom:10px; padding-left: 40px; font-size:26px; color:#252831;line-height:40px; color: #111; font-weight: 600; word-break: keep-all;}
#contents * + h3{margin-top:55px;}
h3:before, .h3:before{display: block; position: absolute; content:''; top:6px ; left: 0; width: 35px; height: 28px;background: url("../../images/web/layout/h3_icon.png");}

h4, .h4 {margin-top:10px; margin-bottom:10px; padding-top:16px; font-size:22px; font-weight: 600; color:#2c2c2c; line-height:38px;}
h4:after {content:""; display:inline-block; position:relative; width:.667em; height:.667em; border-radius:100%; background:#0092d8; opacity:.2; margin-left:-.35em; transform:translateY(-70%); -webkit-transform:translateY(-70%);}
#contents * + h4 {margin-top:26px;}

h5, .h5 {margin-top:10px;margin-bottom:5px;padding-top:0;font-size:20px;color:#4e5464;line-height:36px;}
#contents * + .h5 {margin-top:10px;}
h4.h5:before {display:none;}
h3 + h4 {margin-top:14px !important;}

@media screen and (max-width: 1500px) {
    #contents * + h3 {margin-top:40px;}
}
@media screen and (max-width:1000px) {
    h3, .h3 {font-size:26px;line-height:34px;}
    #contents * + h3 {margin-top:40px;}
    h4, .h4 {padding-top:10px;font-size:22px;line-height:32px;}
    h4:before, .h4:before {width:8px;height:8px;}
    h5, .h5 {font-size:20px;line-height:30px;}   
    #contents p {font-size:15px;line-height:26px;}
    h3 + h4 {margin-top:10px !important;}
}
@media screen and (max-width: 640px) {
    h3, .h3 {margin-bottom:5px;font-size:20px;line-height:28px;}
	h3:before, .h3:before{top: 0px;}
    #contents * + h3 {margin-top:30px;}
    h4, .h4 {margin-bottom:5px;padding-top:8px;font-size:18px;line-height:27px;}
    #contents * + h4 {margin-top:20px;}
    h5, .h5 {margin-top:5px;font-size:17px;line-height:26px;}
    #contents * + .h6 {margin-top:5px;}
    #contents p {font-size:14px;line-height:24px;}
}
/* 제목 끝 */

/* 탭스타일 */
 /*1차 탭*/
.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:#333; 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/web/layout/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:#14489e; background-color:#14489e; font-weight:500;}
.tab_box li a span {display:block; font-family: 'Score'; padding:5px; font-size:1.6rem; line-height:1.2;}

.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%;}

/* 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_col5 li {width:33.3333%;} /*탭:조정*/
	.tab_box.tab_col4 li {width:33.3333%;} 
	.tab_box.tab_col3 li {width:50%;}	
	
	.tab_box2 li {width:33.3333%; padding:2px; min-width:inherit;}
	.tab_box2 li a {border-width:1px; border-radius:7px;}
	.tab_box2 li.tab_on a {border-bottom-color:inherit;}
	.tab_box2 li a span {padding:0 5px;}
}

@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_box2 li {width:50%;}
	.tab_box2 li a {height:42px;}
}

@media screen and (max-width:480px) {	
	.tab_box.tab_col5 li {width:100%;} /*탭:조정*/
	
	.tab_box2 li {float:none; width:100%;}
}

/* 5Depth */
.tab_depth05 {display:block; position:relative; margin:2rem 0;  overflow:hidden; border-radius:10px; border:2px solid #cacaca;}
.tab_depth05 + .tab_depth05 {margin-top:0;}
.tab_depth05 > ul {display:block; position:relative; padding:2rem 2.5rem;}
.tab_depth05 > ul:after {content:""; display:block; clear:both;}
.tab_depth05 li {display:block; position:relative; box-sizing:border-box; width:25%; float:left;}
.tab_depth05 a {display:block; position:relative; padding:.5em .8em; line-height:1.36; color:#333 !important; font-weight:700; text-decoration:none !important;}
.tab_depth05 a span {display:block; font-size:1.6rem; line-height:1.6rem; font-weight:400; overflow:hidden; text-overflow:ellipsis;}
.tab_depth05 a:before,
.tab_depth05 a:after {content:""; display:block; position:absolute;}
.tab_depth05 a:before {content:""; display:block; position:absolute; width:6px; height:6px; left:0; top:1.05em; margin-top:-3px; background:#BBBBBB; border-radius:100%;}
.tab_depth05 a.on,
.tab_depth05 a:hover {font-weight:600; color:#1C3473 !important;}
.tab_depth05 a.on:before,
.tab_depth05 a:hover:before {background:#1C3473;}
.tab_depth05 a.on span,
.tab_depth05 a:hover span {color:#1C3473; font-weight:600; text-decoration:underline;}

.tab_depth05 ul li a[target="_blank"] span:after {content:''; display:inline-block; width:1.45rem; height:1.45rem; margin-left: .8rem; background:url(../../images/web/layout/blank_s.svg) no-repeat 50% 50%;position:absolute;top:50%; transform:translateY(-50%);-webkit-transform:translateY(-50%);}

@media all and (max-width: 640px) {
	.tab_depth05 ul > li {width:50% !important; text-align:left;}
}
@media all and (max-width: 480px) {
	.tab_depth05 ul > li {width:auto !important; float:none !important;}
}


/* 강조구문 시작 */
.em_red {color:#E4032E;}
.em_orange {color:#ff4b40;}
.em_green {color:#198428;}
.em_sky {color:#317ad7;}
.em_navy {color:#1d2f9b;}
.em_purple {color:#7a3569;}

.em_b_red {color:#E4032E; font-weight:500;}
.em_b_orange {color:#f15d4e; font-weight:500;}
.em_b_green {color:#198428; font-weight:500;}
.em_b_sky {color:#317ad7; font-weight:500;}
.em_b_navy {color:#1d2f9b; font-weight:500;}
.em_b_purple {color:#7a3569; font-weight:500;}
.em_b {font-weight:500;}

.underline {text-decoration:underline;text-underline-position:under;}
/* 강조구문 끝 */

/* 본문 불릿 */
.blt {position:relative;margin-top:6px;padding-left:17px;font-size:16px;color:#575e6d;line-height:26px;letter-spacing:-0.04em;font-weight:400;font-family:'Score';word-break:keep-all;box-sizing:border-box;text-align:left;}
.blt:first-of-type{margin-top:0;}
.blt:before {display:block;position:absolute;top:7px;left:1px;width:11px;height:11px;border:3px solid #28ab3a;border-radius:50%;content:'';box-sizing:border-box;}
.blt.type2 {position:relative;margin-top:6px;padding-left:17px;font-size:16px; line-height:26px;letter-spacing:-0.04em;font-weight:400;font-family:'Score';word-break:keep-all;box-sizing:border-box;text-align:left;}
.blt.type2:before {display:block;position:absolute;top:7px;left:1px;width:11px; height:11px;border:3px solid #575e6d;border-radius:50%;content:'';box-sizing:border-box;}
.blt.type3 {position:relative;margin-top:0;padding-left:14px;font-size:16px; line-height:26px; font-weight:400; font-family:'Score'; word-break:keep-all;box-sizing:border-box;}
.blt.type3:before {display:block;position:absolute;top:10px;left:3px;width:4px;height:4px;background-color:#ff6858;border:none;border-radius:50%;content:'';box-sizing:border-box;}
.blt.type4{position:relative;margin-top:0;padding-left:14px;font-size:16px; line-height:26px; font-weight:400; font-family:'Score'; word-break:keep-all;box-sizing:border-box;}
.blt.type4:before{display:block;position:absolute;top:10px;left:3px;width:4px;height:4px;background-color:#191919;border:none;border-radius:50%;content:'';box-sizing:border-box;}
.blt.type5{position:relative;margin-top:0;padding-left:14px;font-size:15px; line-height:26px; font-weight:400;font-family:'Score';word-break:keep-all;box-sizing:border-box;}
.blt.type5: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;}

@media all and (max-width:1000px){
    .blt,
    .blt.type2{margin-top:2px;padding-left:14px;font-size:15px;}
    .blt:before,
    .blt.type2:before{left:0;}
    .blt.type3{padding-left:10px;font-size:15px;line-height:24px;}
    .blt.type3:before{left:0;}
    .blt.type5{padding-left:10px;font-size:14px;line-height:22px;}
    .blt.type5:before{top:10px;left:0;}
    .blt.type4{padding-left:10px;font-size:15px;}
}
@media all and (max-width:640px){
    .blt,
    .blt.type2{margin-top:0;font-size:14px;line-height:24px;}
    .blt:before,
    .blt.type2:before{top:6px;width:10px;height:10px;}
    .blt.type3{font-size:14px;}
    .blt.type3:before{top:9px;}
    .blt.type4{font-size:14px;line-height:24px;}
    .blt.type4:before{top:9px;}
}
/* 불릿 끝 */

/* 일반안내, 유의사항, 경고사항 시작 */
.Tip {position:relative; padding-left:27px; font-size:15px; color:#575e6d; line-height:28px; letter-spacing:-0.04em; font-weight:400; font-family:'Score'; 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/web/layout/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:#ff4b40;}
.Tip.type3:after {background-position:-40px 0;}

.bu .Tip {line-height:26px; font-size:16px;}

@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;}
}
/* 일반안내, 유의사항, 경고사항 끝 */

/* 텍스트 외부링크 안내 */
a.tg_link {position:relative; padding:0 25px 0 5px; font-weight:500;}
a.tg_link[target="_blank"] span:after {content:''; display:inline-block; width:1.45rem; height:1.45rem; margin-left: .8rem; background:url(../../images/web/layout/blank_s.svg) no-repeat 50% 50%;position:absolute;top:50%; transform:translateY(-50%);-webkit-transform:translateY(-50%);}

/* 텍스트 박스 */
h4 + .text_box {margin-top:1.2rem;}

.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:10px; box-sizing:border-box; padding:3rem 4rem;}
.text_box .text_box_inner .desc {display:block; font-size:16px; color:#444; line-height:28px; letter-spacing:0; font-weight:400; font-family:'Score'; box-sizing:border-box; word-break:keep-all;}
.text_box.type2 .text_box_inner {background-color:#f9f9f9; border-color:#f9f9f9;}
.text_box .text_box_inner .s_title {display:block; font-size:20px; line-height:40px; letter-spacing:-0.03em; font-weight:500; font-family:'Score'; color:#1d2f9b; box-sizing:border-box;}

.box-default .text_box_inner .desc {display:block; font-size:16px; color:#575e6d; line-height:28px; letter-spacing:0; font-weight:400; font-family:'Score'; box-sizing:border-box; word-break:keep-all;}
.box-default .text_box_inner  + .desc {margin-top:5px;}

@media screen and (max-width:640px) {
	.text_box .text_box_inner {padding: 2rem 3rem;}
	.text_box .text_box_inner .desc {font-size:14px; line-height: 24px;}
}
/* 아이콘 상단 박스 */
.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:#fff; border:1px solid #cacbce; border-radius:20px; box-sizing:border-box; min-height:180px; padding:40px 95px 40px 180px;}
.box_design.type1 .box_design_inner{background-color:#f4f4f9; border:none;}
.box_design .box_design_inner > .icon {display:block; position:absolute; box-sizing:border-box; top:40px;left:40px;width:100px;height:100px;background-color:#f4f6f9;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-size:20px;line-height:40px;letter-spacing:-0.03em;font-weight:500;font-family:'Score';box-sizing:border-box; color:#5646b4;}
.box_design .box_design_inner .con_box .desc {display:block;font-size:16px;color:#575e6d;line-height:26px;letter-spacing:-0.03em;font-weight:400; font-family:'Score'; 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 .con_box .warning {margin-top:11px;}

.box_design .box_design_inner .con_box .btn_box {margin-top:10px; padding-top:15px; text-align:right; border-top:1px dashed #ddd;}

.box_design .box_design_inner > .icon:before{background-image:url(../../images/web/layout/top_box_icons.png);}
.box_design .box_design_inner > .icon.type2:before{background-position:-100px 0;}
.box_design .box_design_inner > .icon.type3:before{background-position:-200px 0;}
.box_design .box_design_inner > .icon.type4:before{background-position:-300px 0;}
.box_design .box_design_inner > .icon.type5:before{background-position:-400px 0;}
.box_design .box_design_inner > .icon.type6:before{background-position:-500px 0;}
.box_design .box_design_inner > .icon.type7:before{background-position:-600px 0;}
.box_design .box_design_inner > .icon.type8:before{background-position:-700px 0;}
.box_design .box_design_inner > .icon.type9:before{background-position:-800px 0;}
.box_design .box_design_inner > .icon.type10:before{background-position:-900px 0;}
.box_design .box_design_inner > .icon.type11:before{background-position:left -100px;}
.box_design .box_design_inner > .icon.type12:before{background-position: -100px -100px;}
.box_design .box_design_inner > .icon.type13:before{background-position: -200px -100px;}
.box_design .box_design_inner > .icon.type14:before{background-position: -300px -100px;}
.box_design .box_design_inner > .icon.type15:before{background-position: -400px -100px;}
.box_design .box_design_inner > .icon.type16:before{background-position: -500px -100px;}
.box_design .box_design_inner > .icon.type17:before{background-position: -600px -100px;}
.box_design .box_design_inner > .icon.type18:before{background-position: -700px -100px;}

.box_design .box_design_inner .con_box .nyj_btn{margin-top:17px;margin-bottom:0;}
.bbs .box_design .box_design_inner .con_box .nyj_btn{margin-top:0px;margin-bottom:0;}

@media screen and (max-width:1500px) {
    .box_design .box_design_inner .con_box .Stitle {font-size:18px;line-height:32px;}
}
@media screen and (max-width:1000px) {
    .box_design .box_design_inner .con_box .Stitle{font-size:17px;line-height:30px;}
    .box_design .box_design_inner .con_box .desc{font-size:15px;line-height:26px;}
    .box_design .box_design_inner .con_box .nyj_btn{margin-top:10px;}
	.bbs .box_design .box_design_inner .con_box .nyj_btn{margin-top:0px;}
}
@media screen and (max-width:640px) {
    .box_design .box_design_inner{padding: 30px;}
	.box_design .box_design_inner > .icon {display:none;}	
	
	.box_design + .box_design {margin-top:15px;}
    .box_design .box_design_inner .con_box .Stitle {font-size:16px;line-height:28px;}
    .box_design .box_design_inner .con_box .desc {font-size:14px;line-height:24px;}
    .box_design .box_design_inner .con_box .warning {margin-top:5px;}
    .box_design .box_design_inner .con_box .nyj_btn {margin-top:5px;}
}


/*아이콘안내*/
.icon_box {display:block; overflow:hidden;  width:100%; background-color:#fff; min-height:300px; border:1px solid #cacbce; border-radius:20px;}
.icon_box .box_icon_inner {padding:20px; min-height:130px;}
.icon_box .box_icon_inner li {position:relative; display: inline-block; width:10%; text-align:center;}
.icon_box .box_icon_inner li > .icon {position:absolute; box-sizing:border-box; top:0px;left:0px;width:100px;height:100px;background-color:#fff; }
.icon_box .box_icon_inner li > .icon:before {display:block;position:absolute;top:10px;left:0;width:100px;height:100px;background-repeat:no-repeat;background-position:left top;content:'';box-sizing:border-box;}
.icon_box .box_icon_inner li > .icon:before {background-image:url(../../images/web/top_box_icons.png);}
.icon_box .box_icon_inner li > .icon.type2:before {background-position:-100px 0;}
.icon_box .box_icon_inner li > .icon.type3:before {background-position:-200px 0;}
.icon_box .box_icon_inner li > .icon.type4:before {background-position:-300px 0;}
.icon_box .box_icon_inner li > .icon.type5:before {background-position:-400px 0;}
.icon_box .box_icon_inner li > .icon.type6:before {background-position:-500px 0;}
.icon_box .box_icon_inner li > .icon.type7:before {background-position:-600px 0;}
.icon_box .box_icon_inner li > .icon.type8:before {background-position:-700px 0;}
.icon_box .box_icon_inner li > .icon.type9:before {background-position:-800px 0;}
.icon_box .box_icon_inner li > .icon.type10:before {background-position:-900px 0;}
.icon_box .box_icon_inner li > .icon.type11:before {background-position:left -100px;}
.icon_box .box_icon_inner li > .icon.type12:before {background-position:-100px -100px;}
.icon_box .box_icon_inner li > .icon.type13:before {background-position:-200px -100px;}
.icon_box .box_icon_inner li > .icon.type14:before {background-position:-300px -100px;}
.icon_box .box_icon_inner li > .icon.type15:before {background-position:-400px -100px;}
.icon_box .box_icon_inner li > .icon.type16:before {background-position:-500px -100px;}
.icon_box .box_icon_inner li > .icon.type17:before {background-position:-600px -100px;}
.icon_box .box_icon_inner li > .icon.type18:before {background-position:-700px -100px;}

/* 스텝박스 시작 */
.step_box {display:block;position:relative;width:100%;padding:35px;background-color:#f4f4f9;border-radius:20px;box-sizing:border-box;}
.step_box .step_list{display:block;overflow:visible;width:100%;font-size:0;line-height:0;box-sizing:border-box;}
.step_box .step_list .step_item{display:inline-block;width:calc((100% - 31px) / 2);margin-left:30px;vertical-align:top;box-sizing:border-box;}
.step_box .step_list .step_item:first-child{margin-left:0;}
.step_box .step_list .step_item .step_item_inner{display:block;position:relative;width:100%;font-size:0;line-height:0;box-sizing:border-box;text-align:center;}
.step_box .step_list .step_item .step_item_inner:before{display:block;z-index:1;position:absolute;top:calc((100% - 33px) / 2);right:-17px;width:35px;height:35px;background-color:#ffff;background-image:url(../../images/web/layout/step_box_arrow.png);background-repeat:no-repeat;background-position:left 13px top 9px;border-radius:50%;box-shadow:3px 4px 5px 0px rgba(216, 219, 225, 0.37);content:'';box-sizing:border-box; border: 1px solid #888;}
.step_box .step_list .step_item:last-child .step_item_inner:before{display:none;}
.step_box .step_list .step_item .step_item_inner .step_title{display:table; position:relative; width:100%; height:100%; min-height:65px; padding:0 20px; background-color:#fff; border:1px solid #888; border-radius:10px; box-sizing:border-box;}
.step_box .step_list .step_item:first-child .step_item_inner .step_title{background-color:#3573b0;border-color:#3573b0;}
.step_box .step_list .step_item:last-child .step_item_inner .step_title{background-color:#da4a6f;border-color:#da4a6f;}
.step_box .step_list .step_item .step_item_inner .step_title .text{display:table-cell;font-size:16px;color:#252831;line-height:22px;letter-spacing:-0.03em;font-weight:400; vertical-align:middle;box-sizing:border-box;}
.step_box .step_list .step_item:first-child .step_item_inner .step_title .text,
.step_box .step_list .step_item:last-child .step_item_inner .step_title .text{color:#fff;}

/* 내용있는 스텝박스 */
.step_box .step_list .step_item .step_item_inner .step_desc_title{border-radius:10px 10px 0 0;}
.step_box .step_list .step_item .step_item_inner .step_desc{display:table;width:100%;min-height:69px;margin-top:-10px;padding:23px 20px 18px;background-color:#fff;border:1px solid #cacbce;border-bottom-left-radius:10px;border-bottom-right-radius:10px;font-size:0;line-height:0;box-sizing:border-box;}
.step_box .step_list .step_item .step_item_inner .step_desc .text{display:inline-block;font-size:16px;color:#575e6d;line-height:26px;letter-spacing:-0.02em;font-weight:400; vertical-align:top;box-sizing:border-box;}

/* 숫자있는 스텝박스 */
.step_box.num_type .step_list .step_item .step_item_inner .step_num{display:block;z-index:1;position:absolute;top:-7px;left:7px;width:28px;height:28px;background-color:#191919;border-radius:12px;font-size:15px;color:#fff;line-height:28px;letter-spacing:-0.03em;font-weight:400;font-family:'Montserrat';box-sizing:border-box;}

/* 세로형 스텝박스 */
.step_box.verti_type .step_list .step_item{display:block;width:100%;margin-left:0;padding-top:30px;box-sizing:border-box;}
.step_box.verti_type .step_list .step_item:first-child{padding-top:0;}

@media screen and (min-width:641px) {
    .step_box[data-row="2"] .step_list .step_item:nth-child(2n+1){margin-left:0;}
    .step_box[data-row="2"] .step_list .step_item:nth-child(n+3){margin-top:20px;}
    .step_box.verti_type .step_list .step_item .step_item_inner{display:table;width:100%;box-sizing:border-box;}
    .step_box.verti_type .step_list .step_item .step_item_inner:before{top:auto;right:auto;bottom:-15px;left:106px;background-image:url(../../images/web/layout/step_box_arrow2.png);background-repeat:no-repeat;background-position:left 9px top 13px;}
    .step_box.verti_type .step_list .step_item .step_item_inner .step_title{display:table-cell;width:245px;padding-top:20px;padding-bottom:20px;vertical-align:middle;}
    .step_box.verti_type .step_list .step_item .step_item_inner .step_title .text{display:inline-block;}
    .step_box.verti_type .step_list .step_item .step_item_inner .step_desc{display:table-cell;position:relative;width:auto;height:80px;margin-top:0;padding:6px 0px 6px 33px;background-color:transparent;border:none;border-radius:unset;vertical-align:middle;text-align:left;}
    .step_box.verti_type .step_list .step_item .step_item_inner .step_desc:before{display:block;position:absolute;top:-16px;right:0;width:calc(100% - 33px);height:1px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAAXNSR0IArs4c6QAAABBJREFUGFdjZICCVWvW/QcAByEDBV3rbHIAAAAASUVORK5CYII=);background-repeat:repeat-x;background-position:left top;content:'';box-sizing:border-box;}
    .step_box.verti_type .step_list .step_item:first-child .step_item_inner .step_desc:before{display:none;}
}

@media screen and (min-width:641px) and (max-width:1000px) {
    .step_box .step_list .step_item{width:calc((100% - 21px) / 2);margin-left:20px;}
    .step_box.verti_type .step_list .step_item{padding-top:20px;}
    .step_box.verti_type .step_list .step_item .step_item_inner:before{left:86px; /*background-position:left 7.5px top 12px;*/}
    .step_box.verti_type .step_list .step_item .step_item_inner .step_title{width:200px;}
    .step_box.verti_type .step_list .step_item .step_item_inner .step_desc{padding-left:23px;}
    .step_box.verti_type .step_list .step_item .step_item_inner .step_desc:before{top:-11px;width:calc(100% - 23px);}
}
@media screen and (min-width:641px) and (max-width:800px) {
    .step_box[data-row="3"] .step_list .step_item,
    .step_box[data-row="4"] .step_list .step_item,
	.step_box[data-row="5"] .step_list .step_item{width:calc((100% - 22px) / 2);}
    .step_box[data-row="3"] .step_list .step_item:nth-child(2n+1),
    .step_box[data-row="4"] .step_list .step_item:nth-child(2n+1),
	.step_box[data-row="5"] .step_list .step_item:nth-child(2n+1){margin-left:0;}
    .step_box[data-row="3"] .step_list .step_item:nth-child(n+3),
    .step_box[data-row="4"] .step_list .step_item:nth-child(n+3),
	.step_box[data-row="5"] .step_list .step_item:nth-child(n+3){margin-top:20px;}
}
@media screen and (min-width:801px) and (max-width:1000px) {
    .step_box[data-row="3"] .step_list .step_item,
    .step_box[data-row="4"] .step_list .step_item,
	.step_box[data-row="5"] .step_list .step_item{width:calc((100% - 41px) / 3);}
    .step_box[data-row="3"] .step_list .step_item:nth-child(3n+1),
    .step_box[data-row="4"] .step_list .step_item:nth-child(3n+1),
	.step_box[data-row="5"] .step_list .step_item:nth-child(3n+1){margin-left:0;}
    .step_box[data-row="3"] .step_list .step_item:nth-child(n+4),
    .step_box[data-row="4"] .step_list .step_item:nth-child(n+4),
	.step_box[data-row="5"] .step_list .step_item:nth-child(n+4){margin-top:20px;}
}
@media screen and (min-width:1001px) {
    .step_box[data-row="3"] .step_list .step_item{width:calc((100% - 61px) / 3);}
    .step_box[data-row="3"] .step_list .step_item:nth-child(3n+1){margin-left:0;}
    .step_box[data-row="3"] .step_list .step_item:nth-child(n+4){margin-top:20px;}
    .step_box[data-row="4"] .step_list .step_item{width:calc((100% - 91px) / 4);}
    .step_box[data-row="4"] .step_list .step_item:nth-child(4n+1){margin-left:0;}
    .step_box[data-row="4"] .step_list .step_item:nth-child(n+5){margin-top:20px;}
	.step_box[data-row="5"] .step_list .step_item{width:calc((100% - 121px) / 5);}
    .step_box[data-row="5"] .step_list .step_item:nth-child(5n+1){margin-left:0;}
    .step_box[data-row="5"] .step_list .step_item:nth-child(n+6){margin-top:20px;}
}
@media screen and (max-width:1500px) {
    .step_box{padding:25px;}
    .step_box .step_list .step_item .step_item_inner .step_title{padding:0 15px;}
}
@media screen and (max-width:1000px) {
    .step_box{padding:20px;}
    .step_box .step_list .step_item .step_item_inner:before{top:calc((100% - 30px) / 2); right:-15px; }
    .step_box .step_list .step_item .step_item_inner .step_title{padding:0 10px; min-height:60px;}
    .step_box .step_list .step_item .step_item_inner .step_title .text{font-size:15px;}
    .step_box .step_list .step_item .step_item_inner .step_desc{padding:23px 15px 15px;}
    .step_box .step_list .step_item .step_item_inner .step_desc .text{font-size:15px;}
}
@media screen and (max-width:640px) {
    .step_box{padding:15px; margin-top:15px;}
    .step_box .step_list .step_item{width:100%;margin-left:0;}
    .step_box .step_list .step_item:nth-child(n+2){margin-top:31px;}
    .step_box.verti_type .step_list .step_item:nth-child(n+2){margin-top:0px;}
    .step_box .step_list .step_item .step_item_inner:before{top: calc(100% + -10px);right:auto; left:calc((100% - 35px) / 2); width: 35px;height: 35px;background-color:#fff;background-image:url(../../images/web/layout/step_box_arrow2.png);background-position: left 9px top 15px;/* box-shadow:3px 4px 5px 0px rgb(216, 219, 225); */ transform:scale(0.8);}
    .step_box .step_list .step_item .step_item_inner .step_title{min-height:auto; padding:16px;}
    .step_box .step_list .step_item .step_item_inner .step_desc{min-height:auto;padding:18px 12px 10px;}
    .step_box .step_list .step_item .step_item_inner .step_desc .text{font-size:14px;line-height:24px;text-align:left;}
    .step_box .step_list .step_item .step_item_inner .step_title{height:auto !important;}
	.verti_type .step_list .step_item .step_item_inner .step_title{border-radius: 10px 10px 0 0;}
    .step_box .step_list .step_item .step_item_inner .step_desc{height:auto !important;}
}

/* 목록 시작 */
/* 순서 없는 목록(혼합) */
.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:17px; font-size:16px; color:#444; line-height:24px; letter-spacing:-0.04em; font-weight:400; font-family:'Score'; word-break:keep-all;box-sizing:border-box;}
.bu.basic > li {display:block;position:relative;width:100%;margin-top:0;padding-left:12px; font-size:16px; color:#444; line-height:26px; letter-spacing:-0.02em; font-weight:400; font-family:'Score'; word-break:keep-all;box-sizing:border-box;}
.bu > li:first-child{margin-top:0;}
.bu > li:before {display:block;position:absolute;top:7px;left:1px;width:11px;height:11px;border:3px solid #70a867; border-radius:50%; content:'';box-sizing:border-box;}
.bu.type2 > li:before {border-color:#444;}
.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 > 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:13px;font-size:15px;color:#444;line-height:26px;letter-spacing:-0.04em;font-weight:400;font-family:'Score';box-sizing:border-box;}
.num > li > ul > li:before {display:block;position:absolute;top:12px;left:1px;width:5px;height:2px;background-color:#28ab3a; border:none; border-radius:unset; content:''; box-sizing:border-box;}

.bu > li > ul > li:before,
.bu > li > ol > li:before {display:block;position:absolute;top:12px;left:1px;width:5px;height:2px;background-color:#555; border:none; border-radius:unset; 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:15px;color:#444;line-height:26px;letter-spacing:-0.04em;font-weight:400;font-family:'Score';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:14px; line-height:26px; font-weight:400; font-family:'Score'; box-sizing:border-box;}
.num > li > ul > li > ul > li:before {display:block;position:absolute;top:12px;left:2px;width: 4px;height: 4px;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:14px;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:14px;font-size:15px;}
    .bu.basic > li {padding-left:10px;font-size:15px;}
    .bu > li:before {left:0;}
    .bu > li > ul,
    .bu > li > ol {margin-top:2px;}	    
    .bu > li > ul > li,
    .bu > li > ol > li,
	.num > li > ul > li {padding-left:10px; font-size:15px; line-height:24px;}    
    .bu > li > ul > li:before,
    .bu > li > ol > li:before,
	.num > li > ul > li:before {top:10px;}    	
    .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:14px;line-height:24px;}    	
    .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:21px;height:21px;font-size:13px;line-height:21px;}	 	
}
@media screen and (max-width:640px) {
    .bu > li {margin-top:0;font-size:14px;line-height:24px;}
    .bu.basic > li {font-size:14px;line-height:24px;}
    .bu > li:before {top:6px;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,
	.num > li > ul > li {font-size:14px;}
	.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 {line-height:22px;}
}

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

/* 순서있는 목록 */
.num > li,
.kor > li {display:block;position:relative;width:100%;margin-top:6px;padding-left:30px;font-size:16px;color:#444;line-height:26px;letter-spacing:-0.02em;font-weight:400;font-family:'Score';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';}

.kor > li > .text {font-family:'Score';}
.num > li > .number,
.kor > li > .text .kor > li > .text {display:block; position:absolute ;top:1px; left:0; width:25px; height:25px; font-size:18px; color: #0066a6; line-height:25px; letter-spacing:-0.03em; font-weight: 600; content:''; box-sizing:border-box; text-align:center;}
.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: 4px 0 8px; padding-left:26px; font-size:15px; color:#444; line-height: 20px; letter-spacing:-0.02em; font-weight:400; font-family:'Score'; 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:15px;color:#444;line-height:24px;letter-spacing:-0.02em;font-weight:400;font-family:'Score';box-sizing:border-box;}

.num > li > .num > li > .number {font-family:'Montserrat';}
.kor > li > .kor > li > .text {font-family:'Score';}
.num > li > .num > li > .number {display:block; position:absolute; top:0; left:0; width:20px; height:20px; background-color:#8f51e3; border-radius:50%; font-size:13px; color:#fff; line-height:20px; 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:2px;padding-left:28px;font-size:15px;}
    .num > li > .number,
    .kor > li > .text {top:2px;width:23px;height:23px;font-size:17px;line-height:23px;}
    .num.color > li > .number,
    .kor.color > li > .text {line-height:21px;}    
	.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:13px;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 {margin-top:0;padding-left:26px;font-size:14px;line-height:24px;}
    .num > li > .number,
    .kor > li > .text {width:21px;height:21px;font-size:16px;line-height:21px;}
    .num.color > li > .number,
    .kor.color > li > .text {line-height:19px;}
    .num > li > .num > li,   
    .kor > li > .kor > li {margin-top:0;padding-left:25px;font-size:14px;}
    .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:25px;}	
    .num > li > .num > li > .num > li > .number,
    .kor > li > .kor > li > .kor > li > .text {top:2px;width:18px;height:18px;line-height:16px;}
}

/* 타이틀 목록 */
.title_list > li{display:block;position:relative;width:100%;margin-top:6px;padding-left:17px;font-size:0;line-height:0;word-break:keep-all;box-sizing:border-box;}
.title_list > li:first-child{margin-top:0;}
.title_list > li .list_title{display:inline-block;margin-right:5px;font-size:16px;color:#252831;line-height:26px;letter-spacing:-0.04em;font-weight:500;font-family:'Score';vertical-align:top;box-sizing:border-box;}
.title_list > li .list_desc{display:inline-block;font-size:16px;color:#444;line-height:26px;letter-spacing:-0.04em;font-weight:400;font-family:'Score';vertical-align:top;box-sizing:border-box;}
.title_list > li > .flexbox{display:flex;width:100%;box-sizing:border-box;}
.title_list > li > .flexbox > .list_title{flex-shrink:0;}
.title_list.color > li .list_title{color:#0f9521;}
@media screen and (max-width:1000px) {
    .title_list > li{margin-top:2px;padding-left:14px;}
    .title_list > li .list_title{font-size:15px;}
    .title_list > li .list_desc{font-size:15px;}
}
@media screen and (max-width:640px) {
    .title_list > li{margin-top:0;}
    .title_list > li .list_title{font-size:14px;line-height:24px;}
    .title_list > li .list_desc{font-size:14px;line-height:24px;}
}

/* 반반 목록 */
@media screen and (min-width:1001px) {
    .bu.half,
    .bu.basic.half,
    .num.half,
    .kor.half,
    .title_list.half{}
    .bu.half > li,
    .bu.basic.half > li,
    .num.half > li,
    .kor.half > li,
    .title_list.half > li{display:inline-block;width:50%;vertical-align:top;box-sizing:border-box;}
    .bu.half > li:nth-child(-n+2),
    .bu.basic.half > li:nth-child(-n+2),
    .num.half > li:nth-child(-n+2),
    .kor.half > li:nth-child(-n+2),
    .title_list.half > li:nth-child(-n+2){margin-top:0;}
}
/* 목록 끝 */


/* 일반버튼 */
.basic_btn {display:inline-block;position:relative;width:auto;font-size:0;line-height:0;margin-top:4px; margin-bottom:4px; border-radius:6px;vertical-align:top;box-sizing:border-box;text-align:center;transition-property:border-color;transition-duration:250ms;transition-timing-function:ease-in-out; border:1px solid #1b224e;}
.basic_btn + .basic_btn {margin-left:7px;}
.basic_btn:last-child {margin-right:0;}
.basic_btn:after {display:block;z-index:1;position:absolute;bottom:0;left:0;width:100%;height:0px;border-radius:4px;background-color:transparent;content:'';box-sizing:border-box;transition-property:height, background-color;transition-duration:250ms;transition-timing-function:ease-in-out;}
.basic_btn .btn {display: inline-flex;justify-content: center;align-items: center;z-index:3;position:relative;width: auto;height: 5.2rem;padding:12px 20px;border:none;font-size:16px;line-height: 1;letter-spacing:-0.02em;font-weight:400;font-family:'SCore';vertical-align:top;box-sizing:border-box;transition-property:color;transition-duration:250ms;transition-timing-function:ease-in-out;}
.basic_btn.short .btn {min-width:auto !important;}
.basic_btn .btn:hover {text-decoration:none;}

.basic_btn.navy_type{background-color:#054681; border:1px solid #054681;}
.basic_btn.navy_type:hover{border:1px solid #256b4f;}
.basic_btn.navy_type:hover:after{height:100%;background-color:#256b4f;}
.basic_btn.navy_type .btn{color:#fff;}

.basic_btn.navy_type:hover .btn,
.basic_btn.navy_type .btn:hover {color:#fff;}

.basic_btn .btn.xsm {height: 3.2rem;}
.basic_btn .btn.sm {height: 4rem;}
.basic_btn .btn.md {height: 4.8rem;}
.basic_btn .btn.xlg {height: 6.4rem;}

/* 정보 버튼 */
.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:165px; padding-right:40px; padding-left:60px; color:#4d4d4d; font-weight:500; font-size:17px; line-height:22px; vertical-align:top;}
.box_buttons .button_subject:before {display:block; position:absolute; content: ''; top:-10px; left:0; width:45px; height:45px; border-radius:20px; background:#f1f0f9 no-repeat center center;}

.box_buttons .button_only_t {display:inline-block; position:relative; width:65px; padding-right:40px; padding-left:0; color:#4d4d4d; font-weight:500; font-size:0; line-height:22px; vertical-align:top;}
.box_buttons .button_only_t:before {display:block; position:absolute; content: ''; 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, .box_buttons .button_item.tel .button_only_t:before {background-image:url(../../images/web/layout/button_icon1.svg);}
.box_buttons .button_item.email .button_subject:before, .box_buttons .button_item.email .button_only_t:before{background-image:url(../../images/web/layout/button_icon2.svg);}
.box_buttons .button_item.address .button_subject:before, .box_buttons .button_item.address .button_only_t:before{background-image:url(../../images/web/layout/button_icon3.svg);}
.box_buttons .button_item.file .button_subject:before, .box_buttons .button_item.file .button_only_t:before{background-image:url(../../images/web/layout/button_icon4.svg);}
.box_buttons .button_item.homepage .button_subject:before, .box_buttons .button_item.homepage .button_only_t:before{background-image:url(../../images/web/layout/button_icon5.svg);}
.box_buttons .button_subject:after{display:block; position:absolute; content: ''; top:6px; right:22px; width:2px; height:10px; background:url(../../images/web/layout/colons.png) no-repeat;}
.box_buttons .button_text{display:inline-block; width:calc(100% - 165px); color:#4d4d4d; font-size:17px; line-height:22px;}

.box_buttons .button_link{display:inline-block; position:absolute; top:0; right:0; height:100%; vertical-align:top;}
.box_buttons .button_link .emphasis_button {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/web/layout/down1.svg);}
.box_buttons .button_link .emphasis_button.view {background-image:url(../../images/web/layout/search1.svg);}
.box_buttons .button_link .emphasis_button.blank {background-image:url(../../images/web/layout/blank1.svg);}
.box_buttons .button_link .emphasis_button.link {background-image:url(../../images/web/layout/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{width:140px; padding-right:18px; padding-left:45px; font-size:15px; 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 all and (max-width: 1024px){
    .box_buttons.half .button_item {width:100%; margin-right:0;}
	.box_buttons.half .button_item.file .button_text,
    .box_buttons.half .button_item.homepage .button_text{display: inline-block;width: 50%;padding-top: 0;}
}

@media all and (max-width: 800px){
    .box_buttons.half .button_item {padding-right:18px; padding-left:18px;}
    .box_buttons.half .button_subject {width:135px; padding-right:15px; padding-left:50px;}
    .box_buttons.half .button_subject:after{right:10px;}
    .box_buttons.half .button_text {width:calc(100% - 135px);}
}
@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{width:100%; padding-right:0; padding-left:0;}
    .box_buttons.half .button_text{width:100%;}
}

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

.icon_button.default > .ic1.download {background-image:url(../../images/web/layout/down.png);}
.icon_button.default:hover > .ic1.download {background-image:url(../../images/web/layout/down_w.png); }
.icon_button.default > .ic1.link {background-image:url(../../images/web/layout/blank.png);}
.icon_button.default:hover > .ic1.link {background-image:url(../../images/web/layout/blank_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/web/layout/down_w.png); background-size:contain;}
.icon_button.colorBtn > .ic1.link {background-image:url(../../images/web/layout/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: 14px; }
}

/*박스 리스트 */
.tb-list {overflow:hidden;  padding: 30px; box-sizing: border-box; background:#f5f6fa;}
.tb-list li {width:25%;float:left;text-align:center;padding: 7px;box-sizing: border-box;}
.tb-list.n03 li {width:33.33%;}
.tb-list.n04 li {width:25%;}
.tb-list li span {display:block; padding:13px 0; border:1px solid #cbccce;}
.tb-list li .txt {background:#fff; font-size:15px;}
.tb-list li.col .txt {padding:3px 0}

@media all and (max-width:640px){
	.tb-list {border-bottom:0;padding: 1rem;}
	.tb-list li , .tb-list.n03 li, .tb-list.n04 li { width: 50%;}	
	.tb-list li.last-col .txt {border-bottom: 1px solid #979797;}
}

@media all and (max-width:480px){
	.tb-list li , .tb-list.n03 li, .tb-list.n04 li {float:none; width:100%; text-align:center;}
	.tb-list li span {width:100%;display:inline-block;vertical-align:top;padding:13px 0;}
	.tb-list li.col .txt {padding:3px 0 4px}

}


/* 라인박스  */
.welfareWrap {border-top: 1px solid #222; margin-bottom:30px;}
.welfareBox {padding:35px 0; border-bottom: 1px solid #ddd; display: flex;}
.wel_tit {font-size:2.0rem; letter-spacing: -.5px; line-height: 1.45; padding-left:35px; width:200px; font-family: 'Score'; font-weight:500; box-sizing: border-box;}
.wel_tit.Type2 {width:20%;}
.wel_tit.Type3 {width:27%;}
.wel_tit.Type4 {width:23%;}
.wel_sub {font-size:1.6rem; font-weight:400; letter-spacing: -.5px; flex: 1; line-height: 1.6;}


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

@media screen and (max-width:920px){	
	.welfareBox {padding:25px 0; flex-direction: column;}
	.wel_tit {width:100%; padding-left:0; margin-bottom:5px;}
	.wel_tit.Type2 {width:100%;}
	.wel_tit.Type3, .wel_tit.Type4 {width:100%;}
}

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


/* grid */
.even-grid {list-style:none; box-sizing:border-box; min-height:0; margin:10px -10px; padding:0;}
.even-grid:before,
.even-grid:after {content:'';display:table;clear:both;}
.even-grid > .column{display:inline-block; position:relative; box-sizing:border-box; /* ☆ */ margin:0 -.25em 0 0; padding:10px; /* ☆ */ vertical-align:top;}

.even-grid[class*='evenmix-2']>.column {width:50%;}
.even-grid[class*='evenmix-3']>.column {width:33.333%;}
.even-grid[class*='evenmix-4']>.column {width:25%;}

.even-grid > .column.large-8 {width:66.66667%;}

.gridbox {position:relative; display:block; border:1px solid #ccc; border-radius:10px; margin:0; padding:20px 30px; box-sizing:border-box;}
.gridbox .title1{display:block; margin:10px 0; border-bottom:1px dotted #777; padding:0 0 15px; text-align:center;}

.gridbox img{margin:30px 0;}
.gridbox.h01{height:230px;box-sizing:border-box;}

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

@media screen and (max-width:680px){
	.gridbox.h01{height:auto;}
	.gridbox .t1{font-size:16px;}
	.even-grid[class*='evenmix-2']>.column, .even-grid[class*='evenmix-3']>.column, .even-grid[class*='evenmix-4']>.column {width:100%;}
}


/*아이콘 그리드박스*/
.iconbox {position:relative; display:block; border:1px solid #ccc; border-radius:10px; margin:0; padding:170px 30px 20px; box-sizing:border-box;min-height: 290px;}
.iconbox .title{display:block; position:relative; letter-spacing:-0.02em; font-weight:500; font-family: 'Score'; box-sizing:border-box; margin:10px 0; padding:0; text-align:center; font-size:18px; color:#2F3336;}
.iconbox .txt_desc {text-align:center;}
.iconbox .txt_desc .txt {color: #252831;font-size: 16px;font-weight: 400;line-height: 24px;letter-spacing: -0.03em;word-break: keep-all;}
.column .iconbox:before {display:block; content: ''; background-repeat:no-repeat; background-size:contain; position:absolute; top:47px; left:calc(50% - 51px); width:102px; height:97px;}

.even-grid[class*='evenmix-3']>.w_full {width:100%;}
.even-grid[class*='evenmix-3']>.w_full .iconbox {position:relative; display:block; border:1px solid #ccc; border-radius:10px; margin:0; padding:20px 30px; box-sizing:border-box; min-height: 150px;}


/*그리드 + 이미지*/
.imgbox1{}
.imgbox1 .box-in{display:block; margin:0 auto; border-radius:10px; box-sizing:border-box; overflow:hidden; text-align:center;}
.imgbox1 img{width:100%;}
.imgbox1 img{max-width:100%; height:auto; border:0; vertical-align:top;}
.imgbox1 .dpb{display: block; background:#f7f8fb; color:#555; padding:15px 5px; text-align:center; word-break:keep-all; line-height:22px; font-weight:normal;}
.imgbox1 .button.default1 {border-color:#e0e0e0;background-color:#f9fafc;}


/* 단독 라인박스 */
.img_linebox {position: relative; display: block; overflow:hidden; box-sizing:border-box; margin-top:16px; padding:30px 10px; border-radius:10px; border:1px solid #ddd; text-align:center;}
.img_linebox img {max-width:100%; height:auto; border:0; vertical-align:top;}

/********************************
 이미지박스 : 큰이미지보기
 *******************************/
/*단독*/
.imgbox {position:relative; width:100%; height:100%;}
.imgbox img {width:100%; height:100%; border-radius:22px;box-shadow:13px 15px 15px rgba(175,184,198,0.48);}
.imgbox a {display:none; position:absolute; bottom:10px; right:10px; margin:0; padding:0; padding:10px 15px 10px 30px; color:#fff; text-align:center; background-color:#111; border-radius:8px; font-size:1.5rem;}
.imgbox a:before {content:'';display:block;position: absolute; top:17px; left:10px; width:14px; height:14px; background-image:url(../../images/web/layout/search2.svg); background-repeat:no-repeat; background-position:center center; background-size:13px 13px;}

.imgbox a span {position:relative; display:inline-block;}
.img_title{position:absolute; bottom:0; left:0; min-width:200px; padding:14px 20px; border-radius:0 30px 0 20px; background-color:#fff; text-align:center; font-size:1.5rem; font-family: 'Score'; font-weight:500; line-height:22px; letter-spacing:0;color:#151515;}

/*여러개*/
.img_list {display:flex; flex-wrap:wrap; align-items:stretch; gap:20px;}
.img_list .imgbox {width:calc(50% - 10px);}
.img_list .imgbox.all {width:100%;}

.img_list.col3 .imgbox {width:calc(33.3333% - 14px);}
.img_list.col4 .imgbox {width:calc(25% - 18px);}

/*단독 Tpye2*/
.big_img {position:relative;}
.big_img img {max-width:100%; display:block; margin:0 auto;}
.big_img a {display:none;position:absolute; bottom:10px; right:10px; margin:0; padding: 10px 15px 10px 30px; color:#fff; text-align:center; background-color:#111; border-radius:8px; font-size:1.6rem;}
.big_img a:before {content:'';display:block;position: absolute; top:12px; left:10px; width:14px; height:14px; background-image:url(../../images/web/layout/search2.svg); background-repeat:no-repeat; background-position:center center; background-size:13px 13px;}
.big_img a span {position:relative; display:inline-block; font-family: 'Score'; font-weight:500;}

/* media query */
@media screen and (max-width:1500px){
    .img_title{min-width:200px; padding:12px;}
}

@media screen and (max-width:980px) {
	.imgbox a {display:block; font-size:1.3rem;}
	
	.img_list {gap:10px;}
	.img_list .imgbox {width:calc(50% - 5px);}
	.img_list .imgbox a {bottom:20px;}
	.img_list.col3 .imgbox,
	.img_list.col4 .imgbox {width:calc(50% - 5px);}
}

@media screen and (max-width:640px) {
	.img_list .imgbox {width:100%;}
	.img_list.col3 .imgbox,
	.img_list.col4 .imgbox {width:100%;}
	.img_title {min-width:160px;padding:12px;font-size:15px;line-height:20px;}
}

@media screen and (max-width:768px) {
	.img_list .imgbox {border:none;}
	.big_img a {display:block;font-size:1.3rem;}
}

/* *********************************************************************************
 * 공통 기본
 * *********************************************************************************/
input[type="text"], input[type="password"] {height:45px; font-size:17px; border:1px solid #d2d2d2; text-indent:5px; background:#fff; color:#555; vertical-align:middle; border-radius:8px;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {border:1px solid #606060 !important; outline:0;}
select {height:45px; padding:0 0 0 5px; font-size:16px; border:1px solid #d2d2d2; color:#444; -webkit-appearance:none; -moz-appearance:none; appearance:none; vertical-align:middle; background-image:url(../../images/web/layout/select_arr.png); background-color:#fff; background-repeat:no-repeat; background-position:96% center; background-position:right 7px center;}
select::-ms-expand {display:none;/* 화살표 없애기 for IE10, 11*/}
textarea {width:100%; resize:vertical; border:1px solid #d2d2d2;}
input[type="text"]:disabled, input[type="password"]:disabled, select:disabled {background-color:#fbfbfb;}
input[type="text"][readonly], input[type="password"][readonly], select[readonly], textarea[readonly] {background-color:#fbfbfb !important;}

	/*media query*/
@media screen and (max-width:767px) {
  input[type="text"], input[type="password"] {font-size:15px;}
}

/********************************
 테이블
 *******************************/
/*스크롤*/
.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/web/layout/arrow_ir.png) -56px 0 no-repeat;}

table.txt_c {text-align:center;}
table.txt_l {text-align:left;}
table.txt_r {text-align:right;}
table.valg_m th, table.valg_m td {vertical-align:middle;}

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;}

.tb_line {background-image: linear-gradient(to bottom right, transparent calc(50% - 1px), #bbb, transparent calc(50% + 1px));background-size: 120% 120%;background-position: center;}
.tb_bgcor00 {background:#ffffe5 !important;}
.tb_bgcor01 {background:#ffe7d8 !important;}
.tb_bgcor02 {background:#dfe6f7 !important;}

/*기본 테이블*/
.tbl_base {table-layout:fixed; margin-bottom:10px; width:100%; font-size: 16px; line-height:1.4; border-style:solid; border-color:#ccc; 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 #bbb; border-bottom:1px solid #bbb; background-color:#f7f4ff;}
.tbl_base thead th:last-child {border-right-width:0;}
.tbl_base thead th.addline {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 tbody th {color:#333; font-weight:500; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fbfbfb; text-align:center;}
.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.addline {border-right-width:1px;}

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

.tbl_base thead th,
.tbl_base thead td,
.tbl_base tbody th,
.tbl_base tbody td,
.tbl_base tfoot th,
.tbl_base tfoot td {word-break: break-all;}

/*테이블안 순서목록*/
.tbl_num {display:block;width:100%; margin-top:0; padding-top:4px; padding-bottom:8px; box-sizing:border-box; font-size:0;line-height:0;box-sizing:border-box;text-align:left;}
.tbl_num > li {display:block;position:relative;width:100%;margin-top: 4px;padding-left: 26px;font-size:15px;color:#444;line-height: 20px;letter-spacing:-0.02em;font-weight:400;font-family:'Score';box-sizing:border-box;}
.tbl_num > li > .number {font-family:'Montserrat';}
.tbl_num > li > .number {display:block; position:absolute; top:0; left:0; width:20px; height:20px; background-color:#8f51e3; border-radius:50%; font-size:13px; color:#fff; line-height:20px; letter-spacing:-0.03em; font-weight:400; content:''; box-sizing:border-box; text-align:center;}


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

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

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

@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;}/*스크롤 사용시 테이블 사이즈 고정*/
}

@media screen and (max-width:640px) {
	.tbl_base {font-size: 15px;}
	
	.tbl_num > li {font-size:14px; padding-left: 22px;}
	.tbl_num > li > .number {width:17px; height:17px; font-size: 12px; line-height:18px; }
}

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

/****************************************************************
	Form Style
****************************************************************/

.conts input[type="text"],
.conts input[type="search"],
.conts input[type="number"],
.conts input[type="password"],
.conts input[type="file"],
#contents select,
#contents textarea {border:1px solid #ddd; background-color:#fff; font-size:.75em; padding:0 .882em; box-sizing:border-box;}
.conts input[type="text"],
.conts input[type="search"],
.conts input[type="number"],
.conts input[type="password"],
.conts input[type="file"] {height:2.787em;}
#contents select {padding-right:2em; height:45px;}
#contents textarea {padding:.882em; min-height:5em;}

.conts input[type="radio"] {display:block; position:absolute; top:0; left:0; opacity:0; z-index:-999;}
.conts input[type="radio"] + label {display:inline-block; position:relative; padding-left:1.667em; vertical-align:middle; line-height:1.4em; min-height:1.4em;}
.conts input[type="radio"] + label:before {content:""; display:block; position:absolute; left:0; top:.7em; margin-top:-.58333335em; width:1.1112em; height:1.1112em; background:url(../img/form/spr_radio2.svg) no-repeat 0 0; background-size:auto 100%;}
.conts input[type="radio"]:focus + label {text-decoration:underline; color:#333;}
.conts input[type="radio"]:checked + label:before {background-position:100% 0;}

.conts input[type="checkbox"] {display:block; position:absolute; top:0; left:0; opacity:0; z-index:-999;}
.conts input[type="checkbox"] + label {display:inline-block; position:relative; padding-left:1.667em; vertical-align:middle; line-height:1.4em; min-height:1.4em;}
.conts input[type="checkbox"] + label:before {content:""; display:block; position:absolute; left:0; top:.7em; margin-top:-.556em; width:1.1112em; height:1.1112em; background:url(../img/form/spr_check.svg) no-repeat 0 0; background-size:auto 100%;}
.conts input[type="checkbox"]:focus + label {text-decoration:underline; color:#333;}
.conts input[type="checkbox"]:checked + label:before {background-position:100% 0;}

#contents select::-ms-expand {display:none;}
#contents select {-webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; background-image:url(../../images/web/layout/ico_search.svg); background-repeat:no-repeat; background-position:top 50% right .55em; background-size:1.11em auto;}


/********************************
 게시판 상단
 *******************************/
.board_topbox {position:relative; border:1px solid #e5e5e5; border-radius:20px; background-color:#f4f4f9;}
.boardtop_txtinner {position:relative; padding:25px 30px;}
.boardtop_txtinner .t_txt {display:block; vertical-align:middle;}
.boardtop_txtinner.design2 {margin:0 auto; width:70%;}

.board_total strong {color:#d52604;}
.search_ctbox {position:relative; margin-bottom:10px;}
.search_ctbox:after {content:''; display:block; visibility:hidden; clear:both;}
.search_ctbox .src_list {padding-left:10px; float:left;}
.search_ctbox .src_list:first-child {padding-left:0;}
.search_ctbox.col_list4 .src_list {width:25%;}
.search_ctbox.col_list3 .src_list {width:33.33%;}
.search_ctbox.col_list2 .src_list {width:50%;}
.search_ctbox.col_list1 {margin-bottom:0;}
.search_ctbox.col_list1 .src_list {width:100%; margin-bottom:10px; padding-left:0;}
.search_ctbox .src_list select {padding:0 30px 0 12px; width:100%; border:1px solid #ddd; background:#fff url(../../images/web/layout/select_arrow.png) right 11px center no-repeat; border-radius:5px;}
.search_tbox {position:relative; padding:0 90px 0 160px;}

.search_listbox {position:absolute; left:0; top:0; width:150px;}
.search_listbox select {padding:0 30px 0 12px; width:100%; border:1px solid #ddd; background:#fff url(../../images/web/layout/select_arrow.png) right 11px center no-repeat; border-radius:5px;}
.search_txtbox input {display:block; width:100%; background-color:#fff; border-radius:5px;}
.search_btnbox {position:absolute; right:0; top:0; width:80px;}
.search_btnbox button {width:100%; height:45px; font-size:0; background:#333 url(../../images/web/layout/search2.svg) center center no-repeat;  background-size: 30%; cursor:pointer; border-radius:5px;}
.search_btnbox button:hover,
.search_btnbox button:active,
.search_btnbox button:focus {background-color:#bd2148; transition:background-color 0.2s linear;}

@media screen and (max-width:1200px) {
	.boardtop_txtinner.design2 {width:80%;}

}

@media screen and (max-width:920px) {
	.boardtop_txtinner.design2 {width:100%;}
}

@media screen and (max-width:767px) {
	.search_ctbox {margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #ddd;}
	.search_ctbox.col_list4 .src_list {width:50%;}
	.search_ctbox.col_list4 .src_list:nth-child(1),
	.search_ctbox.col_list4 .src_list:nth-child(2) {margin-bottom:10px;}
	.search_ctbox.col_list4 .src_list:nth-child(3) {padding-left:0;}
	.search_ctbox.col_list1 {margin-bottom:10px; padding-bottom:0;}
	.search_ctbox.col_list1 .src_list {padding-bottom:0;}
	.board_topbox:before {height:30px;}
	.boardtop_txtinner {position:relative; padding:20px; min-height:auto;}
	.boardtop_txtinner:before {display:none;}
	.boardtop_txtinner .t_txt {display:block; min-height:auto;}
	
	.board_total {padding-top:0;}
	.search_tbox {position:relative; padding:0 70px 0 140px;}
	.search_listbox {width:130px;}
	.search_btnbox {width:60px;}
}


@media screen and (max-width:640px) {
	.search_ctbox {margin-bottom:10px; padding-bottom:5px;}
	.search_ctbox .src_list {padding-left:0; margin-bottom:5px;}
	.search_ctbox.col_list4 .src_list {width:100%; margin-bottom:5px !important;}
	.search_ctbox.col_list3 .src_list,
	.search_ctbox.col_list2 .src_list {width:100%;}
	.search_ctbox.col_list1 {margin-bottom:5px;}
	.search_ctbox.col_list1 .src_list {margin-bottom:5px;}
	.boardtop_txtinner {padding:12px;}
	.search_tbox {position:relative; padding:0 60px 0 110px;}
	.search_listbox {width:105px;}
	.search_btnbox {width:55px;}
}
@media screen and (max-width:480px) {
	.search_listbox {width:100%;position: relative;}
	.search_tbox {padding:0;}
	.search_txtbox {position:relative; width:100%; margin-top:10px; padding-right:65px}
	.search_btnbox {bottom:0;top: unset;}
}

/* 게시판 목록 */
/* 일반게시판:bod_list*/
.bod_list {width:100%; border-top:2px solid #333; text-align:center; word-break:break-all; table-layout:fixed;}
.bod_list thead th {padding:15px 0; font-weight:600; font-size:1.6rem; text-align: center;}
.bod_list thead {border-bottom:1px solid #ddd;}
.bod_list tbody td {position:relative; padding: 15px 0; border-bottom:1px solid #ddd; font-size: 1.6rem; color:#000; vertical-align:middle;}
.bod_list a {text-decoration:none !important;}
.bod_list a:hover,
.bod_list a:focus {text-decoration:underline}
.bod_list span.ico_new {display:inline-block; vertical-align:sub; background:url(../../images/web/layout/ico_new.svg) no-repeat 50% 50%; width:20px; height:20px; margin-right:2px; text-indent:-999px; overflow:hidden;}

/* 게시판 td 너비가 필요할 때 사용 */
td.list_tit {text-align:left; padding-left:5px !important;}
td.list_tit a {width:90%; color:#222;  vertical-align: middle; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
td.list_tit > span {display:inline-block;}
td.list_tit img[src$='ico_reply.gif'] {margin-right:8px;}

.bod_list .icon_noti {display: inline-block; position: relative; width: 30px; height: 30px; margin: 0; padding: 0; color: transparent; font-size: 0; vertical-align: middle; }
.bod_list .icon_noti:before { display: block;  position: absolute; top: 50%; left: 50%; background: url('../../images/web/layout/board_icon.png') no-repeat; width: 30px; height: 30px; content: ''; transform: translate(-50%, -50%); }


@media all and (max-width:640px) {
	/* 일반게시판 */	
	.bod_list thead,
	.bod_list colgroup, 
	.bod_list .list_file,
	.bod_list .list_writer,
	.bod_list .list_hit,
	.bod_list .list_num {display:none;}
	.bod_list tr {border-bottom:1px solid #d9d9d9;}
	.bod_list .list_date {float:left; text-align:left; width:auto;}	
	.bod_list .list_tit {display:block;}
	.bod_list .list_tit a {font-weight:700; font-size:1.5rem;}
	.bod_list td,
	.bod_list th {display:block; padding:6px 3px !important; border-bottom:0 !important;}
	.bod_list tr {padding:10px 0; display:block;}
	.bod_list tr:after {content:''; display:block; clear:both;}
	.bod_list tr:nth-of-type(even) {background:#f7f7f7;}
}

/* 게시판 상세페이지 */
.bod_view .subject {border-top:2px solid #222222; border-bottom:1px solid #ddd; text-align:center; font-size:2.4rem; line-height:2.6rem; color:#000; font-weight:600; padding:25px 0; margin:0;}
.bod_view .view_info {display:block; position:relative; padding:10px 0; border-bottom:1px solid #ddd; text-align:center; background:#fbfbfb;}
.bod_view .view_info li {display:inline-block; position:relative; vertical-align:middle; font-size:1.5rem; padding:5px 10px; color:#666;}
.bod_view .view_info li + li:before {content:''; display:block; position:absolute; left:-1px; width:1px; height:12px; top:50%; margin-top:-5px; background:#e1e1e1;}
.bod_view .view_info li span {display:inline-block; position:relative; color:#333; margin-right:6px; font-weight:500; }
.bod_view .view_info li span:after {content:':';  display:inline-block; margin-left:6px;}

.bod_view .view_cont {padding:20px; font-size:1.5rem; line-height:1.8; border-bottom:1px solid #ddd; overflow:hidden;}
.bod_view .view_cont img {max-width:100%;}

.bod_view .view_file {display:table; position:relative; width:100%; table-layout:fixed; padding:1.0em 0; border-bottom:1px solid #DDDDDD;}
.bod_view .view_file > * {display:table-cell; vertical-align:middle; box-sizing:border-box;}
.bod_view .view_file dt {padding-right:1em; width:10em; }
.bod_view .view_file dt:before {content:""; display:inline-block; position:relative; vertical-align:middle; width:1.578947em; height:1.578947em; max-width:30px; max-height:30px; background:url(../img/board/ico_file.svg) no-repeat 50% 50%; background-size:contain; margin-top:-.2em; margin-right:.2em;}
.bod_view .view_file dt span {font-weight:700; color:#333; font-size:.8em;}
.bod_view .view_file .no_file {color:#888;}
.bod_view .view_file dd {width:100%; font-size:1.6rem;}

.bod_view > div:last-child {border-bottom:1px solid #555;}

@media all and (max-width:1024px) {
	.bod_view .view_file {padding:1.5em 0;}
}
@media all and (max-width:640px) {
	.bod_view .view_file {display:block; width:auto;}
	.bod_view .view_file > * {display:block;}
	.bod_view .view_file dt {padding:0; width:auto; margin-bottom:1em;}
	.bod_view .view_file dd {padding:0 1em;}
}

/* 게시판 글쓰기 */
.bod_write {display:table; width:100%; table-layout:fixed; border-top:2px solid #333; font-size:.8444em; margin-bottom:1em; }
.bod_write dl {display:table-row;}
.bod_write dl > dt,
.bod_write dl > dd {display:table-cell; vertical-align:middle; position:relative; padding:.88235294em; border-bottom:1px solid #ddd;}
.bod_write dl > dt {width:10.58em; text-align:left; font-size:1.6rem; font-weight:600; line-height:120%;}
.bod_write dl > dt em, .bod_write dl > dd em {color:#E4032E;}
.bod_write dl > dd {color:#333; height:4.762em;}
.bod_write dl > dd label {margin-right:1rem;}
.bod_write input,
.bod_write select,
.bod_write textarea {border:1px solid #ddd; color:#333; }

.bod_write .btn_address,
.bod_write .btn {padding:0.8rem 1.5rem; -webkit-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
.bod_write .btn_address {background:#333 !important; border-color:#333 !important; color:#fff !important;}
.bod_write .btn_address:hover, .bod_write .btn:hover {background:#333; color:#fff !important;}
.bod_write select {color:#666; border-radius:4px;}
.bod_write .tip {margin-top:1em;}

.contentsinimage {background-color: #fff; border:1px solid #ddd;}

@media all and (max-width:640px) {
	.bod_write:after {content:''; display:block; clear:both;}
	.bod_write,
	.bod_write dl,
	.bod_write dl > dt,
	.bod_write dl > dd {display:block; width:auto; height:auto;}
	.bod_write dl > dt {border-bottom:0; padding-bottom:0;}
}

/* 첨부파일 */
.file-upload-area {display: flex;border:1px solid #ddd; margin:10px 0; padding:8px;background:#fff;}
.file-upload-area  .tit {width:120px; background:#777; color:#fff !important; text-align:center; margin-top:0; line-height:40px; border-radius:5px; font-size: 1.5rem;font-weight: normal;}
.file-upload-area span {padding: 0; margin-left:5px; display: block; min-height:40px; line-height:40px;  color: #777; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box;}
.file-upload-area input[type="file"] {width: 0; height: 0; border:0; overflow: hidden;}

@media all and (max-width:620px) {
	.file-upload-area  .tit {position:relative; width:100%; margin-top:0;}
	.file-upload-area span {text-align:center; margin-top:.5em; line-height:1.5em; word-break:keep-all;}
	
}

/********************************
라디오 체크 박스
*******************************/
.chk-area {display: flex; gap: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; font-size:.75em; font-weight: normal;}

.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]: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/web/layout/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/web/layout/ico_check_disabled.svg)no-repeat 0 0;}

/********************************
 게시판 페이징
 *******************************/
#bod_page {text-align:center;}
#bod_page > a.on {background: #555c67; font-weight:500; color: #fff;}
#bod_page > a[class^=btn_] {width:40px; height:40px; text-indent:-9999px; background:url(../../images/web/layout/spr_paging.svg) no-repeat 0 50%; background-size: auto 40px; margin:0 2px; border:1px solid #ddd; font-size:20px; padding:0;}
#bod_page > a.btn_10prev {background-position: -2px 50%;}
#bod_page > a.btn_first {background-position: -48.5px 50%;}
#bod_page > a.btn_end {background-position: -90.5px 50%;}
#bod_page > a.btn_10next {background-position: -135.5px 50%;}
#bod_page > span,
#bod_page > a {display:inline-block; vertical-align:middle; box-sizing:border-box; min-width:40px; line-height:40px; height:40px; padding:0 4px; text-align:center; border-radius:10px; border:1px solid #ddd;}
#bod_page > span {background:#46445e; color:#fff; border: 0; }

#bod_page > a:hover, 
#bod_page > a:active,
#bod_page > a:focus {color:#0065aa; text-decoration:underline; border-color:#0065aa; border-radius:8px; background-color:#fff; transition:border-color 0.2s linear;}

#bod_page > a[class^=btn_] {width:40px; height:40px; text-indent:-9999px; background:url(../../images/web/layout/spr_paging.svg) no-repeat 0 50%; background-size: auto 40px; margin:0 2px; border:1px solid #ddd; font-size:20px; padding:0;}

/********************************
 board-btn
 *******************************/
.bd_btnbox {position:relative;}
.bd_btnbox.ta_l {text-align:left;}
.bd_btnbox.ta_c {text-align:center;}
.bd_btnbox.ta_r {text-align:right;}

.bd_btnbox.ta_l .bd_btn {margin-right:2px; margin-bottom:2px;}
.bd_btnbox.ta_c .bd_btn {margin-right:1px; margin-right:1px; margin-bottom:2px;}
.bd_btnbox.ta_r .bd_btn {margin-left:2px; margin-bottom:2px;}

.bd_btn {display:inline-block; padding:0 20px; line-height:43px; color:#333; border:1px solid #ddd; border-radius:5px; font-size: 1.6rem;}
.bd_btn:hover,
.bd_btn:acitve,
.bd_btn:focus {transition:background-color 0.2s linear;}
.bd_btn.btn_list, .bd_btn.btn_submit {color:#fff; border-color:#138719; background-color:#138719;}
.bd_btn.btn_print {color:#fff; border-color:#232528; background-color:#232528;}
.bd_btn.btn_config {color:#fff; border-color:#3c62c0; background-color:#3c62c0;}
.bd_btn.btn_blue {color:#3c62c0; border-color:#3c62c0; background-color:#fff;}
.bd_btn.btn_del {color:#fff; border-color:#d52604; background-color:#d52604;}
.bd_btn.btn_del2 {color:#d52604; border-color:#d52604; background-color:#fff;}


/* 만족도 조사*/
.satisfaction {overflow:hidden; margin:80px 0 50px; 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/web/layout/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:#003876; 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;}

@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;}
}

/*공공누리*/
.open_license {display:block; position:relative; padding:.88em; border-radius:15px; background:#F8FAFC; border:1px solid #DFE4EF; margin:.83em 0;}

.kogl_open {padding:21px 30px 25px; margin: 12px 0 0; min-height:66px; color:#757b8e; }
.kogl_open em {display: inline; color:#009279;}
.kogl_open img {float:left;margin-top:-4px;margin-right:20px}
.line_bt {border-bottom:1px solid #d7dae0;}

@media all and (max-width:860px){
    .kogl_open{padding-top:20px; font-size:15px; line-height: 1.3;}
    .kogl_open img{margin-top:4px;}
}

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

/*담당자*/
.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; vertical-align: top;}
.manager_box .title:before {display: block; content: ''; position:absolute; top:calc(50% - 10px); left:0; width:20px; height:20px; background:url("../../images/web/layout/staff_info.png") no-repeat;}
.manager_box .title > span {font-size: 15px; 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: 15px; 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: 15px; line-height: 25px; color: #757b8e; }

@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%;}
}	

/* 서비스헌장전문 A타입 */
.policy_wrapA .box_wrap {position: relative; width: 100%; padding: 80px; border-radius: 20px; background-color: #f4f4f9; }
.policy_wrapA .box_wrap .tit_box { padding: 0 170px ; text-align: center; }
.policy_wrapA .box_wrap .tit_box .title {color: #37393e; font-family: 'Score'; font-size: 32px; font-weight: 600; line-height: 40px; letter-spacing: -0.02em; }
.policy_wrapA .box_wrap .tit_box .sub_title {position: relative; margin-top: 45px; padding-top: 50px; color: #555; font-size: 16px; font-weight: 400; line-height: 30px; letter-spacing: -0.02em; word-break: keep-all; }
.policy_wrapA .box_wrap .tit_box .sub_title:before {display: block; position: absolute; top: 0; left: calc(50% - 112px); width: 224px; height: 31px; background-image: url(../../images/web/sub/deco_01.png); background-repeat: no-repeat; background-size: contain; content: '';}
.policy_wrapA .box_wrap .inner_box {position: relative; width: 100%; margin-top: 45px; padding: 55px 60px; border-radius: 20px; background-color: #fff; box-shadow: 0px 15px 30px 0px rgba(216, 219, 225, 0.9);}
.policy_wrapA .box_wrap .inner_box .inner_item .b_txt {margin-right: 6px; color: #18469e; font-size: 18px; font-weight: 600; line-height: 30px; letter-spacing: -0.03em; }
.policy_wrapA .box_wrap .inner_box .inner_item .txt { display: inline; color: #252831; font-size: 16px; font-weight: 400; line-height: 30px; letter-spacing: -0.03em; word-break: keep-all; }
.policy_wrapA .box_wrap .inner_box .inner_item .space_line {margin: 25px 0;}

.policy_wrapA .box_wrap .end_box {position: relative; margin-top: 45px; padding: 0 50px; text-align: center; }
.policy_wrapA .box_wrap .end_box .end_txt { color: #575e6d; font-size: 18px; font-weight: 500; line-height: 32px; letter-spacing: -0.02em; word-break: keep-all;}
.policy_wrapA .box_wrap .end_box .end_txt .desc {font-size:18px; color:#0069a6; margin:1em 0 .5em;}

@media all and (max-width: 1500px) {
	.policy_wrapA .box_wrap {padding:70px 65px;}
	.policy_wrapA .box_wrap .tit_box {padding: 0 60px;}
    .policy_wrapA .box_wrap .inner_box {padding: 55px 40px;}
    .policy_wrapA .box_wrap .end_box {padding: 0 0;}
}

@media all and (max-width: 1200px) {
	.policy_wrapA .box_wrap .tit_box .title {font-size: 30px; line-height: 35px; }
	.policy_wrapA .box_wrap .tit_box .sub_title { margin-top: 35px; }
	.policy_wrapA .box_wrap .inner_box {padding: 55px 60px;}
}

@media all and (max-width: 1000px) {
	.policy_wrapA .box_wrap {padding:70px 55px;}
	.policy_wrapA .box_wrap .tit_box {padding: 0 30px;}
	.policy_wrapA .box_wrap .tit_box .title {font-size: 25px; line-height: 30px;}
	.policy_wrapA .box_wrap .tit_box .sub_title {margin-top: 25px; padding-top: 40px; }
    .policy_wrapA .box_wrap .tit_box .sub_title:before {left: calc(50% - 84px); width: 170px; height: 25px; }
    .policy_wrapA .box_wrap .inner_box {padding: 40px 30px;}
}

@media all and (max-width: 640px) {
	.policy_wrapA .box_wrap {padding:50px 25px;}
    .policy_wrapA .box_wrap:before {width: 250px; height: 180px;}
    .policy_wrapA .box_wrap .tit_box {padding: 0 0;}
    .policy_wrapA .box_wrap .tit_box .title {font-size: 22px; line-height: 30px;}
    .policy_wrapA .box_wrap .tit_box .sub_title {margin-top: 25px; padding-top: 40px; font-size: 15px;}
	.policy_wrapA .box_wrap .tit_box .sub_title:before {left: calc(50% - 68px); width: 136px; height: 20px; }
    .policy_wrapA .box_wrap .inner_box {margin-top: 30px; padding: 30px 20px;}
    .policy_wrapA .box_wrap .inner_box .inner_item .b_txt {font-size: 16px; line-height: 25px;}
    .policy_wrapA .box_wrap .inner_box .inner_item .txt {font-size: 15px; line-height: 25px;}
    .policy_wrapA .box_wrap .end_box {margin-top: 30px;}
    .policy_wrapA .box_wrap .end_box .end_txt {font-size: 15px;}
}	

@media all and (max-width: 360px) {
	.policy_wrapA .box_wrap .tit_box .title {font-size: 18px; line-height: 24px;}
	.policy_wrapA .box_wrap .tit_box .sub_title {line-height:26px;}
		.policy_wrapA .box_wrap .inner_box .inner_item .b_txt {font-size: 13px; line-height: 22px;}
    .policy_wrapA .box_wrap .inner_box .inner_item .txt {font-size: 13px; line-height: 22px;}
}	

/* 서비스헌장전문 B타입 */
.policy_wrapB {background:#eff5f8; border-radius:20px; padding:2em;}
.policy_wrapB .box_wrap {background:#fff; border-radius:20px; padding:128px 150px; background-image:url(../../images/web/sub/deco_top.png), url(../../images/web/sub/deco_bottom.png); background-repeat:no-repeat; background-position:center top 2em ,center bottom 2em;background-size:90%;}
.policy_wrapB .box_wrap .tit_box {text-align:center;}
.policy_wrapB .box_wrap .tit_box .title  {margin-top: 25px; color: #37393e; font-family: 'Score'; font-size: 32px; font-weight: 600; line-height: 40px; letter-spacing: -0.02em;}
.policy_wrapB .box_wrap .tit_box .sub_title {position: relative; margin-top: 25px; padding-top: 25px; color: #555; font-size: 16px; font-weight: 400; line-height: 30px; letter-spacing: -0.02em; word-break: keep-all; }
.policy_wrapB .inner_box {margin-top:2em; padding:35px 50px; border-radius:1.5em; background:#F9F9F9;}
.policy_wrapB  .box_wrap .inner_box .inner_item .b_txt {margin-right: 6px; color: #3da260; font-size: 18px; font-weight: 600; line-height: 30px; letter-spacing: -0.03em; }
.policy_wrapB  .box_wrap .inner_box .inner_item .txt { display: inline; color: #252831; font-size: 16px; font-weight: 400; line-height: 30px; letter-spacing: -0.03em; word-break: keep-all; }
.policy_wrapB .box_wrap .end_box {position: relative; margin-top: 45px; padding: 0; text-align: center; }
.policy_wrapB .box_wrap .end_box .end_txt { color: #575e6d; font-size: 18px; font-weight: 500; line-height: 32px; letter-spacing: -0.02em; word-break: keep-all;}

.policy_wrapB .box_wrap .end_box .logo img {max-width: 100%;height: auto;}

.space_line {display:block; width:100%; height:1px; margin:30px 0; background-image:url(../../images/web/sub/line_dot.png); background-repeat:repeat-x; background-position:left top; font-size:0; line-height:0; box-sizing: border-box;}


@media all and (max-width: 1200px) {
	.policy_wrapB .box_wrap {padding:128px 100px;}
	.policy_wrapB .box_wrap .tit_box .title  {font-size: 30px; line-height: 35px;}
}	


@media all and (max-width: 1000px) {
	.policy_wrapB .box_wrap .tit_box .title  {font-size: 25px; line-height: 30px;}
}	

@media all and (max-width: 820px) {
	.policy_wrapB .box_wrap {padding:100px 62px;}
}	

@media all and (max-width: 640px) {
	.policy_wrapB {padding: 1em;}
	.policy_wrapB .box_wrap {padding:80px 40px;}
	.policy_wrapB .box_wrap .tit_box .title  {font-size: 22px; line-height: 28px;}
	.policy_wrapB .box_wrap .tit_box .sub_title {margin-top: 0px; font-size: 15px;  line-height: 28px; }
	.policy_wrapB .inner_box {padding:35px 30px; }	
	.policy_wrapB  .box_wrap .inner_box .inner_item .b_txt {font-size: 15px; line-height: 26px;}
	.policy_wrapB  .box_wrap .inner_box .inner_item .txt {font-size: 15px; line-height: 26px;}
}	

@media all and (max-width: 480px) {	
	.policy_wrapB .box_wrap .tit_box .title  {font-size: 20px;}
	.policy_wrapB .box_wrap .tit_box .sub_title {margin-top: 0px; font-size: 14px;  line-height: 24px; }
	.policy_wrapB .inner_box {padding:25px; }
	.policy_wrapB  .box_wrap .inner_box .inner_item .b_txt {font-size: 13px; line-height: 22px;}
	.policy_wrapB  .box_wrap .inner_box .inner_item .txt {font-size: 13px; line-height: 22px;}
	.policy_wrapB .box_wrap .end_box {padding: 0 40px;}	
	.policy_wrapB .box_wrap .end_box .end_txt {font-size: 14px; line-height: 24px;}
	.space_line {margin: 15px 0;}
}	


@media all and (max-width: 360px) {	
	.policy_wrapB .box_wrap {padding:50px 30px;}
	.policy_wrapB .box_wrap .tit_box .title  {font-size: 18px;}
	.policy_wrapB .box_wrap .tit_box .sub_title {margin-top: 0px; font-size: 14px;  line-height: 24px; }
	.policy_wrapB .inner_box {padding:20px; }	
	.policy_wrapB .box_wrap .end_box {margin-top:15px;}
}


/* 설명 목록 */
.dl_list {margin:10px 0; padding:0; display:table; width:100%; border:1px solid #d9d9db; border-radius:10px;  background:#fcfdfe;}
.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:18px}
.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);}
.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;}

@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;}
}

/* 박스목록 */
.content_list .content_item {display:block; width:100%; height:80px; padding-right:50px; padding-left:10px; border-radius:10px; background-color:#f4f4f9; font-size:0; line-height:0;}
.content_list .content_item + .content_item {margin-top:10px;}
.content_list .content_item .number {display:inline-block; position:relative; top:50%; width:122px;  font-family: 'SBAggro'; font-weight:500; font-size:20px; line-height:22px; color:#26293d; letter-spacing:0; text-align: center; vertical-align:top; transform:translateY(-50%);}
.content_list .content_item .text {display:inline-block; position:relative; top:50%; width:calc(100% - 132px); font-weight:400; font-size:16px; line-height:26px; color:#252831; letter-spacing:-0.05em; text-align:left; vertical-align:top; transform:translateY(-50%);}

@media screen and (max-width:1000px){
	.content_list .content_item {padding-right:20px;}
    .content_list .content_item .number{width:80px;font-size:18px;line-height:19px;}
    .content_list .content_item .text{width:calc(100% - 80px); font-size:16px; line-height:22px;}	
}	

@media screen and (max-width:640px){
    .content_list .content_item{height:auto; padding:20px;}
    .content_list .content_item .number{display:block; position:static; width:100%; font-size:16px; line-height:24px; transform:none;}
    .content_list .content_item .text{display:block;position:static;width:100%;margin-top:15px;font-size:15px; line-height:20px;transform:none;}
}

@media screen and (max-width:360px){
    .content_list .content_item .number {font-size:15px;}
    .content_list .content_item .text{margin-top:10px; font-size:14px;}
}

/* 박스목록 2*/
.financeA {position: relative;display: block;overflow:hidden; box-sizing:border-box; margin:0; padding:10px 25px; border-radius:10px;background:#f4f4f9;}
.financeA ul{list-style:none;padding:0;margin:0;}
.financeA ul li{margin:0 0 5px;padding:5px 0 0;border-top:1px dashed #ddd; overflow:hidden;}
.financeA ul li:first-child{border-top:none;}
.financeA ul li .tt1{position:relative;padding: 12px 0 0 20px;font-size: 17px;font-family:'Score';word-break:keep-all;box-sizing:border-box;}
.financeA ul li .tt1:before{display:block;position:absolute;top: 25px;left:3px;width: 5px;height: 5px;background-color:#191919;border:none;border-radius:50%;content:'';box-sizing:border-box;}
.financeA ul li .tt2{display:block;float:right;}	

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

@media screen and (max-width:640px){
	.financeA ul li .tt1{position:relative;padding: 12px 0 0 20px;font-size: 15px;font-family:'Score';word-break:keep-all;box-sizing:border-box;}	
}
