*:before,*:after{display:none; content:'';}
/* 본문제목 */
h3, h4, h5, h6,
.h3, .h4, .h5, .h6{position:relative;font-weight:400;text-align: left;letter-spacing: -1px;}
h3, .h3 {margin:17px 0 11px; padding-top:4px; padding-left:33px; color: #222; font-size:25px; font-weight:600; line-height:35px;}
h4, .h4 {margin:12px 0 6px 0; padding-left:35px; color:#005e59; font-size:23px; font-weight:600; line-height:28px;}
h5, .h5 {margin:3px 0 6px 0; padding-left:42px; color:#424242; font-size:21px; font-weight:600; letter-spacing:0; line-height:23px;}
h6, .h6 {margin:3px 0; padding-left:50px; color:#555; font-size:19px; font-weight:600; letter-spacing:0; line-height:21px;}

h3:before, h4:before, h5:before, h6:before,
.h3:before, .h4:before, .h5:before, .h6:before{position:absolute;display:inline-block;content:"";background:url(/common/images/template.png) no-repeat}
h3:before, .h3:before{left:0;top:6px;width:25px;height:23px;background-position:0 0;}
h4:before, .h4:before{left:10px;top:10px;width:15px;height:15px;background-position:-46px 0;}
h5:before, .h5:before{left:20px;top:8px;width:13px;height:5px;background-position:-96px 0;}
h6:before, .h6:before{position:absolute;left:36px;top:10px;display:inline-block; content:"";width:6px;height:3px;background:#868686}


h3 span, h4 span, h5 span, h6 span,
.h3 span, .h4 span, .h5 span, .h6 span{color:#777;font-size:0.85em;padding-left:10px;font-weight:normal;}

.h0  {margin: 0; padding: 0; color :#666;font-size: 1em; font-weight:400;letter-spacing:0;}
h3.skip:before, h4.skip:before, h5.skip:before, h6.skip:before,.h0:before{display:none}

/* 목록(List) */
ul.bu { margin: 0; padding: 2px 0 5px 0;}
ul.bu li {position: relative; margin: 0; padding: 0 0 0 10px; list-style: none;}
ul.bu ul li{padding-left:12px;}
ul.bu ul ul li{color:#515151; font-size:14px;}
ul.bu > li:before{position:absolute;left:0;top:10px;display:inline-block; content:"";width:3px;height:3px;background:#545454}
ul.bu ul li:before{position:absolute;left:0;top:10px;display:inline-block; content:"";width:7px;height:5px; background:url(/common/images/template.png) no-repeat -50px -254px}
ul.bu ul ul li:before{position:absolute;left:2px;top:11px;display:inline-block; content:"";width:2px;height:2px;background:#545454;}
ul.bu ul, ul.bu ul ul, ul.bu ul ul ul { margin: 0; padding: 0 0 5px 0;}

.blt {position:relative; margin: 0; padding: 2px 0 3px 10px;}
.blt:before{position:absolute;left:0;top:12px;display:inline-block; content:"";width:3px;height:3px;background:#545454}

ul.num {margin:0; padding:2px 0 5px 0;}
ul.num li{position:relative;margin:3px 0 6px; padding: 3px 0 0 40px; list-style: none; }
ul.num li .item{position:absolute;display:inline-block;left:0;top:2px;width:25px;height:25px;line-height:25px;border:1px solid #199f65;border-radius:50%;box-sizing:border-box;font-size:15px;font-weight:bold;color:#004e2c;text-align:center;}
ul.num li .item:before{position:absolute;left:26px;top:12px;display:inline-block; content:"";width:7px;height:1px;background:#199f65}
ul.num li ul.bu{padding-top:7px;}
ul.num li ul.bu li{margin:0; padding-left:10px; padding-top:0;}

ul.num.type2{}
ul.num.type2 li{padding:2px 0 1px 40px}
ul.num.type2 li .item{margin-top:0;width:25px;height:25px;background: url(/common/images/template.png) no-repeat left top;font-size:0;border:0;}
ul.num.type2 li.n1 .item{background-position:0 -151px}
ul.num.type2 li.n2 .item{background-position:-50px -151px}
ul.num.type2 li.n3 .item{background-position:-100px -151px}
ul.num.type2 li.n4 .item{background-position:-150px -151px}
ul.num.type2 li.n5 .item{background-position:-200px -151px}
ul.num.type2 li.n6 .item{background-position:-250px -151px}
ul.num.type2 li.n7 .item{background-position:-300px -151px}
ul.num.type2 li.n8 .item{background-position:-350px -151px}
ul.num.type2 li.n9 .item{background-position:-400px -151px}
ul.num.type2 li.n10 .item{background-position:-450px -151px}
ul.num.type2 li.n11 .item{background-position:0 -201px}
ul.num.type2 li.n12 .item{background-position:-50px -201px}
ul.num.type2 li.n13 .item{background-position:-100px -201px}
ul.num.type2 li.n14 .item{background-position:-150px -201px}
ul.num.type2 li.n15 .item{background-position:-200px -201px}
ul.num.type2 li.n16 .item{background-position:-250px -201px}
ul.num.type2 li.n17 .item{background-position:-300px -201px}
ul.num.type2 li.n18 .item{background-position:-350px -201px}
ul.num.type2 li.n19 .item{background-position:-400px -201px}
ul.num.type2 li.n20 .item{background-position:-450px -201px}


ol.num {margin:0; padding:2px 0 5px 24px;}
ol.num li {position:relative;margin: 8px 0; padding: 0 0 0 40px; list-style: none; }
ol.num li:before{position:absolute;left:0;color: #fff;text-align: center;letter-spacing: -1px;vertical-align: middle;}
ol.num > li{counter-increment:number;}
ol.num > li:before{position:absolute;left:0;top:0;z-index:11;display:inline-block;width:25px;height:25px;padding-right:7px;content:counter(number,decimal);font-size:16px;font-weight:bold;line-height:26px;color:#004e2c;text-align:center;overflow:hidden;background:url(/common/images/template.png) no-repeat -450px -238px}
ol.num > li li{padding-left: 12px}
ol.num ol li{margin:0; padding:0 0 0 12px;}
ol.num ul{padding:0}
ol.num ul li{margin:0; padding:0 0 0 12px;}
ol.num ol > li:before{position:absolute;left:0;top:10px;display:inline-block; content:"";width:3px;height:3px;background:#545454}

/* 테이블 서식 */
.table_unit{margin-top:-23px;font-size:15px; line-height:17px; text-align:right}
.table{width:100%;margin:22px 0 10px;}
.table thead tr:first-child th{border-top: 1px solid #191919; border-bottom:none; text-align:center;}
.table th, table.table td{padding:10px 10px 8px;border:1px solid #d9d9d9;vertical-align: middle;}
.table th:first-child, table.table td:first-child{border-left:none}
.table th:last-child, .table td:last-child{border-right:0;}
.table th.first, table.table td.first{border-left:1px solid #d9d9d9;}

.table thead th{color:#191919; font-weight:bold; font-size:1em; background:#f7f7f7;}
.table thead tr:nth-child(2) th{ text-align:center; border-bottom:none}
.table tbody th{font-weight:normal;border:1px solid #d9d9d9;color:#1c1c1c;background:#f7f7f7; text-align:center;}
.table tbody th:first-child{font-weight:normal;color:#1c1c1c;background:#f7f7f7;}
.table tfoot th, table.table tfoot td{font-weight:normal; background-color:#f7f7f7;}
.table td img{vertical-align:middle}
td ul, td li{text-align:left}
td ul.bu {margin:0;padding: 0;}
td .num {margin:0;padding: 0;}


.table.type2 tbody tr:first-child th, .table.type2 tbody tr:first-child td{border-top: 1px solid #191919;}
.table.type2 th, .table.type2 td{padding:10px 6px 8px;}
.table.type2 tbody th{color:#191919; font-weight:normal;background-color:#f7f7f7;}

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

/* 오버스크롤테이블(내용이 많아 가로값이 넘을경우) */
.over_scroll_table{overflow-x:auto; padding-bottom:10px;}
.over_scroll_table table{width:1000px;}


/* th, td컬러 */
.table thead th.th_c1 { background:#0f90a7; border-right:1px solid #0f90a7; color:#fff;}
.table thead th.th_c2 { background:#2283ba; border-right:1px solid #2283ba; color:#fff;}
.table thead th.th_c3 { background:#2a965a; border-right:1px solid #2a965a; color:#fff;}
.table thead th.th_c4 { background:#2a8586; border-right:1px solid #2a8586; color:#fff;}
.table thead th.th_c5 { background:#3e8da7; border-right:1px solid #3e8da7; color:#fff;}
.table thead th.th_c6 { background:#456987; border-right:1px solid #456987; color:#fff;}
.table thead th.th_c7 { background:#11787c; border-right:1px solid #11787c; color:#fff;}

.table tbody td.td_c1 { background:#f4faf7;}
.table tbody td.td_c2 { background:#fff;}
.table tbody td.td_c3 { background:#f5f6f8;}
.table tbody td.td_c4 { background:#fff;}
.table tbody td.td_c5 { background:#f4f9f9;}
.table tbody td.td_c6 { background:#fff;}
.table tbody td.td_c7 { background:#f6f7f9;}
.table tbody td.td_gray { background:#f8fcfe;}


.table tbody td.bd_r_none{border-right:none;}
.table tbody td.bd_l_none{border-left:none;}
.table tbody td.bd_t_none{border-top:none;}
.table tbody td.bd_b_none{border-bottom:none;}
.table tbody td.bd_r_in{border-right:1px solid #11787c; color:#fff;}
.table tbody td.bd_l_in{border-left:1px solid #11787c; color:#fff;}
.table tbody td.bd_t_in{border-top:1px solid #11787c; color:#fff;}
.table tbody td.bd_b_in{border-bottom:1px solid #11787c; color:#fff;}

.table thead th.bd_r_in{border-right:1px solid #d9d9d9; color:#fff;}
.table thead th.bd_l_in{border-left:1px solid #d9d9d9; color:#fff;}
.table thead th.bd_t_in{border-top:1px solid #d9d9d9; color:#fff;}
.table thead th.bd_b_in{border-bottom:1px solid #d9d9d9; color:#fff;}

.table thead th.bd_r_none{border-right:none;}
.table thead th.bd_l_none{border-left:none;}
.table thead th.bd_t_none{border-top:none;}
.table thead th.bd_b_none{border-bottom:none;}



/* 버튼 / 링크 / */
a.blank {display:inline-block;margin:0 2px; border-bottom:1px solid #686868;white-space: nowrap; }
a.blank.type2 {display:inline-block;margin:0 2px; border-bottom:none;white-space: nowrap; }
a.blank:after{content:"";display:inline-block;width:20px;height:14px;margin:0 5px;background: url(/common/images/template.png) no-repeat 0 -50px;vertical-align: middle}
a.down{display:inline-block;margin:0 2px;border-bottom:1px solid #686868;color: #222; white-space: nowrap; }
a.down:after{content:"";display:inline-block;width:17px;height:12px;margin:0 5px;background: url(/common/images/template.png) no-repeat 0 -104px;vertical-align: middle}

.btn{position: relative;display:inline-block;margin:0;height:auto;line-height:inherit;padding:9px 30px 9px;border:1px solid #0c623d;background:#0c623d;color:#fff;text-decoration: none;vertical-align: top;cursor: pointer;box-sizing: content-box; transition:all 200ms ease-in-out; filter:alpha(opacity=90);opacity: 0.9;}
.btn:hover{border:1px solid #414141;background:#fff;color:#2a2a2a !important;}
.btn:after{content:"";display:inline-block;vertical-align: middle;}
a.btn:visited,
a.btn:link{color:#fff}


.btn.small{font-size:13px; padding:3px 20px 3px;}

.btn.small2{border-radius: 30px;font-size:15px;padding:3px 20px 3px;background-color: #007788; border:1px solid #007788;}
.btn.small2:hover{background-color:#fff; color:#007788 !important;}

.btn.type2{border:1px solid #414141;background:#fff;color:#2a2a2a !important; transition:all 200ms ease-in-out; filter:alpha(opacity=90);opacity: 0.9;}
.btn.type2:hover{border:1px solid #f9dd4b;background:#f9dd4b;color:#2a2a2a !important;}
.btn.type3{border:1px solid #f9dd4b;background:#f9dd4b;color:#2a2a2a !important; transition:all 200ms ease-in-out; filter:alpha(opacity=90);opacity: 0.9;}
.btn.type3:hover{border:1px solid #0c623d;background:#0c623d;color:#fff !important;}

.btn.arrow{border:1px solid #0c623d;background:#0c623d;color:#fff;}
.btn.arrow:after{width:6px;height:10px;margin-left:8px;background: url(/common/images/template.png) no-repeat -152px -52px;vertical-align: middle}
.btn.arrow:hover{border:1px solid #414141;background:#fff;color:#2a2a2a;}
.btn.arrow:hover:after{background: url(/common/images/template.png) no-repeat -102px -52px;}
.btn.arrow.type2{border:1px solid #414141;background:#fff;color:#2a2a2a;}
.btn.arrow.type2:after{width:6px;height:10px;margin-left:8px;background: url(/common/images/template.png) no-repeat -102px -52px;vertical-align: middle}
.btn.arrow.type2:hover{border:1px solid #f9dd4b;background:#f9dd4b;color:#2a2a2a;}
.btn.arrow.type3{border:1px solid #f9dd4b;background:#f9dd4b;color:#2a2a2a;}
.btn.arrow.type3:after{width:6px;height:10px;margin-left:8px;background: url(/common/images/template.png) no-repeat -102px -52px;vertical-align: middle}
.btn.arrow.type3:hover{border:1px solid #0c623d;background:#0c623d;color:#fff;}
.btn.arrow.type3:hover:after{background: url(/common/images/template.png) no-repeat -152px -52px;}

.btn.download{border:1px solid #0c623d;background:#0c623d;color:#fff;}
.btn.download:after{width:17px;height:12px;margin-left:8px;background: url(/common/images/template.png) no-repeat -50px -104px;vertical-align: middle}
.btn.download:hover{border:1px solid #414141;background:#fff;color:#464646;}
.btn.download:hover:after{background: url(/common/images/template.png) no-repeat 0 -104px;}
.btn.download.type2{border:1px solid #414141;background:#fff;color:#464646;}
.btn.download.type2:after{width:17px;height:12px;margin-left:8px;background: url(/common/images/template.png) no-repeat 0 -104px;vertical-align: middle }
.btn.download.type2:hover{border:1px solid #f9dd4b;background:#f9dd4b;color:#464646;}
.btn.download.type3{border:1px solid #f9dd4b;background:#f9dd4b;color:#464646;}
.btn.download.type3:after{width:17px;height:12px;margin-left:8px;background: url(/common/images/template.png) no-repeat 0 -104px;vertical-align: middle }
.btn.download.type3:hover{border:1px solid #0c623d;background:#0c623d;color:#fff;}
.btn.download.type3:hover:after{background: url(/common/images/template.png) no-repeat -50px -104px;}

.btn.link{border:1px solid #0c623d;background:#0c623d;color:#fff;}
.btn.link:after{width:20px;height:14px;margin-left:8px;background: url(/common/images/template.png) no-repeat -50px -50px;vertical-align: middle}
.btn.link:hover{border:1px solid #414141;background:#fff;color:#464646;}
.btn.link:hover:after{background: url(/common/images/template.png) no-repeat 0 -50px;}
.btn.link.type2{border:1px solid #414141;background:#fff;color:#2a2a2a;}
.btn.link.type2:after{width:20px;height:14px;margin-left:8px;background: url(/common/images/template.png) no-repeat 0 -50px;vertical-align: middle}
.btn.link.type2:hover{border:1px solid #f9dd4b;background:#f9dd4b;color:#464646;}
.btn.link.type3{border:1px solid #f9dd4b;background:#f9dd4b;color:#2a2a2a;}
.btn.link.type3:after{width:20px;height:14px;margin-left:8px;background: url(/common/images/template.png) no-repeat 0 -50px;vertical-align: middle}
.btn.link.type3:hover{border:1px solid #0c623d;background:#0c623d;color:#fff;}
.btn.link.type3:hover:after{background: url(/common/images/template.png) no-repeat -50px -50px;}

/* 인터넷 원서접수 */
.temp_register a {font-size:17px;}
.temp_register .btn.link.type3{width:283px; height:52px; box-sizing:border-box; margin-right:7px;}
.temp_register .btn.link.type3:hover{background-color:#0c623d;}
.temp_register .btn.link.type3 .text{display:inline-block; position:relative; padding:5px 0 0 84px;}
.temp_register .btn.link.type3 .text01{display:inline-block; position:relative; padding:5px 0 0 34px;}
.temp_register .btn.link.type3 .text.jinhak:before{display:block; position:absolute; top:6px; left:2px; width:76px; height:23px; background:url('/site/ipsi/images/contents/btn_jinhak.png') no-repeat;}
.temp_register .btn.link.type3:hover .text.jinhak:before{background:url('/site/ipsi/images/contents/btn_jinhak_hover.png') no-repeat;}
.temp_register .btn.link.type3 .text.uway:before{display:block; position:absolute; top:1px; left:-6px; width:83px; height:25px; background:url('/site/ipsi/images/contents/btn_uway.png') no-repeat;}
.temp_register .btn.link.type3:hover .text.uway:before{background:url('/site/ipsi/images/contents/btn_uway_hover.png') no-repeat;}
.temp_register .btn.link.type3 .text01.okapply:before{display:block; position:absolute; top:1px; left:-6px; width:83px; height:25px; background:url('/site/ipsi/images/contents/btn_okapply.png') no-repeat;}
.temp_register .btn.link.type3:hover .text01.okapply:before{background:url('/site/ipsi/images/contents/btn_okapply_hover.png') no-repeat;}

@media only screen and (max-width:1000px){
    .temp_register .btn.link.type3:hover{border:1px solid #f9dd4b; background-color:#f9dd4b;}
    .temp_register .btn.link.type3:after{background:url('/common/images/template.png') no-repeat 0 -50px;}
    .temp_register .btn.link.type3 .text{color:#2a2a2a;}
    .temp_register .btn.link.type3:hover .text.jinhak:before{ background:url('/site/ipsi/images/contents/btn_jinhak.png') no-repeat;}
    .temp_register .btn.link.type3:hover .text.uway:before{background:url('/site/ipsi/images/contents/btn_uway.png') no-repeat;}
    .temp_register .btn.link.type3:hover .text01.okapply:before{background:url('/site/ipsi/images/contents/btn_okapply.png') no-repeat;}
}

@media only screen and (max-width:640px){
    .temp_register .btn.link.type3{width:100%; margin-bottom:10px; margin-right:0;}
}


/* 버튼2 */
.btn2{position: relative;display:inline-block;margin:0;height:auto;line-height:inherit; padding:6px 50px 4px 21px; border-top:1px solid #0c623d; border-bottom:1px solid #0c623d; border-left:1px solid #0c623d; background:#0c623d;color:#fff;text-decoration: none;vertical-align: top;cursor: pointer;box-sizing: content-box; transition:all 200ms ease-in-out; filter:alpha(opacity=90);opacity: 0.9;}
.btn2:hover{background:#fff;color:#2a2a2a !important;}
.btn2:after{content:"";display:inline-block;vertical-align: middle;}
a.btn2:visited,
a.btn2:link{color:#fff}

.btn2.download{background:#0c623d; color:#fff;}
.btn2.download:after{position:absolute;top: -1px;right:0;padding: 19px 16px 15px;margin-left:8px;background: #23845a url(/common/images/template.png) no-repeat -42px -92px;vertical-align: middle;}
.btn2.download:hover{border-top:1px solid #868686; border-bottom:1px solid #868686; border-left:1px solid #868686; background:#fff;color:#464646;}
.btn2.view {font-size:0; padding: 0 16px 10px; background: #03472a url(/common/images/template.png) no-repeat -140px -237px;}
.btn2.download.type2{background:#fff; color:#2a2a2a; border-top:1px solid #868686; border-right:1px solid #868686; border-bottom:1px solid #868686; border-left:1px solid #868686;}
.btn2.download.type2:after{position:absolute;top: -1px; right:0; padding: 19px 16px 13px;margin-left:8px; border-top:1px solid #868686; border-bottom:1px solid #868686; border-bottom:1px solid #868686; border-left:1px solid #868686; background: #f6f6f6 url(/common/images/template.png) no-repeat 7px -92px;vertical-align: middle;}
.btn2.download.type2:hover{border-top:1px solid #f9dd4b; border-bottom:1px solid #f9dd4b; border-left:1px solid #f9dd4b; background:#f9dd4b}
.btn2.view.type2 {font-size:0; padding: 0 16px 10px; border-top:1px solid #868686; border-right:1px solid #868686; border-bottom:1px solid #868686;  border-left:0; background: #f6f6f6 url(/common/images/template.png) no-repeat -347px -239px;}

.btn2.link.type2{background:#fff; color:#2a2a2a; border-top:1px solid #868686; border-right:1px solid #868686; border-bottom:1px solid #868686; border-left:1px solid #868686;}
.btn2.link.type2:after{position:absolute;top: -1px; right:0; padding: 19px 16px 13px;margin-left:8px; border-top:1px solid #868686; border-bottom:1px solid #868686; border-bottom:1px solid #868686; border-left:1px solid #868686; background: #f6f6f6 url(/common/images/template.png) no-repeat 7px -39px;vertical-align: middle;}
.btn2.link.type2:hover{border-top:1px solid #f9dd4b; border-bottom:1px solid #f9dd4b; border-left:1px solid #f9dd4b; background:#f9dd4b}

.btn2.view2.type2{font-size:inherit; padding:6px 50px 4px 21px; background:#fff; color:#2a2a2a; border-top:1px solid #868686; border-right:1px solid #868686; border-bottom:1px solid #868686; border-left:1px solid #868686;}
.btn2.view2.type2:after{position:absolute;top: -1px; right:0; padding: 19px 16px 13px;margin-left:8px; border-top:1px solid #868686; border-bottom:1px solid #868686; border-bottom:1px solid #868686; border-left:1px solid #868686; background: #f6f6f6 url(/common/images/template.png) no-repeat -347px -239px;;vertical-align: middle;}
.btn2.view2.type2:hover{border-top:1px solid #f9dd4b; border-bottom:1px solid #f9dd4b; border-left:1px solid #f9dd4b; background:#f9dd4b}


/* 선, 박스 */
.line { display: block; margin:10px 0; border-bottom : 1px solid #ccc; }
.dot{ display: block; margin:10px 0; border-bottom : 1px dotted #ccc; }
.dot2 {display: block; margin:10px 0; width:100%; height:1px; background:url(../images/template/temp_process_dotted1.png)repeat-x 0 0}
.dash{display: block; margin:10px 0; border-bottom : 1px dashed #ccc; }

.box{position:relative;background:#ededed;}
.box .box_wrap{padding:35px 40px;}
.box .box_wrap .title {margin-bottom:14px;font-weight:bold;font-size:19px;color:#292929;}

@media only screen and (max-width:640px){
    .box .box_wrap{padding:35px 30px;}
}

.box.type2{position:relative;border:solid 1px #e0e0e0;background:#fff;}
.box.type2:before{position:absolute;top:-1px;left:-1px;display:inline-block; content:"";width:90px;height:52px;border-top:solid 1px #0c623d;border-left:solid 1px #0c623d;}
.box.type2 .box_wrap{background:#fff}

.box.icon{position:relative; background:url(../images/template/temp_process_dotted1.png)repeat-x 0 top;}
.box.icon:after{display:inline-block; width:100%; height:1px; background:url(../images/template/temp_process_dotted1.png)repeat-x 0 bottom;}
.box.icon .box_wrap{position:relative; min-height:80px; padding:37px 38px 30px 178px;}
.box.icon .box_wrap:before{position:absolute; left:26px; top:30px; display:inline-block; width:110px; height:110px;  background-image:url('../images/template/box_icon.png'); background-position:center center; background-repeat:no-repeat; }
.box.icon .box_wrap .title{color:#005430}

.box.icon.type2{background:none; border:none !important;}
.box.icon.type2:before{display:none;}
.box.icon.type2:after{background:none;}
.box.icon.type2 .box_wrap{position:relative; min-height:80px;}

.box.icon.type3{background:none;}
.box.icon.type3:before{display:none;}
.box.icon.type3:after{display:none;}
.box.icon.type3 .box_wrap:before{display:none;}

@media only screen and (max-width:640px){
    .box.icon .box_wrap{padding:145px 30px 20px;}
    .box.icon .box_wrap:before{top:20px; left:calc(50% - 55px);}
}

/* box type3 */
.box.type3{position:relative;  border:solid 1px #e0e0e0; background:#f6f6f6; text-align:center; vertical-align:middle;}
.box.type3:before{position:absolute;top:-1px; left:-1px; display:inline-block; content:""; width:30px; height:40px; border-top:solid 1px #0c623d; border-left:solid 1px #0c623d;}
.box.type3:after{position:absolute; bottom:-1px; right:-1px; display:inline-block; content:""; width:30px; height:40px; border-bottom:solid 1px #0c623d; border-right:solid 1px #0c623d;}
.box.type3 .box_wrap{padding:22px 30px;}

.nobg{background: none}

/* temp_title2 */
.temp_title2{min-height:293px; padding:87px 30px 20px; box-sizing:border-box; background:url('/common/images/template/temp_title2_bg.jpg') center top; text-align:center;}
.temp_title2 h3{position:relative; display:inline-block; margin-bottom:38px; color:#fff; font-size:30px; font-weight:600; line-height:32px; text-align:center;}
.temp_title2 h3:before{display:block; position:absolute; top:-25px; left:-29px; width:22px; height:22px; background:url('/common/images/template/temp_title2_bg02.jpg');}
.temp_title2 h3:after{display:block; position:absolute; top:-38px; right:-100px; width:80px; height:81px; background:url('/common/images/template/temp_title2_bg03.jpg');}
.temp_title2 p{color:#fff; font-size:15px; line-height:22px;}

@media screen and (max-width:640px){
    .temp_title2{min-height:auto; padding:65px 30px 50px;}
    .temp_title2 br{display:none;}
    .temp_title2 h3:before, .temp_title2 h3:after{display:none;}
}

/* temp_title3 */
.temp_title3 .titbox{position:relative; height:259px; background-image:url('/site/www/images/contents/cts36_img.jpg'); background-position:left top; background-repeat:no-repeat;}
.temp_title3 .titbox:before{display:block; position:absolute; bottom:-44px; left:29px; width:3px; height:88px; background:#0c623d;}
.temp_title3 .titbox .textbox{position:absolute; bottom:-36px; right:0; width:316px; height:238px; box-sizing:border-box; background-color:#006c5d; background-image:url('/common/images/template/temp_title3_bg.png'); background-position:right 8px bottom; background-repeat:no-repeat; color:#fff; font-size:38px; text-align:center; line-height:238px;}
.temp_title3 .titbox .textbox:before{display:block; position:absolute; bottom:6px; left:-28px; width:68px; height:55px; background:url('/common/images/template/temp_title3_green.png');}
.temp_title3 .titbox .textbox strong{display:inline-block; vertical-align:middle; line-height:48px;}
.temp_title3 h4{margin-top:88px; color:#282828; font-size:34px; text-align:center; line-height:36px;}
.temp_title3 p{margin-top:28px;}

@media screen and (max-width:800px){
    .temp_title3 .titbox{height:auto; background-image:none !important;}
    .temp_title3 .titbox:before{display:none;}
    .temp_title3 .titbox .textbox{position:relative; width:auto; height:200px; line-height:200px;}
}

.photo_tempbox {font-size:0}
.photo_tempbox .listbox {display:inline-block; border:#d3d3d3 solid 1px; vertical-align:top}
.photo_tempbox .listbox .photo {display:block; padding:4px; line-height:0}
.photo_tempbox .listbox .textbox {display:block; padding:9px 4% 12px; line-height:20px; text-align:center; font-size:15px; color:#282828;}

/* 절차 */
.temp_process {border:#d3d3d3 solid 1px; background-color:#f9f9f9; margin:15px 0 20px; padding-left:48px; padding-right:48px}
.temp_process.type1 {padding-top:44px; padding-bottom:34px; text-align:center;}
.temp_process.type2 {padding-top:30px; padding-bottom:20px}
.temp_process ol li {position:relative; display:inline-block; box-sizing:border-box; border:solid 1px #d3d3d3; background-color:#fff}
.temp_process.type2 ol li {min-height:103px;}
.temp_process.type2 ol li li {min-height:auto;}
.temp_process ol li li {width:100% !important;}
.temp_process.divide2 ol li {width:46.6%; margin-bottom:10px; margin-left:calc(6.8% - 4px)}
.temp_process.divide3 ol li {width:28.8%; margin-bottom:10px; margin-left:calc(6.8% - 4px)}
.temp_process.divide4 ol li {width:22%; margin-bottom:10px; margin-left:calc(4% - 4px)}
.temp_process.divide5 ol li {width:17.6%; margin-bottom:10px; margin-left:calc(3% - 4px)}
.temp_process.divide6 ol li {width:14.5%; margin-bottom:10px; margin-left:calc(2.6% - 4px)}
.temp_process ol li:before {position:absolute; top:calc(50% - 6px); display:inline-block; width:13px; height:9px; background:url(../images/template/temp_process_arrow.png)no-repeat 0 0}
.temp_process ol li:first-child:before {display:none}
.temp_process.divide2 ol li:before {left:-8%}
.temp_process.divide3 ol li:before {left:-14%}
.temp_process.divide4 ol li:before {left:-11%}
.temp_process.divide5 ol li:before {left:-10.5%}
.temp_process.divide6 ol li:before {left:-11%}
.temp_process ol li .titbox {display:table; table-layout:fixed; width:100%;}
.temp_process.type2 ol li .titbox {border-bottom:none; font-size:1.12em; font-weight:600; background-color:#fff; color:#4d4d4d}
.temp_process.type2 ol li .titbox.alone {min-height:103px;}
.temp_process ol li .titbox.first {border-color:#26782c; background-color:#26782c; color:#fff}
.temp_process ol li .titbox.last {border-color:#006c5d; background-color:#006c5d; color:#fff}
.temp_process ol li .titbox p {display:table-cell; width:100%; text-align:center; vertical-align:middle}
.temp_process.type1 ol li .titbox p {height:61px}
.temp_process.type2 ol li .titbox p {height:45px}
.temp_process ol li:first-child {margin-left:0; border:none; color:#fff; background-color:#26782c}
.temp_process ol li:last-child {border:none; color:#fff; background-color:#006c5d}
.temp_process ol li li:last-child  {border:none; color: #373737; background-color:transparent;}
.temp_process ol li:last-child li:last-child  {border:none; color: #fff; background-color:transparent;}
.temp_process ol li .textbox .innerbox {position:relative; display:table; table-layout:fixed; width:calc(100% - 20px); height:61px; margin:0 10px; box-sizing:border-box;}
.temp_process ol li .textbox .innerbox:before {position:absolute; display:inline-block; top:0; left:20%; width:60%; height:1px;  background:url(../images/template/temp_process_dotted1.png)repeat-x 0 0}
.temp_process ol li:first-child  .textbox .innerbox:before {background:url(../images/template/temp_process_dotted2.png)repeat-x 0 0}
.temp_process ol li:last-child  .textbox .innerbox:before {background:url(../images/template/temp_process_dotted2.png)repeat-x 0 0}
.temp_process ol li .textbox .innerbox p {display:table-cell; width:100%; height:61px; text-align:center; vertical-align:middle}

.temp_process.type1 ol li .titbox.first a.blank,.temp_process.type1 ol li .titbox.last a.blank,
.temp_process.type1 ol li .titbox.first a.down,.temp_process.type1 ol li .titbox.last a.down{color:#fff;}
.temp_process.type1 ol li .titbox.first a.blank:after,.temp_process.type1 ol li .titbox.last a.blank:after{border-color:#fff; background-position: -111px -291px;}
.temp_process.type1 ol li .titbox.first a.down:after,.temp_process.type1 ol li .titbox.last a.down:after{border-color:#fff; background-position: -69px -291px;}

/* 절차2 */
.temp_process2 {width:70%; padding:0 15%;}
.temp_process2 ol li {position:relative; word-break:keep-all; float:left}
.temp_process2 ol li .titbox {display:table; table-layout:fixed; width:100%; box-sizing:border-box; border:solid 1px #d3d3d3; background-color:#fff}
.temp_process2 ol li .titbox p {display:table-cell; width:100%; text-align:center; vertical-align:middle}
.temp_process2 ol li .titbox.first {border-color:#26782c; background-color:#26782c; color:#fff}
.temp_process2 ol li .titbox.last {border-color:#006c5d; background-color:#006c5d; color:#fff}
.temp_process2.divide2 ol li:first-child {float:left; width:45%}
.temp_process2.divide2 ol li:nth-child(2) {float:right; width:45%; margin-left:6.8%}
.temp_process2.divide2 ol li:nth-child(3) {float:right; width:45%; margin-top:30px}
.temp_process2.divide2 ol li:nth-child(4) {float:left; width:45%; margin-top:30px; margin-right:5.8%}
.temp_process2.divide2 ol li:nth-child(5) {float:left; width:45%; margin-top:30px}
.temp_process2.divide2 ol li:nth-child(6) {float:right; width:45%; margin-top:30px; margin-left:5.8%}
.temp_process2.divide2 ol li:nth-child(7) {float:left; width:100%; margin-top:30px;}
.temp_process2.divide2 ol li:nth-child(2):before {left:-13%}
.temp_process2.divide2 ol li:nth-child(3):before {top:-36%}
.temp_process2.divide2 ol li:nth-child(4):before {right:-13%}
.temp_process2.divide2 ol li:nth-child(5):before {top:-36%}
.temp_process2.divide2 ol li:nth-child(6):before {left:-13%}
.temp_process2.divide2 ol li:nth-child(7):before {top:-36%}
.temp_process2 ol li:nth-child(2):before {position:absolute; top:calc(50% - 6px); display:inline-block; width:13px; height:9px; background:url(../images/template/temp_process_arrow.png)no-repeat 0 0}
.temp_process2 ol li:nth-child(3):before {position:absolute; left:calc(50% - 6px); display:inline-block; width:9px; height:13px; background:url(../images/template/temp_process_arrow_down.png)no-repeat 0 0}
.temp_process2 ol li:nth-child(4):before {position:absolute; top:calc(50% - 6px); right:0; display:inline-block; width:13px; height:9px; background:url(../images/template/temp_process_arrow_left.png)no-repeat 0 0}
.temp_process2 ol li:nth-child(5):before {position:absolute; left:calc(50% - 6px); display:inline-block; width:9px; height:13px; background:url(../images/template/temp_process_arrow_down.png)no-repeat 0 0}
.temp_process2 ol li:nth-child(6):before {position:absolute; top:calc(50% - 6px); right:0; display:inline-block; width:13px; height:9px; background:url(../images/template/temp_process_arrow.png)no-repeat 0 0}
.temp_process2 ol li:nth-child(7):before {position:absolute; right:22%; display:inline-block; width:9px; height:13px; background:url(../images/template/temp_process_arrow_down.png)no-repeat 0 0}
.temp_process2 ol li .titbox p {height:61px}


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

    .temp_process.divide2 ol li {width:100%; margin-left:0; margin-bottom:40px}
    .temp_process.divide3 ol li {width:100%; margin-left:0; margin-bottom:40px}
    .temp_process.divide4 ol li {width:100%; margin-left:0; margin-bottom:40px}
    .temp_process.divide5 ol li {width:100%; margin-left:0; margin-bottom:40px}
    .temp_process.divide6 ol li {width:100%; margin-left:0; margin-bottom:40px}
    .temp_process ol li:last-child {margin-bottom:0;}
    .temp_process ol li:before {position:absolute; top:-27px; display:inline-block; width:9px; height:13px; background:url(../images/template/temp_process_arrow_down.png)no-repeat 0 0}
    .temp_process.divide2 ol li:before {left:50%}
    .temp_process.divide3 ol li:before {left:50%}
    .temp_process.divide4 ol li:before {left:50%}
    .temp_process.divide5 ol li:before {left:50%}
    .temp_process.divide6 ol li:before {left:50%}

    .temp_process2 {width:90%; padding:0 5%;}
    .temp_process2.divide2 ol li:first-child {float:none; width:100%}
    .temp_process2.divide2 ol li:nth-child(2) {float:none; width:100%; margin-left:0; margin-top:30px;}
    .temp_process2.divide2 ol li:nth-child(3) {float:none; width:100%; margin-top:30px}
    .temp_process2.divide2 ol li:nth-child(4) {float:none; width:100%; margin-top:30px; margin-right:0}
    .temp_process2.divide2 ol li:nth-child(5) {float:none; width:100%; margin-top:30px}
    .temp_process2.divide2 ol li:nth-child(6) {float:none; width:100%; margin-top:30px; margin-left:0}
    .temp_process2.divide2 ol li:nth-child(7) {float:none; width:100%; margin-top:30px;}

    .temp_process2.divide2 ol li:nth-child(2):before {left:calc(50% - 6px); top:-36%}
    .temp_process2.divide2 ol li:nth-child(3):before {top:-36%}
    .temp_process2.divide2 ol li:nth-child(4):before {right:0; top:-36%}
    .temp_process2.divide2 ol li:nth-child(5):before {top:-36%}
    .temp_process2.divide2 ol li:nth-child(6):before {left:calc(50% - 6px); top:-36%}
    .temp_process2.divide2 ol li:nth-child(7):before {top:-36%}


    .temp_process2 ol li:nth-child(2):before {position:absolute; top:0; left:calc(50% - 6px); display:inline-block; width:9px; height:13px; background:url(../images/template/temp_process_arrow_down.png)no-repeat 0 0}
    .temp_process2 ol li:nth-child(3):before {position:absolute; left:calc(50% - 6px); display:inline-block; width:9px; height:13px; background:url(../images/template/temp_process_arrow_down.png)no-repeat 0 0}
    .temp_process2 ol li:nth-child(4):before {position:absolute; left:calc(50% - 6px); display:inline-block; width:9px; height:13px; background:url(../images/template/temp_process_arrow_down.png)no-repeat 0 0}
    .temp_process2 ol li:nth-child(5):before {position:absolute; left:calc(50% - 6px); display:inline-block; width:9px; height:13px; background:url(../images/template/temp_process_arrow_down.png)no-repeat 0 0}
    .temp_process2 ol li:nth-child(6):before {position:absolute; left:calc(50% - 6px); display:inline-block; width:9px; height:13px; background:url(../images/template/temp_process_arrow_down.png)no-repeat 0 0}
    .temp_process2 ol li:nth-child(7):before {position:absolute; left:calc(50% - 6px); display:inline-block; width:9px; height:13px; background:url(../images/template/temp_process_arrow_down.png)no-repeat 0 0}
}


/* 절차3 */
.temp_process2.divide3 {width:calc(100% - 10%); padding:5%; border:solid 1px #d3d3d3; background-color:#f6f6f6;}
.temp_process2.divide3 ol li:first-child {float:left; width:calc(100% / 3 - 4.4%);}
.temp_process2.divide3 ol li:nth-child(2) {float:left; width:calc(100% / 3 - 4.4%); margin-left:6.8%}
.temp_process2.divide3 ol li:nth-child(3) {float:right; width:calc(100% / 3 - 4.8%); margin-left:6.8%}
.temp_process2.divide3 ol li:nth-child(4) {float:right; width:calc(100% / 3 - 4.8%); margin-top:30px;}
.temp_process2.divide3 ol li:nth-child(5) {float:right; width:calc(100% / 3 - 4.4%); margin-top:30px; margin-right:6.8%}
.temp_process2.divide3 ol li:nth-child(6) {float:left; width:calc(100% / 3 - 4.4%); margin-top:30px; margin-right:6.8%}
.temp_process2.divide3 ol li:nth-child(7) {float:left; width:calc(100% / 3 - 4.4%); margin-top:30px;}
.temp_process2.divide3 ol li:nth-child(8) {float:left; width:calc(100% / 3 - 4.4%); margin-top:30px; margin-left:6.8%}
.temp_process2.divide3 ol li:nth-child(9) {float:right; width:calc(100% / 3 - 4.8%); margin-top:30px; margin-left:6.8%}
.temp_process2.divide3 ol li:nth-child(3):before {top:calc(50% - 6px); width:13px; height:9px; background:url(../images/template/temp_process_arrow.png)no-repeat 0 0}
.temp_process2.divide3 ol li:nth-child(4):before {left:calc(50% - 6px); display:inline-block; width:9px; height:13px; background:url(../images/template/temp_process_arrow_down.png)no-repeat 0 0}
.temp_process2.divide3 ol li:nth-child(5):before {top:calc(50% - 6px); right:0; display:inline-block; width:13px; height:9px; background:url(../images/template/temp_process_arrow_left.png)no-repeat 0 0}
.temp_process2.divide3 ol li:nth-child(6):before {top:calc(50% - 6px); right:0; display:inline-block; width:13px; height:9px; background:url(../images/template/temp_process_arrow_left.png)no-repeat 0 0}
.temp_process2.divide3 ol li:nth-child(8):before {position:absolute; top:calc(50% - 6px); display:inline-block; width:13px; height:9px; background:url(../images/template/temp_process_arrow.png)no-repeat 0 0}
.temp_process2.divide3 ol li:nth-child(9):before {position:absolute; top:calc(50% - 6px); display:inline-block; width:13px; height:9px; background:url(../images/template/temp_process_arrow.png)no-repeat 0 0}
.temp_process2.divide3 ol li:nth-child(2):before {left:-14%}
.temp_process2.divide3 ol li:nth-child(3):before {left:-14%}
.temp_process2.divide3 ol li:nth-child(4):before {top:-35%}
.temp_process2.divide3 ol li:nth-child(5):before {left:108%}
.temp_process2.divide3 ol li:nth-child(6):before {left:109%}
.temp_process2.divide3 ol li:nth-child(7):before {top:-36%; right:50%}
.temp_process2.divide3 ol li:nth-child(8):before {left:-14%}
.temp_process2.divide3 ol li:nth-child(9):before {left:-14%}

@media only screen and (max-width:640px){
    .temp_process2.divide3 ol li:first-child {float:left; width:100%;}
    .temp_process2.divide3 ol li:nth-child(2) {float:left; width:100%; margin-top:30px; margin-left:0}
    .temp_process2.divide3 ol li:nth-child(3) {float:right; width:100%; margin-top:30px; margin-left:0}
    .temp_process2.divide3 ol li:nth-child(4) {float:right; width:100%; margin-top:30px;}
    .temp_process2.divide3 ol li:nth-child(5) {float:right; width:100%; margin-top:30px; margin-right:0}
    .temp_process2.divide3 ol li:nth-child(6) {float:left; width:100%; margin-top:30px; margin-right:0}
    .temp_process2.divide3 ol li:nth-child(7) {float:left; width:100%; margin-top:30px;}
    .temp_process2.divide3 ol li:nth-child(8) {float:left; width:100%; margin-top:30px; margin-left:0}
    .temp_process2.divide3 ol li:nth-child(9) {float:right; width:100%; margin-top:30px; margin-left:0}

    .temp_process2.divide3 ol li:nth-child(3):before {width:9px; height:13px; background:url(../images/template/temp_process_arrow_down.png)no-repeat 0 0}
    .temp_process2.divide3 ol li:nth-child(5):before {width:9px; height:13px; background:url(../images/template/temp_process_arrow_down.png)no-repeat 0 0}
    .temp_process2.divide3 ol li:nth-child(6):before {width:9px; height:13px; background:url(../images/template/temp_process_arrow_down.png)no-repeat 0 0}
    .temp_process2.divide3 ol li:nth-child(8):before {width:9px; height:13px; background:url(../images/template/temp_process_arrow_down.png)no-repeat 0 0}
    .temp_process2.divide3 ol li:nth-child(9):before {width:9px; height:13px; background:url(../images/template/temp_process_arrow_down.png)no-repeat 0 0}

    .temp_process2.divide3 ol li:nth-child(2):before {left:50%; top:-35%}
    .temp_process2.divide3 ol li:nth-child(3):before {left:50%; top:-35%}
    .temp_process2.divide3 ol li:nth-child(4):before {left:50%; top:-35%}
    .temp_process2.divide3 ol li:nth-child(5):before {left:50%; top:-35%}
    .temp_process2.divide3 ol li:nth-child(6):before {left:50%; top:-35%}
    .temp_process2.divide3 ol li:nth-child(7):before {left:50%; top:-35%;}
    .temp_process2.divide3 ol li:nth-child(8):before {left:50%; top:-35%}
    .temp_process2.divide3 ol li:nth-child(9):before {left:50%; top:-35%}
}

.box_img {text-align:center; line-height:0;}
.box_img .inner {position:relative; display:inline-block; max-width:100%; line-height:0;}
.box_img .inner img{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 #0c623d;}
@media screen and (max-width:800px) {
    .box_img .img_zoom {display:inline-block;}
}

/* 타이틀 */
.temp_title {position:relative; min-height:276px; margin-bottom:30px; text-align:center; background:url(/common/images/template/cts153_bg.jpg) no-repeat center top;}
.temp_title:before {position:absolute; top:18px; right:3%; z-index:1; display:inline-block;  width:195px; height:151px; background:url(/common/images/template/temp_title_icon.png)no-repeat -90px 0;}
.temp_title h3 {display:inline-block; z-index:0; width:86%; min-height:62px; padding:50px 3% 5px; margin:138px 0 0 0; text-align:center; background-color:#fff;}
.temp_title h3:before {display:none;}
.temp_title h3 span {display:block; position:relative; font-size:30px; font-weight:600; color:#00532f;}
.temp_title h3 span:before{position:absolute; top:-5px; right:0; display:inline-block;  width:38px; height:38px; background:url(/common/images/template/temp_title_icon.png)no-repeat 0 0;}
.temp_title h3:after {position:absolute; bottom:-26px; left:50%; display:inline-block;  width:3px; height:26px; background-color:#282828;}

@media screen and (max-width:640px){
    .temp_title:before {display:none;}
    .temp_title h3 span:before{display:none;}
}

/* 사람소개 */
.temp_person {margin-bottom:20px}
.temp_person .person {position:relative; margin-bottom:20px; padding-top:22px; float:left; text-align:center; border:solid 1px #e0e0e0; box-sizing:border-box;}
.temp_person.divide3 .person{width:30.6%; margin-right:4.1%;}
.temp_person.divide3 .person:nth-child(3n){margin-right:0;}
.temp_person.divide4 .person{width:23.5%; margin-right:2%;}
.temp_person.divide4 .person:nth-child(4n){margin-right:0;}

.temp_person .person:before {position:absolute; top:-1px; left:-1px; display:inline-block;  width:47px; height:39px; border-top:solid 1px #0c623d; border-left:solid 1px #0c623d;}
.temp_person .person ul {text-align:left; background-color:#f6f6f6; margin-top:10px; padding:18px 4% 11px 7%;}
.temp_person .person .title img {padding:2px; border:solid 9px #e2e2e2;}
.temp_person .person .title p {font-size:20px; color:#363636;}

@media screen and (max-width:1200px){
    .temp_person .person ul {min-height:70px;}
}

@media screen and (max-width:1000px){
    .temp_person .person ul {min-height:auto;}
    .temp_person.divide3 .person{width:48%; margin-right:4%;}
    .temp_person.divide3 .person:nth-child(even){margin-right:0;}
    .temp_person.divide4 .person{width:48%; margin-right:4%;}
    .temp_person.divide4 .person:nth-child(even){margin-right:0;}
}

@media screen and (max-width:580px){
    .temp_person.divide3 .person {width:100%; margin-right:0;}
    .temp_person.divide4 .person {width:100%; margin-right:0;}
}



/* 강조 글자 */
.small { font-size: 0.92em;}
.large { font-size: 1.167em; letter-spacing: -1px; }
.large_italic{ font-size: 1.167em; letter-spacing: -1px; text-decoration:underline;font-style: italic;}
.underline {padding-bottom:1px;border-bottom:1px solid #888;}
.em_black {color:#000;}
.em_blue {color:#0041b7;}
.em_orange {color:#e25400;}
.em_red {color:#df0101;}
.em_green {color:#156d05;}
.em_purple {color:#8a56af;}
.em_point{color:#e8209f;}
.em_b_black {color:#000; font-weight:bold;}
.em_b_blue {color:#0041b7; font-weight:bold;}
.em_b_orange {color:#e25400; font-weight:bold;}
.em_b_red {color:#df0101; font-weight:bold;}
.em_b_green {color:#156d05; font-weight:bold;}
.em_b_purple {color:#8a56af; font-weight:bold;}
.em_b_point{color:#e8209f;font-weight:bold;}

/* 텍스트 정렬 */
.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}

/* 들여쓰기 */.indent {margin-left:25px;}
.indent10 { margin-left: 10px; }
.indent20 { margin-left: 20px; }
.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_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_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_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;}
.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;}


/* 텝메뉴 */
.tab_menu{padding-left:1px; margin:30px auto 35px;}
.tab_menu li{position:relative; z-index:10; float:left; width:25%; height:55px; margin:-1px 0 0 -1px; line-height:55px; border:solid 1px #d3d3d3; box-sizing:border-box; }
.tab_menu li a{display:block; width:98%; height:100%; padding:0 1%; font-size:17px; background-color:#f6f6f6; color:#4f4f4f; text-align:center; }
.tab_menu li a span{display:inline-block; line-height:18px;  vertical-align:middle;}
.tab_menu li.on,.tab_menu li.on:hover{z-index:11; border:none; background-color:#fff; }
.tab_menu li.on:before,.tab_menu li.on:hover:before{position:absolute; top:0; left:0; width:24px; height:53px; display:inline-block; border:solid 1px #0c623d; border-right:none;}
.tab_menu li.on:after,.tab_menu li.on:hover:after{position:absolute; top:0; right:0; width:24px; height:53px; display:inline-block; border:solid 1px #0c623d; border-left:none;}
.tab_menu li:hover{z-index:11; border:1px solid #333; background-color:#fff; }
.tab_menu li.on a,.tab_menu li a:hover,.tab_menu li a:focus,.tab_menu li:hover a{color:#333;}
.tab_menu li.on a{background-color:#fff; color:#0c623d; font-weight:600;}

.tab_menu li.actived,.tab_menu li.actived:hover{z-index:11; border:none; background-color:#fff; }
.tab_menu li.actived:before,.tab_menu li.actived:hover:before{position:absolute; top:0; left:0; width:24px; height:53px; display:inline-block; border:solid 1px #0c623d; border-right:none;}
.tab_menu li.actived:after,.tab_menu li.actived:hover:after{position:absolute; top:0; right:0; width:24px; height:53px; display:inline-block; border:solid 1px #0c623d; border-left:none;}
.tab_menu li.actived a,.tab_menu li a:hover,.tab_menu li a:focus,.tab_menu li:hover a{color:#333;}
.tab_menu li.actived a{background-color:#fff; color:#0c623d; font-weight:600;}

.tab_menu.divide3 li{width:33.33%}

.tab_menu.type2{padding-left:1px; margin:30px auto 35px; border-bottom:solid 1px #d3d3d3;}
.tab_menu.type2 li{position:relative; z-index:10; float:left; width:auto; height:55px; margin:-1px 0 0 -1px; line-height:55px; border:none; box-sizing:border-box; }
.tab_menu.type2 li:after{position:absolute; top:calc(50% - 7px); left:0; display:inline-block; width:1px; height:13px; background:#bebebe;}
.tab_menu.type2 li:first-child:after{background:none;}
.tab_menu.type2 li a{display:block; width:auto; height:100%; padding-left:20px; padding-right:20px; font-size:15px;color:#4f4f4f; text-align:left; background-color:rgba(0, 0, 0, 0)}
.tab_menu.type2 li a span{display:inline-block; line-height:18px;  vertical-align:middle;}
.tab_menu.type2 li.on,.tab_menu.type2 li.on:hover{z-index:11; border:none; background-color:transparent; }
.tab_menu.type2 li.on:before,.tab_menu.type2 li.on:hover:before{position:absolute; top:calc(50% - 6px); left:0; width:11px; height:11px; display:inline-block; margin:-1px 10px 0 20px; border:none; background: url(/common/images/template.png) no-repeat -199px -101px;}
.tab_menu.type2 li.on:after,.tab_menu.type2 li.on:hover:after{position:absolute; top:calc(50% - 7px); left:0; display:inline-block; width:1px; height:13px; border:none; background:#bebebe;}
.tab_menu.type2 li.on:first-child:after,.tab_menu.type2 li.on:first-child:hover:after{position:absolute; top:calc(50% - 7px); left:0; display:inline-block; width:1px; height:13px; border:none; background:none;}
.tab_menu.type2 li:hover{z-index:11; background-color:transparent; }
.tab_menu.type2 li:hover a {color:#00716c}
.tab_menu.type2 li.on a,.tab_menu.type2 li a:hover,.tab_menu.type2 li a:focus,.tab_menu.type2 li:hover a{color:#00716c;}
.tab_menu.type2 li.on a{color:#00716c; font-weight:600; padding:0 20px 0 40px;}

.tab_menu .tab_menu_wrap button {display:none;}

@media only screen and (max-width:800px){
    .tab_menu li{position:relative; z-index:10; float:left; width:50%; height:55px; margin:-1px 0 0 -1px; line-height:55px; border:solid 1px #d3d3d3; box-sizing:border-box;}
    .tab_menu li.on, .tab_menu li.on:hover{border:1px solid #0c623d; box-sizing:border-box;}
    .tab_menu li.on:before, .tab_menu li.on:hover:before, .tab_menu li.on:hover:after, .tab_menu li.on:after{display:none;}

    .tab_menu.type2{padding-left:1px; margin:30px auto 10px; border-bottom:0;}
    .tab_menu.type2 li{position:relative; z-index:10; float:left; width:50%; height:55px; border:solid 1px #d3d3d3; line-height:55px; box-sizing:border-box;}
    .tab_menu.type2 li:after, .tab_menu.type2 li:nth-child(odd):after, .tab_menu.type2 li:nth-child(4):after{display:none;}
    .tab_menu.type2 li.on, .tab_menu.type2 li.on:hover, .tab_menu.type2 li:hover{z-index:11; border:1px solid #0c623d; background-color:transparent;}
    .tab_menu.type2 li.on:after,.tab_menu.type2 li.on:hover:after{display:none;}
}

@media only screen and (max-width:500px){
    .tab_menu li, .tab_menu.divide3 li{float:left; width:100%; box-sizing:border-box;}
    .tab_menu.type2 li{float:none; width:100%;}

}

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

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

/* 정보아이콘 */
.temp_tel.small.type1{position:relative; padding-left:30px; font-size:17px; padding-bottom:10px;}
.temp_tel.small.type1:before{position:absolute; top:0; left:0; display:inline-block; width:24px; height:24px; background: url(/common/images/template.png) no-repeat 0 -295px}
.temp_fax.small.type1{position:relative; padding-left:30px; font-size:17px; padding-bottom:10px;}
.temp_fax.small.type1:before{position:absolute; top:0; left:0; width:24px; height:24px; display:inline-block; background:url(/common/images/template/temp_fax_icon.png) no-repeat;}
.temp_adress.small.type1{position:relative; padding-left:30px; font-size:17px; padding-bottom:10px;}
.temp_adress.small.type1:before{position:absolute; top:0; left:0; display:inline-block; width:24px; height:24px; background: url(/common/images/template.png) no-repeat 0 -349px}
.temp_time.small.type1{position:relative; padding-left:30px; font-size:17px;}
.temp_time.small.type1:before{position:absolute; top:0; left:0; display:inline-block; width:24px; height:24px; background: url(/common/images/template.png) no-repeat 0 -391px}


.temp_tel.big{position:relative; padding-top:3px; padding-left:34px; font-size:15px;}
.temp_tel.big:before{position:absolute; top:0; left:0; display:inline-block; width:29px; height:29px; background: url(/common/images/template.png) no-repeat -40px -293px}
.temp_adress.big{position:relative; padding-top:3px; padding-left:34px; font-size:15px;}
.temp_adress.big:before{position:absolute; top:0; left:0; display:inline-block; width:29px; height:29px; background: url(/common/images/template.png) no-repeat -190px -293px}
.temp_fax.big{position:relative; padding-top:3px; padding-left:34px; font-size:15px;}
.temp_fax.big:before{position:absolute; top:0; left:0; display:inline-block; width:29px; height:29px; background: url(/common/images/template.png) no-repeat -140px -293px}
.temp_home.big{position:relative; padding-top:3px; padding-left:34px; font-size:15px; text-decoration:underline;}
.temp_home.big:before{position:absolute; top:0; left:0; display:inline-block; width:29px; height:29px; background: url(/common/images/template.png) no-repeat -90px -293px}
.temp_home.big a{position:relative;}
.temp_home.big a:after{position:absolute; top:2px; right:-26px; display:inline-block; width:20px; height:14px; background: url(/common/images/template.png) no-repeat 0 -50px}
.temp_video.big a:after{position:absolute; top:183px; left:496px; display:inline-block; width:20px; height:14px; background: url(/common/images/template.png) no-repeat 0 -50px}

.temp_tel.type2.big:before{position:absolute; top:0; display:inline-block; width:29px; height:29px; background: url(/common/images/template.png) no-repeat -40px -343px}
.temp_adress.type2.big:before{position:absolute; top:0; display:inline-block; width:29px; height:29px; background: url(/common/images/template.png) no-repeat -190px -343px}
.temp_fax.type2.big:before{position:absolute; top:0; display:inline-block; width:29px; height:29px; background: url(/common/images/template.png) no-repeat -140px -343px}
.temp_home.type2.big:before{position:absolute; top:0; display:inline-block; width:29px; height:29px; background: url(/common/images/template.png) no-repeat -90px -343px}

.temp_tel.type3.big:before{position:absolute; top:0; display:inline-block; width:29px; height:29px; background: url(/common/images/template.png) no-repeat -240px -293px}
.temp_adress.type3.big:before{position:absolute; top:0; display:inline-block; width:29px; height:29px; background: url(/common/images/template.png) no-repeat -390px -293px}
.temp_fax.type3.big:before{position:absolute; top:0; display:inline-block; width:29px; height:29px; background: url(/common/images/template.png) no-repeat -340px -293px}
.temp_home.type3.big:before{position:absolute; top:0; display:inline-block; width:29px; height:29px; background: url(/common/images/template.png) no-repeat -290px -293px}
.temp_video.type3.big:before{position:absolute; top:172px; left:351px; display:inline-block; width:29px; height:29px; background: url(/common/images/template.png) no-repeat -437px -293px}
.temp_tel.type4.big:before{position:absolute; top:0; display:inline-block; width:29px; height:29px; background: url(/common/images/template.png) no-repeat -240px -343px}
.temp_adress.type4.big:before{position:absolute; top:0; display:inline-block; width:29px; height:29px; background: url(/common/images/template.png) no-repeat -390px -343px}
.temp_fax.type4.big:before{position:absolute; top:0; display:inline-block; width:29px; height:29px; background: url(/common/images/template.png) no-repeat -340px -343px}
.temp_home.type4.big:before{position:absolute; top:0; display:inline-block; width:29px; height:29px; background: url(/common/images/template.png) no-repeat -290px -343px}

/*학부학과 상담 아이콘 추가*/
.temp_consu.big{position:relative; padding-top:3px; padding-left:41px; font-size:15px;}
.temp_consu.big:before{position:absolute; top:0; left:0; display:inline-block; width:29px; height:29px; background: url(/common/images/consulting.png) no-repeat;}

/* 연혁 */
.temp_history{position:relative;margin-top:52px}
.temp_history .cell{position:relative;margin:30px 0;padding-left:187px}
.temp_history .cell h4{position:absolute;left:0;top:8px;z-index:80;width:144px;padding-left:28px;color:#0c623d;font-size:30px;font-weight:600;line-height:32px}
.temp_history .cell h4:before{display:block; position:absolute; top:6px; left:0; width:19px; height:19px; background:url('/common/images/template/temp_history_bg.png');}
.temp_history .cell ul.list{position:relative;}
.temp_history .cell ul.list li{position:relative;padding-left:70px;color:#474747;clear:both}
.temp_history .cell ul.list li li{padding:0}
.temp_history .cell ul.list li .date{display:inline-block;position:absolute;left:0;top:0;font-size:16px;font-weight:600;line-height:36px;color:#1d1c1c}
.temp_history .cell ul.list li .text{position:relative; padding-left:63px;line-height:36px;color:#4b4b4b;}
.temp_history .cell ul.list li .text:before{display:block; position:absolute; top:16px; left:47px; width:4px; height:2px; background:#b2b2b2;}

@media screen and (max-width:640px) {
    .temp_history .cell{padding-left:20px}
    .temp_history .cell h4 {position:relative;z-index:50;margin:0 0 20px -20px;padding-left:25px;background-position:left 0 !important}
    .temp_history .cell h4:after {left:0}
    .temp_history .cell ul.list {margin-left:0}
    .temp_history .cell ul.list li {padding-left:60px}
}

@media screen and (max-width:480px) {
    .temp_history .cell ul.list li{margin-bottom:15px; padding-left:0;}
    .temp_history .cell ul.list li .date{position:static; line-height:28px;}
    .temp_history .cell ul.list li .text{padding-left:13px; line-height:28px;}
    .temp_history .cell ul.list li .text:before{top:13px; left:0;}
}

.temp_history .cell.type2{padding-left:150px;}
.temp_history .cell.type2 ul.list{padding-top:5px;}
.temp_history .cell.type2 ul.list li{padding-left:0;}

@media screen and (max-width:640px) {
    .temp_history .cell.type2{padding-left:0;}
    .temp_history .cell.type2 ul.list li .text{padding-left:13px; line-height:28px;}
    .temp_history .cell.type2 ul.list li .text:before{top:13px; left:0;}
}

/* 센터소개 */
.temp_center{background-color:#ededed; padding:3%; box-sizing:border-box; text-align:center;}
.temp_center li{position:relative; width:calc(100% / 3); float:left;}
.temp_center li:after{position:absolute; display:inline-block; top:3px; left:0; width:1px; height:17px; background:url(/common/images/template/temp_box_line.png) repeat-y 0 0}
.temp_center li:first-child:after {background:none;}
.temp_center .temp_adress.small.type1:before {top:-3px}
.temp_center .temp_time.small.type1:before {top:-3px}
.temp_center .temp_tel.small.type1:before {top:-3px}
.temp_center .temp_fax.small.type1:before {top:-3px}

.temp_center.divide2 li{width:50%;}

@media screen and (max-width:670px) {
    .temp_center{text-align:left; width:100%; padding:20px;}
    .temp_center li {float:none; width:auto; margin:10px 0;}
    .temp_center li:after{display:none;}
    .temp_center.divide2 li{width:auto; text-align:left;}
}

/* 학부소개 */
.box_wrap1 {width:35.8%; float:left; padding:45px 30px 37px; box-sizing:border-box; background:#f6f6f6;}
.box_wrap2 {width:64.2%; float:left; padding:38px 0 0 30px; box-sizing:border-box;}
.box_wrap2 .title {padding-left:6px; margin-bottom:23px; font-size:19px; font-weight:bold; color:#282828;}
.box_wrap2 ul{margin-left:5px;}
.box_wrap2 ul li{width:37%; float:left; margin:9px 4% 9px 0; padding-left:0; color:#383838;}
.box_wrap2 ul li.temp_adress.big{padding-left:41px;}
.box_wrap2 ul li.temp_tel.big{padding-left:41px;}
.box_wrap2 ul li.temp_fax.big{padding-left:41px;}
.box_wrap2 ul li.temp_home.big{padding-left:41px; word-break:break-all;}
.box_wrap2 ul li.temp_video.big{padding-left:41px; word-break:break-all;}
.box_wrap2 ul li:nth-child(even){margin-right:0;}
.box_wrap2 ul li:nth-child(odd):after{position:absolute; display:inline-block; top:7px; right:0; width:1px; height:17px; background:url('/common/images/template/temp_box_line.png') repeat-y 0 0}

/*간호학과 디자인 수정 _200713*/
.box_wrap3 {width:53.8%; float:left; padding:20px 17px 13px; box-sizing:border-box; background:#f6f6f6;}
.box_wrap4 {width:44.2%;float:left;padding: 56px 0 0 22px;box-sizing:border-box;}
.box_wrap4 .title {padding-left:6px; margin-bottom:15px; font-size:19px; font-weight:bold; color:#282828; line-height: 26px;}
.box_wrap4 ul{margin-left:5px;margin-bottom:10px;}
.box_wrap4 ul li{width:36%; float:left; margin:9px 4% 9px 0; padding-left:0; color:#383838;}
.box_wrap4 ul li.temp_adress.big{padding-left:41px;}
.box_wrap4 ul li.temp_tel.big{padding-left:41px;}
.box_wrap4 ul li.temp_fax.big{padding-left:41px;}
.box_wrap4 ul li.temp_home.big{padding-left:41px; word-break:break-all;}
.box_wrap4 ul li.temp_video.big{padding-left:41px; word-break:break-all;}
.box_wrap4>ul>li:nth-child(even){margin-right:0;}
.box_wrap4>ul>li:nth-child(odd):after{position:absolute; display:inline-block; top:7px; right:0; width:1px; height:17px; background:url('/common/images/template/temp_box_line.png') repeat-y 0 0}




@media only screen and (max-width:1200px){
    .box_wrap1 {padding:88px 30px 88px;}
    .box_wrap2 {padding:25px 0 0 20px}
    .box_wrap2 .title {word-break:keep-all;}
    .box_wrap2 ul li {float:none; width:auto; margin:18px 20px 18px 6px;}
    .box_wrap2 ul li:nth-child(even){margin-right:20px;}
    .box_wrap2 ul li:after, .box_wrap2 ul li:nth-child(odd):after{display:block; position:absolute; top:38px; left:0; display:inline-block;  width:100%; height:1px; background:url('../images/template/temp_process_dotted1.png') repeat-x 0 0;}
    .box_wrap2 ul li:last-child:after{display:none;}
    .temp_home.big a:after{top:0;}

    .box_wrap3 {padding:104px 30px 88px;}
    .box_wrap4 {padding:30px 0 0 20px}
    .box_wrap4 .title {word-break:keep-all;}
    .box_wrap4>ul>li {float:none; width:auto; margin:18px 20px 18px 6px;}
    .box_wrap4>ul>li:nth-child(even){margin-right:20px;}
    .box_wrap4>ul>li:nth-child(odd):after{background:none;}
    .box_wrap4>ul>li:last-child:after{display:none;}

}

@media only screen and (max-width:800px){
    .box_wrap1{padding:88px 15px 88px;}
    .box_wrap3{float:none; width:100%; padding:30px; text-align:center;}
    .box_wrap4{float:none; width:100%; padding:25px 15px 0;}
}

@media only screen and (max-width:640px){
    .box_wrap1{float:none; width:100%; padding:30px; text-align:center;}
    .box_wrap2{float:none; width:100%; padding:25px 15px 0;}
}



/* 제목 옆 버튼 */
.temp_titbtn {position:relative;}
.temp_titbtn h3 {display:inline-block; float:left;}
.temp_titbtn h4 {display:inline-block; float:left;}
.temp_titbtn h5 {display:inline-block; float:left;}
.temp_titbtn a {display:inline-block; float:right;}

@media only screen and (max-width:640px){
    .temp_titbtn h3 {display:block; float:none;}
    .temp_titbtn h4 {display:block; float:none;}
    .temp_titbtn h5 {display:block; float:none;}
    .temp_titbtn a {display:inline-block; float:none; margin-top:20px;}
}


/* 시설소개 */
.temp_info {position:relative; padding:40px 0; background:url(/common/images/template/temp_process_dotted1.png)repeat-x 0 0}
.temp_info:before {display:inline-block; position:absolute; bottom:0; left:0; width:100%; height:1px;  background:url(/common/images/template/temp_process_dotted1.png)repeat-x 0 0}
.temp_info .area1 {width:calc(40% - 4%); float:left; padding:0 2%;}
.temp_info .area2 {width:calc(60% - 4%); float:left; padding:0 2%;}

@media screen and (max-width:640px){
    .temp_info .area1 {width:100%; padding:20px 0; text-align:center;}
    .temp_info .area2 {width:calc(100% - 4%); float:left; padding:0 2%;}
}

.subject_wrap h3{position:relative;}
.subject_wrap h3 a.btn_position_right{position:absolute; top:0; right:0; font-size:15px; font-weight:400; line-height:17px; letter-spacing:0;}
.subject_wrap .subject{position:relative; margin-top:20px; padding:20px 0; background: url(/common/images/template/temp_process_dotted1.png)repeat-x 0 top;}
.subject_wrap .subject:after{display:block; position:relative; margin-bottom:20px; padding-top:20px; width:100%; height:1px; background: url(/common/images/template/temp_process_dotted1.png)repeat-x 0 bottom;}
.subject_wrap .subject_con_wrap{position:relative; margin-top:60px;}
.subject_wrap .subject_con_wrap:before{display:inline-block; position:absolute; top:-30px; left:calc(50% - 10px); width:20px; height:6px; background:#f9d100;}
.subject_wrap .subject_con_wrap .photo_tempbox{display:block; float:left; width:30%; text-align:center;}
.subject_wrap .subject_con_wrap .subject_con{display:block; float:left; width:70%;}
.subject_wrap .subject_con_wrap .subject_con ul li p{font-weight:600;}

.subject_wrap.type2 .subject_con_wrap:before{background:#005e59;}

@media only screen and (max-width:800px){
    .subject_wrap h3 a.btn_position_right{display:table; position:static; margin-top:15px;}
    .subject_wrap .subject_con_wrap .photo_tempbox{width:30%;}
    .subject_wrap .subject_con_wrap .subject_con{width:66%; margin-left:4%;}
}

@media only screen and (max-width:510px){
    .subject_wrap h3 span{display:table; padding:10px 0 0 0; margin-left:0 !important;}

    .subject_wrap .subject_con_wrap .photo_tempbox{float:none; width:100%}
    .subject_wrap .subject_con_wrap .subject_con{float:none; width:100%; margin-left:0; margin-top:20px;}
}

/* pdf */
.box_div{margin-top:30px; text-align:center;}

/* 경고 */
.warning {position:relative; padding-left:27px; margin-top:10px; font-size:15px; line-height:17px;}
.warning:before {display:block; position:absolute; top:0; left:0; width:18px; height:18px; background:url(/common/images/template.png) no-repeat -250px -250px;}