/* (주)한신정보기술 권정현 - 2019.03.15 */

/* 제목 */
h3, h4, h5, h6, .h3, .h4, .h5, .h6 {position:relative;}
h3, .h3 {margin-top:30px; margin-bottom:15px; padding-left:30px; color:#282a37; font-size:24px; line-height:26px; font-weight:500;}
h4, .h4 {margin-top:25px; margin-bottom:15px; padding-left:30px; color:#171717; font-size:20px; line-height:22px;}
h5, .h5 {margin-top:20px; margin-bottom:10px; padding-left:39px; color:#4352be; font-size:18px; line-height:20px;}
h6, .h6 {margin-top:15px; margin-bottom:10px; padding-left:39px; color:#171717; font-size:17px; line-height:19px;}

h3:before, h4:before, h5:before, h6:before, .h3:before, .h4:before, .h5:before, .h6:before {display:block; position:absolute; left:0;}
h3:before, .h3:before {top:5px; width:23px; height:17px; border-radius:10px; background-color:#282a37;}
h3:after, .h3:after {display:block; position:absolute; top:10px; left:10px; width:5px; height:7px; background:url('/common/images/sub/template_sprite.png') no-repeat left -51px;}
h4:before, .h4:before {top:4px; left:6px; width:8px; height:8px; border:4px solid #636dab; border-radius:50%;}
h5:before, .h5:before {top:8px; left:23px; width:7px; height:4px; background-color:#636dab;}
h6:before, .h6:before {top:6px; left:25px; width:5px; height:7px; background:url('/common/images/sub/template_sprite.png') no-repeat left -68px;}

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

.subtitle, .table_unit {color:#7d7d7d; font-size:0.75em;}
.subtitle {font-weight:400;}
.table_unit {text-align:right;}

/* 목록 */
.bu{margin-top:10px; margin-bottom:10px; padding-left:23px; color:#414141; font-size:15px; line-height:22px; text-align:left;}
.num {margin-top:10px; margin-bottom:10px; margin-left:23px; color:#414141; font-size:15px; line-height:22px; text-align:left;}

.bu.type2, .num.type2 {color:#656565;}

.bu > dt, .num > dt {color:#000;}
.bu > li > .bu, .num > li > .bu{padding-left:0;}
.bu > li > .blt, .num > li > .blt{margin-left:0;}
.bu > li > .blt:before, .num > li > .blt:before{left:0;}
.bu > li, .bu > dt {position:relative;}
.bu > li, .bu > dt, .bu > dd {margin-top:10px; padding-left:13px;}
.bu > li:first-child, .bu > dt:first-child {margin-top:0;}
.bu > li:before {content:'';}
.bu > li:before, .bu > dt:before {display:block; position:absolute; top:9px; left:0; width:4px; height:4px; background-color:#7a7a7a;}

.bu.type2 > li:before, .bu.type2 > dt:before {top:11px; width:6px; height:1px; background-color:#727272;}
.bu.type3 > li:before, .bu.type3 > dt:before {top:9px; left:0; width:5px; height:7px; background:url('/common/images/sub/template_sprite.png') no-repeat left -68px;}

.num > li, .num > dt {position:relative;}
.num > li, .num > dt, .num > dd {margin-top:10px; padding-left:34px;}
.num > li:first-child, .num > dt:first-child {margin-top:0;}
.num > li:before, .num > dt:before {display:block; position:absolute; top:0; left:0; width:22px; height:22px; background-color:#6f747c; color:#fff; font-size:14px; text-align:center;}

ul.round li{padding:5px 0;}
ul.round li .item{display:inline-block; width:83px; padding:4px 0; border-radius:14px; background-color:#4a4b53; font-size:16px; line-height:22px; font-weight:600; color:#fff; text-align:center;}
ul.round li .cont{padding-left:14px;}

ul.round.long li .item{display:inline-block; width:157px; padding:4px 0; border-radius:14px; background-color:#4a4b53; font-size:16px; line-height:22px; font-weight:600; color:#fff; text-align:center;}

ul.round.type2 li{padding:5px 0;}
ul.round.type2 li .item{display:inline-block; width:auto; min-width:calc(83px - 38px); padding:4px 19px; border-radius:14px; background-color:#4a4b53; font-size:16px; line-height:22px; font-weight:600; color:#fff; text-align:center;}
ul.round.type2 li .cont{padding-left:14px;}

/* 카운터 */
.num {counter-reset:number;}
.num > li, .num > dt {counter-increment:number;}
.num > li:before, .num > dt:before {content:counter(number, decimal);}

/* 블릿 */
.blt {position:relative; margin-top:10px; margin-bottom:10px; margin-left:23px; padding-left:13px; color:#414141; font-size:15px; line-height:22px; text-align:left;}
.blt:before {display:block; position:absolute; top:9px; left:0; width:4px; height:4px; background-color:#7a7a7a;}

.blt.type2:before {top:11px; width:6px; height:1px; background-color:#727272;}

/* 테이블 서식 */
.table {position:relative; margin-top:10px; margin-bottom:10px; border-top:1px solid #000; border-bottom:1px solid #000; border-collapse:separate; color:#373737; font-size:16px; line-height:22px; text-align:center; word-break: keep-all; overflow-wrap: break-word;}/* 단어단위 줄바꿈 (익스)word-break: keep-all; (크롬)overflow-wrap: break-word; */
.table ul li{color:#373737; font-size:16px; line-height:22px;}
.table ul.bu{margin-top:0; margin-bottom:0; padding-left:0;}
.table dl.bu{margin-top:0; margin-bottom:0; padding-left:0;}
.table ul.bu > li{margin-top:5px; color:#373737; font-size:16px; line-height:22px;}
.table dl.bu > li{margin-top:5px; color:#373737; font-size:16px; line-height:22px;}
.table ul.bu.type2 > li{margin-top:5px; color:#373737; font-size:16px;}
.table dl.bu.type2 > li{margin-top:5px; color:#373737; font-size:16px;}
.table ul.bu > li > ul.bu{margin-top:5px; margin-bottom:5px;}
.table dl.bu > li > dl.bu{margin-top:5px; margin-bottom:5px;}
.table dl dt{color:#373737; font-size:16px; line-height:22px;}
.table dl dd{color:#373737; font-size:16px; line-height:22px;}
.table .blt{margin-left:0; padding-left:13px;}
.table .blt:before{left:0;}
.table:before {display:block; position:absolute; top:0; left:0; width:1px; height:100%; background-color:#fff;}
.table th, .table td {padding:14px 10px; border-top:1px solid #e2e2e2; border-left:1px solid #e2e2e2;}
.table th {background-color:#f6f7f9; color:#1c1c1c;}
.table thead th {border-left-color:#a7a7a7; background-color:#ebeef3; color:#191919;}
.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 thead th, .table thead td, .table tbody tr:first-child th, .table tbody tr:first-child td {border-top-color:#a7a7a7;}
.table img {vertical-align:middle;}
@media all and (max-width:1000px) {
    .table.type2 {width:940px;}
}
@media all and (max-width:640px) {
    .table.type3 {border-bottom-width:0;}
    .table.type3 colgroup, .table.type3 thead {display:none;}
    .table.type3 tbody, .table.type3 tfoot, .table.type3 tr, .table.type3 th, .table.type3 td {display:block; float:left; clear:left; width:100%; box-sizing:border-box;}
    .table.type3 tr {padding-top:10px; padding-bottom:10px; border-bottom:1px solid #c6c6c6; background-color:#fdfdfd;}
    .table.type3 th, .table.type3 td {padding:5px 10px; border-top-width:0; border-left-width:0; text-align:left;}
    .table.type3 th {background-color:transparent; color:inherit; font-weight:400;}
    .table.type3 th:before, .table.type3 td:before {display:inline; font-weight:600; content:attr(data-cell-header);}
}

/* 링크 */
.blank {display:inline-block; position:relative; padding-right:17px; font-size:16px; line-height:21px; text-decoration:underline;}
.blank:link {text-decoration:underline;}
.blank, .blank:link, .blank:visited, .blank:hover, .blank:active {color:#000;}
.blank:before {display:block; position:absolute; top:5px; right:0; width:12px; height:12px; background:url('/common/images/layout/blank_sprite.png') no-repeat left top;}

.blank.type2, .blank.type2:link, .blank.type2:visited, .blank.type2:hover, .blank.type2:active {color:#fff;}
.blank.type2:before {background-position:left -22px;}

.down {display:inline-block; position:relative; padding-right:17px; font-size:16px; line-height:21px; text-decoration:underline;}
.down:link {text-decoration:underline;}
.down, .down:link, .down:visited, .down:hover, .down:active {color:#000;}
.down:before {display:block; position:absolute; top:5px; right:0; width:13px; height:11px; background:url('/common/images/sub/template_sprite.png') no-repeat left -180px;}

.down.type2, .down.type2:link, .down.type2:visited, .down.type2:hover, .down.type2:active {color:#fff;}
.down.type2:before {background-position:left -138px;}

.zoom {display:inline-block; width:60px; height:60px; background-color:#282a36; font-size:0; line-height:60px; vertical-align:middle; text-align:center;}
.zoom:before {display:inline-block; width:29px; height:30px; background:url('/common/images/sub/template_sprite.png') no-repeat left -201px; vertical-align:middle;}

.zoom.small {width:49px; height:49px; font-size:0; line-height:49px;}
.zoom.small:before {width:24px; height:24px; background-position:left 100%; background-size:151.72% 770%;}

/* 버튼 그룹 */
.btn_group {margin-top:10px; margin-bottom:10px; font-size:0;}
.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;}

/* 버튼 */
a.btn {display:inline-block; box-sizing:border-box; vertical-align:middle;}
.btn {position:relative; padding:12px 30px; background-color:#5966c6; font-size:16px; line-height:17px; transition:all 0.25s linear;}
.btn, .btn:link, .btn:visited, .btn:hover, .btn:active {color:#fff;}
.btn:focus { outline:2px solid #ff0000 }

.btn.small {padding:6px 20px 7px; font-size:15px; line-height:17px;}

.btn.type2 {background-color:#282a37;}

.btn.type3 {background-color:#e24962;}

.btn.type4 {padding:9px 28px; border:2px solid #282a37; background-color:#fff;}
.btn.type4, .btn.type4:link, .btn.type4:visited, .btn.type4:hover, .btn.type4:active {color:#3d3d3d;}

.btn.small.type4 {padding:4px 18px 5px;}

.btn.type5 {padding:10px 29px; border:1px solid #cdced9; background-color:#fff;}
.btn.type5, .btn.type5:link, .btn.type5:visited, .btn.type5:hover, .btn.type5:active {color:#3d3d3d;}

.btn.small.type5 {padding:5px 19px 6px;}

.btn.type6 {background-color:#6f747c;}

.btn.type7 {background-color:#321f75;}

.btn.type8.front.download{padding-top:10px; padding-right:23px; padding-bottom:10px; padding-left:47px; color:#3d3d3d; background-color:#fff; border:1px solid #494949;}
.btn.type8.front.download:before{right:auto; left:22px; background:url('/common/images/sub/template_sprite.png') no-repeat left -159px;}

.flex-btn { display:flex; justify-content: center; flex-wrap:wrap; margin:30px 0; }
.flex-btn a { margin-left:5px; }
.flex-btn a:focus { outline:2px solid #ff0000 }
.flex-btn a:first-of-type { margin-left:0; }

/* 링크 */
.btn.link {padding:16px 51px 17px 42px;}
.btn.small.link {padding:12px 41px 12px 32px;}
.btn.link:before {display:block; position:absolute; top:21px; right:30px; width:5px; height:9px; background:url('/common/images/sub/template_sprite.png') no-repeat left -100px;}
.btn.small.link:before {top:16px; right:20px;}

.btn.link.type4 {padding-top:14px; padding-bottom:15px;}
.btn.small.link.type4 {padding-top:10px; padding-bottom:10px;}
.btn.link.type4:before {top:19px; background-position:left -119px;}
.btn.small.link.type4:before {top:14px;}

.btn.link.type5 {padding-top:15px; padding-bottom:16px; }
.btn.small.link.type5 {padding-top:11px; padding-bottom:11px;}
.btn.link.type5:before {top:20px; background-position:left -119px;}
.btn.small.link.type5:before {top:15px;}

/* 다운로드 */
.btn.download {padding-right:54px; padding-left:30px;}
.btn.small.download {padding-right:44px; padding-left:20px;}
.btn.download:before {display:block; position:absolute; top:15px; right:29px; width:13px; height:11px; background:url('/common/images/sub/template_sprite.png') no-repeat left -138px;}
.btn.small.download:before {top:10px; right:19px;}

.btn.download.type4:before {top:13px; background-position:left -159px;}
.btn.small.download.type4:before {top:8px;}

.btn.download.type5:before {top:14px; background-position:left -159px;}
.btn.small.download.type5:before {top:9px;}

/* 새창 */
.btn.opening {padding:16px 48px 17px 32px;}
.btn.small.opening {padding:12px 45px 12px 22px;}
.btn.opening:before {display:block; position:absolute; top:20px; right:25px; width:12px; height:12px; background:url('/common/images/layout/blank_sprite.png') no-repeat left -22px;}
.btn.small.opening:before {top:15px; right:19px;}

.btn.opening.type4 {padding-top:14px; padding-bottom:15px;}
.btn.small.opening.type4 {padding-top:10px; padding-bottom:10px;}
.btn.opening.type4:before {top:18px; background-position:left top;}
.btn.small.opening.type4:before {top:13px;}

.btn.opening.type5 {padding-top:15px; padding-bottom:16px;}
.btn.small.opening.type5 {padding-top:11px; padding-bottom:11px;}
.btn.opening.type5:before {top:19px; background-position:left top;}
.btn.small.opening.type5:before {top:14px;}

/* 지도보기버튼*/
.btn.map{position:relative;padding-right:15px;padding-left:55px;border:1px solid #282a37;background-color:#fff;color:#282a37;}
.btn.map:before{display:inline-block;position:absolute;top:0;left:0;width:41px;height:41px;background-color:#282a37;}
.btn.map:after{display:inline-block;position:absolute;top:9px;left:11px;width:18px;height:22px;background:url(/common/images/template/temp_map_icon.png) no-repeat 0 0;}

/* 선 */
.line {display:block; margin-top:10px; margin-bottom:10px; border-bottom:1px solid #ccc;}
.line.type2 {display:inline; margin-top:10px; margin-bottom:10px; border-bottom:1px solid #ccc;}
.dot {display:block; margin-top:10px; margin-bottom:10px; border-bottom:1px dotted #ccc;}
.dash {display:block; margin-top:10px; margin-bottom:10px; border-bottom:1px dashed #ccc;}

/* 박스 */
.box {position:relative; min-height:82px; margin-top:30px; margin-bottom:30px; padding:28px 28px 28px 149px; border-top:2px solid #090909; border-right:1px solid #7e7e7e; border-bottom:1px solid #7e7e7e; border-left:1px solid #7e7e7e; box-shadow:0 4px 0 #f3f3f3; color:#242424; font-size:16px; line-height:28px;}
.box .title{font-weight:600; line-height:28px;}
.box:before {display:block; position:absolute; top:26px; left:32px; width:88px; height:88px; border-radius:50%; background-color:#f3f5f8;}
.box:after {display:block; position:absolute; top:50px; left:54px; width:44px; height:41px; background:url('/common/images/sub/template_sprite.png') no-repeat left top;}
.box span { display:block;}

@media all and (max-width:1222px) {
	.box br{display:none;}
    .flex-btn a { width:49%; margin-left:0; }
    .flex-btn a:nth-of-type(2n) { margin-left:2%; }
    .flex-btn a:nth-of-type(n+3) { margin-top:2% }
}

@media all and (max-width:640px) {
    .box {min-height:0; padding-left:28px;}
    .box:before, .box:after {display:none;}

    .flex-btn a { width:100%; }
    .flex-btn a:nth-of-type(2n) { margin-left:0; }
    .flex-btn a:nth-of-type(n+2) { margin-top:2% }
}

.box.type2 {min-height:0; padding:25px 46px 26px; border-top-width:1px; border-color:#d0d0d0;}
.box.type2:before, .box.type2:after {display:none;}
@media all and (max-width:640px) {
    .box.type2 {padding-right:28px; padding-left:28px;}
}

.box.type3 {min-height:0; padding:26px; border-width:0; border-radius:5px; background-color:#f3f3f3; box-shadow:none;}
.box.type3:before, .box.type3:after {display:none;}

/* 배경 */
.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 {padding-bottom:1px; border-bottom:1px solid #888;}
.em_blue {color:#0861bc;}
.em_orange {color:#ff6600;}
.em_red {color:#de2500;}
.em_green {color:#398308;}
.em_purple {color:#8a56af;}
.em_point {color:#e8209f;}
.em_black {color:#000;}
.em_b_blue {color:#0861bc; font-weight:600;}
.em_b_orange {color:#ff6600; font-weight:600;}
.em_b_red {color:#de2500; font-weight:600;}
.em_b_green {color:#398308; font-weight:600;}
.em_b_purple {color:#8a56af; font-weight:600;}
.em_b_point {color:#e8209f; font-weight:600;}
.em_b_black {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;}
.indent10 {margin-left:10px;}
.indent20 {margin-left:20px;}
.indent24 {margin-left:24px;}
.indent30 {margin-left:30px;}
.indent40 {margin-left:40px;}
.indent50 {margin-left:50px;}

/* margin */
.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_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_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_l_0 {margin-left:0 !important;}
.margin_l_5 {margin-left:5px !important;}
.margin_l_8 {margin-left:8px !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_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_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_28 {padding-right:28px !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_23 {padding-left:23px !important;}
.padding_l_25 {padding-left:25px !important;}
.padding_l_30 {padding-left:30px !important;}
.padding_l_33 {padding-left:33px !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;}
.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;}
}

/* 정렬 */
.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;}

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

/* 컨텐츠 준비 중 */
.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;}

/* 박스 리스트 */
.temp_step_box{padding:30px 52px 0 25px; border-radius:5px; background:#f3f3f3;}
.temp_step_box > ul > li{float:left; position:relative; width:130px; margin:0 52px 30px 0; padding-bottom:11px; background:#5a66c5; text-align:center; color:#fff; letter-spacing:-0.01em;}
.temp_step_box > ul > li:before{display:block; position:absolute; right:-26px; top:calc(50% - 3.5px); width:11px; height:7px; background:#424242; content:'';}
.temp_step_box > ul > li:after{display:block; position:absolute; right:-36px; top:calc(50% - 8px); width:0; height:0; border-top:8px solid transparent; border-left:10px solid #424242; border-bottom:8px solid transparent; content:'';}
.temp_step_box > ul > li:last-child:before, .temp_step_box > ul > li:last-child:after{display:none;}
.temp_step_box > ul > li:nth-child(3){background:#2a8cd0;}
.temp_step_box > ul > li:nth-child(4){background:#00995a;}
.temp_step_box > ul > li:nth-child(5){margin-right:0; background:#bb7911;}
.temp_step_box > ul > li:last-child{margin-right:0;}
.temp_step_box > ul > li > span{display:block; padding:5px 0; background:#282a37; font-size:15px; font-weight:bold;}
.temp_step_box > ul > li p{line-height:20px;}
.temp_step_box > ul > li img{margin:9px 0 5px; vertical-align:top;}

@media all and (max-width:1222px) {
    .temp_step_box > ul > li{width:119px; margin:0 26.2px 30px 0;}
    .temp_step_box > ul > li:before{right:-14px;}
    .temp_step_box > ul > li:after{right:-24px;}
    .temp_step_box > ul > li p{font-size:15px;}
}
@media all and (max-width:1000px) {
    .temp_step_box > ul > li{width:18.7%; margin:0 1.6% 30px 0;}
    .temp_step_box > ul > li:before{display:none;}
    .temp_step_box > ul > li:after{right:-7%; border-top:6px solid transparent; border-left:8px solid #424242; border-bottom:6px solid transparent;}
    .temp_step_box > ul > li p{font-size:13px;}
}
@media all and (max-width:640px) {
    .temp_step_box > ul > li{width:100%; margin:0 0 30px 0;}
    .temp_step_box > ul > li:after{right:auto; top:142px; left:calc(50% - 8px); border-left:8px solid transparent; border-right:8px solid transparent; border-top:10px solid #424242;}
    .temp_step_box > ul > li p{font-size:15px;}
}

.temp_step_box2{width:100%;}
.temp_step_box2 ul li{float:left;position:relative;width:19.5%;margin-right:50px;padding:40px 0 20px;border-radius:8px;background-color:#dde7f7;text-align:center;}
.temp_step_box2 ul li:first-child{margin-left:2%}
.temp_step_box2 ul li:last-child{margin-right:0;}
.temp_step_box2 ul li:last-child:before{display:none;}
.temp_step_box2 ul li:last-child:after{display:none;}
.temp_step_box2 ul li:after{display:block; position:absolute; right:-36px; top:calc(50% - 8px); width:0; height:0; border-top:8px solid transparent; border-left:10px solid #424242; border-bottom:8px solid transparent; content:'';}
.temp_step_box2 ul li:before{display:block; position:absolute; right:-26px; top:calc(50% - 3.5px); width:11px; height:7px; background:#424242; content:'';}
.temp_step_box2 ul li img{margin-bottom:10px;}
.temp_step_box2 ul li p{font-size:18px;line-height:28px;font-weight:600;letter-spacing:-0.001em;color:#242424;}

@media all and (max-width:800px) {
    .temp_step_box2 ul li{margin-right:30px}
    .temp_step_box2 ul li:before{display:none;}
    .temp_step_box2 ul li:after{right: -20px}
    .temp_step_box2 ul li p{font-size:16px;}
}
@media all and (max-width:640px) {
    .temp_step_box2 ul li:first-child{margin-left:0;}
    .temp_step_box2 ul li{float:none;position:relative;width:100%;margin-right:auto;margin-bottom:30px;padding:30px 0 15px;}
    .temp_step_box2 ul li:last-child{margin-right:0;}
    .temp_step_box2 ul li:after{position:relative;right:-50%; top:43px;border-left:8px solid transparent; border-top:10px solid #424242; border-right:8px solid transparent; content:'';}
    .temp_step_box2 ul li:before{display:none;}
    .temp_step_box2 ul li p{font-size:18px;}
}



/* 이미지 확대 */
.box_img {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 .zoom {display:none; position:absolute; right:0; bottom:0; z-index:10;}
.box_img .zoom a {display:inline-block; width:27px; height:27px; font-size:0; line-height:0; color:transparent; background:url('../images/template/img_zoom.png') center center no-repeat #2b4380;}
@media all and (max-width:800px) {
    .box_img .zoom {display:inline-block;}
}

/* 컨텐츠 스타일 */
.temp_arrow_box{margin-bottom:18px; border:1px solid #7c7d84; letter-spacing:-0.03em;}
.temp_arrow_box .cts_tit{overflow:hidden; position:relative; padding:18px 52px 18px 32px; background:#7c7d84; font-size:18px; color:#fff;}
.temp_arrow_box .cts_tit span{position:relative;}
.temp_arrow_box .cts_tit:before{display:block; position:absolute; top:-40px; right:0; left:auto; width:0; height:0; border:none; border-bottom:150px solid; border-left:150px solid transparent; border-bottom-color:#585860; border-radius:0;}
.temp_arrow_box .cts_tit:after{display:block; position:absolute; top:20px; right:16px; width:23px; height:13px; background:url(/site/portal/images/contents/cts287_arrow.png) no-repeat;}
.temp_arrow_box .list_box{padding:17px 32px 21px; box-sizing:border-box; color:#3f3f3f;}

@media all and (max-width:640px) {
    .temp_arrow_box .cts_tit{padding:18px 52px 18px 22px;}
    .temp_arrow_box .list_box{padding:17px 22px 21px;}
    .temp_arrow_box .list_box ul li{float:none; width:100%;}
}

/* 컨텐츠 스타일2 */
.temp_cts_style{border-radius:6px; background:#525252; text-align:center;}
.temp_cts_style .title{font-size:18px; font-weight:600; line-height:42px; color:#fff;}
.temp_cts_style .inner{padding:27px 26px; border-radius:5px; background:#f3f3f3;}

/* 컨텐츠 스타일3 */
.temp_cts_style2 > ul > li{float:left; width:30.55%; margin:0 4.17% 4.17% 0; text-align:center;}
.temp_cts_style2 > ul > li:nth-child(3n), .temp_cts_style2 > ul > li:last-child{margin-right:0;}
.temp_cts_style2 > ul > li h3{padding:17px 0; background:#515568; font-size:18px; font-weight:600; color:#fff;}
.temp_cts_style2 > ul > li img{vertical-align:top;}
.temp_cts_style2 > ul > li .txt_box{min-height:204px; border:1px solid #cfcfcf; border-top:none; box-sizing:border-box;}
.temp_cts_style2 > ul > li .txt_box .tit{padding:13px 0; background:#dce7f4; color:#3c3c3c;}
.temp_cts_style2 > ul > li .txt_box .bot_txt{padding:14px 0 14px 21px;}
.temp_cts_style2 > ul > li .txt_box .bot_txt p{padding-left:10px; font-size:15px; color:#3c3c3c; text-align:left;}
.temp_cts_style2 > ul > li .txt_box .bot_txt ul{margin:0; padding:0;}
.temp_cts_style2 > ul > li .txt_box .bot_txt ul li{margin-top:1px; color:#3c3c3c;}
.temp_cts_style2 > ul > li .txt_box .bot_txt ul li:first-child{margin-top:0;}

@media all and (max-width:640px) {
    .temp_cts_style2 > ul > li{width:100%; margin-right:0;}
    .temp_cts_style2 > ul > li img{width:100%;}
}


/* 공통화 */
.temp_cont.type1{padding:48px 52px 47px 52px; border-radius:5px; background-color:#e4e9f2;}
.temp_cont.type1 .inner{font-size:0;}
.temp_cont.type1 .inner .logobox{float:left; width:286px; margin-right:52px; border-radius:8px; background-color:#fff; font-size:0; line-height:0; text-align:center; }
.temp_cont.type1 .inner .logobox .line{display:block; position:relative; left:calc(50% - 63px); width:126px; margin-top:20px; margin-bottom:20px; background-color:#eee;}
.temp_cont.type1 .inner .textbox{float:left; width:calc(100% - 286px - 52px);}
.temp_cont.type1 .inner .textbox .title{display:block; margin-bottom:10px; font-size:20px; line-height:30px; color:#12225f; font-weight:600;}
.temp_cont.type1 .inner .textbox p{font-size:16px; line-height:30px; letter-spacing:-0.01em; color:#383838;}
.temp_cont.type1 .inner .textbox .a_box{margin-top:35px;}

@media all and (max-width:800px) {
    .temp_cont.type1 .inner{text-align: center;}
    .temp_cont.type1 .inner .logobox{float:none; display:inline-block; margin-right:0;}
    .temp_cont.type1 .inner .textbox{float:none; width:100%; margin-top:30px;}
    .temp_cont.type1 .inner .textbox p br{display:none;}
}

@media all and (max-width:420px) {
    .temp_cont.type1 .inner .logobox{width:100%;}
}

/* 공총화23 */
.temp_cont.type1.v_2{padding:63px 53px 48px; background:#eaeaf7 url("/site/portal/images/contents/cts299_box_bg.png")0 0 no-repeat;}
.temp_cont.type1.v_2 strong{display:block; margin-top:34px; margin-bottom:16px; color:#1b195c; font-size:24px; line-height:30px;}
.temp_cont.type1.v_2 .inner .textbox p{line-height:23px;}
.temp_cont.type1.v_2 .inner .logobox{background:none;}
.temp_cont.type1.v_2 .inner .logobox{width:359px;}
.temp_cont.type1.v_2  .inner .textbox{width:calc(100% - 359px - 52px)}
.temp_cont.type1.v_2 .inner .textbox .a_box{margin-top:39px;}

@media all and (max-width:800px) {
    .temp_cont.type1.v_2 .inner .textbox{width:100%; margin-top:30px;}
}

@media all and (max-width:640px) {
    .temp_cont.type1.v_2 .inner .logobox{width:auto;}
}

@media all and (max-width:420px) {
    .temp_cont.type1 .inner .logobox{width:100%;}
}

.temp_cont.type2{display:table; width:100%; font-size:0; line-height:0;}
.temp_cont.type2 .colbox{display:table-cell; width:50%; padding-bottom:37px; text-align: center; vertical-align:top;}
.temp_cont.type2 .colbox.before{position:relative; border-radius:5px 0 0 5px; background-color:#f3f3f3;}
.temp_cont.type2 .colbox.after{position:relative; border-radius:0 5px 5px 0; background-color:#c8cceb; }
.temp_cont.type2 .colbox .title{padding-top:32px; padding-bottom:6px;}
.temp_cont.type2 .colbox .title h3{font-size:20px; font-weight:600; letter-spacing:-0.01em; color:#272a36;}
.temp_cont.type2 .colbox .imgbox_ul{padding:0 26px;}
.temp_cont.type2 .colbox .imgbox_ul .imgbox_li{position:relative; z-index:9; width:100%; margin-top:18px; margin-bottom:36px;}
.temp_cont.type2 .colbox .imgbox_ul .imgbox_li p{font-size:16px; line-height:26px; letter-spacing:0; color:#2a2a2a;}
.temp_cont.type2 .colbox .imgbox_ul.imgauto .imgbox_li img{width:auto;}
.temp_cont.type2 .colbox .imgbox_ul.imgauto .imgbox_li p{padding-top:11px;}

.temp_cont.type2 .colbox.before .imgbox_ul .imgbox_li:before{display:inline-block; position:absolute; right:-45px; top:calc(50% - 20px); width:34px; height:40px; background-repeat:no-repeat; background-image:url(/common/images/template/temp_cont2_arrow.png);}
.temp_cont.type2 .colbox .imgbox_ul .imgbox_li .inimg{width:100%; border-radius:3px;}
.temp_cont.type2 .colbox .imgbox_ul .imgbox_li .account{display:block; position:absolute; left:0; bottom:0; width:100%; padding-top:5px; padding-bottom:5px; border-radius:0 0 5px 5px; background-color:rgba(0,0,0,0.69); font-size:16px; line-height:26px; color:#fff;  text-align:center;}
.temp_cont.type2 .colbox .imgbox_ul .imgbox_li:last-child{margin-bottom:0;}
@media all and (max-width:640px) {
    .temp_cont.type2 .colbox{display:inline-block; width:100%; padding-bottom:37px;}
    .temp_cont.type2 .colbox.before .imgbox_ul .imgbox_li:before{display:none;}
}

.temp_cont.type3 .cont3_ul{font-size:0; line-height:0;}
.temp_cont.type3 .cont3_ul .cont3_li{display:inline-block; width:calc((100% - 104px)/2); margin-top:18px; margin-right:26px; margin-bottom:18px; margin-left:26px;  vertical-align:top;}
.temp_cont.type3 .cont3_ul .cont3_li .radiusbox{position:relative;}
.temp_cont.type3 .cont3_ul .cont3_li .radiusbox img{border-radius:5px;}
.temp_cont.type3 .cont3_ul .cont3_li .radiusbox .account{display:block; position:absolute; left:0; bottom:0; width:100%; padding-top:5px; padding-bottom:5px; border-radius:0 0 5px 5px; background-color:rgba(0,0,0,0.69); font-size:16px; line-height:26px; color:#fff;  text-align:center;}
.temp_cont.type3 .cont3_ul .cont3_li p{padding-top:22px; padding-bottom:16px; font-size:16px; line-height:26px; letter-spacing:-0.01em; color:#454545;}

@media all and (max-width:800px) {
    .temp_cont.type3 .cont3_ul .cont3_li{width:calc((100% - 52px)/2); margin-right:13px; margin-left:13px;}
}

@media all and (max-width:640px) {
    .temp_cont.type3 .cont3_ul{text-align:center;}
    .temp_cont.type3 .cont3_ul .cont3_li{width:auto; margin-right:0; margin-left:0;}
    .temp_cont.type3 .cont3_ul .cont3_li .radiusbox{display:inline-block;}
}

.temp_cont.type4 .imgarea{font-size:0; line-height:0; margin-bottom:50px;}
.temp_cont.type4 .imgarea img{border-radius:5px;}
.temp_cont.type4 .textarea{text-align:center;}
.temp_cont.type4 .textarea .title{display:inline-block; border-bottom:1px solid #3f3f3f; font-size:20px; line-height:28px; letter-spacing:-0.025em; color:#000;}
.temp_cont.type4 .textarea .p_area{margin-top:21px; margin-bottom: 55px; text-align:left;}
.temp_cont.type4 .textarea .p_area p{font-size:16px; line-height:32px; letter-spacing:-0.025em;}
.temp_cont.type4 .infoarea{font-size:0;line-height:0;}

.temp_cont.type4 .infoarea{display:table;}
.temp_cont.type4 .infoarea .innerbox{display:table-cell; padding:45px 26px 45px 52px; border-top:5px solid; border-bottom:5px solid; background-color:#fff; box-sizing:border-box; vertical-align:top;}
.temp_cont.type4 .infoarea .innerbox.left{position:relative; width:44.4%;border-left:5px solid; border-color:#a9b1e6;}
.temp_cont.type4 .infoarea .innerbox.left:before{display:inline-block; position:absolute; right: 0; top:calc(50% - 102px); width:1px; height:204px; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAEElEQVQYV2PYtWvXfwY4AAAnWgMucnssgQAAAABJRU5ErkJggg==); background-repeat: repeat-y;}
.temp_cont.type4 .infoarea .innerbox.right{width:calc(100% - 44.4%); border-right:5px solid; border-color:#e48399;}
.temp_cont.type4 .infoarea .innerbox p{font-size:16px; line-height:31px; letter-spacing:-0.025em; color:#333;}

.temp_cont.type4 .infoarea .innerbox .title{position:relative; margin-bottom:25px; padding-top:10px; padding-bottom:10px; padding-left:66px; font-size:20px; line-height:31px; font-weight:600; letter-spacing:-0.025em; color:#2b2b2b;}
.temp_cont.type4 .infoarea .innerbox .title:before{display:inline-block; position:absolute; left:0; top:-1px; width:52px; height:52px; background-repeat: no-repeat;}
.temp_cont.type4 .infoarea .innerbox.left .title:before{background-image:url(/common/images/template/temp_cont4_info1.png);}
.temp_cont.type4 .infoarea .innerbox.right .title:before{background-image:url(/common/images/template/temp_cont4_info2.png);}

@media all and (max-width:640px) {
    .temp_cont.type4 .infoarea .innerbox{display:inline-block;}
    .temp_cont.type4 .infoarea .innerbox.left{width:100%; border-top:5px solid; border-right:5px solid; border-color:#a9b1e6; border-bottom:none;}
    .temp_cont.type4 .infoarea .innerbox.left:before{display:inline-block; position:absolute; right:auto; top:auto; bottom:0; left:15%; width:70%; height:1px; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAFElEQVQYV2PctWvXfzc3N0YGIAAAJs4EAm5GqqMAAAAASUVORK5CYII=); background-repeat: repeat-x;}
    .temp_cont.type4 .infoarea .innerbox.right{width:100%; border-top:none; border-left:5px solid; border-color:#e48399;}

    .temp_cont.type4 .infoarea .innerbox .title{position:relative; margin-bottom:25px; padding-top:10px; padding-bottom:10px; padding-left:66px; font-size:20px; line-height:31px; font-weight:600; letter-spacing:-0.025em; color:#2b2b2b;}
    .temp_cont.type4 .infoarea .innerbox .title:before{display:inline-block; position:absolute; left:0; top:-1px; width:52px; height:52px; background-repeat: no-repeat;}
    .temp_cont.type4 .infoarea .innerbox.left .title:before{background-image:url(/common/images/template/temp_cont4_info1.png);}
    .temp_cont.type4 .infoarea .innerbox.right .title:before{background-image:url(/common/images/template/temp_cont4_info2.png);}
}


.temp_card.type1 .card1_ul{font-size:0; line-height:0;}
.temp_card.type1 .card1_ul .card1_li{display:inline-block; width:calc((100% - 52px)/2); margin-right:52px; margin-bottom:53px; border-bottom:1px solid #bebfc2; background-color:#fafafa; box-sizing:border-box; vertical-align:top;}
.temp_card.type1 .card1_ul .card1_li:nth-child(2n){margin-right:0;}
.temp_card.type1 .card1_ul .card1_li .title{display:table; width:100%; padding:12px 0 ; border:2px solid #272a36; background-color:#fff; box-sizing:border-box; text-align:center;}
.temp_card.type1 .card1_ul .card1_li .title span{display:table-cell; font-size:17px; line-height:22px; letter-spacing:-0.01em; color:#272a36;}
.temp_card.type1 .card1_ul .card1_li p{font-size:16px; line-height:24px; text-align:center; margin:0 10px;}
.temp_card.type1 .card1_ul .card1_li > .bu{margin-left: 29px; margin-right:29px;}
.temp_card.type1 .card1_ul .card1_li .bu > li{margin-top:0; font-size:16px; line-height: 30px;}
.temp_card.type1 .card1_ul .card1_li .bu > li:before{top:13px;}
.temp_card.type1 .card1_ul .card1_li .bu > li > .bu.type2{margin-top:4px;}
.temp_card.type1 .card1_ul .card1_li .bu > li > .bu.type2 > li{font-size:15px; line-height:26px;}

@media all and (max-width:640px) {
    .temp_card.type1 .card1_ul .card1_li{width:100%; margin-right:0; margin-bottom:30px;}
}


.temp_card.type2 .card2_ul .card2_li{display:block; width:100%; font-size:0; line-height:0; margin-bottom:16px; }
.temp_card.type2 .card2_ul .card2_li:nth-child(2n) .textarea{background-color:#f5edef;}
.temp_card.type2 .card2_ul .card2_li .imgarea{display:inline-block; float:left; overflow-x: hidden;}
.temp_card.type2 .card2_ul .card2_li .textarea{display:inline-block;width:calc(100% - 390px - 49px); min-height:calc(264px - 31px); padding-left:29px; padding-top:31px; padding-right:20px; background-color:#edeef5;}
.temp_card.type2 .card2_ul .card2_li .textarea .title{position:relative;padding-left:22px; font-size:20px; line-height:31px; font-weight:600;  color:#171717;}
.temp_card.type2 .card2_ul .card2_li .textarea .title:before{display:inline-block; position:absolute; left:0; top:calc(50% - 8px); width:16px; height:16px; background-repeat:no-repeat; background-image:url(/common/images/template/temp_card2_title.png);}

@media all and (max-width:800px){
    .temp_card.type2 .card2_ul .card2_li{display:inline-block; width:auto; text-align:center;}
    .temp_card.type2 .card2_ul .card2_li .imgarea{ float:none;}
    .temp_card.type2 .card2_ul .card2_li .textarea{width:calc(100% - 49px); min-height:auto; margin-top:30px; padding-bottom:30px; text-align: left; }
}

.temp_card.type3{display:table; width:100%; padding:26px; border-radius:5px; background-color:#f5eaed; box-sizing:border-box;}
.temp_card.type3.pink{background-color:#f5eaed;}
.temp_card.type3.blue{background-color:#e9edf5;}

.temp_card.type3 .imgarea{display:table-cell; width:390px;}
.temp_card.type3 .imgarea img{border-radius:3px;  }
.temp_card.type3 .textarea{display:table-cell; padding-left: 52px; vertical-align:middle;}
.temp_card.type3.mini .imgarea{display:table-cell; width:256px;}

.temp_card.type3.blue .round .item{background-color:#454c7e;}
.temp_card.type3.pink .round .item{background-color:#4a4b53;}

@media all and (max-width:1222px) {
    .temp_card.type3 .imgarea{width:340px;}
    .temp_card.type3 .textarea{padding-left:32px;}
}
@media all and (max-width:1000px) {
    .temp_card.type3 .imgarea{width:390px;}
    .temp_card.type3 .textarea{padding-left:52px;}
}
@media all and (max-width:900px) {
    .temp_card.type3 .imgarea{width:300px;}
    .temp_card.type3 .textarea{padding-left:32px;}
}
@media all and (max-width:800px) {
    .temp_card.type3 .imgarea{width:250px;}
    .temp_card.type3 .textarea{padding-left:20px;}
}
@media all and (max-width:700px) {
    .temp_card.type3 .round .cont{display:block;}
}
@media all and (max-width:640px) {
    .temp_card.type3{display:inline-block; text-align:center;}
    .temp_card.type3 .imgarea{display:inline-block; width:auto;}
    .temp_card.type3.mini .imgarea{display:inline-block; width:auto;}
    .temp_card.type3 .textarea{display:inline-block; margin-top:20px; text-align:left; padding-left:0;}
    .temp_card.type3 .round .cont{display:inline-block;}
}

.temp_title.type1{border-top:2px solid #2e2e2e; border-bottom:1px solid #dbdbdb;}
.temp_title.type1 .inner{display:table;width:100%; padding:40px 0; vertical-align:middle; table-layout: fixed;}
.temp_title.type1 .inner .inner_row{display: table-row;}
.temp_title.type1 .inner .inner_row .logobox{display:table-cell; width:30.55%; text-align:center; vertical-align: middle;}
.temp_title.type1 .inner .inner_row .logobox img{width:auto; height:auto;}
.temp_title.type1 .inner .inner_row .infobox {display:table-cell; width:47.22%; padding-left:52px; padding-right: 20px; vertical-align:middle; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAEElEQVQYV2PYtGnTfwY4AAAmIgMWcgWfRgAAAABJRU5ErkJggg==); background-repeat:repeat-y; background-position:left;}
.temp_title.type1 .inner .inner_row .infobox .info_ul .info_li{position:relative; padding-left:15px; font-size:16px; text-align: left; line-height:30px; letter-spacing:0; color:#333;}
.temp_title.type1 .inner .inner_row .infobox .info_ul .info_li:before{display:inline-block; position:absolute; left:0; top:12px; width:8px; height:7px; background-repeat:no-repeat; background-image:url(/common/images/template/temp_title1_li.png);}
.temp_title.type1 .inner .inner_row .buttonbox{display:table-cell; position:relative; text-align:right; vertical-align:middle;}

@media all and (max-width:1222px) {
    .temp_title.type1 .inner .inner_row .infobox{width:41.22%; padding-left:21px;}
}
@media all and (max-width:800px) {
    .temp_title.type1 .inner .inner_row{display:block;}
    .temp_title.type1 .inner .inner_row .logobox{width:45%;}
    .temp_title.type1 .inner .inner_row .infobox {width:auto; padding-left:52px;}
    .temp_title.type1 .inner .inner_row .buttonbox{display:block; margin-top: 30px; text-align:center;}
}
@media all and (max-width:640px) {
    .temp_title.type1 .inner .inner_row{text-align:center;}
    .temp_title.type1 .inner .inner_row .logobox{display:inline-block; width:auto;}
    .temp_title.type1 .inner .inner_row .infobox{display:inline-block; background-image:none;}
}

.temp_title.type2 {display: table; width:100%; table-layout: fixed;}
.temp_title.type2 .inner{display: table-row;}
.temp_title.type2 .inner .name{display: table-cell; width:calc(260px - 52px); padding:0 26px; border-radius:6px 0 0 6px; background-color:#5a66c5; text-align: center; vertical-align:middle;}
.temp_title.type2 .inner .name span{position:relative; display:inline-block; padding-left:26px; font-size:17px; line-height:28px; font-weight:600; color:#fff; letter-spacing:-0.01em; }
.temp_title.type2 .inner .name span:before{display:inline-block; position:absolute; left:0; top:calc(50% - 9px); width:23px; height:18px; background-repeat:no-repeat; background-image:url(/common/images/template/temp_title2_icon.png);}
.temp_title.type2 .inner .number{display: table-cell; padding-top:14px; padding-bottom:14px; padding-left:40px; border-radius:0 6px 6px 0; background-color:#f3f3f3; text-align: left; vertical-align:middle;}
.temp_title.type2 .inner .number p{font-size:18px; line-height:28px; font-weight:600; color:#272a36; letter-spacing:-0.01em; }

@media all and (max-width:640px) {
    .temp_title.type2 {display: block; table-layout:auto;}
    .temp_title.type2 .inner{display: block;}
    .temp_title.type2 .inner .name{display:inline-block; width:calc(100% - 60%); padding:14px 30%;border-radius:6px 6px 0 0;}
    .temp_title.type2 .inner .number{display:inline-block; width:100%; padding-left:0; border-radius:0 0 6px 6px; text-align: center;}
}
@media all and (max-width:440px) {
    .temp_title.type2 .inner .name{width:calc(100% - 20%); padding:14px 10%;}
}


.temp_title.type3{position:relative; padding:26px; border-radius:6px; background-color:#d9eeed;}
.temp_title.type3 .backbox{display:inline-block; position:absolute; z-index:9; left:31px; bottom:0; width:393px; height:225px; background-image:url(/common/images/template/temp_title3_bg.png);background-repeat:no-repeat;}
.temp_title.type3 .textbox{position:relative; z-index:10; float:right; width:52.77%; padding-right:26px;}
.temp_title.type3 .textbox .title{padding-bottom:9px;font-size:26px; line-height:46px; letter-spacing:-0.025em; color:#222;}
.temp_title.type3 .textbox p{font-size:16px; line-height:28px; letter-spacing:-0.025em; color:#383838;}
.temp_title.type3 .textbox .a_box{padding-top:34px; padding-bottom:14px;}

.temp_title.type3.tax {position:relative; padding:26px; border-radius:6px; background-color:#daecfa;}
.temp_title.type3.tax .backbox{display:inline-block; position:absolute; z-index:9; left:44px; bottom:auto; top:31px; width:262px; height:247px; background-image:url(/common/images/template/temp_title3_taxbg.png);background-repeat:no-repeat;}
.temp_title.type3.tax .textbox{position:relative; z-index:10; float:right; width:60.33%; padding-right:26px;}
.temp_title.type3.tax .textbox .title{padding-bottom:9px; font-size:26px; line-height:46px; letter-spacing:-0.025em; color:#222;}
.temp_title.type3.tax .textbox ul.bu li{margin-top:0; font-size:16px; line-height:28px; letter-spacing:-0.025em; color:#383838;}
.temp_title.type3.tax .textbox .a_box{padding-top:28px; padding-bottom:14px;}

@media all and (max-width:800px) {
    .temp_title.type3 .backbox{opacity:0.3;}
    .temp_title.type3 .textbox{width:100%; padding-right:0;}
    .temp_title.type3.tax .textbox{width:100%; padding-right:0;}

}


.temp_title.type4{display:table; width:100%; padding:43px 20px 43px 79px; border-radius:5px; background-color:#e7ecf7; box-sizing:border-box;}
.temp_title.type4 .imgarea{display:table-cell; width:300px;}
.temp_title.type4 .imgarea img{border-radius:6px;}
.temp_title.type4 .textarea{display:table-cell; padding-left: 109px; vertical-align:top;}
.temp_title.type4 .textarea .title4_ul .title4_li{position:relative; padding-left:13px; font-size:17px; line-height:36px; letter-spacing:-0.025em; color:#414141;}
.temp_title.type4 .textarea .title4_ul .title4_li:before{display:inline-block; position:absolute; left:0; top:15px; width:5px; height:7px; background-repeat:no-repeat; background-image:url(/common/images/template/temp_title4_li.png);}
.temp_title.type4 .textarea .title4_ul .title4_li span{font-weight:600;}
.temp_title.type4 .textarea .a_box{margin-top:23px;}

@media all and (max-width:1222px) {
    .temp_title.type4 .textarea{padding-left:50px;}
}
@media all and (max-width:800px) {
    .temp_title.type4{display:block; padding:43px 20px; text-align:center;}
    .temp_title.type4 .imgarea{display:inline-block;}
    .temp_title.type4 .textarea{display:block; padding-left:0; text-align:center;}
    .temp_title.type4 .textarea .title4_ul{display:inline-block; text-align: left;}
}
@media all and (max-width:400px) {
    .temp_title.type4 .imgarea{width:auto;}
}

.temp_title.type5{text-align:center; width:100%; padding-top:65px; padding-bottom:144px;  background-image: url(/common/images/template/temp_title5_bg.jpg); background-position: top; background-repeat:no-repeat; box-sizing: border-box;}
.temp_title.type5 .title{position: relative; padding-top: 103px; padding-bottom:83px;}
.temp_title.type5 .title:before{display:inline-block; position:absolute; left:50%; top:0; width:2px; height:97px; background-color:#fff; transform: rotate(45deg);}
.temp_title.type5 .title span{font-size:40px; line-height:44px; color:#fff;}

.temp_title.type5 .yellow_intro{display:inline-block; border-bottom:1px solid #fff449; font-size:18px; line-height:24px; color:#fff449;}
.temp_title.type5 .intro{font-size:18px; line-height:24px; letter-spacing:0; color:#fff; padding:0 5%;}

@media all and (max-width:800px){
    .temp_title.type5 .yellow_intro{padding:0 20px; border-bottom:none; text-decoration:underline;}
}

@media all and (max-width:640px){
    .temp_title.type5 .title span{font-size:30px; line-height:34px;}
}


.temp_title.type6{position:relative; background-position: top; margin-bottom: 36px; padding-top:88px; padding-right:78px; padding-bottom:349px; padding-left: 78px; background-repeat:no-repeat; background-image:url(/common/images/template/temp_title6_bg.jpg); font-size:0; line-height:0;}
.temp_title.type6 .title{display:inline-block; position:relative;}
.temp_title.type6 .title:before{display:inline-block; position:absolute; right:-7px; top:27px; width:98px; height:48px; background-repeat:no-repeat; background-image:url(/common/images/template/temp_title6_flower.png); }
.temp_title.type6 .contbox{display:inline-block; position:absolute; left:0; bottom:-36px; width:calc(77.77% - 104px); padding-top:43px; padding-left:78px; padding-right:26px; padding-bottom:43px; background-color:#884a6c; font-size:18px; line-height:34px; letter-spacing:-0.01em; color:#fff;}

@media all and (max-width:800px) {
    .temp_title.type6 .contbox{width:calc(77.77% - 104px); padding-right:52px;}
    .temp_title.type6 .contbox br{display: none;}

}
@media all and (max-width:640px) {
    .temp_title.type6{padding-left:40px;padding-right:40px;}
    .temp_title.type6 .title:before{right:auto;left:calc(50% - 49px); top:auto; bottom:-113px;}
    .temp_title.type6 .contbox{ width:calc(100% - 104px); padding-left: 52px;}
}

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

	.temp_title.type6 .contbox{width:calc(100% - 40px); padding:52px 20px; font-size:16px;}

}


/* 청춘 빌딩 */
.temp_title.type2238{text-align:center; width:100%; padding-top:65px; padding-bottom:144px;  background-image: url(/common/images/template/temp_title2238_bg.jpg); background-position: top; background-repeat:no-repeat; box-sizing: border-box;}
.temp_title.type2238 .title{position: relative; padding-top: 103px; padding-bottom:83px;}
.temp_title.type2238 .title:before{display:inline-block; position:absolute; left:50%; top:0; width:2px; height:97px; background-color:#fff; transform: rotate(45deg);}
.temp_title.type2238 .title span{font-size:40px; line-height:44px; color:#fff;}

.temp_title.type2238 .yellow_intro{display:inline-block; border-bottom:1px solid #fff449; font-size:18px; line-height:24px; color:#fff449;}
.temp_title.type2238 .intro{font-size:18px; line-height:24px; letter-spacing:0; color:#fff; padding:0 5%;}

@media all and (max-width:800px){
    .temp_title.type2238 .yellow_intro{padding:0 20px; border-bottom:none; text-decoration:underline;}
}

@media all and (max-width:640px){
    .temp_title.type2238 .title span{font-size:30px; line-height:34px;}
}


.temp_box.type1{width:100%; padding:28px; border-radius:5px; box-sizing:border-box; text-align:center;}

.temp_box.type1{background-color:#e9edf5;}
.temp_box.type1 .round.type1{display:block;}
.temp_box.type1 .round.type1 li{display:inline-block; padding:0 41px; vertical-align:top;}
.temp_box.type1 .round.type1 li .item{background-color:#454c7e; vertical-align:top;}

.temp_box.type1.pink{background-color:#f5eaed;}
.temp_box.type1.pink .round.type1 li .item{background-color:#4a4b53;}

.temp_box.type1 .round.type1.long{font-size:0; line-height:0; text-align:left;}
.temp_box.type1 .round.type1.long li{width:50%; padding:0; margin:6px 0;  }
.temp_box.type1 .round.type1.long li .cont{display:inline-block; width:calc(100% - 181px); padding-right:10px;  font-size:16px; line-height:22px;}

@media all and (max-width:800px) {
    .temp_box.type1 .round.type1.long li{width:100%; padding:0; }
    .temp_box.type1 .round.type1.long li .cont{display:inline-block; width:calc(100% - 181px); padding-right:10px;  font-size:16px;}
}

@media all and (max-width:480px) {
    .temp_box.type1 .round.type1.long li{width:100%; padding:0; }
    .temp_box.type1 .round.type1.long li .cont{display:block; width:100%; padding-top:5px;padding-left:0;}
}

.temp_box.type1.imgplus .imgarea{margin-bottom:23px;}
.temp_box.type1.imgplus .imgarea img{border-radius:5px;}

.temp_box.type1.imgplus2{padding:28px 13px;}
.temp_box.type1.imgplus2 .imgplus_ul{font-size:0; line-height:0;}
.temp_box.type1.imgplus2 .imgplus_ul .imgplus_li{display:inline-block; margin-left:calc(26px / 2); margin-bottom:22px; margin-right:calc(26px / 2); vertical-align:top;}

@media all and (max-width:800px) {
    .temp_box.type1 .round.type1 li{display:inline-block; padding:0 20px;}
    .temp_box.type1 .round.type1 li .item{background-color:#454c7e;}
}
@media all and (max-width:640px) {
    .temp_box.type1 .round.type1{text-align: left;}
    .temp_box.type1 .round.type1 li{display:block; margin:5px 0;}
}

.temp_box.type2 {border-radius:6px; border:1px solid #d0d0d0; text-align: center;}
/*박스템플릿 추가 20211101*/
.temp_box.type3 { border:1px solid #ddd; box-sizing: border-box; padding:25px; background-color:#f9f9f9; }
.temp_box.type3 a { color:#0861bc; text-decoration: underline; }


.temp_step.type3 .step3_ol{font-size:0; line-height:0;}
.temp_step.type3 .step3_ol .step3_li{display:inline-block; width:182px; margin-bottom:40px; margin-right:7.37%; vertical-align:top;}
.temp_step.type3 .step3_ol .step3_li:nth-child(4n){margin-right:0;}
.temp_step.type3 .step3_ol .step3_li .imgbox{border:1px solid #cfcfcf; box-sizing:border-box;}
.temp_step.type3 .step3_ol .step3_li .title{padding:6px 3px; background-color:#3e507e; text-align:center;}
.temp_step.type3 .step3_ol .step3_li .title span{font-size:16px; line-height:22px; letter-spacing: -0.01em; color:#fff;}

@media all and (max-width:1222px) {
    .temp_step.type3 .step3_ol{text-align:center;}
    .temp_step.type3 .step3_ol .step3_li{display:inline-block; width:182px; margin-bottom:40px; margin-left:calc(7.37% / 2);margin-right:calc(7.37% / 2); vertical-align:top;}
    .temp_step.type3 .step3_ol .step3_li:nth-child(4n){margin-right:calc(7.37% / 2);}
}

.temp_step.type4 .step4_ol{font-size:0; line-height:0;}
.temp_step.type4 .step4_ol .step4_li{display:inline-block; width:286px; margin-bottom:40px; margin-right:4.16%; vertical-align:top;}
.temp_step.type4 .step4_ol .step4_li:nth-child(3n){margin-right:0;}
.temp_step.type4 .step4_ol .step4_li .imgbox{border:1px solid #cfcfcf; box-sizing:border-box;}
.temp_step.type4 .step4_ol .step4_li .title{padding:6px 3px; background-color:#3e507e; text-align:center;}
.temp_step.type4 .step4_ol .step4_li .title span{font-size:16px; line-height:22px; letter-spacing: -0.01em; color:#fff;}

@media all and (max-width:1222px) {
    .temp_step.type4 .step4_ol{text-align:center;}
    .temp_step.type4 .step4_ol .step4_li{display:inline-block; width:286px; margin-bottom:40px; margin-left:calc(4.16% / 2);margin-right:calc(4.16% / 2); vertical-align:top;}
    .temp_step.type4 .step4_ol .step4_li:nth-child(3n){margin-right:calc(4.16% / 2);}
}

.temp_step.type5 .step5_ul{font-size:0; line-height:0;}
.temp_step.type5 .step5_ul .step5_li{display: inline-block; position:relative; width:calc((100% - (35px * 3))/ 4); margin-right:35px; box-sizing:border-box; vertical-align:top;}
.temp_step.type5 .step5_ul .step5_li:last-child{margin-right:0;}
.temp_step.type5 .step5_ul .step5_li .title{padding:13px 10px 12px 10px; border-radius:9px 9px 0 0; border:1px solid #eab3c5; background-color:#eab3c5; text-align: center;}
.temp_step.type5 .step5_ul .step5_li:before{display:inline-block; position:absolute; right:-24px; top:calc(50% - 7px); width:14px; height:15px; background-repeat:no-repeat; background-image:url(/common/images/template/temp_step5_li.png);}
.temp_step.type5 .step5_ul .step5_li .title span{font-size:17px; line-height:22px; font-weight:600; letter-spacing:-0.01em; color:#272a36;}
.temp_step.type5 .step5_ul .step5_li .contbox{text-align: center; padding-top:17px; padding-bottom:17px; border-radius:0 0 9px 9px; border-right:1px solid; border-bottom:1px solid; border-left:1px solid; border-color:#eab3c5;}
.temp_step.type5 .step5_ul .step5_li .contbox strong{font-size:16px; line-height:28px; letter-spacing:-0.05em; font-weight:600; color:#2f2f2f; }
.temp_step.type5 .step5_ul .step5_li .contbox .p_box{display:table; width:100%; height:47px; text-align: center; }
.temp_step.type5 .step5_ul .step5_li .contbox .p_box p{display:table-cell; font-size:15px; line-height:22px; vertical-align: middle;}
.temp_step.type5 .step5_ul .step5_li:first-child .title, .temp_step.type5 .step5_ul .step5_li:last-child .title{border:1px solid #cfd4f6; background-color:#cfd4f6;}
.temp_step.type5 .step5_ul .step5_li:first-child .contbox, .temp_step.type5 .step5_ul .step5_li:last-child .contbox{border-color:#cfd4f6;}
.temp_step.type5 .step5_ul .step5_li:last-child:before{display:none;}

@media all and (max-width:900px) {
    .temp_step.type5 .step5_ul .step5_li{width:calc((100% - 105px)/2); margin-left:35px; margin-right:35px; margin-bottom:35px;}
    .temp_step.type5 .step5_ul .step5_li .contbox{text-align: center; padding-top:17px; padding-bottom:17px; border-radius:0 0 9px 9px; border-right:1px solid; border-bottom:1px solid; border-left:1px solid; border-color:#eab3c5;}
    .temp_step.type5 .step5_ul .step5_li .contbox .p_box{display:table; width:calc(100% - 10px); height:47px; padding:0 5px; text-align: center; }
    .temp_step.type5 .step5_ul .step5_li:nth-child(2n){margin-left:0;}
}

@media all and (max-width:640px) {
    .temp_step.type5 .step5_ul .step5_li{width:100%; margin-left:0; margin-right:0;}
    .temp_step.type5 .step5_ul .step5_li:before{right:auto; top:auto; bottom:-24px; left:calc(50% - 7px); transform:rotate(90deg);}
    .temp_step.type5 .step5_ul .step5_li:nth-child(2n){margin-left:0;}
}


.temp_link.type1 .link1_ul{border-top:1px solid #000;}
.temp_link.type1 .link1_ul .link1_li{display:table; width:calc(100% - 34px); margin-top:9px; padding:0 17px 9px 17px; border-bottom:1px solid #d8d8d8;}
.temp_link.type1 .link1_ul .link1_li .text{display:table-cell; width:61.11%; vertical-align:middle;}
.temp_link.type1 .link1_ul .link1_li .text .text_ul .text_li{position:relative; padding-left:15px; font-size:16px; line-height:30px; vertical-align:middle;}
.temp_link.type1 .link1_ul .link1_li .text .text_ul .text_li:before{display:inline-block; position:absolute; left:0; top:14px; width:6px; height:1px; background-color:#232323;}
.temp_link.type1 .link1_ul .link1_li .buttonbox{display:table-cell; width:calc(100% - 61.11%); text-align:right; vertical-align:middle;}
.temp_link.type1 .link1_ul .link1_li .buttonbox .button_ul{font-size:0;}
.temp_link.type1 .link1_ul .link1_li .buttonbox .button_ul .button_li{display:inline-block; margin-left:5px; margin-top:2px; margin-bottom:2px; }
.temp_link.type1 .link1_ul .link1_li .buttonbox .button_ul .button_li a.btn{min-width:146px; text-align:center;}
.temp_link.type1 .link1_ul .link1_li .buttonbox .button_ul .button_li a.btn:hover{background-color:#282a37;}

@media all and (max-width:640px) {
    .temp_link.type1 .link1_ul .link1_li{display:block; width:calc(100% - 34px);}
    .temp_link.type1 .link1_ul .link1_li .text{display:inline-block; width:100%;}
    .temp_link.type1 .link1_ul .link1_li .text .text_ul .text_li{position:relative; padding-left:15px; font-size:16px; line-height:30px; vertical-align:middle;}
    .temp_link.type1 .link1_ul .link1_li .text .text_ul .text_li:before{display:inline-block; position:absolute; left:0; top:14px; width:6px; height:1px; background-color:#232323;}
    .temp_link.type1 .link1_ul .link1_li .buttonbox{display:inline-block; width:100%; margin-top:15px; margin-bottom:15px; text-align:center; }
}



/* 스크롤테이블 */
@media all and (max-width:1000px){
    .scroll_table{overflow-x:auto; padding-bottom:10px;}
    .scroll_table table{width:1000px;}
}

/* 선, 박스 */
@media all and (max-width:1000px){
    .box.type2 .box_wrap{min-height:100px;padding-left:140px;}
    .box.type2 .box_wrap:before{left:20px;width:100px;height:100px;background-size:50%;}
}
@media all and (max-width:500px){
    .box.type2 .box_wrap{min-height:80px;padding-left:100px;}
    .box.type2 .box_wrap:before{left:10px;width:80px;height:80px;}
}

@media all and (max-width:640px){
    .box_board .box_wrap{padding-left:100px;}
    .box_board .box_wrap:before{left:10px;top:15px;width:80px;height:80px;background-size:40%;}
}

@media all and (max-width:800px) {
    .box_img{padding:5px;}
    .box_img .img_zoom{display:inline-block;}
}

@media all and (max-width:640px) {
    .box_step .box_wrap{padding:40px 5% 15px;}
    .box_step li.dep1{float:none;width:auto !important;padding-bottom:15px;}
    .box_step .inner_box{width:100% !important;}
    .box_step .inner_box:after{left:50%;bottom:-19px;margin:0 0 0 -15px;transform:rotate(90deg);}
    .box_step li.last{padding-bottom:0;}

    .box_step.vertical li.dep1{margin-bottom:12px; padding:97px 0 0 10%;}
    .box_step.vertical.vertical_type1 .inner_box:after{bottom:-50px; left:-13px; width:72px; height:22px; background-size:77px 9px;}
}

/* 자주 쓰이는 타입들 */
@media all and (max-width:640px) {
    .temp_box .contents_box .title_box{width:70%;padding:5px 5% 0;}
    .temp_box .contents_box .title_box .title{font-size:20px;line-height:22px;}
    .temp_box .contents_box .cont_box{font-size:15px;line-height:28px;}
}

@media all and (max-width:1200px) {
    .temp_list li .contents_box .img_box{right:20px;width:110px;height:110px;margin-top:-55px;line-height:110px;}
    .temp_list li .contents_box .cont_box{padding-right:150px;}
}
@media all and (max-width:800px) {
    .temp_list li .contents_box .img_box{right:10px;top:30px;width:90px;height:90px;margin-top:0;line-height:90px;}
    .temp_list li .contents_box .cont_box{padding:30px 110px 0 20px;}
}
@media all and (max-width:640px) {
    .temp_list li{float:none !important;width:100%;padding:0 !important;}
    .temp_list li .contents_box .img_box{position:static;margin:20px auto 0;}
    .temp_list li .contents_box .cont_box{padding:30px 5%;text-align:center;}
    .temp_list li .contents_box .cont_box .cont br{display:none;}
}

/* 사이트맵 */
@media all and (max-width:800px) {
    #sitemap .sitemap_box{padding-left:0;}
    #sitemap .sitemap_box h2{position:relative;width:100%;text-align:left;}
    #sitemap .sitemap_box h2:after{position:absolute;left:215px;top:0;display:inline-block;width:100%;height:1px;content:'';background-color:#2b4380;}
    #sitemap .sitemap_box h2 a{padding-left:50px;}
    #sitemap .sitemap_box .dep2_box{padding-top:10px;border-top:none;}
}
@media all and (max-width:500px) {
    #sitemap .sitemap_box .dep2{float:none;width:80%;padding:0 10% 20px;}
}

/* 찾아오시는 길*/
@media all and (max-width:800px) {
    .cts1447_info li{float:none;width:100%;margin-bottom:10px;}
}

/*배너 프로그램*/
@media all and (max-width:800px) {
    #banner_list div li{float:left;width:50%;}
    #banner_list div.odd_line li:nth-child(odd){background-color:transparent;}
    #banner_list div.even_line li:nth-child(even){background-color:transparent;}
    #banner_list div li:first-child{background-color:#f9f9f9 !important;}
    #banner_list div li:last-child{background-color:#f9f9f9 !important;}
}
@media all and (max-width:400px) {
    #banner_list div li{float:none;width:100%;}
    #banner_list div li a{height:inherit;padding:30px 0;background-image:url(../images/template/banner_rowbg.png);background-repeat:repeat-x;background-position:left bottom;}
    #banner_list div li:first-child{background-color:transparent !important;}
    #banner_list div li:last-child{background-color:transparent !important;}
    #banner_list div li:nth-child(odd){background-color:#f9f9f9 !important;}
}

/* 지도API */
.temp_map {position:relative;}
.temp_map .map_api {height:475px; margin-bottom:0; border:1px solid #384085;}
.temp_map .map_info {color:#fff; letter-spacing:-0.03em;}
.temp_map .map_info .text_col  {display:table; float:left; height:108px; box-sizing:border-box;}
.temp_map .map_info .text_col .map_wrap {display:table-cell; vertical-align:middle;}
.temp_map .map_info .text_col.left {position:relative; width:338px; padding-left:105px; background-color:#384085; line-height:28px;}
.temp_map .map_info .text_col.left:before {display:block; position:absolute; top:calc(50% - 26px); left:33px; width:53px; height:53px; border-radius:50%; background-color:#fff; background-image:url('/common/images/template/map_api_icon.png'); background-repeat:no-repeat; background-position:center;}
.temp_map .map_info .text_col.left h4 {font-size:20px; font-weight:600; color:#fff}
.temp_map .map_info .text_col.left p {color:#cfd3f5;}
.temp_map .map_info .text_col.right {width:calc(100% - 338px); padding-left:44px; padding-right:10px; background-color:#4751a6;}
.temp_map .map_info .text_col.right .map_item {position:relative; padding-left:17px;}
.temp_map .map_info .text_col.right .map_item:before {display:block; position:absolute; top:12px; left:0; width:9px; height:2px; background-color:#fff; transform:rotate(-45deg);}
.temp_map .map_view {position:absolute; top:1px; right:1px; z-index:100;}
@media all and (max-width:1000px) {
    .temp_map .map_info .text_col.right {padding-left:20px;}
}
@media all and (max-width:640px) {
    .temp_map .map_info .text_col.left,
    .temp_map .map_info .text_col.right {width:100%;}
    .temp_map .map_info .text_col.left {padding-left:87px;}
    .temp_map .map_info .text_col.left:before {left:15px;}
}

.check{position:relative;padding-left:36px;line-height: 28px;}
.check:before{display:inline-block;position:absolute;top: 0;left:0;width:26px;height:26px;background:url(/common/images/template/check_bg.png) no-repeat left top;}
.check2 { position:relative; padding-left:36px; line-height:28px; margin-top:10px; color:#666;}
.check2 span.ex-btn { padding:5px 20px; color:#fff; font-size: 15px; background-color: #5966c6; line-height: 17px; }

@media all and (max-width:640px) {
.check { padding-left:0; font-size:15px; }    
.check:before { display:block; position:static; margin:0 auto 10px auto; }
.check2 { padding-left:0; font-size:15px; }
}

/* 슬릭 템플릿 */
.temp_slick{padding-top:30px;}
.temp_slick > .inner_wrap .slick_top {font-size:0; line-height:0; position:relative;}
.temp_slick > .inner_wrap .slick_top .photo_list {position:relative; z-index:10;}
.temp_slick > .inner_wrap .photo_control {position:absolute; top:50%; left:0; width:100%; height:62px; z-index:20; margin-top:-31px;}
.temp_slick > .inner_wrap .photo_control button {display:block; position:absolute; top:0; width:62px; height:62px; border-radius:50%; background-repeat:no-repeat; background-color:rgba(0, 0, 0, 0.78); background-position:center center; font-size:0;}
.temp_slick > .inner_wrap .photo_control .prev {left:26px; background-image:url('/common/images/template/temp_slick_prev.png');}
.temp_slick > .inner_wrap .photo_control .next {right:26px; background-image:url('/common/images/template/temp_slick_next.png');}
.temp_slick > .inner_wrap .slick_top .photo_list .photo_slide {position:relative;}
.temp_slick > .inner_wrap .slick_top .photo_list .photo_slide .img {line-height:0; font-size:0;}
.temp_slick > .inner_wrap .slick_top .photo_list .photo_slide .img img {width:100%; vertical-align:top;}
.temp_slick > .inner_wrap .slick_top .photo_list .photo_slide .text {display:table; position:absolute; bottom:0; left:0; width:100%; height:70px; line-height:70px; background-color:rgba(0, 0, 0, 0.5); text-align:center;}
.temp_slick > .inner_wrap .slick_top .photo_list .photo_slide .text .word {display:table-cell; padding-right:45px; padding-left:45px; color:#fff; font-size:20px; font-weight:600; line-height:22px; vertical-align:middle;}

.temp_slick > .inner_wrap .slick_bottom .photo_list {padding:29px 17px; background-color:#282a37;}
.temp_slick > .inner_wrap .slick_bottom .photo_list .photo_slide .img {margin:0 9px; padding:17px 0; }
.temp_slick > .inner_wrap .slick_bottom .photo_list .slick-slide.slick-current.slick-active .photo_slide .img{position:relative; font-size:0; line-height:0;}
.temp_slick > .inner_wrap .slick_bottom .photo_list .slick-slide.slick-current.slick-active .photo_slide .img .inner_box{position:relative; border:4px solid #b4caff; font-size:0; line-height:0; background-color:rgba(40,42,55,0.5);}
.temp_slick > .inner_wrap .slick_bottom .photo_list .slick-slide.slick-current.slick-active .photo_slide .img .inner_box:before{display:block; position:absolute; top:-17px; left:calc(50% - 12px); width:0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 13px solid #b4caff;}
.temp_slick > .inner_wrap .slick_bottom .photo_list .slick-slide.slick-current.slick-active .photo_slide .img img{opacity:0.4; background-color:#000;}
@media all and (max-width:800px) {
    .temp_slick > .inner_wrap .photo_control {display:none;}
    .temp_slick > .inner_wrap .slick_top .photo_list .photo_slide .text {height:auto; line-height:30px;}
    .temp_slick > .inner_wrap .slick_top .photo_list .photo_slide .text .word {padding:15px 10px; font-size:17px; font-weight:400; }
    .temp_slick > .inner_wrap .slick_bottom .photo_list {padding:15px 10px;}
}

/* 이미지 확대보기 */
.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 #597ac4;}
@media all and (max-width:800px) {
    .box_img .img_zoom {display:inline-block;}
}

/* 다음api */
.root_daum_roughmap{width:100%; box-sizing:border-box;}

/* 프로그램 간격 초기화 */
.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;}


/*평면도보기*/

.floor_plan_box h3{display:inline-block;}
.floor_plan_box .txt_area{display:inline-block; margin-top:30px; float:right;}
.floor_plan_box .txt_area span{position:relative; color:#484848; font-size:15px; line-height:1.3em; letter-spacing:-0.03em;}
.floor_plan_box .txt_area span:before{content:""; display:block; position:absolute; left:-37px; top:-2px; width:26px; height:26px; background: url("/site/portal/images/contents/cts305_icon.png") 0 0 no-repeat;}

.floor_plan_box .floor_plan_list {margin:10px 0; border-top:1px solid #000;}
.floor_plan_box .floor_plan_list .listbox{position:relative; padding:10px 0; border-bottom:1px solid #d8d8d8; }
.floor_plan_box .floor_plan_list .listbox.active .listbtn .more:before{border-top:0; border-bottom:7px solid #ffd789;}
.floor_plan_box .floor_plan_list .listbox .map{text-align:center; padding:45px 0; margin-top:12px; background:#f6f6f6; line-height:0;}

.floor_plan_box .floor_plan_list .listbox .listbtn{float:right; display:inline-block; }
.floor_plan_box .floor_plan_list .listbox .floor{display:inline-block; position:absolute; left:13px; top:16px; color:#232323; font-size:16px; font-weight:600; }

.floor_plan_box .floor_plan_list .listbox .text{display:inline-block; position:relative; width:calc(100% - 230px);  margin-top:7px; margin-bottom:7px; margin-left:80px; color:#232323; font-size:16px; line-height:1.4em;}
.floor_plan_box .floor_plan_list .listbox .text:before{content:""; display:block; position:absolute; left:-24px; top:11px; width:10px; height:2px; border-top:2px dotted #bfbfbf; transform:rotate(90deg);}

.floor_plan_box .floor_plan_list .listbox .listbtn .more{float:right; position:relative; padding:7px 42px 7px 17px; color:#fff; font-size:15px; background:#282a37;}
.floor_plan_box .floor_plan_list .listbox .listbtn .more:before{content:""; display:block; position:absolute; right:15px; top:50%; margin-top:-3.5px;  width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #b8d1ff;}
.floor_plan_box .floor_plan_list .listbox .map{display:none;}

@media all and (max-width:640px){
    .floor_plan_box .txt_area{display:block; margin:5px 0; margin-left:37px; float:none;}
    .floor_plan_box .floor_plan_list .listbox .text{display:block; width:auto; }
    .floor_plan_box .floor_plan_list .listbox .listbtn{display:block; float:none; margin:8px auto;}
    .floor_plan_box .floor_plan_list .listbox > span.inner{display:block; text-align:center;}
}


/* 층별 구분 */
.temp_floor{}
.temp_floor .top_box{padding-bottom:8px; border-top:1px solid #000; border-bottom:1px solid #d8d8d8;}
.temp_floor .top_box .title{padding:14px; font-size:16px; line-height:28px; color:#232323;}
.temp_floor .top_box .title strong{display:inline-block; padding-right:48px; }
.temp_floor .top_box .title span{display:inline-block; position:relative; padding-left:20px; }
.temp_floor .top_box .title span:before{display:block; position:absolute; top:10px; left:0; width:2px; height:12px; background:url(/site/portal/images/contents/cts2594_bg.png) repeat-y;}
.temp_floor .top_box .box_img{padding:45px 0; background-color:#f6f6f6; text-align:center;}

@media all and (max-width:640px){
    .temp_floor .top_box{text-align:center;}
    .temp_floor .top_box .title strong{display:block; padding-right:0;}
    .temp_floor .top_box .title span{display:block; padding-left:0;}
    .temp_floor .top_box .title span:before{display:none;}
}