@charset "utf-8";
/* (주)한신정보기술 20-01-30 김의향 */
/**/
.prettyprint{display:block; margin-top:20px; margin-bottom:30px; padding:20px 0; white-space:pre-wrap; background-color:#000; font-size:12px;}
ol.linenums{padding-left:40px;}

/* 제목 */
h3, h4, h5, .h3, .h4, .h5{position:relative;}
h3, .h3{margin-top:30px; margin-bottom:10px; padding-left:34px; color:#014199; font-size:22px; line-height:24px; font-weight:400;}
h4, .h4{margin-top:25px; margin-bottom:10px; padding-left:34px; color:#14296b; font-size:20px; line-height:22px; font-weight:400;}
h5, .h5{margin-top:20px; margin-bottom:10px; padding-left:45px; color:#000; font-size:18px; line-height:20px; font-weight:400;}

h3:before, h3:after, h4:before, h5:before, .h3:before, .h3:after, .h4:before, .h5:before{display:block; position:absolute; background-repeat:no-repeat;}
h3:before, .h3:before {top:3px; left:0; width:27px; height:18px; background-image:url('/common/images/sub/template_sprite.png'); background-position:left 100%;}
h4:before, .h4:before {top:4px; left:10px; width:6px; height:6px; border:4px solid #2e87d3; border-radius:100%; background-color:#fff;}
h5:before, .h5:before {top:7px; left:20px; width:15px; height:6px; border-radius:5px; background-color:#0092b9;}

.h0 {margin:0; padding:0; color:#111; font-size:16px; line-height:22px; font-weight:400;}
.h0:before, .h0:after {display:none;}

@media all and (max-width:640px) {
    h3, .h3{margin-top:15px; margin-bottom:15px; font-size:20px; line-height:22px;}
    h4, .h4{margin-top:13px; margin-bottom:13px; font-size:18px; line-height:20px;}
    h5, .h5{margin-top:10px; margin-bottom:10px; font-size:16px; line-height:18px;}
}

.subtitle, .table_unit {color:#515151; font-size:15px; letter-spacing:-0.05em;}
.subtitle {font-weight:400;}
.table_unit {padding:12px 20px; background-repeat:repeat-x, repeat-y, repeat-y, repeat-x; background-position:left bottom, right top, left top, left top; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAFElEQVQYV2NcunTp/+joaEYGIAAAJdIEAnf08F8AAAAASUVORK5CYII='), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAEElEQVQYV2NYunTpfwY4AAAkJwLvUFWD6wAAAABJRU5ErkJggg=='), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAEElEQVQYV2NYunTpfwY4AAAkJwLvUFWD6wAA AABJRU5ErkJggg=='), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAFElEQVQYV2NcunTp/+joaEYGIAAAJdIEAnf08F8AAAAASUVORK5CYII='); text-align:right; }

.table_info{margin-bottom:10px; padding:12px 20px; background-repeat:repeat-x, repeat-y, repeat-y, repeat-x; background-position:left bottom, right top, left top, left top; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAFElEQVQYV2NcunTp/+joaEYGIAAAJdIEAnf08F8AAAAASUVORK5CYII='), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAEElEQVQYV2NYunTpfwY4AAAkJwLvUFWD6wAAAABJRU5ErkJggg=='), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAEElEQVQYV2NYunTpfwY4AAAkJwLvUFWD6wAA AABJRU5ErkJggg=='), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAFElEQVQYV2NcunTp/+joaEYGIAAAJdIEAnf08F8AAAAASUVORK5CYII='); }

@media all and (max-width:640px) {
    .subtitle, .table_unit {font-size:13px;}
}

/* 목록 */
.bu {margin-top:10px; margin-bottom:10px; padding-left:0; color:#111; font-size:16px; line-height:25px; font-weight:400; text-align:left;}
.bu > li, .num > li, .blt, .bu > dt, .num > dt {position:relative;}
.bu > li, .bu > dt, .bu > dd {padding-left:22px; color:#252525;}
.bu.type2 > li, .num.type2 > li, .bu.type2 > dt, .bu.type2 > dd, .num.type2 > dt, .num.type2 > dd {padding-left:12px;}
.bu > li:first-child, .num > li:first-child, .bu > dt:first-child, .num > dt:first-child {margin-top:0;}
.bu > li:before, .blt:before, .num > li:before, .blt:before, .bu > dt:before, .num > dt:before {display:block; position:absolute;}
.bu > li:before, .blt:before, .bu > dt:before {top:10px; left:4px; width:5px; height:5px; background-image:url('/common/images/template/template_sprite.png'); background-position:left -359px;}

.bu > li > .bu, .bu > li > .dl, .dl > li > .bu , .dl > li > .dl{margin-top:5px; margin-bottom:5px; padding-left:0; }
.bu > li > .bu.type2 > li{padding-left:12px; color:#515151;}

.bu.type2{margin-top:0; margin-bottom:0; padding-left:0;}
.bu.type2 > li:before, .bu.type2 > dt:before {top:11px; left:0; width:5px; height:2px; background-color:#0092b9; background-position:unset;}

.bu.type3{margin-top:0; margin-bottom:0; padding-left:0;}
.bu.type3 > li{padding-left:16px; line-height:25px;}
.bu.type3 > li:before, .blt.type3:before, .bu.type3 > dt:before {top:12px; left:4px; width:2px; height:2px; background-color:#545454; background-position:unset;}

.bu_box{padding:20px 40px; background-repeat:repeat-x, repeat-y, repeat-y, repeat-x; background-position:left bottom, right top, left top, left top; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAFElEQVQYV2NcunTp/+joaEYGIAAAJdIEAnf08F8AAAAASUVORK5CYII='), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAEElEQVQYV2NYunTpfwY4AAAkJwLvUFWD6wAAAABJRU5ErkJggg=='), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAEElEQVQYV2NYunTpfwY4AAAkJwLvUFWD6wAA AABJRU5ErkJggg=='), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAFElEQVQYV2NcunTp/+joaEYGIAAAJdIEAnf08F8AAAAASUVORK5CYII=');}
.bu.type4{margin-top:0; margin-bottom:0; padding-left:0;}
.bu.type4 > li{padding-left:24px; line-height:30px;}
.bu.type4 > li:before, .blt.type4:before{top:6px; left:0; width:18px; height:18px; background-image:url('/common/images/template/template_sprite.png'); background-position:left -389px; }

.dl{color:#111; font-size:16px; line-height:25px; font-weight:400; }
.dl li{display:table; position:relative; padding-left:22px;}
.dl li:before {display:block; position:absolute; top:10px; left:4px; width:5px; height:5px; background-image:url('/common/images/template/template_sprite.png'); background-position:left -359px; content:'';}
ol.dl .dt{margin-right:10px;}
ol .dl .dt{margin-right:10px;}
.dl .dt{padding-right:5px; white-space:nowrap; color:#014199;}
.dl .dt, .dl .dd{display:table-cell;}

.blt{margin-top:5px; margin-bottom:5px; padding-left:22px; color:#252525; font-size:15px; line-height:25px; font-weight:400; text-align:left;}
.blt.type2{padding-left:12px;}
.blt.type2:before{top:11px; left:0; width:5px; height:2px; background-color:#0092b9; background-position:unset;}
.blt.type3{padding-left:16px;}
.blt.type3:before{top:12px; left:4px; width:2px; height:2px; background-color:#545454; background-position:unset;}
.blt.type4{padding-left:25px;}

.num{margin-top:15px; margin-bottom:15px; color:#111; font-size:16px; line-height:26px; font-weight:400; text-align:left;}
.num > li, .num > dt, .num > dd{padding-left:28px;}
.num > li > .num{margin-top:5px; margin-bottom:5px; margin-left:0;}
.num.type2 > li, .num.type2 > dt, .num.type2 > dd{padding-left:30px;}
.num.type3 > li, .num.type3 > dt, .num.type3 > dd{padding-left:28px;}

.num > li:before, .num > dt:before {top:4px; left:0; width:18px; height:18px; border:1px solid #636a7d; border-radius:100%; color:#636a7d; font-size:11px; line-height:20px; font-weight:400; text-align:center; content:counter(number);}
.num.type2 > li:before, .num.type2 > dt:before {top:3px; left:0; width:18px; height:18px; border:1px solid #636a7d; border-radius:100%; background-color:#fff; color:#636a7d; font-size:11px; line-height:20px; font-weight:400; text-align:center; content:counter(number);}
.num.type3 > li:before, .num.type3 > dt:before {top:4px; left:0; width:20px; height:20px; border-radius:unset; background-color:#6f8e87; color:#fff; font-size:11px; line-height:20px; font-weight:400; text-align:center; content:counter(number);}
.num > li > span.em_green, .num > dt > span.em_green{padding-right:10px;}

ul.num{}
ul.num > li .item{display:inline-block; position:absolute; top:4px; left:0; width:20px; height:20px; border:1px solid #636a7d; border-radius:100%; color:#636a7d; font-size:11px; line-height:20px; font-weight:400; text-align:center;}
ul.num > li:before, ul.num > dt:before {display:none;}

@media all and (max-width:640px) {
    .bu{margin-top:10px; margin-bottom:10px; font-size:14px; line-height:23px;}
    .bu > li:before, .blt:before, .bu > dt:before{top:9px;}
    .dl{font-size:14px; line-height:23px;}
    .dl li:before{top:9px;}
    .blt{font-size:14px; line-height:23px; }
    .blt.type3:before{top:11px;}
    .num{margin-top:10px; margin-bottom:10px; font-size:14px; line-height:23px;}
    .num > li:before, .num > dt:before{top:1px;}
    ul.num > li .item{top:1px;}
}

/* 간격 초기화 */
.box .bu{padding-left:0;}
.box .num{padding-left:0;}
.box .blt{padding-left:13px;}
.box .blt:before{left:0;}
.table .bu{margin-top:0; margin-bottom:0; padding-left:0;}
.table .num{margin-top:0; margin-bottom:0; padding-left:0;}
.blt > .blt.type2{margin:5px 0; padding-left:12px; color:#515151;}
.blt > .blt.type2:before{left:0;}
.blt > .bu.type2{margin-top:5px;}
.bu > li > .blt.type2{margin:5px 0; padding-left:12px; color:#515151;}
.bu > li > .blt.type2:before{left:0;}
.num > li > .blt.type2{margin:5px 0; padding-left:12px; color:#515151;}
.num > li > .blt.type2:before{left:0;}
/*.table .blt{padding-left:0;}*/
.program ul.bu{margin-top:0; margin-bottom:0; padding-left:0;}
.program ul.bu > li{margin-top:5px; color:#373737; font-size:16px;}
.program ul.bu.type2 > li{margin-top:5px; color:#373737; font-size:16px;}
.program ul.bu > li > ul.bu{margin-top:5px; margin-bottom:5px;}
.program .blt{padding-left:13px;}
.program .blt:before{left:0;}
.program h4, .program .h4 {padding-left:26px;}
.program h4:before, .program .h4:before{left:0;}
.program h5, .program .h5 {padding-left:26px;}
.program h5:before, .program .h5:before{left:0;}
.program h6, .program .h6 {padding-left:13px;}
.program h6:before, .program .h6:before{left:0;}
/* //간격 초기화 */

/* 강조안내문구 */
.point{position:relative; padding-left:28px; color:#c4426e; font-size:16px; line-height:25px; letter-spacing:-0.03em; font-weight:400;}
.point:before{display:block; position:absolute; top:3px; left:0; width:20px; height:20px; background-image:url('/common/images/template/template_sprite.png'); background-position:left -415px;}

.point.grey{color:#000;}
.point.grey:before{background-position:left -445px;}

@media all and (max-width:640px) {
    .point{font-size:14px; line-height:23px;}
    .point:before{top:2px;}
}
/* 선 */
.line{display:block; margin-top:10px; margin-bottom:10px; border-bottom:1px solid #ccc;}
.dot{display:block; margin-top:10px; margin-bottom:10px; width:100%; height:1px; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAE0lEQVQYV2Osr6//39jYyMgABAAkCgQC0GYrQwAAAABJRU5ErkJggg==') repeat-x;}
.dash{display:block; margin-top:10px; margin-bottom:10px; width:100%; height:1px; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAABCAYAAAASC7TOAAAAFklEQVQYV2M8cODAfwY04ODgwAgSAgBbJgQCkmg+hwAAAABJRU5ErkJggg==') repeat-x;}
.dot_box{display:block; margin:10px 0; padding:12px 20px; background-repeat:repeat-x, repeat-y, repeat-y, repeat-x; background-position:left bottom, right top, left top, left top; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAFElEQVQYV2NcunTp/+joaEYGIAAAJdIEAnf08F8AAAAASUVORK5CYII='), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAEElEQVQYV2NYunTpfwY4AAAkJwLvUFWD6wAAAABJRU5ErkJggg=='), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAEElEQVQYV2NYunTpfwY4AAAkJwLvUFWD6wAA AABJRU5ErkJggg=='), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAFElEQVQYV2NcunTp/+joaEYGIAAAJdIEAnf08F8AAAAASUVORK5CYII=');}
.dot_box .point{font-size:15px; line-height:22px;}
.dot_box .point.grey{color:#252525;}

/* 표 */
.table {position:relative; margin-top:10px; margin-bottom:10px; background-color:#fff; border-top:2px solid #4d5980; border-bottom:1px solid #c5c9d6; border-collapse:separate; color:#555; font-size:16px; line-height:20px; text-align:center;}
.table:before {display:block; position:absolute; top:0; left:0; width:1px; height:100%; background-color:#fff;}
.table th, .table td {padding:12px 15px; border-top:1px solid #e0e1e3; border-left:1px solid #e0e1e3; color:#252525;}
.table.color47 th, .table.color47 td {padding:12px 15px; border-top:1px solid #e0e1e3; border-left:1px solid #e0e1e3; color:#474747;}
.table th {background-color:#f4f6f9; color:#14296b; font-weight:400;}
.table thead th {background-color:#fbfcfd; color:#111; border-left-color:#e0e1e3; border-top-color:#e0e1e3;}
.table tbody tr:first-child th, .table tbody tr:first-child td{border-top-color:#c2c5d2;}
.table tbody th{background-color:#fff; color:#111; font-weight:400;}
.table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table caption + tbody tr:first-child th, .table caption + tbody tr:first-child td, .table colgroup + tbody tr:first-child th, .table colgroup + tbody tr:first-child td {border-top-width:0;}
.table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table caption + tbody tr:first-child th, .table caption + tbody tr:first-child td, .table colgroup + tbody tr:first-child th {background-color:#f4f6f9; color:#14296b;}
.table colgroup + tbody tr:first-child th{border-top-color:#a6a6a6;}
.table colgroup + tbody tr:last-child th, .table colgroup + tbody tr:last-child td{border-bottom-color:#9da5c1;}
.table caption + tbody th, .table colgroup + tbody th {background-color:#f4f6f9; color:#14296b;}
.table img {vertical-align:middle;}

@media all and (max-width:1000px) {
    .table.type2 {width:1200px;}
    .table th, .table td {padding:8px 5px;}
}

@media all and (max-width:640px){
    table, .table{font-size:14px; line-height:23px;}
    table.table.responsive {border-top:#a6a6a6 solid 1px;}
    table.table.responsive thead {display:none;}
    table.table.responsive colgroup {display:none;}
    table.table.responsive tbody tr {position:relative; display:block; border-bottom:1px solid #d9d9d9;}
    table.table.responsive tbody tr:after {display:block; clear:both; content:"."; visibility:hidden; height:0;}
    table.table.responsive tbody tr:nth-child(odd) {background:#f8f8f8;}
    table.table.responsive tbody tr:last-child {border-bottom:none;}
    table.table.responsive tbody td {display:block; padding:4px 3%; border:none; text-align:left !important; box-sizing:border-box; background-color:transparent;}
    table.table.responsive tbody th {display:block; padding:4px 3%; text-align:left; vertical-align:middle; background-color:transparent; border:none;}
    table.table.responsive tbody tr:first-child td, table.table.responsive tbody tr:first-child th {border-top:none;}
    table.table.responsive tbody th:before, table.table.responsive tbody td:before {display:inline; content:attr(data-content)' : ';}/* thead의 내용을 tbody의 th, td에 각각 삽입 */
    table.table.responsive tfoot tr {position:relative; display:block; border-bottom:1px solid #d9d9d9;}
    table.table.responsive tfoot tr:after {display:block; clear:both; content:"."; visibility:hidden; height:0;}
    table.table.responsive tfoot tr:nth-child(odd) {background:#f8f8f8;}
    table.table.responsive tfoot td {display:block; padding:4px 3%; border:none; text-align:left; box-sizing:border-box; background-color:transparent;}
    table.table.responsive tfoot th {display:block; padding:4px 3%; text-align:left; vertical-align:middle; background-color:transparent; border:none;}
    table.table.responsive tfoot tr:first-child td, table.table.responsive tfoot tr:first-child th {border-top:none;}
    table.table.responsive tfoot th:before, table.table.responsive tfoot td:before {display:inline; content:attr(data-content)' : ';}/* thead의 내용을 tbody의 th, td에 각각 삽입 */

    table.table.responsive.type2 tbody th:before, table.table.responsive.type2 tbody td:before{display:none;}
    table.table.responsive.type2 tfoot th:before, table.table.responsive.type2 tfoot td:before{display:none;}
}

@media all and (max-width:1000px){
    .table.responsive1000{font-size:14px; line-height:23px;}
    table.table.responsive.responsive1000 {border-top:#a6a6a6 solid 1px;}
    table.table.responsive.responsive1000 thead {display:none;}
    table.table.responsive.responsive1000 colgroup {display:none;}
    table.table.responsive.responsive1000 tbody tr {position:relative; display:block; border-bottom:1px solid #d9d9d9;}
    table.table.responsive.responsive1000 tbody tr:after {display:block; clear:both; content:"."; visibility:hidden; height:0;}
    table.table.responsive.responsive1000 tbody tr:nth-child(odd) {background:#f8f8f8;}
    table.table.responsive.responsive1000 tbody tr:last-child {border-bottom:none;}
    table.table.responsive.responsive1000 tbody td {display:block; padding:4px 3%; border:none; text-align:left !important; box-sizing:border-box; background-color:transparent;}
    table.table.responsive.responsive1000 tbody th {display:block; padding:4px 3%; text-align:left; vertical-align:middle; background-color:transparent; border:none;}
    table.table.responsive.responsive1000 tbody tr:first-child td, table.table.responsive.responsive1000 tbody tr:first-child th {border-top:none;}
    table.table.responsive.responsive1000 tbody th:before, table.table.responsive.responsive1000 tbody td:before {display:inline; content:attr(data-content)' : ';}/* thead의 내용을 tbody의 th, td에 각각 삽입 */
    table.table.responsive.responsive1000.nohead tbody th:before, table.table.responsive.responsive1000.nohead tbody td:before {display:none;}
    table.table.responsive.responsive1000 tfoot tr {position:relative; display:block; border-bottom:1px solid #d9d9d9;}
    table.table.responsive.responsive1000 tfoot tr:after {display:block; clear:both; content:"."; visibility:hidden; height:0;}
    table.table.responsive.responsive1000 tfoot tr:nth-child(odd) {background:#f8f8f8;}
    table.table.responsive.responsive1000 tfoot td {display:block; padding:4px 3%; border:none; text-align:left; box-sizing:border-box; background-color:transparent;}
    table.table.responsive.responsive1000 tfoot th {display:block; padding:4px 3%; text-align:left; vertical-align:middle; background-color:transparent; border:none;}
    table.table.responsive.responsive1000 tfoot tr:first-child td, table.table.responsive.responsive1000 tfoot tr:first-child th {border-top:none;}
    table.table.responsive.responsive1000 tfoot th:before, table.table.responsive.responsive1000 tfoot td:before {display:inline; content:attr(data-content)' : ';}/* thead의 내용을 tbody의 th, td에 각각 삽입 */
    table.table.responsive.responsive1000.nohead tfoot th:before, table.table.responsive.responsive1000.nohead tfoot td:before {display:none;}
}

@keyframes right_ani{
    0%{transform:translate(0,0);}
    25%{transform:translate(0,0);}
    40%{transform:translate(-5px,0);}
    50%{transform:translate(-0,0);}
    60%{transform:translate(-5px,0);}
    75%{transform:translate(0,0);}
    100%{transform:translate(0,0);}
}

/* 링크 */
.blank {display:inline-block; position:relative; padding-right:17px; font-size:15px; line-height:22px; font-weight:400; text-decoration:none;}
.blank, .blank:link, .blank:visited, .blank:hover, .blank:active {color:#252525; text-decoration:none;}
.blank:before {display:block; position:absolute; top:6px; right:0; width:10px; height:10px; background:url('/common/images/template/template_sprite.png') no-repeat left -114px;}
.blank:after {display:block; position:absolute; bottom:0; right:0; width:100%; height:1px; background-color:#014199;}

/* 버튼 그룹 */
.btn_group{display:block; margin:10px 0; padding:30px 20px; background-repeat:repeat-x, repeat-y, repeat-y, repeat-x; background-position:left bottom, right top, left top, left top; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAFElEQVQYV2NcunTp/+joaEYGIAAAJdIEAnf08F8AAAAASUVORK5CYII='), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAEElEQVQYV2NYunTpfwY4AAAkJwLvUFWD6wAAAABJRU5ErkJggg=='), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAEElEQVQYV2NYunTpfwY4AAAkJwLvUFWD6wAA AABJRU5ErkJggg=='), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAFElEQVQYV2NcunTp/+joaEYGIAAAJdIEAnf08F8AAAAASUVORK5CYII='); text-align:center;}
.btn_group .btn{text-align:left;}
.btn_group.clearfix .btn_left, .btn_group.clearfix .btn_center {float:left;}
.btn_group.clearfix .btn_right {float:right; width:49%; margin-left:2%;}
.btn_group.clearfix .btn_left {width:49%;}
.btn_group.clearfix .btn_center {width:100%;}
.btn_group .btn_right {text-align:right;}
.btn_group .btn_center {margin-right:auto; margin-left:auto; text-align:center;}

/* 버튼 */
.btn {position:relative; padding:13px 20px; border:1px solid #959595; background-color:#fff; font-size:16px; line-height:18px; color:#111; font-weight:400; vertical-align:middle; transition:all 0.25s linear; text-decoration:none;}
.btn, .btn:link, .btn:visited, .btn:active {color:#111; text-decoration:none;}
.btn .extensions{margin-right:10px; vertical-align:bottom;}
.btn:hover{border-color:#2e87d3; background-color:#fff; color:#115fca;}
.btn.small {padding:7px 20px; font-size:14px; line-height:16px;}

.btn.type2 {border:1px solid #0092b9; background-color:#0092b9; color:#fff;}
.btn.type2, .btn.type2:link, .btn.type2:visited, .btn.type2:active {color:#fff;}
.btn.type2:hover{border:1px solid #0361b2; background-color:#0361b2;}

.btn.type3 {border:1px solid #5f6a89; background-color:#5f6a89;}
.btn.type3, .btn.type3:link, .btn.type3:visited, .btn.type3:active {color:#fff;}
.btn.type3:hover{border:1px solid #394159; background-color:#394159;}

@media all and (max-width:640px) {
    .btn{font-size:14px; line-height:16px;}
}

/* 링크 */
.btn.link{padding:12px 45px 12px 20px;}
.btn.link:before{display:block; position:absolute; top:calc(50% - 4px); right:20px; width:5px; height:9px; background-image:url('/common/images/template/template_sprite.png'); background-position:left -95px; content:'';}

.btn.link.small{padding:6px 42px 6px 17px; border-color:#5f6a89; background-color:#fff;}
.btn.link.small:before{display:block; position:absolute; top:0; right:0; width:28px; height:28px; background-color:#5f6a89; background-image:none; background-position:unset;}
.btn.link.small:after{display:block; position:absolute; top:calc(50% - 4px); right:11px; width:5px; height:9px; background-image:url('/common/images/template/template_sprite.png'); background-position:left -288px;}

/* 새창 */
.btn.open{padding:12px 45px 12px 20px;}
.btn.open:before{display:block; position:absolute; top:calc(50% - 5px); right:18px; width:10px; height:10px; background:url('/common/images/template/template_sprite.png') no-repeat left -114px; content:'';}

.btn.open.small{padding:6px 42px 6px 17px; border-color:#5f6a89; background-color:#fff;}
.btn.open.small:before{display:block; position:absolute; top:0; right:0; width:28px; height:28px; background-color:#5f6a89; background-image:none; background-position:unset;}
.btn.open.small:after{display:block; position:absolute; top:calc(50% - 5px); right:9px; width:10px; height:10px; background-image:url('/common/images/template/template_sprite.png');  background-position:left -307px; }

/* 다운로드 */
.btn.download{padding:12px 45px 12px 20px;}
.btn.download:before{display:block; position:absolute; top:calc(50% - 5px); right:18px; width:11px; height:11px; background:url('/common/images/template/template_sprite.png') no-repeat left -134px; content:'';}

.btn.download.small{padding:6px 42px 6px 17px; border-color:#5f6a89; background-color:#fff;}
.btn.download.small:before{display:block; position:absolute; top:0; right:0; width:28px; height:28px; background-color:#5f6a89; background-image:none; background-position:unset;}
.btn.download.small:after{display:block; position:absolute; top:calc(50% - 6px); right:9px; width:11px; height:11px; background-image:url('/common/images/template/template_sprite.png'); background-position:left -267px;}

/* 미리보기*/
.btn.file{padding:12px 45px 12px 20px;}
.btn.file:before{display:block; position:absolute; top:calc(50% - 6px); right:16px; width:13px; height:13px; background:url('/common/images/template/template_sprite.png') no-repeat left -155px; content:'';}

.btn.file.small{padding:6px 42px 6px 17px; border-color:#5f6a89; background-color:#fff;}
.btn.file.small:before{display:block; position:absolute; top:0; right:0; width:28px; height:28px; background-color:#5f6a89; background-image:none; background-position:unset;}
.btn.file.small:after{display:block; position:absolute; top:calc(50% - 6px); right:8px; width:13px; height:13px; background-image:url('/common/images/template/template_sprite.png'); background-position:left -244px;}

.btnSt3 {display:inline-block; position:relative; width:30px; height:30px; background-color:#5f6a89; font-size:0; line-height:0; vertical-align:middle;}
.btnSt3:after {display:block; position:absolute; background-image:url(/common/images/template/template_sprite.png);}
.btnSt3.link:after {top:calc(50% - 4px); right:11px; width:5px; height:9px; background-position:left -288px;}
.btnSt3.open:after {top:calc(50% - 5px); right: 11px; width:10px; height:10px; background-position:left -307px;}
.btnSt3.download:after {top:calc(50% - 5px); right:9px; width:11px; height:11px; background-position:left -267px;}
.btnSt3.file:after {top:calc(50% - 6px); right:8px; width:13px; height:13px; background-position:left -244px;}

.btnSt4 {position:relative; padding:5px 20px 5px 5px; font-size:14px; line-height:16px; color:#111; font-weight:400; vertical-align:middle;}
.btnSt4:link {color:#111;}
.btnSt4:before {display:block; position:absolute; background-image:url('/common/images/template/template_sprite.png'); background-repeat:no-repeat;}
.btnSt4.link:before{top:calc(50% - 5px); right:0; width:5px; height:9px; background-position:left -95px;}
.btnSt4.open:before {top:calc(50% - 5px); right:0; width:10px; height:10px;background-position:left -114px;}
.btnSt4.download:before {top:calc(50% - 4px); right:0; width:11px; height:11px; background-position:left -134px;}
.btnSt4.file:before{top:calc(50% - 7px); right:0; width:13px; height:13px; background-position:left -155px;}

/* 인쇄하기 */
.btn.print{padding:12px 45px 12px 20px;}
.btn.print:before{display:block; position:absolute; top:calc(50% - 6px); right:16px; width:14px; height:13px; background:url('/common/images/template/template_sprite.png') no-repeat left -178px;}

/* 영상보기 */
.btn.play{padding:12px 45px 12px 20px;}
.btn.play:before{display:block; position:absolute; top:calc(50% - 5px); right:20px; width:9px; height:11px; background:url('/common/images/template/template_sprite.png') no-repeat left -201px;}

/* 법 버튼 */
.btn.law{padding:12px 45px 12px 60px;}
.btn.law:after{display:block; position:absolute; top:calc(50% - 11px); left:20px; width:24px; height:22px; background:url('/common/images/template/template_sprite.png') no-repeat left -327px;}

/* 다운로드 종류 */
.extensions{display:inline-block; width:34px; padding:1px 0 2px; border:1px solid #e22825; font-size:11px; line-height:13px; color:#c81613; text-align:center;}
.extensions.type2{border-color:#e22825; color:#c81613;}
.extensions.type3{border-color:#27a129; color:#0b650b;}
.extensions.type4{border-color:#E85B00; color:#df5700;}
.extensions.type5{border-color:#d8a500; color:#a77400;}
.extensions.type6{border-color:#ee7b00; color:#df5700;}

/* 셀렉트 버튼 */
select.select{line-height:24px; padding:1px 20px; border-width:1px; border-style:solid; border-color:#939393; color:#333333; font-size:15px;}
select.select::-ms-expand{display:none;}
select.select.disabled{border-color:#394159; color:#676767;}
input.text[type="text"]{line-height:24px; padding:1px 20px; border-width:1px; border-style:solid; border-color:#939393; color:#333333; font-size:15px;}
@media only all{
    select.select{height:45px; padding:0 60px 0 14px; background-repeat:no-repeat; background-position:right center; background-image:url('/common/images/template/select_bg.png'); -webkit-appearance:none; -moz-appearance:none;}
    select.select.disabled{background-image:url('/common/images/template/select_bg2.png');}
}

/* 배경 */
.nobg {background-image:none; background-color:transparent;}

/* 강조 글자 */
.small {font-size:0.92em;}
.large {font-size:1.167em; letter-spacing:-1px;}
.bold {font-weight:600;}
.underline {text-decoration:underline;}
.em_blue {display:inline; color:#2d53a1;}
.em_gray {display:inline; color:#969696;}
.em_green {display:inline; color:#07623e;}
.em_orange {display:inline; color:#c05711;}
.em_pink {display:inline; color:#c4426e;}
.em_red {display:inline; color:#e01a40;}
.em_black {display:inline; color:#000;}
.em_b_blue {display:inline; color:#0861bc; font-weight:600;}
.em_b_red {display:inline; color:#de2500; font-weight:600;}
.em_b_black {display:inline; color:#000; font-weight:600;}

/* 들여쓰기 */
.indent {margin-left:30px;}
.indent2 {margin-left:2px;}
.indent3 {margin-left:3px;}
.indent4 {margin-left:4px;}
.indent5 {margin-left:5px;}
.indent6 {margin-left:6px;}
.indent7 {margin-left:7px;}
.indent8 {margin-left:8px;}
.indent9 {margin-left:9px;}
.indent10 {margin-left:10px;}
.indent11 {margin-left:11px;}
.indent12 {margin-left:12px;}
.indent15 {margin-left:15px;}
.indent20 {margin-left:20px;}
.indent22 {margin-left:22px;}
.indent30 {margin-left:30px;}
.indent40 {margin-left:40px;}
.indent50 {margin-left:50px;}

/* margin */
.margin_0{margin:0 !important;}
.margin_10{margin:10px !important;}
.margin_20{margin:20px !important;}
.margin_30{margin:30px !important;}

.margin_t_0{margin-top:0 !important;}
.margin_t_5{margin-top:5px !important;}
.margin_t_10{margin-top:10px !important;}
.margin_t_15{margin-top:15px !important;}
.margin_t_20{margin-top:20px !important;}
.margin_t_25{margin-top:25px !important;}
.margin_t_30{margin-top:30px !important;}
.margin_t_35{margin-top:35px !important;}
.margin_t_40{margin-top:40px !important;}
.margin_t_45{margin-top:45px !important;}
.margin_t_50{margin-top:50px !important;}
.margin_t_60{margin-top:60px !important;}

.margin_r_0{margin-right:0 !important;}
.margin_r_5{margin-right:5px !important;}
.margin_r_10{margin-right:10px !important;}
.margin_r_15{margin-right:15px !important;}
.margin_r_20{margin-right:20px !important;}
.margin_r_25{margin-right:25px !important;}
.margin_r_30{margin-right:30px !important;}
.margin_r_35{margin-right:35px !important;}
.margin_r_40{margin-right:40px !important;}
.margin_r_45{margin-right:45px !important;}
.margin_r_50{margin-right:50px !important;}
.margin_r_55{margin-right:55px !important;}
.margin_r_60{margin-right:60px !important;}

.margin_b_0{margin-bottom:0 !important;}
.margin_b_5{margin-bottom:5px !important;}
.margin_b_10{margin-bottom:10px !important;}
.margin_b_15{margin-bottom:15px !important;}
.margin_b_20{margin-bottom:20px !important;}
.margin_b_25{margin-bottom:25px !important;}
.margin_b_30{margin-bottom:30px !important;}
.margin_b_35{margin-bottom:35px !important;}
.margin_b_40{margin-bottom:40px !important;}
.margin_b_45{margin-bottom:45px !important;}
.margin_b_50{margin-bottom:50px !important;}
.margin_b_55{margin-bottom:55px !important;}
.margin_b_60{margin-bottom:60px !important;}

.margin_l_0{margin-left:0 !important;}
.margin_l_5{margin-left:5px !important;}
.margin_l_10{margin-left:10px !important;}
.margin_l_15{margin-left:15px !important;}
.margin_l_20{margin-left:20px !important;}
.margin_l_25{margin-left:25px !important;}
.margin_l_30{margin-left:30px !important;}
.margin_l_35{margin-left:35px !important;}
.margin_l_40{margin-left:40px !important;}
.margin_l_45{margin-left:45px !important;}
.margin_l_50{margin-left:50px !important;}

/* padding */
.padding_0{padding:0 !important;}
.padding_10{padding:10px !important;}
.padding_20{padding:20px !important;}
.padding_30{padding:30px !important;}

.padding_t_0{padding-top:0 !important;}
.padding_t_5{padding-top:5px !important;}
.padding_t_10{padding-top:10px !important;}
.padding_t_15{padding-top:15px !important;}
.padding_t_20{padding-top:20px !important;}
.padding_t_25{padding-top:25px !important;}
.padding_t_30{padding-top:30px !important;}
.padding_t_35{padding-top:35px !important;}
.padding_t_40{padding-top:40px !important;}
.padding_t_45{padding-top:45px !important;}
.padding_t_50{padding-top:50px !important;}
.padding_t_60{padding-top:60px !important;}

.padding_r_0{padding-right:0 !important;}
.padding_r_5{padding-right:5px !important;}
.padding_r_10{padding-right:10px !important;}
.padding_r_15{padding-right:15px !important;}
.padding_r_20{padding-right:20px !important;}
.padding_r_25{padding-right:25px !important;}
.padding_r_30{padding-right:30px !important;}
.padding_r_35{padding-right:35px !important;}
.padding_r_40{padding-right:40px !important;}
.padding_r_45{padding-right:45px !important;}
.padding_r_50{padding-right:50px !important;}

.padding_b_0 {padding-bottom:0 !important;}
.padding_b_5 {padding-bottom:5px !important;}
.padding_b_10 {padding-bottom:10px !important;}
.padding_b_15 {padding-bottom:15px !important;}
.padding_b_20 {padding-bottom:20px !important;}
.padding_b_25 {padding-bottom:25px !important;}
.padding_b_30 {padding-bottom:30px !important;}
.padding_b_35 {padding-bottom:35px !important;}
.padding_b_40 {padding-bottom:40px !important;}
.padding_b_45 {padding-bottom:45px !important;}
.padding_b_50 {padding-bottom:50px !important;}

.padding_l_0 {padding-left:0 !important;}
.padding_l_5 {padding-left:5px !important;}
.padding_l_10 {padding-left:10px !important;}
.padding_l_15 {padding-left:15px !important;}
.padding_l_20 {padding-left:20px !important;}
.padding_l_25 {padding-left:25px !important;}
.padding_l_30 {padding-left:30px !important;}
.padding_l_35 {padding-left:35px !important;}
.padding_l_40 {padding-left:40px !important;}
.padding_l_45 {padding-left:45px !important;}
.padding_l_50 {padding-left:50px !important;}

/* width */
.w5p {width:5% !important;}
.w8p {width:8% !important;}
.w10p {width:10% !important;}
.w15p {width:15% !important;}
.w20p {width:20% !important;}
.w25p {width:25% !important;}
.w30p {width:30% !important;}
.w35p {width:35% !important;}
.w40p {width:40% !important;}
.w45p {width:45% !important;}
.w50p {width:50% !important;}
.w55p {width:55% !important;}
.w60p {width:60% !important;}
.w65p {width:65% !important;}
.w70p {width:70% !important;}
.w75p {width:75% !important;}
.w80p {width:80% !important;}
.w85p {width:85% !important;}
.w90p {width:90% !important;}
.w95p {width:95% !important;}
.w100p {width:100% !important;}
@media all and (max-width:765px){
    .w-sm-5p {width:5% !important;}
    .w-sm-10p {width:10% !important;}
    .w-sm-15p {width:15% !important;}
    .w-sm-20p {width:20% !important;}
    .w-sm-25p {width:25% !important;}
    .w-sm-30p {width:30% !important;}
    .w-sm-35p {width:35% !important;}
    .w-sm-40p {width:40% !important;}
    .w-sm-45p {width:45% !important;}
    .w-sm-50p {width:50% !important;}
    .w-sm-55p {width:55% !important;}
    .w-sm-60p {width:60% !important;}
    .w-sm-65p {width:65% !important;}
    .w-sm-70p {width:70% !important;}
    .w-sm-75p {width:75% !important;}
    .w-sm-80p {width:80% !important;}
    .w-sm-85p {width:85% !important;}
    .w-sm-90p {width:90% !important;}
    .w-sm-95p {width:95% !important;}
    .w-sm-100p {width:100% !important;}
}

/* display */
.display_block {display:block;}
.display_inline {display:inline;}
.display_inline_block {display:inline-block;}

/* 정렬 */
.float_left {float:left;}
.float_right {float:right;}
.text_center {text-align:center;}
.text_right {text-align:right;}
.text_left {text-align:left;}
.vertical_top {vertical-align:top;}
.vertical_middle {vertical-align:middle;}
.vertical_bottom {vertical-align:bottom;}
.vertical_baseline {vertical-align:baseline;}

/* 컨텐츠 준비 중 */
.prepare {text-align:center;}

/* 말줄임 */
.ellipsis {position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/* 초기화 */
.zero {font-size:0; line-height:0;}

/* 스크롤 */
.scroll {overflow:hidden; position:relative;}
.scroll.both {overflow:auto;}
.scroll.x {overflow-x:auto; overflow-y:hidden;}
.scroll.y {overflow-x:hidden; overflow-y:auto;}


/* 박스 */
.box{position:relative; margin-bottom:30px; border-top:2px solid #4d5980;}
.box:before{display:block; position:absolute; top:-2px; left:0; width:69px; height:85px; padding-bottom:10px; background:#fff url('/common/images/template/template_sprite.png') no-repeat left top;}
.box:after{display:block; position:absolute; top:calc(50% - 34px); left:70px; width:68px; height:63px; background:url('/common/images/template/temp_box_icon.png') no-repeat;}
.box .box_wrap{position:relative; padding:30px 30px 30px 185px; }
.box .box_wrap:before{display:block; position:absolute; top:18px; right:0; width:100%; height:calc(100% - 18px); background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGklEQVQYV2Osr6//39jYyMjAwMAAJmAAhQMAjGUEBAxUHkIAAAAASUVORK5CYII=') repeat; z-index:-2;}
.box .box_wrap:after{display:block; position:absolute; bottom:3px; left:1px; width:calc(100% - 2px); height:100%; background-color:#fff; z-index:-1;}
.box .box_wrap .title{margin-bottom:12px; font-size:20px; line-height:22px; color:#14296b;}
.box .box_wrap .text{font-size:16px; line-height:22px; letter-spacing:-0.03em;}
.box .box_wrap .text p + .dl{margin-top:15px;}
.box .box_wrap .text .dl{line-height:20px;}
.box .box_wrap .text .dl li{margin-bottom:10px;}
.box .box_wrap .text .dl li:last-child{margin-bottom:0;}
.box .box_wrap .text .dl li:before{top:7px;}

@media all and (max-width:640px){
    .box:after{top:30px; left:calc(50% - 32px);}
    .box .box_wrap{padding:120px 5% 20px;}
    .box .box_wrap .title{font-size:18px; line-height:20px; text-align:center;}
    .box .box_wrap .text{font-size:14px; line-height:20px;}
}

/* 절차(가로형) */
.step_box{display:block; margin:10px 0; padding:30px 20px; background-repeat:repeat-x, repeat-y, repeat-y, repeat-x; background-position:left bottom, right top, left top, left top; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAFElEQVQYV2NcunTp/+joaEYGIAAAJdIEAnf08F8AAAAASUVORK5CYII='), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAEElEQVQYV2NYunTpfwY4AAAkJwLvUFWD6wAAAABJRU5ErkJggg=='), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAEElEQVQYV2NYunTpfwY4AAAkJwLvUFWD6wAA AABJRU5ErkJggg=='), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAFElEQVQYV2NcunTp/+joaEYGIAAAJdIEAnf08F8AAAAASUVORK5CYII=');}
.step_box > ul{margin-top:-15px; font-size:0; line-height:0; }
.step_box > ul > li{display:inline-block; position:relative; margin:15px 10px 0; padding:20px 0; width:calc(25% - 20px); border:1px solid #5f6a89; background-color:#f3fcff; font-size:16px; line-height:18px; color:#111; text-align:center; vertical-align:top;}
.step_box.cts5161 > ul > li{ width:calc(16% - 14px); min-height:75px; padding:0; height:100%;}
.step_box.cts5167 > ul > li{ width:calc(33% - 20px);}
.step_box.cts5161_2 > ul > li{ width:calc(20% - 20px); min-height:75px;}
.step_box > ul > li:before{display:block; position:absolute; top:calc(50% - 8px); right:-8px; width:8px; height:14px; background:url('/common/images/template/temp_step_bg.png') no-repeat;}
.step_box > ul > li:first-child{border-color:#0092b9; background-color:#0092b9; color:#fff;}
.step_box > ul > li:first-child:before{width:0; height:0; border-top:7px solid transparent; border-left:7px solid #0092b9 ; border-bottom:8px solid transparent; background-image:none;}
.step_box > ul > li:last-child{border-color:#0361b2; background-color:#0361b2; color:#fff;}
.step_box > ul > li:last-child:before{display:none;}

@media all and (max-width:1000px){
    .step_box{padding:15px 5px;}
    .step_box > ul > li{width:calc(50% - 20px);}
	.step_box.cts5161 > ul > li{ width:calc(33% - 18px);}
	.step_box.cts5161_2 > ul > li{ width:calc(50% - 20px);}
	.step_box.cts5167 > ul > li{ width:calc(33% - 20px);}
}
@media all and (max-width:760px){
	.step_box.cts5167 > ul > li{height:78px; line-height:34px;}
	.step_box.cts5167 > ul > li:first-child{line-height:18px;}
}

@media all and (max-width:640px){
    .step_box{padding:30px 5%;}
    .step_box > ul {margin-top:-30px;}
    .step_box > ul > li{width:100%; margin:30px 0 0; font-size:14px; line-height:16px;}
    .step_box.cts5161 > ul > li{width:100%; margin:30px 0 0; font-size:14px; line-height:16px;}
    .step_box.cts5161_2 > ul > li{width:100%; margin:30px 0 0; font-size:14px; line-height:16px;}
	.step_box.cts5167 > ul > li{ width:100%;}
	.step_box.cts5167 > ul > li:first-child{line-height:34px;}
    .step_box > ul > li:before{top:auto; bottom:-11px; right:calc(50% - 4px); transform:rotate(90deg);}
    .step_box.type2 ul li br{display:none;}
}

.step_box.two_line ul li{display:inline-block; height:100%; min-height:75px; padding:0; line-height:75px;}
.step_box.two_line ul li .inner{display:inline-block; vertical-align:middle; line-height:18px;}

/*!* IE9,10 *!*/
/*@media screen and (min-width:0\0){*/
/*    .step_box.two_line > ul > li:before{right:-7px;}*/
/*}*/

.step_box.type2{}
.step_box.type2 ul{}
.step_box.type2 > ul > li{display:table; float:left; padding:0; border:0; background-color:#fff;}
.step_box.type2 > ul > li:before{display:none;}
.step_box.type2 > ul > li .inner{display:table-cell; vertical-align:middle;}
.step_box.type2 > ul > li .top_box{position:relative; padding:20px 0; border:1px solid #5f6a89; background-color:#f3fcff; text-align:center;}
.step_box > ul > li:first-child .top_box{border-color:#0092b9; background-color:#0092b9;}
.step_box > ul > li:last-child .top_box{border-color:#0361b2; background-color:#0361b2;}
.step_box.type2 > ul > li .top_box:before{display:block; position:absolute; top:calc(50% - 8px); right:-8px; width:8px; height:14px; background:url('/common/images/template/temp_step_bg.png') no-repeat;}
.step_box > ul > li:first-child .top_box:before{width:0; height:0; border-top:7px solid transparent; border-left:7px solid #0092b9 ; border-bottom:8px solid transparent; background-image:none;}
.step_box > ul > li:last-child .top_box:before{display:none;}

.step_box.type2 > ul > li .text{display:table; position:relative; width:100%; height:0; min-height:85px; margin-top:-1px; border-left:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2;  border-right:1px solid #c2c2c2; font-size:15px; line-height:17px; color:#252525; text-align:center;}
.step_box.type2 > ul > li .text span{display:table-cell; vertical-align:middle;}

@media all and (max-width:640px){
    .step_box.type2 > ul > li{display:block; float:none;}
    .step_box.type2 > ul > li .inner{display:block;}
    .step_box.type2 > ul > li .top_box:before{display:none;}
    .step_box.type2 > ul > li .text{display:block; padding:20px 3%; height:auto; min-height:0; font-size:13px; line-height:15px;}
    .step_box.type2 > ul > li .text:before{display:block; position:absolute; bottom:-8px; right:calc(50% - 4px); width:14px; height:8px; background:url('/common/images/template/temp_step_bg2.png') no-repeat;}
    .step_box.type2 > ul > li .text span{display:block;}
    .step_box.type2 > ul > li .text br{display:none;}
}

/* (주)한신정보기술 20-02-06 최아름 */

/* 오시는길 */
.temp_dotbox{display:block; position:relative;}
.temp_dotbox:before{display:block; position:absolute; top:0; left:0; width:100%; height:100%; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGklEQVQYV2NcunTp/+joaEYGBgYGMAEDKBwAji0EBO+EwK8AAAAASUVORK5CYII=") 0 0 repeat; z-index:-1;}
.temp_dotbox:after{display:block; position:absolute; top:1px; left:1px; width:calc(100% - 2px); height:calc(100% - 4px); background-color:#fff; z-index:-1;}

.temp_map{position:relative;}
.temp_map .card{margin:0; padding:0; }
.temp_map .root_daum_roughmap{position:relative; padding:12px; border:0;}
.temp_map .more{display:inline-block; position:absolute; top:448px; right:12px; z-index:1;}
.temp_map .more .btn.open:before{background: url("/common/images/template/temp_map_open.png") 0 0 no-repeat;}

.temp_map .information{margin-top:20px;}
.temp_map .information .inner{padding:29px 37px 31px;}
.temp_map .information .em_blue{display:inline-block; color:#014199; position:relative;}
.temp_map .information .inner > ul > li{display:block; float:left; width:30%; padding-left:46px; color:#111; font-size:16px; line-height:25px; letter-spacing:-0.03em; text-align:center;}
.temp_map .information .inner > ul > li:first-child{width:40%; text-align:left;}
.temp_map .information .inner > ul > li .em_blue:before{display:block; position:absolute; top:-5px; left:-46px; width:36px; height:36px; background-color:#2e87d3; border-radius:20px; z-index:1;}
.temp_map .information .inner > ul > li.address .em_blue:before{background-image: url("/common/images/template/temp_map_address.png"); background-position: center center; background-repeat:no-repeat;}
.temp_map .information .inner > ul > li.call .em_blue:before{background-image: url("/common/images/template/temp_map_call.png"); background-position: center center; background-repeat:no-repeat;}
.temp_map .information .inner > ul > li.fax .em_blue:before{background-image: url("/common/images/template/temp_map_fax.png"); background-position: center center; background-repeat:no-repeat;}

@media all and (max-width:900px){
    .temp_map .information .inner{padding-bottom:11px;}
    .temp_map .information .inner > ul > li{width:50%; height:50px;}
	.temp_map .information .inner > ul > li:first-child{width:50%;}
    .temp_map .information .inner > ul > li.fax{text-align:left;}
}
@media all and (max-width:640px){
    .temp_map .information .inner{padding:25px 15px 5px;}
    .temp_map .information .inner > ul > li{float:none; width:100%; height:auto; margin-bottom:20px; text-align:left;}
	.temp_map .information .inner > ul > li:first-child{width:100%;}
    .temp_map .information .inner > ul > li.fax{text-align:left;}
    .temp_map .more{display:block; position:relative; top:auto; right:auto; margin:20px 0; text-align:center;}
}

/* 게시판 상단 */


.box.type2:after{top:23px; left:calc(50% - 32px); background: url("/common/images/template/temp_box_icon02.png") center center no-repeat;}
.box.type2 .box_wrap{padding:97px 5% 16px;}
.box.type2 .box_wrap .title{text-align:center;}
.box.type2 .box_wrap .text{margin-bottom:25px; color:#111; text-align:center;}
.box.type2 .temp_dotbox{padding-top:20px; margin-bottom:10px;}
.box.type2 .temp_dotbox:before{height:1px; z-index:1;}
.box.type2 .temp_dotbox .bu,.box.type2 .temp_dotbox .blt{margin:0;}


/* 상단버튼 */

.link_box{padding:23px 25px; background:url('/common/images/template/link_box_bg.jpg') left center no-repeat; background-size:cover; text-align:center;}
.link_box .btn{border-color:transparent;}
.link_box .inner{display:inline-block;}
.link_box .inner li{display:inline-block;}

@media all and (max-width:1000px) {
    .link_box .inner li{display:block; margin:5px 0; text-align:left;}
    .link_box .inner li a{display:block; width:100%;}
}

/* 상단버튼 - 타입2 */
.link_box.type2 .inner{display:block; position:relative;}
.link_box.type2 .sub_text{position:absolute; top:11px; left:5px; font-size:15px; color:#fff; letter-spacing:0.3em; vertical-align:middle;}
@media all and (max-width:500px) {
    .link_box.type2 .sub_text{display:none;}
    .link_box.type2 .inner .text_right{text-align:center;}
}

/* 스토리박스 */
.title_box{padding:33px 25px; background:url('/common/images/template/link_box_bg.jpg') left center no-repeat; background-size:cover; text-align:center;}
.title_box .btn{border-color:transparent;}
.title_box .inner{display:block; position:relative;}
.title_box .sub_text{position:absolute; top:0; left:5px; font-size:15px; color:#fff; letter-spacing:0.3em;}
.title_box .title{font-size:22px; line-height:24px; color:#fff; text-align:center;}

@media all and (max-width:640px) {
    .title_box{padding:0 25px;}
    .title_box .inner{padding:15px 0;}
    .title_box > .title{padding:15px 0;}
    .title_box .sub_text{display:block; position:relative; top:auto; left:auto; text-align:left;}
    .title_box .sub_text + .title{padding-bottom:18px;}
}

/* 파일 다운로드 */
.box.down:after{width:261px; height:161px; top:43px; left:calc(50% - 130px); background: url("/common/images/template/temp_box_down.png") center center no-repeat;}
.box.down .box_wrap{padding:237px 5% 32px;}
.box.down .box_wrap .title{text-align:center;}
.box.down .box_wrap .text{margin-bottom:30px; color:#111; font-size:16px; line-height:22px; text-align:center;}
.box.down .box_wrap .btn{text-align:center;}
.box.down .box_wrap .btn{min-width:221px; text-align:center;}
/*.box.down .box_wrap .btn:before{right:53px;}*/

/* 관련사이트 */
.box_list{}
.box_list .box_wrap{}
.box_list .box_wrap > ul{margin-left:-24px;}
.box_list .box_wrap > ul > li{float:left; position:relative; width:calc(33.33% - 24px); margin-bottom:20px; margin-left:24px; padding:28px 40px; background-color:#fff;}
.box_list .box_wrap > ul > li:before{display:block; position:absolute; top:-1px; right:-3px; width:calc(100% + 5px); height:calc(100% + 4px); background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGklEQVQYV2Osr6//39jYyMjAwMAAJmAAhQMAjGUEBAxUHkIAAAAASUVORK5CYII=") repeat; z-index:-2;}
.box_list .box_wrap > ul > li:hover{background-color:transparent;}
.box_list .box_wrap > ul > li:hover:before{background:#f4f6f9; border:1px solid #4d5980; width:calc(100% + 3px); height:calc(100% + 1px);}
.box_list .box_wrap > ul > li .top_text{position:relative; color:#707070; font-size:13px; line-height:15px; letter-spacing:-0.05em;}
.box_list .box_wrap > ul > li .top_text:before{display:block; position:absolute; bottom:-10px; left:0; width:45px; height:1px; background-color:#686868;}
.box_list .box_wrap > ul > li .title{margin-top:37px; margin-bottom:8px; color:#111; font-size:18px; letter-spacing:-0.03em; line-height:21px;}
.box_list .box_wrap > ul > li .sub_title{float:none; margin-bottom:5px; color:#707070; font-size:15px; letter-spacing:-0.03em; text-align:left;}
.box_list .box_wrap > ul > li .site{display:block; padding-top:0; margin-bottom:32px; color:#252525; font-size:15px;}
.box_list .box_wrap > ul > li:hover .title{color:#233774;}
.box_list .box_wrap > ul > li a{width:100%;}
.box_list .box_wrap > ul > li .btn.open:before{right:40px;}

@media all and (max-width:1240px) {
    .box_list .box_wrap > ul > li .btn.open:before{right:18px;}
}

@media all and (max-width:900px) {
    .box_list .box_wrap > ul > li{width:calc(50% - 24px);}
}
@media all and (max-width:640px) {
    .box_list .box_wrap > ul > li{float:none; width:auto;}
}

/*관련사이트 - 2개일때*/
.box_list.type2 .box_wrap > ul > li{width:calc(50% - 24px);}
.box_list.type2 .box_wrap > ul > li a{width:220px; text-align:left;}

@media all and (max-width:800px) {
    .box_list.type2 .box_wrap > ul > li{float:none; width:auto;}
    .box_list.type2 .box_wrap > ul > li .sub_title{padding-top:10px; margin-bottom:34px;}
    .box_list.type2 .box_wrap > ul > li .site{padding-top:0;}
}

/* 파일보기 및 다운로드 */
.box_list.type3 .box_wrap > ul > li .title{margin-bottom:34px;}
.box_list.type3 .box_wrap > ul > li a{text-align:center;}
.box_list.type3 .box_wrap > ul > li .btn.file:before{right:53px;}
.box_list.type3 .box_wrap > ul > li .btn.download:before{right:40px;}

/* 사진목록 */
.temp_imagebox{display:inline-block; border:#d2d2d2 solid 1px; padding:5px; background-color:#FFF; text-align:center; vertical-align:top;}
.temp_imagebox .image{display:block; line-height:0; font-size:0;}
.temp_imagebox.type2{padding:5px 5px 0;}
.temp_imagebox .textbox{display:table; width:100%;}
.temp_imagebox .textbox span{display:table-cell; width:100%; height:46px; vertical-align:middle; color:#252525; font-size:15px; line-height:1.3em;}
.temp_imagebox.no_image .image{background-color:#f7f8fb; background-repeat:no-repeat; background-position:center center; background-image:url("/common/images/template/noimg.png"); min-width:240px; min-height:180px;}
.temp_imagebox.no_image img{display:none;}
.temp_imagebox_wrap{background-color:#f6f6f6; padding:30px 20px 33px; text-align:center; font-size:0;}

/* 콘텐츠 내 문의전화 */
.contact_us{display:inline-block; position:relative; margin:10px 0; padding-left:30px; color:#111; font-size:16px; letter-spacing:-0.03em; line-height:25px; background:url("/common/images/template/contact_us_icon.png") top 3px left no-repeat;}
.contact_us:before{display:block; position:absolute; bottom:-9px; left:-1px; width:calc(100% + 10px); height:1px; background-color:#030303;}

.contact_box{display:block; margin:10px 0; padding:25px 20px; background-repeat:repeat-x, repeat-y, repeat-y, repeat-x; background-position:left bottom, right top, left top, left top; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAFElEQVQYV2NcunTp/+joaEYGIAAAJdIEAnf08F8AAAAASUVORK5CYII='), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAEElEQVQYV2NYunTpfwY4AAAkJwLvUFWD6wAAAABJRU5ErkJggg=='), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAEElEQVQYV2NYunTpfwY4AAAkJwLvUFWD6wAA AABJRU5ErkJggg=='), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAFElEQVQYV2NcunTp/+joaEYGIAAAJdIEAnf08F8AAAAASUVORK5CYII='); }
.contact_box .inner{font-size:16px; line-height:18px; color:#111;}
.contact_box .inner .info{position:relative; padding-left:53px; padding-right:32px; vertical-align:top; line-height:22px;}
.contact_box .inner .info:before{display:block; position:absolute; top:-5px; left:0; width:32px; height:32px; background:url('/common/images/template/contact_box_icon.png') no-repeat;}
.contact_box .inner .info:after{display:block; position:absolute; top:6px; right:0; width:1px; height:10px; background-color:#b2b2b2;}
.contact_box .inner .tel{padding-left:30px; line-height:22px;}
.contact_box .inner em{padding-left:20px; color:#014199;}

@media all and (max-width:640px){
    .contact_us{font-size:14px; line-height:23px;}
    .contact_box .inner{font-size:14px; line-height:16px;}
    .contact_box .inner .info{display:block; margin-bottom:10px; padding-left:40px; padding-right:0;}
    .contact_box .inner .info:after{display:none;}
    .contact_box .inner .tel{display:block; padding-left:0; text-align:right;}

}


/*절차 가로형 - 왼쪽 텍스트 박스*/
.step_box.left_box{padding:30px 27px 15px;}
.step_box.left_box > ul > li{width:100%; margin:0 10px 0; padding:15px 0; background-color:transparent; border:0;}
.step_box.left_box > ul > li:before{display:none;}
.step_box.left_box > ul > li .title{display:inline-block; width:245px; vertical-align:top;}
.step_box.left_box > ul > li .title > span{display:inline-block; position:relative; margin:0; padding:20px 0; width:100%; border:1px solid #5f6a89; background-color:#f3fcff; font-size:16px; line-height:18px; color:#111; text-align:center;}
.step_box.left_box > ul > li .title > span:before{display:block; position:absolute; top:auto; bottom:-11px; right:calc(50% - 4px); transform:rotate(90deg); width:8px; height:14px; background:url('/common/images/template/temp_step_bg.png') no-repeat;}
.step_box.left_box > ul > li:first-child .title > span{border-color:#0092b9; background-color:#0092b9; color:#fff;}
.step_box.left_box > ul > li:first-child .title > span:before{width:0; height:0; border-top:7px solid transparent; border-left:7px solid #0092b9 ; border-bottom:8px solid transparent; background-image:none;}
.step_box.left_box > ul > li:last-child .title > span{border-color:#0361b2; background-color:#0361b2; color:#fff;}
.step_box.left_box > ul > li:last-child .title > span:before{display:none;}
.step_box.left_box > ul > li .inner{display:inline-block; position:relative; width:calc(100% - 260px); min-height:60px; padding-left:30px; color:#111; font-size:16px; line-height:25px; letter-spacing:-0.04em; text-align:left;}
.step_box.left_box > ul > li .inner:before{display:block; position:absolute; bottom:-14px; left:18px; width:100%; height:1px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAABCAYAAAASC7TOAAAAFklEQVQYV2M8cODAfwY04ODgwAgSAgBbJgQCkmg+hwAAAABJRU5ErkJggg==") 0 0 repeat;}
.step_box.left_box > ul > li .inner  p{}
.step_box.left_box > ul > li .inner .blt{margin-top:3px;}
.step_box.left_box > ul > li:last-child .inner:before{display:none;}
.step_box.left_box > ul > li:last-child{padding-bottom:0;}

.step_box.left_box.two_line ul li.one{padding:29px 0;}
.step_box.left_box ul li.title{margin:30px 0 0;}

@media all and (max-width:800px) {
    .step_box.left_box{padding:30px 5%;}
    .step_box.left_box > ul > li{margin:0;}
    .step_box.left_box > ul > li .title{display:block; width:auto;}
    .step_box.left_box > ul > li .title:before{display:none;}
    .step_box.left_box > ul > li .inner{display:block; width:auto; padding-top:15px; border-width:0 1px 1px 1px; border-style:solid; border-color:#c2c2c2;}
    .step_box.left_box > ul > li .inner:before{display:none;}
    .step_box.left_box > ul > li .inner .blt,.step_box.left_box > ul > li .inner .bu{margin-top:0;}
    .step_box.left_box > ul > li .inner:after{display:block; position:absolute; bottom:-8px; right:calc(50% - 4px); width:14px; height:8px; background:url("/common/images/template/temp_step_bg2.png") no-repeat;}
    .step_box.left_box > ul > li:last-child .inner:after{display:none;}
    .step_box.left_box > ul > li .title > span:before{display:none;}
}

@media all and (max-width:640px) {
    .step_box.left_box > ul > li .title > span{font-size:14px; line-height:16px;}
}

/*절차 가로형 - 왼쪽 텍스트 박스 타입2*/
.step_box.left_box.add_text > ul > li .title > span:before{display:none;}
.step_box.left_box.add_text > ul > li .title .text{display:table; position:relative; width:100%; height:75px; text-align:center; box-sizing:border-box; border-width:0 1px 1px 1px; border-style:solid; border-color:#c2c2c2;}
.step_box.left_box.add_text > ul > li .title .text:before{display:block; position:absolute; bottom:-7px; right:calc(50% - 4px); width:14px; height:8px; background: url("/common/images/template/temp_step_bg2.png") no-repeat;}
.step_box.left_box.add_text > ul > li .title .text span{display:table-cell; vertical-align:middle; color:#252525; font-size:15px; letter-spacing:-0.03em; line-height:19px;}
@media all and (max-width:800px) {
    .step_box.left_box.add_text > ul > li .title .text:before{display:none;}
    .step_box.left_box.add_text > ul > li .title .text{border-width:0 1px; width:calc(100% + 1px);}
    .step_box.left_box.add_text > ul.contact_box .inner .info > li .title .text:after{display:block; position:absolute; bottom:0; left:5%; width:90%; height:1px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAABCAYAAAASC7TOAAAAFklEQVQYV2M8cODAfwY04ODgwAgSAgBbJgQCkmg+hwAAAABJRU5ErkJggg==") 0 0 repeat;}
    .step_box.left_box.add_text > ul > li .inner{padding:0 5% 10px;}
}

@media all and (max-width:640px) {
    .step_box.left_box.add_text > ul > li .title .text span{font-size:14px;}
}

/*!* IE9,10 *!*/
/*@media screen and (min-width:0\0){*/
/*    .step_box.left_box.add_text > ul > li .title .text:before{bottom:-7px;}*/
/*}*/

/* 이미지 확대보기 */
.box_img {text-align:center; line-height:0;}
.box_img .inner {position:relative; display:inline-block; max-width:100%; line-height:0;}
.box_img img {max-width:100%;}
.box_img .img_zoom {display:none; position:absolute; right:0; bottom:0; z-index:10;}
.box_img .img_zoom a {display:inline-block; width:27px; height:27px; font-size:0; line-height:0; color:transparent; background:url('/common/images/template/img_zoom.png') center center no-repeat #2e87d3;}
@media all and (max-width:800px) {
    .box_img .img_zoom {display:inline-block;}
}


/* 문화카드 */
.culture_photo_card{ margin-bottom:30px; background: url("/site/www/images/contents/culture_photo_bg.jpg") center center no-repeat; background-size:cover;}
.culture_photo_card .inner{padding:20px;}
.culture_photo_card .top_title{margin-top:15px; margin-bottom:32px; text-align:center;}
.culture_photo_card .top_title .subtitle{display:block; margin-bottom:4px; color:#fff; font-size:16px; line-height:20px; letter-spacing:-0.05em;}
.culture_photo_card .top_title .title{color:#fff; font-size:32px; line-height:35px; letter-spacing:-0.02em;}

.culture_photo_card .list{text-align:center; margin-top:35px;}
.culture_photo_card .list ul{}
.culture_photo_card .list ul li{display:inline-block; position:relative; padding:0 4.5%; margin-bottom:18px;}
.culture_photo_card .list ul li:before{content:""; display:block; position:absolute; top:0; left:0; width:1px; height:100%; background-color: rgba(255,255,255,0.2);}
.culture_photo_card .list ul li:first-child:before{display:none;}
.culture_photo_card .list ul li .em_yellow{display:block; margin-bottom:9px; color:#f4f0ba; font-size:16px; letter-spacing:-0.03em; line-height:25px;}
.culture_photo_card .list ul li p{color:#fff; font-size:16px; line-height:25px; letter-spacing:-0.03em;}

@media all and (max-width:1240px) {
    .culture_photo_card .list ul li{float:left; padding:0 5px;}
    .culture_photo_card .list ul li:nth-child(-n + 3){width:calc(33.33% - 10px);}
    .culture_photo_card .list ul li:nth-child(n + 4){width:calc(50% - 10px);}
    .culture_photo_card .list ul li:nth-child(4):before{display:none;}
}
@media all and (max-width:640px) {
    .culture_photo_card .list ul li:nth-child(-n + 3){width:calc(50% - 10px);}
    .culture_photo_card .list ul li:last-child{width:100%;}
    .culture_photo_card .list ul li:nth-child(3):before{display:none;}
    .culture_photo_card .list ul li:last-child:before{display:none;}
    .culture_photo_card .list ul li:nth-child(4):before{display:block;}
}

/* 3개항목일경우 */
.culture_photo_card.divide3 .list ul li{float:left; width:33.33%;}

@media all and (max-width:800px) {
    .culture_photo_card.divide3 .list ul li{width:50%;}
    .culture_photo_card.divide3 .list ul li:first-child{width:100%;}
    .culture_photo_card.divide3 .list ul li:nth-child(2n):before{display:none;}
    .culture_photo_card.divide3 .list ul li:nth-child(3):before{display:block;}
}

/* market_bgbox */
.market_bgbox{background: url("/site/www/images/contents/market_bgbox_bg.png") 0 0 no-repeat;}
.market_bgbox .dot_box{padding:20px 20px 23px 40px;}
.market_bgbox .top_area{}
.market_bgbox .top_area .text_area{display:table; float:left; position:relative; width:345px; height:192px; padding-bottom:30px;}
.market_bgbox .top_area .text_area:after{display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAE0lEQVQYV2Osr6//39jYyMgABAAkCgQC0GYrQwAAAABJRU5ErkJggg==') repeat-x;}
.market_bgbox .top_area .text_area .inner{display:table-cell; vertical-align:bottom;}
.market_bgbox .top_area .text_area .title{margin-bottom:18px;  color:#014199; font-size:32px; letter-spacing:-0.02em; line-height:36px;}
.market_bgbox .top_area .text_area .division{display:inline-block; margin-left:3px; padding:9px 11px; color:#676767; font-size:14px; line-height:16px; background-color:#fff; border:1px solid #c2c2c2;}

.market_bgbox .top_area .images{float:right;}
.market_bgbox .top_area .images .temp_imagebox{}
.market_bgbox .top_area .images .temp_imagebox .image img{display:inline-block;}
.market_bgbox .top_area .images .temp_imagebox .image img:nth-child(2){margin-left:5px;}

.market_bgbox .bottom_area{margin-top:27px; letter-spacing:-0.03em;}
.market_bgbox .bottom_area .bu{margin:0;}

@media all and (max-width:1240px) {
    .market_bgbox .dot_box{padding:20px;}
    .market_bgbox .top_area .text_area{display:block; float:none; width:auto; height:auto;}
    .market_bgbox .top_area .text_area .inner{display:block; vertical-align:baseline;}
    .market_bgbox .top_area .text_area .title{margin-top:30px;}

    .market_bgbox .top_area .images{float:none; margin-top:30px; text-align:center;}
    .market_bgbox .top_area .images .temp_imagebox{display:inline-block;}
    .market_bgbox .bottom_area .text br{display:none;}
}
@media all and (max-width:600px) {
    .market_bgbox .top_area .images .temp_imagebox .image img{width:calc(50% - 2.5px);}
}

/* market_bgbox.type2 */
.market_bgbox.type2 .top_area .text_area{width:615px;}
@media all and (max-width:1240px) {
    .market_bgbox.type2 .top_area .text_area{width:auto;}
    .market_bgbox.type2 .top_area .images .temp_imagebox .image img{width:auto;}
}

/* 그리드박스 */
.grid_box{border:1px solid #d2d2d2; padding:9px; text-align:center;}
.grid_box .inner{padding-top:40px; padding-bottom:47px; border-style:solid; border-color:#f0f0f0; border-width:1px 0 1px 1px; background:url("/common/images/template/gridbox_bg.png") 0 0 repeat;}

/* 이미지박스 */
.temp_imgbox{display:block; margin:25px 0; padding:40px 20px; background-repeat:repeat-x, repeat-y, repeat-y, repeat-x; background-position:left bottom, right top, left top, left top; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAFElEQVQYV2NcunTp/+joaEYGIAAAJdIEAnf08F8AAAAASUVORK5CYII='), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAEElEQVQYV2NYunTpfwY4AAAkJwLvUFWD6wAAAABJRU5ErkJggg=='), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAEElEQVQYV2NYunTpfwY4AAAkJwLvUFWD6wAA AABJRU5ErkJggg=='), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAFElEQVQYV2NcunTp/+joaEYGIAAAJdIEAnf08F8AAAAASUVORK5CYII='); text-align:center;}

@media all and (max-width:800px){
    .temp_imgbox .temp_imagebox {display:block; margin-bottom:10px; padding:0; border:0;}
    .temp_imgbox .temp_imagebox:last-child{margin-bottom:0;}
    .temp_imgbox .temp_imagebox .image{display:inline-block; border:#d2d2d2 solid 1px; padding:5px; background-color:#FFF; text-align:center; vertical-align:top;}
}

@media all and (max-width:640px){
    .temp_imgbox{padding:20px 5%;}
}

/* qna박스 */
.qna_box{}
.qna_box > ul{padding:13px 0 0;}
.qna_box > ul > li{padding-top:15px;}
.qna_box > ul > li > .q_area{position:relative;}
.qna_box > ul > li > .a_area{position:relative;}
.qna_box > ul > li i{position:absolute; top:-5px; left:31px; width:31px; height:31px; background-position: center center; background-repeat:no-repeat; font-size:0; line-height:0;}
.qna_box > ul > li > .q_area i{background-image: url("/common/images/template/qna_box_icon1.png");}
.qna_box > ul > li > .a_area i{background-image: url("/common/images/template/qna_box_icon2.png");}

.qna_box > ul > li .text{padding: 0 5% 19px 78px; color:#111; line-height:22px; letter-spacing:-0.03em;}
.qna_box > ul > li > .q_area .text{font-size:18px;}
.qna_box > ul > li > .a_area .text{font-size:16px;}

.qna_box > ul > li .text .point{margin-top:18px;}

@media all and (max-width:1240px) {
    .qna_box > ul > li .text br{display:none;}
}
@media all and (max-width:640px) {
    .qna_box > ul > li .text{padding-left:50px;}
    .qna_box > ul > li i{left:11px; background-size:85%;}
}

/* 원주소개 */
.ad_area{}
.ad_area .top_box{position:relative; background-color:#fff; text-align:center;}
.ad_area .top_box:before, .ad_area .top_box:after{display:block; position:absolute; top:0; background-repeat:no-repeat;}
.ad_area .top_box:before{left:0; width:117px; height:428px; background-image:url('/site/www/images/contents/cts4273_box_bg1.png');}
.ad_area .top_box:after{right:0; width:150px; height:202px; background-image:url('/site/www/images/contents/cts4273_box_bg2.png');}
.ad_area .top_box .title{position:relative; padding-top:70px; font-size:30px; line-height:34px; color:#014199;}
.ad_area .top_box .text{position:relative; margin:37px 0 42px; padding:0 110px; }
.ad_area .top_box .text p{font-size:16px; line-height:22px; color:#111; margin-top:22px;}
.ad_area .top_box .text p:first-child{margin-top:0;}
.ad_area .top_box .sign{margin-right:35px; text-align:right;}
.ad_area .top_box .sign span{font-size:16px; line-height:20px;}
.ad_area .top_box .sign span em{margin-left:15px; font-size:20px;}

.ad_area .text_box{margin-top:50px;}
.ad_area .text_box .dot_box{display:inline-block; margin-right:35px;}
.ad_area .text_box .right_box{display:inline-block; width:calc(100% - 435px); vertical-align:top;}

@media all and (max-width:1200px) {
    .ad_area .top_box .text{padding:0 30px;}
}

@media all and (max-width:800px) {
    .ad_area .top_box .text p br{display:none;}
    .ad_area .text_box .dot_box{display:block; margin-right:0; padding:30px 20px;}
    .ad_area .text_box .right_box{display:block; width:auto;}
}
@media all and (max-width:640px) {
    .ad_area .top_box .title{padding:70px 5% 0; font-size:28px; line-height:32px;}
    .ad_area .top_box:before, .ad_area .top_box:after{opacity:0.5;}
    .ad_area .top_box .text{padding:0 5%;}
    .ad_area .top_box .text p{font-size:14px; line-height:20px;}
}

/* 헌장 */
.promise_card{position:relative; padding:10px; background-color:#287d6b;}
.promise_card:before,.promise_card:after{display:block; position:absolute; left:0;  width:100%; height:35px; background-image: url("/common/images/template/promise_card_bg.png"); background-position: center 0; background-repeat:no-repeat;}
.promise_card:before{top:10px;}
.promise_card:after{bottom:10px; transform: rotate(180deg);}

.promise_card .inner{position:relative; padding:20px;}
.promise_card .inner:before,.promise_card .inner:after{display:block; position:absolute; top:35px; left:0; width:2px; height:calc(100% - 70px); background-color:rgba(255,255,255,0.3);}
.promise_card .inner:after{left:auto; right:0;}

.promise_card .top_title{position:relative; padding:23px 15px 40px;}
.promise_card .top_title .bg_image{position:absolute; right:0; bottom:0; width:235px; height:146px; background-image: url("/site/www/images/contents/cts4040_icon.png"); background-position: right bottom; background-repeat: no-repeat; z-index:0;}
.promise_card .top_title .title{margin-bottom:13px; color:#fff15b; font-size:30px; letter-spacing:-0.05em; line-height:1.3em;}
.promise_card .top_title .text{position:relative; color:#fff; font-size:16px; line-height:22px; letter-spacing:-0.08em; z-index:1;}

.promise_card .text_area{background-color:#fff; padding:22px 40px;}
.promise_card .text_area > ul > li{position:relative; padding-top:15px; padding-bottom:20px; padding-left:75px;}
.promise_card .text_area > ul > li:before{display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAE0lEQVQYV2Osr6//39jYyMgABAAkCgQC0GYrQwAAAABJRU5ErkJggg==') repeat-x;}
.promise_card .text_area > ul > li > span{position:absolute; top:11px; left:0; width:62px; height:31px; background-color:#287d6b; color:#fff; font-size:15px; border-radius:40px; text-align:center; line-height:31px;}
.promise_card .text_area > ul > li > p{color:#252525; font-size:16px; line-height:20px; letter-spacing:-0.03em;}

@media all and (max-width:1240px) {
    .promise_card .top_title .text br{display:none;}
    .promise_card .top_title .bg_image{opacity: 0.2;}
    .promise_card:before, .promise_card:after{display:none;}
    .promise_card .inner:before, .promise_card .inner:after{display:none;}
    .promise_card .inner{border:2px solid rgba(255,255,255,0.3);}
    .promise_card .text_area > ul > li p br{display:none;}

    .promise_card .text_area{padding:22px 5%;}
}

@media all and (max-width:500px) {
    .promise_card .top_title .bg_image{display:none;}
    .promise_card .top_title{padding-bottom:25px;}
    .promise_card .text_area{padding-top:12px;}
    .promise_card .text_area > ul > li{padding-left:0;}
    .promise_card .text_area > ul > li > p{font-size:15px; margin:0 5px;}
    .promise_card .text_area > ul > li > span{display:inline-block; margin-bottom:5px; position:relative; top:auto; left:auto;}

}

/* 찾아오시는길 type2 */
.temp_map.type2{margin-bottom:30px; padding:20px 20px 0; background:url('/site/www/images/contents/cts245_bg.jpg') no-repeat;}
.temp_map.type2 .inner_map{}
.temp_map.type2 .inner_map .root_daum_roughmap{width:100%; padding:0;}

.temp_map.type2 .information{margin-top:0; }
.temp_map.type2 .information .inner{padding:26px 18px;}
.temp_map.type2 .information .inner ul li{position:relative; width:25%; padding-right:15px; color:#fff; text-align:left;}
.temp_map.type2 .information .inner ul li.address{width:50%;}
.temp_map.type2 .information .inner > ul > li:before{display:block; position:absolute; top:-6px; left:0; width:36px; height:36px;}
.temp_map.type2 .information .inner > ul > li.address:before{background:url('/common/images/template/temp_map2_ico1.png') no-repeat;}
.temp_map.type2 .information .inner > ul > li.call:before{background:url('/common/images/template/temp_map2_ico2.png') no-repeat;}
.temp_map.type2 .information .inner > ul > li.fax:before{background:url('/common/images/template/temp_map2_ico3.png') no-repeat;}

@media all and (max-width:1200px) {
    .temp_map.type2{background-size:cover;}
}

@media all and (max-width:800px) {
    .temp_map.type2 .information .inner ul li{width:100%; margin-top:20px; height:auto;}
    .temp_map.type2 .information .inner ul li.address{width:100%; margin-top:0;}
}

/* 슬릭박스 temp_slick */
.temp_slick .inner_wrap{position:relative;}
.temp_slick .vr_list .vr_item{position:relative;}
.temp_slick .vr_list .vr_item .title{position:absolute; top:55px; left:calc(50% - 94px); width:188px; text-align:center;}
.temp_slick .vr_list .vr_item .title .mt_title{padding:0 18px; font-size:24px; letter-spacing:-0.025em; color:#fff;}
.temp_slick .vr_list .vr_item .title .mt_title:before{display:block; position:absolute; top:2px; left:0; width:3px; height:22px; background-color:#fff;}
.temp_slick .vr_list .vr_item .title .mt_title:after{display:block; position:absolute; top:2px; right:0; width:3px; height:22px; background-color:#fff;}
.temp_slick .vr_list .vr_item .title .mt_subtitle{display:block; margin:16px 0 23px; font-size:24px; font-weight:600; color:#fff; letter-spacing:-0.025em;}
.temp_slick .vr_list .vr_item .title .btn.type2{position:relative; width:123px; padding-left:26px; text-align:left;}
.temp_slick .vr_list .vr_item .title .btn.type2:before{display:block; position:absolute; top:17px; right:22px; width:9px; height:11px; background:url('/site/eco/images/contents/eco_arrow.png') no-repeat;}

/* 버튼 */
.temp_slick .button_control button{position:absolute; bottom:105px; width:53px; height:53px; border-radius:100%; font-size:0; line-height:0; color:transparent; z-index:2;}
.temp_slick .button_control button.prev{left:19px;}
.temp_slick .button_control button.next{right:19px;}
.temp_slick .button_control button:before{display:block; position:absolute; top:calc(50% - 10px); left:calc(50% - 6px); width:12px; height:20px; background:url('/site/eco/images/contents/vrlist_arrow.png') no-repeat;}
.temp_slick .button_control button.next:before{left:calc(50% - 3px); transform:rotate(180deg);}

.temp_slick .vr_thumbnail{position:relative; margin-top:-28px; padding-bottom:44px; border:1px dotted #a5a5a5; border-top:0;}
.temp_slick .vr_thumbnail .thumbnail_list{margin:0 80px; padding-top:61px;}
.temp_slick .vr_thumbnail .thumbnail_list .thumbnail_item{float:left; width:calc(20% - 36px); margin:0 18px; text-align:center;}
.temp_slick .vr_thumbnail .thumbnail_list .thumbnail_item .img_box img{border-radius:100%;}
.temp_slick .vr_thumbnail .thumbnail_list .thumbnail_item span{display:block; margin-top:10px; font-size:19px; font-weight:600; letter-spacing:-0.01em;}

/* 썸네일 on일때 */
/*.temp_slick .vr_thumbnail .thumbnail_list .thumbnail_item.slick-current.slick-active .img_box{position:relative;}
.temp_slick .vr_thumbnail .thumbnail_list .thumbnail_item.slick-current.slick-active .img_box:before{display:block; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:100%; background-color:rgba(18, 33, 27, 0.65);}
.temp_slick .vr_thumbnail .thumbnail_list .thumbnail_item.slick-current.slick-active .img_box:after{display:block; position:absolute; top:calc(50% - 12px); left:calc(50% - 12px); width:25px; height:25px; background:url('/site/eco/images/contents/thumbnail_on.png') no-repeat;}
.temp_slick .vr_thumbnail .thumbnail_list .thumbnail_item.slick-current.slick-active .img_box img{box-shadow:3px 5px 4px rgba(0, 0, 0, 0.33);}
*/

/* 썸네일 마우스 오버 */
.temp_slick .vr_thumbnail .thumbnail_list .thumbnail_item:hover .img_box{position:relative;}
.temp_slick .vr_thumbnail .thumbnail_list .thumbnail_item:hover .img_box:before{display:block; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:100%; background-color:rgba(18, 33, 27, 0.65);}
.temp_slick .vr_thumbnail .thumbnail_list .thumbnail_item:hover .img_box:after{display:block; position:absolute; top:calc(50% - 12px); left:calc(50% - 12px); width:25px; height:25px; background:url('/site/eco/images/contents/thumbnail_on.png') no-repeat;}
.temp_slick .vr_thumbnail .thumbnail_list .thumbnail_item:hover .img_box img{box-shadow:3px 5px 4px rgba(0, 0, 0, 0.33);}

@media all and (max-width:1240px) {
    .temp_slick .vr_list .vr_item .title{top:50px; left:calc(50% - 94px);}
    .temp_slick .vr_list .vr_item .title .mt_title{font-size:22px; line-height:22px;}
    .temp_slick .vr_list .vr_item .title .mt_subtitle{margin:10px 0; font-size:20px;}
    .temp_slick .vr_list .vr_item .title .btn.type2{width:105px; padding:8px 8px 8px 18px;}
    .temp_slick .vr_list .vr_item .title .btn.type2:before{top:15px; right:15px; width:6px; background-size:contain;}

    .temp_slick .vr_thumbnail .thumbnail_list{margin-left:55px; margin-right:55px;}
    .temp_slick .vr_thumbnail .thumbnail_control button.prev{left:10px;}
    .temp_slick .vr_thumbnail .thumbnail_control button.next{right:10px;}
}

@media all and (max-width:1000px) {
    .temp_slick .vr_list .vr_item .title{top:55px;}
}

@media all and (max-width:800px) {
    .temp_slick .vr_list .vr_item .title{top:15%;}
    .temp_slick .vr_thumbnail .thumbnail_list .thumbnail_item{width:calc(25% - 36px);}
}

@media all and (max-width:640px) {
    .temp_slick .vr_list .vr_item .title{display:block; position:relative; top:auto; left:auto; width:calc(100% - 2px); margin-left:1px; color:#111; text-align:center;}
    .temp_slick .vr_list .vr_item .title .mt_title{color:#111;}
    .temp_slick .vr_list .vr_item .title .mt_subtitle{color:#111;}
    .temp_slick .vr_list .vr_item .title .btn.type2{width:auto; margin-top:3px; padding:5px 35px 5px 17px; font-size:14px;}
    .temp_slick .vr_list .vr_item .title .btn.type2:before{top:10px;}

    .temp_slick .vr_thumbnail{margin-top:-123px; padding-top:95px; padding-bottom:20px;}
    .temp_slick .vr_thumbnail .thumbnail_list .thumbnail_item{width:calc(33.33% - 36px);}
    .temp_slick .vr_thumbnail .thumbnail_list .thumbnail_item span{font-size:16px;}
}

/* IE9,10 */
/*@media screen and (min-width:0\0){*/
/*    .temp_slick .vr_list .vr_item .title{left:calc(50% - 100px); width:200px;}*/
/*}*/


input.temp_textbox{border:#c2c2c2 solid 1px; height:45px; padding:1px 15px; color:#676767; font-size:15px;}
input.temp_textbox:focus{border-color:#394159; color:#333333;}
input.temp_textbox.disabled, input.temp_textbox[disabled]{border-color:#394159; background-color:#f4f8fb; color:#878787;}


/*2020.05.12 추가 이경선 */
#contents > h3:first-child {margin-top:0;}
#contents > h3.first {margin-top:30px;}
#contents > h3.first {margin-top:30px;}
#contents > div > h3:nth-of-type(1) {margin-top:0;}
#contents * {word-break:keep-all;}
/*#contents ul li, #contents p, #contents div, #contents .table, #contents a {word-break:keep-all;}*/

.w_break {word-break:normal;}
.w_break_keep {word-break:keep-all;}

.box_gray{background-color:#f6f6f6; padding:30px;}



/* popup */
.popup .btn{min-width: 90px;height: 45px;padding: 9px 22px 8px;vertical-align: middle;}
.popup{display: none;}
.popup.on {display: block;}
.popup .popup_wrap {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.7);z-index:500;text-align: center;}
.popup .popup_wrap:before {display:inline-block;width:0;height:100%;vertical-align:middle;}
.popup .pop_inner {display:inline-block;position:relative;max-width: 90%;width: 700px;/*min-height: 375px;*/margin: 10px auto 0;border-radius:20px;background-color: #fff;text-align:left;vertical-align:middle; }
.popup .pop_inner.small_popup{width: 530px;}

.popup .popup_title {padding: 28px 50px 23px; font-size: 20px;line-height: 30px;color:#173465; font-weight: 500;border-bottom: 1px solid #ebecf2;}

.popup .popup_con{padding: 20px 50px 40px;}

.popup .p-search{padding: 10px;margin-bottom: 20px;}
.popup .bbs .p-search .p-form-group{width: 100%;}
.popup .p-search .input_box{width: 100%;}

.popup .table_wrap{max-height: 340px;overflow-y: auto;}

.popup .program_table .check_wrap label, .popup .program_table .radio_wrap label{font-size: 0;min-width: auto;padding-left: 25px;margin: 0;}

.popup_close{position: absolute;top: -10px;right: -10px;width: 45px;height: 45px;background: #018d94 url(../images/program/popup_close.png) no-repeat center;border-radius: 50%;font-size: 0;line-height: 0;}

.popup .table_unit{margin-bottom: 20px;}

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

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

    .popup .p-search{margin-bottom: 10px;}
    .popup .pop_inner{min-height: 250px;border-radius: 10px}
    .popup .popup_title{padding: 10px 20px;font-size: 18px;line-height: 26px;}

    .popup .popup_con{padding: 15px;}

    .popup .table_unit{margin-bottom: 10px;}

    .popup .table_wrap{height: 215px;}

    .popup .table.program_table thead th, .popup .table.program_table tbody th, .popup .table.program_table tbody td{padding: 10px 7px;}

    .popup_close{width: 30px;height: 30px;}
    
    .popup .btn{min-width: auto;height: 40px;padding: 7px 10px;}
}