@charset "UTF-8";

/* 영문/숫자 폰트 Lato 사용은 얘기 나오면 협의 */
/* 탭메뉴 공통*/
.tab + .tab{margin-top:45px;}
.tab .tab_content{display:none; margin-top:20px; font-size:16px; text-align:left; line-height:18px;}
.tab .tab_content.active{display:block;}
/*.tab a.tab_button[target="_blank"]:after{display:inline-block; position:relative; width:15px; height:15px; margin-left:5px; background:url('/site/public/images/sub/tab_blank.png') no-repeat center; vertical-align:middle;}*/
@media all and (max-width:640px){
    .tab .tab_select{display:block; position:relative; width:100%; margin-top:20px; padding:12px 30px 12px 20px; background-color:#0f3977; color:#fff; font-size:14px; text-align:left; line-height:16px;}
}

/* 탭메뉴 4차 */
.tab.type1{font-size:0; line-height:0;}
.tab.type1 .tab_select{display:none;}
.tab.type1 .tab_list{position:relative; padding-top:1px;}
.tab.type1 .tab_list:before{display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #bfc5cd; background-color:#f7f7f9; box-sizing:border-box;}
.tab.type1 .tab_item{display:inline-block; position:relative; width:calc(25% + 1px); margin-top:-1px; margin-left:-1px; border:1px solid #bfc5cd; text-align:center; vertical-align:top; box-sizing:border-box;transition-property:border-color,box-shadow;transition-duration:0.25s;transition-timing-function:linear;}
.tab.type1 .tab_item:hover{z-index:1; border-color:#878a95;}
.tab.type1 .tab_button{overflow:hidden; width:100%; height:58px; padding:5px 15px; background-color:#fff; color:#5c6065; font-size:16px; line-height:24px; letter-spacing:-0.025em; font-weight:400; transition-property:border-color, background-color, color;transition-duration:.25s;transition-timing-function:ease-in-out;/*word-break:keep-all*/}
.tab.type1 .tab_button:before{display:inline-block; height:100%; content:''; vertical-align:middle;}
.tab.type1 .tab_button:hover{border-color:#878a95; background-color:#878a95; color:#fff;}
.tab.type1 .tab_button span{display:inline-block; vertical-align:middle;}
.tab.type1 .tab_item.active{z-index:2; border-color:#437bd7;}
.tab.type1 .tab_item.active .tab_button{position:relative; background-color:#437bd7; color:#fff;}
@media all and (max-width:640px){
    .tab.type1 .tab_select{display:block; margin-top:0;}
    .tab.type1 .tab_list{display:none;}
    .tab.type1 .tab_item{width:100%; margin-left:0; padding:0; background-color:#001f4c; text-align:left;}
    .tab.type1 .tab_button{height:auto; padding:12px 30px 12px 20px; font-size:14px; text-align:left; line-height:16px;}
    .tab.type1 .tab_button:hover{color:#fff;}
    .tab.type1.active .tab_list{display:block; margin-top:-1px;}
    .tab.type1 .tab_item.active{background-color:#0f3977; box-shadow:none;}
    .tab.type1 .tab_item.active:before{display:none;}
    .tab.type1 .tab_item.active .tab_button span:after{display:none;}
}

/* 제목 */
.h0{margin:0; padding:0;}
.h0:before{display:none;}
h3,h4,h5,h6{position:relative;}
h3:before,h4:before,h5:before{display:block; position:absolute;}
h3:first-child{margin-top: 0;}
h3{margin-top:60px; margin-bottom:20px; color:#222222; font-size:32px; font-weight:600; line-height:36px; letter-spacing:-0.025em;}
h3 span{display:inline; position:relative; padding-right:15px;}
h3 span:before{display:block; position:absolute; right:0; bottom:7px; width:10px; height:10px; border-radius:50%; background-color:#005d4f;}
h3 .sub_title, .h3 .sub_title{margin-left:12px; font-size:18px; font-weight:200; color:#777;}
h3 .sub_title:before, .h3 .sub_title:before{display: none;}
h4{margin-top:20px; margin-bottom:20px; color:#1f79f3; font-size:24px; font-weight:500; line-height:30px; letter-spacing:-0.025em;}
h5{margin-top:20px; margin-bottom:20px; padding-left:20px; color:#0a1646; font-size:20px; font-weight:500; line-height:30px; letter-spacing:-0.025em;}
h5:before{top:11px; left:0; width:16px; height:11px; background-image:url("/site/public/images/sprite/template_sprite.png"); background-position: -8px -8px;}
@media all and (max-width:640px){
    h3{margin-top:20px; margin-bottom:18px; font-size:22px; line-height:34px;}
    h3 span{padding-right:5px;}
    h3 span:before{left:100%; width:6px; height:6px;}
    h4{margin-top:18px; margin-bottom:18px; font-size:19px; line-height:28px;}
    h5{margin-top:18px; margin-bottom:18px; padding-left:18px; font-size:17px; line-height:28px;}

}
/*앵커박스*/
.anchor_cont{margin-top: 60px;}
@media all and (max-width: 640px) {
    .anchor_cont{margin-top: 20px;}
}

/* 비순차 목록(기본) */
.bu{font-size:0; text-align:left; line-height:0;}
.bu li{position:relative; margin-top: 4px; padding-left:15px; color:#444; font-size:16px; line-height:23px; letter-spacing:-0.025em;}
.bu li + li{margin-top: 7px;}
.bu li:before{display:block; position:absolute; left:0;}
.bu > li:before{top:9px; left:1px; width:7px; height:7px; border-radius:50%; background-color:#005d4f;}
.bu ul{margin-top:5px;}
.bu ul li{padding-left:11px; margin-top: 0; font-size:15px; line-height:24px;}
.bu ul li:before{top:12px; left:1px; width:4px; height:4px; border-radius:50%; background-color:#0a1646;}
.bu ul ul{margin-top:4px;}
.bu ul ul li{padding-left:12px;}
.bu ul ul li:before{top:11px; left: 1px; width:5px; height:2px; background-color:#a6abb3;}
@media all and (max-width:640px){
    .bu li{font-size:14px; line-height:24px;}
    .bu li:before{top:9px;}
    .bu ul li{font-size:13px; line-height:22px;}
    .bu ul li:before{top:8px;}
    .bu li + li{margin-top: 2px;}
    .bu ul ul li{font-size:13px; line-height:22px;}
}

/* 비순차 목록(type2) */
.bu.type2 li{position:relative; margin-top:7px; padding-left:10px; color:#444; font-size:15px; line-height:18px; letter-spacing:-0.025em;}
.bu.type2 li:before{display:block; position:absolute; left:0;}
.bu.type2 > li:before{top:8px; width:4px; height:4px; border-radius:50%; background-color:#292e42;}
@media all and (max-width:640px){
    .bu.type2 li{margin-top:3px; font-size:14px; line-height:24px;}
    .bu.type2 > li:before{top:10px;}
}


/* 비순차 목록(타이틀) */
.dl li > span{font-size:16px; line-height:23px; letter-spacing:-0.025em;}
.dl .dt{display:inline; color:#005d4f;}
.dl .dd{display:inline; position:relative; padding-left:7px; color:#444;}
.dl .dd:before{display:block; position:absolute; top:-1px; left:0; content:':'; line-height:24px; color: #005d4f;}
@media all and (max-width:640px){
    .dl li:before{top:10px;}
}
/* 순차 목록 */
.num{counter-reset:index;}
.num li{position:relative; padding-left:30px; color:#444; font-size:16px; line-height:23px; letter-spacing:-0.025em;word-break:keep-all;}
.num li:before{display:block; position:absolute; top:0; left:0; width:23px; border:1px solid rgba(31,121,243,0.4); border-radius:3px; background-color:#fff; color:#1f79f3; font-family:'OpenSans'; font-size:14px; font-weight:400; text-align:center; line-height:21px; box-sizing:border-box;letter-spacing:-0.025em;}
.num > li:before{content:counter(index); counter-increment:index;}
.num > li + li{margin-top:7px;}
.num ul{margin-top:14px; counter-reset:index;}
.num ul > li{padding-left:28px; font-size:15px; line-height:21px;}
.num ul > li:before{width:21px; border-color:transparent; border-radius:50%; background-color:#eef0f3; font-size: 13px; color:#2e3b65; line-height:19px;}
.num ul > li + li{margin-top:4px;}
.num ul ul{margin-top:15px;}
.num ul ul li{}
.num ul ul li:before{border-color:rgba(41,46,66,0.25); background-color:transparent; color:#555; font-size:12px;}
.num .bu ul li:before{top:9px; width:3px; height:3px; background-color:#666;}
.num.none > li{padding-left:30px;}
.num.none > li:before{display:none;}
.num.none li span{position:absolute; top:0; left:0; width:23px; border:1px solid rgba(31,121,243,0.4); border-radius:3px; color:#1f79f3; font-size:14px; text-align:center; line-height:21px; box-sizing:border-box;letter-spacing:-0.025em;}
.num.none ul li span{width:21px; border-color:transparent; border-radius:50%; background-color:#eef0f3; font-size: 13px; color:#0f3977; line-height:19px;}
.num.none ul ul li span{border-color:rgba(41,46,66,0.25); background-color:transparent; color:#555; font-size:12px;}
@media all and (max-width:640px){
    .dl li span{font-size:14px; line-height:24px;}
    .num li{padding-left:28px; font-size:13px; line-height:24px;}
    .num li:before{top:2px; width:21px; font-size:13px; line-height:15px;}
    .num ul li:before{top:2px;}
    .num.none li span{top:2px; width:21px; font-size:13px; line-height:15px;}
}

/* 순차비순차 혼합 */
.num .bu{counter-reset:unset;}
.num .bu li:before{top:14px; width:8px; height:2px; padding-top:0; padding-bottom:0; border:none; border-radius:unset; background-color:#0f3977; content:'';}
@media all and (max-width:640px){
    .num .bu li{padding-left:15px;}
    .num .bu li:before{left:0;}
}

/* 주의, 경고 */
ul li .caution{margin-top: 0; margin-bottom: 8px;}
.caution{position:relative; margin-top:15px; padding-left:23px; color:#ec465e; font-size:15px; line-height:25px; letter-spacing:-0.025em;}
.caution .caution_icon{position:absolute; top:3px; left:0; width:19px; height:19px; color:transparent; font-size:0; line-height:0;}
.caution .caution_icon:before{display:inline-block; position:absolute; top:0; left:0; width:19px; height:19px;
    background-image:url('/site/public/images/sprite/template_sprite.png'); background-repeat:no-repeat; background-position:-8px -35px; }
.caution.type1{color:#ec465e;}
.caution.type1 .caution_icon{background-position:left top;}
.caution.type2{padding-left:25px; color:#303b49;}
.caution.type2 .caution_icon{background-position:left 100%;}
.caution.type2 .caution_icon:before{width: 20px; height: 17px; background-position: -8px -70px;}
.dot_box .caution{margin-top:0;}
.dot_box.caution_box{position: relative; margin-top: 15px; padding: 17px 18px; background-repeat: repeat-x, repeat-y; background-position:left bottom, right top, left top, left top;
    background-image: url("/site/public/images/template/dot_box_top.png"), url("/site/public/images/template/dot_box_right.png"), url("/site/public/images/template/dot_box_top.png"), url("/site/public/images/template/dot_box_right.png");}
.dot_box.caution_box .title{margin-bottom: 5px;}
.dot_box.caution_box .text{font-size: 15px; line-height: 23px; letter-spacing: -0.025em; color: #444444;}

@media all and (max-width:640px){
    .caution{padding-left:24px; font-size:13px; line-height:18px;}
    .caution .caution_icon{top:0;}
    .dot_box.caution_box .text{font-size: 14px; line-height: 22px;}
}

/* 단락 구분선 */
.temp_line{display: block; position: relative; width: 100%; height: 1px;}
.temp_line.vertical{display: inline-block; width: 1px; height: 80px;}
.temp_line.type1{background-repeat: repeat-x; background-position: left top; background-image: url("/site/public/images/sprite/pattern01.png");}
.temp_line.type2{background-color:#e9ecf0;}
.temp_line.type1.vertical{background-repeat: repeat-y; background-image: url("/site/public/images/sprite/pattern02.png");}


/* 테이블 */
.table.fixed{table-layout:fixed;}
.table.break td,.table.break th{word-break:break-all;}
h3 + .table_wrap{margin-top: 23px;}
h4 + .table_wrap{margin-top: 16px;}

.table{width:100%; border-top:2px solid #0a1646; border-bottom:1px solid #7c8091; background-color:#fff; text-align:center;}
.table.vertical{border-bottom-color: #a2a6b4;}
.table td,.table th{border-width:0; border-style:solid;}
.table th{height:59px; /*padding:10px;*/ color:#0a1646; font-size:16px; font-weight:400; line-height:22px; letter-spacing:-0.025em; /*word-break:keep-all;*/}
.table td{height:46px; padding:10px; border-top-width:1px; border-left-width:1px; border-color:#cfd2dc; color:#000; font-size:16px; line-height:21px; letter-spacing:-0.025em;}
/*.table td:first-child{border-left:none;}*/

.table thead th{border:1px solid #b4b8c6; border-bottom-color: #7c8091;}
.table thead th:first-child{border-left: none;}
.table thead th:last-child{border-right: none;}
.table thead th + th{border-left:1px solid #b4b8c6; }
.table thead tr+tr th{position:relative; height:44px; border-left-width:1px;}


.table tbody th{border-top-width:1px; border-color:#cfd2dc;}
.table.vertical tbody th{border-top-width:1px; border-color:#b4b8c6;}
.table tbody th+td{border-left-color:#cfd2dc;}
.table.vertical tbody th+td{border-left-color:#a2a6b4;}
.table tbody th+th{border-left:1px solid #d5d5d5;}
.table tbody tr th.except{border-left:1px solid #d5d5d5;}
.table.type2 tbody td{padding:10px 20px; text-align:left;}
.table_wrap .caution{margin-top: 0; padding-left:0; text-align:right;}
.table_wrap .caution .caution_icon{position:relative; vertical-align:top;}
.table_wrap .caution + .table_scroll .table{margin-top:11px;}
.table_wrap .caution + .table{margin-top:10px;}

.table .bu > li, .table .num > li{color:#131313; font-size:15px;}
.table td.td_left,.table th.td_left{border-left:1px solid #cfd2dc;}
.table td.td_top,.table th.td_top{border-top:1px solid #cfd2dc;}
.table td.td_b_left,.table th.td_b_left{border-left:1px solid #cfd2dc;}



/* thead에 tr이 두 개 이상일 때 */
.table.tr_over thead th{border-bottom:none;}
.table.tr_over tbody tr:first-child th,
.table.tr_over tbody tr:first-child td{border-top:1px solid #7c8091;}
/*.table.tr_over caption + thead tr:first-child th,
.table.tr_over caption + thead tr:first-child td,
.table.tr_over colgroup + thead tr:first-child th,
.table.tr_over colgroup + thead tr:first-child td,
.table.tr_over caption + tbody tr:first-child th,
.table.tr_over caption + tbody tr:first-child td,
.table.tr_over colgroup + tbody tr:first-child th{font-size:15px;font-weight: 600;color:#575c70;}*/


@media all and (max-width:640px){
    .table th{height:43px; font-size:14px;}
    .table td{height:42px; font-size:14px;}
    .table thead tr+tr th:last-child{padding:10px;}
    .table thead tr+tr th:last-child:before{min-height:43px;}
    .table .bu > li, .table .num > li{font-size:14px;}
}

/* 스크롤 테이블 */
@media all and (max-width:1000px){
    .table_scroll.bigsize{position:relative; max-width:100%; overflow-x:auto;}
    .table_scroll.bigsize table{min-width:1000px;}
}
@media all and (max-width:800px){
    .table_scroll{position:relative; max-width:100%; overflow-x:auto;}
    .table_scroll table{min-width:800px;}
}

/* 반응형 테이블 */
@media all and (max-width:640px){
    .table.responsive colgroup,.table.responsive thead{display:none;}
    .table.responsive tbody tr{display:block; position:relative; padding-top:10px; padding-bottom:10px;}
    .table.responsive tbody tr:after{display:block; visibility:hidden; clear:both; height:0; content:".";}
    .table.responsive tbody tr+tr{border-top:1px solid #d5d5d5;}
    .table.responsive tbody td,.table.responsive tbody th{display:block; width:100%; height:auto; padding:4px 3%; border:none; background-color:transparent; text-align:left; vertical-align:top;}
    .table.responsive tbody th{color:#131313;}
    .table.responsive tbody td:before,.table.responsive tbody th:before{display:inline; content:attr(data-content) " :"; font-weight:500;}
    .table.responsive tfoot tr{display:block; position:relative; padding-top:10px; padding-bottom:10px;}
    .table.responsive tfoot tr:after{display:block; visibility:hidden; clear:both; height:0; content:".";}
    .table.responsive tfoot tr:nth-child(odd){background:#f7f7f7;}
    .table.responsive tfoot tr+tr{border-top:1px solid #d5d5d5;}
    .table.responsive tfoot td,.table.responsive tfoot th{display:block; width:100%; height:auto; padding:4px 3%; border:none; background-color:transparent; text-align:left; vertical-align:top;}
    .table.responsive tfoot th{color:#131313;}
    .table.responsive tfoot td:before,.table.responsive tfoot th:before{display:inline; content:attr(data-content) " :";}
}

/* 버튼 */
.btn{position:relative; min-width:170px; height:45px; padding:10px 10px 11px; border:1px solid #0a1646; border-radius:3px; background-color:#fff; color:#0a1646; font-size:16px; text-align:center; line-height:22px; vertical-align:top; letter-spacing:-0.025em; }
.btn.type2{border-color:#e7ebef; background-color:#e7ebef;}
.btn.type3{border-color:#437bd7; background-color:#437bd7; color: #fff;}
.btn:active,.btn:link,.btn:visited{color:#0a1646;}
.btn.type3:active,.btn.type3:link,.btn.type3:visited{color:#fff;}
.btn.link:after,.btn.down:after,
.btn.blank:after,.btn.view:after,.btn.print:after{display:inline-block; position:relative; margin-left:8px; background-image:url('/site/public/images/sprite/template_sprite.png'); vertical-align:top;}
.btn.icon{min-width:124px;}
.btn.icon:after{margin-left:10px;}
.btn.small{min-width:144px; height:35px; padding-top:7px; padding-bottom:7px; font-size:14px; line-height:18px;}
.btn.icon.small{min-width:107px;}
.btn.down:after{top:6px; width:16px; height:11px; background-position:-8px -103px;}
.btn.blank:after{top:5px; width:12px; height:12px; background-position:-8px -130px;}
.btn.link:after{top:8px; width:14px; height:8px; background-position:-8px -158px;}
.btn.view:after{top:4px; width:16px; height:15px; background-position:-8px -182px;}
.btn.print:after{top:4px; width:14px; height:15px; background-position:-8px -213px;}
.btn.down.small:after{top:5px;}
.btn.blank.small:after{top:4px;}
.btn.link.small:after{top:6px;}
.btn.view.small:after{top:3px;}
.btn.print.small:after{top:3px;}


.btn:hover{background-color:#0a1646; color: #fff;}
.btn.type2:hover{border-color:#0a1646; background-color:#0a1646;}
.btn.type3:hover{border-color:#0a1646; background-color:#0a1646;}
.btn.icon:hover{border-color:#437bd7; background-color:#437bd7;}
.btn.down:hover:after{background-position:-8px -244px;}
.btn.blank:hover:after{background-position:-8px -271px;}
.btn.link:hover:after{background-position:-8px -299px;}
.btn.view:hover:after{background-position:-8px -323px;}
.btn.print:hover:after{background-position:-8px -354px;}

@media all and (max-width:640px){
    .btn{min-width:150px; font-size:15px; line-height:22px;}
    .btn.small{min-width:125px;}
    .btn.icon{min-width:104px; height:auto;}
    .btn.icon.small{min-width:87px;}

    .btn.icon.small:after{transform: scale(0.95);}
}

/* 버튼(본문용) */
.btn_text{position:relative; padding-top:1px; padding-bottom:2px; padding-right:17px; color:#0a1646; font-size:16px; text-decoration:underline; line-height:17px; letter-spacing:-0.025em;}
.btn_text:active,.btn_text:link,.btn_text:visited{color:#0a1646;}
.btn_text:before{display:block; position:absolute; top:5px; right:1px; background-image:url('/site/public/images/sprite/template_sprite.png');}
.btn_text:after{display:block; position:absolute; right:0; bottom:0; width:100%; height:1px; background-color:#0a1646;}
.btn_text.text{display:inline-block; padding-top:0; padding-bottom:0; line-height:20px;}
.btn_text.blank:before{width:12px; height:12px; background-position:-8px -130px;}
.btn_text.down:before{width:16px; height:11px; background-position:-8px -103px;}
@media all and (max-width:640px){
    .btn_text{font-size:14px;}
}
.box.btn_box{padding:26px; border:none; border-radius:0; background-color:rgba(238, 239, 243, 0.5); font-size: 0; line-height: 0; text-align: center;}
.box.btn_box:before{display: none;}
.box.btn_box .btn + .btn{margin-left: 10px;}

/* 박스디자인(기본) */
.box{position: relative; padding:30px 35px 30px 130px; border:3px solid #f4fbfe;  border-radius: 6px; background-color: #f4fbfe;}
.box:before{display: block; position: absolute; top:27px; left: 31px; width: 63px; height: 60px; background-image: url("/site/public/images/template/box_icon01.png"); background-repeat: no-repeat;}
.box h3.box_title{margin-top:0; margin-bottom:5px; font-size: 20px; line-height: 26px; letter-spacing: -0.025em; font-weight: 500; color: #0a1646;}
.box .box_text{position:relative; line-height: 25px; color: #303b49; }
.box .btn_wrap{margin-top: 17px; font-size: 0; line-height: 0;}
.box .btn_wrap .btn + .btn{margin-left:10px;}
@media all and (max-width: 640px) {
    .box{padding: 20px 30px 20px 80px;}
    .box:before{top:10px; left:10px; transform: scale(0.8);}
    .box h3.box_title{font-size: 18px; line-height: 24px;}
}

/* 박스디자인(기본)-한줄박스 */
.box.small{padding: 23px 50px 21px 76px;}
.box.small:before{top:19px; left: 18px; width: 36px; height: 28px; background-image: url("/site/public/images/template/box_icon02.png");}
.box.small .box_text{line-height:26px; color: #0a1646;}
@media all and (max-width: 640px) {
    .box.small{padding: 15px 20px 15px 50px;}
    .box.small:before{top: 15px; left: 10px;}
}

/* 박스디자인(type2) */
.box.type2{border-color:#eeeff3; border-radius:0; background-color: #fff;}
.box.type2:before{ width: 66px; height: 55px; background-image: url("/site/public/images/template/box_icon03.png");}
@media all and (max-width: 640px) {
    .box.type2:before{top:13px; }
}

/* 박스디자인(type2)-제목없음 */
.box.type2.no_title{padding: 30px 50px 36px 133px;}
@media all and (max-width: 640px) {
    .box.type2.no_title{padding: 20px 30px 20px 80px;}
}


/* 박스디자인(type2)-아이콘, 제목없음 */
.box.type2.no_icon{padding:31px 80px 33px 40px; overflow: hidden;}
.box.type2.no_icon:before{display: none;}
@media all and (max-width: 640px) {
    .box.type2.no_icon{padding:20px 30px;}
    .box.type2.no_icon:before{right: -36px; bottom: -66px;}
}


/* 박스디자인(type2)-아이콘, 제목없음, 배경있음 */
.box.type2.no_icon.bg:before{display: block; top: auto; bottom: -58px; left: auto; right: -26px; width: 166px; height: 166px; background-image: url("/site/public/images/template/box_bg01.png");}
@media all and (max-width: 640px) {
    .box.type2.no_icon.bg:before{right: -36px; bottom: -66px;}
}

/*제목있고 아이콘 없는 박스 디자인*/
.box.type100.no_icon{padding:37px 50px 39px 46px;}
.box.type100.no_icon:before{display:none;}
.box.type100{border-color:transparent; border-radius:0; border-image:linear-gradient(350deg, #bbefeb 0%, #c4e8fb 100%); background-color:white;
    border-image-slice:1;}
.box.type100 .box_title{margin-bottom:13px; color:#222222;}
.box.type100 .bu li{padding-left: 13px;}
@media all and (max-width:640px){
    .box.type100.no_icon{padding:25px 30px 25px;}
}

/* 박스디자인(type3)-게시판상단 */
.box.type3{padding:27px 50px 32px 130px; border-color:#f7f7f9; background-color: #f7f7f9;}
.box.type3:before{top:27px; left: 27px; width: 67px; height: 62px; background-image: url("/site/public/images/template/box_icon04.png");}
@media all and (max-width: 640px) {
    .box.type3{padding: 20px 30px 20px 90px;}
    .box.type3:before{top:15px; left: 10px;}
}

/* 박스디자인(type4)-라운드박스 */
.box.type4{padding:35px; border: 1px solid #e3e6e9; border-radius: 10px; background-color: inherit; }
.box.type4:before{display: none;}
@media all and (max-width: 640px) {
    .box.type4{padding:30px;}
}

/*학과 특색*/
.box.disti{padding-top: 33px;}
.box.disti .box_title{color:#005d4f;}
.box.type2.disti:before{top:30px; width:50px; height:65px; background-image:url('/site/public/images/template/box_icon20.png');}
.box.disti h3.box_title{margin-bottom: 11px;}
@media all and (max-width: 640px) {
    .box.disti{padding-top: 20px;}
    .box.type2.disti:before{top: 13px;}
}

/*학과 특색_수정*/
.box.disti{padding-top: 33px;}
.box.disti .box_title{color:#005d4f;}
.box.type5.disti:before{top:30px; width:50px; height:65px; background-image:url('/site/public/images/template/box_icon23.png');}
.box.disti h3.box_title{margin-bottom: 11px;}
@media all and (max-width: 640px) {
    .box.disti{padding-top: 20px;}
    .box.type5.disti:before{top: 13px;}
}

/*일반과정*/
.box.type101:before{width:61px; height:61px; background-image:url('/site/public/images/template/box_icon22.png');}
.box.type101 .box_title{word-break:keep-all;}


/*sns 템플릿*/
.box.sns{position:relative; margin-top:40px; padding:26px 50px 26px 76px; border:0; border-radius:0; background-color:#f7f7f9;}
.box.sns:before{top:50%; left:28px; width:40px; height:40px; background-image:url('/site/public/images/template/sns_sprite.png'); transform:translateY(-50%);}
.box.sns .box_title{font-size:16px; font-weight:500; color:#0a1646; line-height:18px; letter-spacing:-0.025em;}
.box.sns .btn{position:absolute; top:50%; right:30px; margin-top:-18px;}
.box.sns.youtube:before{background-position-y:-40px;}
.box.sns.instagram:before{background-position-y:-80px;}
@media all and (max-width:640px){
    .box.sns{padding:20px 40px 20px 55px;}
    .box.sns:before{left:15px; transform:translateY(-50%) scale(0.8);}
    .box.sns .btn{right:20px;}
}

/* 페이스북 */
.facebook_box{position: relative; margin-top: 30px;}
.facebook_box ul{font-size: 0; line-height: 0;}
.facebook_box li{display:inline-block; position: relative; width:calc((100% - 60px) / 3); padding-right:30px; box-sizing:content-box;}
.facebook_box li:nth-child(3n){padding-right: 0;}
.facebook_box li:nth-child(n + 4){margin-top:30px; }
.facebook_box li a{border:1px solid #c3c9d0; background-color:#fff; font-size:15px; font-weight:400; color:#333333; line-height:20px; letter-spacing:-0.025em;}
.facebook_box .img_box{display:block; height: 209px; background-size: cover; background-repeat: no-repeat; background-position:top center;}
.facebook_box .img_box img{width:100%; max-height:209px; height: 100%;}
.facebook_box .good{display:block; position:relative; margin-top: 19px; margin-left: 18px; padding-left: 37px;}
.facebook_box .good:before{display:block; position: absolute; left: 0; top: 0; bottom: 0; width:30px; height:30px; margin: auto 0; background-image:url(/site/ee/images/contents/cts1947_icon.png); background-repeat:no-repeat; background-size:100%;}
.facebook_box li a:hover .cont{text-decoration:underline;}
.facebook_box .cont{display:-webkit-box; overflow:hidden; width:100%; height:40px; margin-top:11px; margin-bottom:28px; padding:0 18px; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
@media all and (max-width:1200px){
    .facebook_box .img_box{ height:158px;}
}
@media all and (max-width:1000px){
    .facebook_box .img_box{ height:21vw;}
}
@media all and (max-width:640px){
    .facebook_box li{ width:calc((100% - 15px) / 2); padding-right: 15px;}
    .facebook_box li:nth-child(2n){padding-right: 0;}
    .facebook_box li:nth-child(3n){padding-right:15px;}
    .facebook_box li:nth-child(n + 3){margin-top:15px; }

    .facebook_box .good{padding-left: 32px;}
    .facebook_box .good:before{width:27px; height:27px; }
    .facebook_box .cont{margin-bottom:15px; padding:0 15px;}
    .facebook_box .img_box{ height:33vw;}
}

/* 유튜브 */
.video_wrap .video{overflow:hidden; position:relative; height:0; padding-top:30px; padding-bottom:52.9%;}
.video_wrap .video iframe{position:absolute; top:0; left:0; width:100%; height:100%}
.video_wrap  .table.vertical{margin-top:40px;}
.video_wrap .table.vertical th{text-align:left;}
.video_wrap .btn.type3:after{display:inline-block; position:relative; top:6px; width:14px; height:8px; margin-left:10px; background-image:url(/site/public/images/sprite/template_sprite.png); background-position:-8px -299px; vertical-align:top;}


/*콘텐츠 준비중*/
.prepare_wrap{margin-top:50px; text-align:center;}
.prepare_wrap:before{display:block; top:0; width:534px; height:324px; margin-right:auto; margin-left:auto; background-image:url(/site/power/images/contents/cts4468_bg.png); background-size:100% 100%;}
.prepare_wrap h3 span{padding-right:0; color:#0091dc;}
.prepare_wrap h3 span:before{display:none;}
@media all and (max-width:800px){
    .prepare_wrap:before{width:400px; height:243px;}
}
@media all and (max-width:640px){
    .prepare_wrap:before{width:320px; height:194px;}
}



/*동아리 소개*/
.club_intro .circle{margin-bottom:58px;}
.club_intro .bu li{word-break:keep-all;}
.club_intro .circle ul{max-width:670px; margin:auto; font-size:0; line-height:0; text-align:center;}
.club_intro .circle li{display:inline-block; position:relative; width:33.3%; padding-top:190px; font-family:'NotoKr'; font-size:17px; font-weight:500; color:#0a1646; line-height:19px; letter-spacing:-0.035em;}
.club_intro .circle li:before{display:block; position:absolute; top:0; left:50%; width:168px; height:168px; border-radius:50%; background-image:url('/site/public/images/template/club_circle01.png'); background-size:100% 100%; transform:translateX(-50%); box-shadow:4px 7px 13px 0px rgba(1, 48, 68, 0.2);}
.club_intro .circle li.n2:before{background-image:url('/site/public/images/template/club_circle02.png');}
.club_intro .circle li.n3:before{background-image:url('/site/public/images/template/club_circle03.png');}
.club_intro .box.type100{margin-top:20px;}
@media all and (max-width:670px){
    .club_intro .circle{margin-bottom:50px;}
    .club_intro .circle li{padding-top:160px;}
    .club_intro .circle li:before{width:140px; height:140px;}
}
@media all and (max-width:560px){
    .club_intro .circle{margin-bottom:40px;}
    .club_intro .circle li{padding-top:130px; font-size:14px;}
    .club_intro .circle li:before{width:110px; height:110px; box-shadow:3px 6px 11px 0px rgba(1, 48, 68, 0.2);}
}
@media all and (max-width:420px){
    .club_intro .circle{margin-bottom:30px;}
    .club_intro .circle li{padding-top:110px; font-size:13px;}
    .club_intro .circle li:before{width:90px; height:90px; box-shadow:2px 4px 8px 0px rgba(1, 48, 68, 0.2);}
}

/* 강조색상 */
.em_point1{color:#0091dc;}
.em_point2{color:#f43131;}
.em_point3{color:#36aa00;}
.em_point4{color:#005d4f;}


/* 폼관련 */
.chform .p-input{height:auto; padding:3px 15px 5px; border:1px solid #c1c3c7; border-radius: 3px; font-size:16px; line-height:35px}
.chform input.p-input[disabled]{border-color:#d0d1d4; background-color:#eaebec}
.chform select.p-input{position:relative; padding:3px 33px 5px 15px;
    background:url("/site/public/images/sprite/form_sprite.png") no-repeat right 11px;
    appearance:none; -moz-appearance:none; -webkit-appearance:none; -ms-appearance: none}
.chform select.p-input:focus{border:1px solid #333333; color:#222222;}
.chform select.p-input option{border: 1px solid #333333; border-bottom-color: #e0e1e3;}
.chform select.p-input option:last-child{border-bottom-color: #333333;}
.chform .p-form-checkbox__label, .chform .p-form-radio__label{font-size:16px;}
.chform .p-form-checkbox__label:before{width:17px; height:17px; border-color:#9fa2a7;}
.chform .p-form-checkbox__input:checked~.p-form-checkbox__label:before{border-color:#ffd325; background-color:#ffd325;}
.chform .p-form-checkbox__input:checked~.p-form-checkbox__label:after{top:5px; left:3px; width:14px; height:11px; background-image: url("/site/public/images/sprite/form_sprite.png"); background-position:-8px -31px; background-size:auto; background-repeat: no-repeat;}
.chform .p-form-checkbox__input:focus~.p-form-checkbox__label:before{outline:none;}
.chform .p-form-radio__label:before{width:17px; height:17px; border:1px solid #9fa2a7;}
.chform .p-form-radio__input:checked~.p-form-radio__label:before{border-color:#ffd325; background-color:#ffd325;}
.chform .p-form-radio__input:checked~.p-form-radio__label:after{width:7px; height:7px; background-color:#222222}
.chform .p-form-radio__input:focus~.p-form-radio__label:before{outline:none;}
/* 디자인 - 셀렉트박스 */
.select_design{width: 170px;}
.select_design button,
.select_design a{width: 100%; padding:3px 15px 5px; font-size:16px; line-height:35px;
    appearance:none; filter:alpha(opacity=0); -webkit-appearance:none; -moz-appearance:none; text-align: left;}
.select_design .select_button{border:1px solid #c1c3c7; border-radius: 3px; background:url("/site/public/images/sprite/form_sprite.png") no-repeat right 11px;}
.select_design.active .select_button{border-color: #333333; border-radius: 3px 3px 0 0; color: #222222;}
.select_design .select_panel{display:none; width: 100%; border:1px solid #333333; border-top: none; border-radius: 0 0 3px 3px; }
.select_design .select_anchor{background-image: none; border-bottom: 1px solid #e0e1e3; text-align: left;}
.select_design .select_item:last-child .select_anchor{border-bottom: none;}
.select_design .select_anchor:hover{border-bottom-color:#437bd7; background-color: #f1f5f9; color: #437bd7;}
@media all and (max-width:640px){
    .chform select.p-input{padding:3px 10px 5px; font-size:14px}
}


/* 스텝박스 */
.stepbox{padding:35px 45px 5px 45px; border: 1px solid #e3e6e9; border-radius:10px; font-size:0; line-height:0;}
.stepbox .step_item{display:inline-block; position:relative; margin-right:56px; margin-bottom:30px; border:1px solid #d3d3d3; background-color:#fff; text-align:center; vertical-align:top;}
.stepbox .step_item:after{display:inline-block; position:absolute;  width:13px; height:9px; margin:auto; background-image:url('/site/public/images/template/step_box_icon.png');}
.stepbox .step_item:last-child:after{display:none;}
.stepbox.divide3 .step_item{width:calc((100% - 112px) / 3 );}
.stepbox .step_item:first-child{border-color:#00a195; background-color: #00a195;}
.stepbox .step_item:last-child{border-color:#437bd7; background-color: #437bd7;}
.stepbox .step_item:nth-child(6n - 2){float: right; margin-right: 0; margin-left: 56px;}
.stepbox .step_item:nth-child(6n - 1){float: right; margin-right: 0; margin-left: 56px;}
.stepbox .step_item:nth-child(6n){float: right;}
.stepbox .step_item:nth-child(3n){margin-right: 0;}
.stepbox .step_item .step_wrap{display:table; position:relative; width:100%; padding:8px 15px 9px;  table-layout:fixed;}
.stepbox .step_item .step_text{display:table-cell; width: 100%; vertical-align: middle; font-size:16px; line-height:22px; letter-spacing:0; color:#464646;}
.stepbox .step_item:last-child .step_text,
.stepbox .step_item:first-child .step_text{color: #ffffff;}
.stepbox.icon .step_wrap:before{display:block; position:relative; left:0; top:0; right:0; width:55px; height:55px; margin:0 auto 15px; border-radius:50%; background-color:#f7f8fa; background-repeat:no-repeat; background-image:url('/site/public_2020/images/template/stepbox_normal.png'); background-position:center;}

@media all and (min-width: 641px) {
    .stepbox .step_item:after{right:-37px; top:0; bottom:0;}
    .stepbox .step_item:nth-child(3n):after{top:auto; right:0; left:0; bottom: -21px; transform: rotate(90deg);}
    .stepbox .step_item:nth-child(6n - 2):after{left: -37px; right: auto; transform: rotate(180deg);}
    .stepbox .step_item:nth-child(6n - 1):after{left: -37px; right: auto; transform: rotate(180deg);}
}
@media (min-width: 641px) and (max-width: 1000px){
    .stepbox .step_item:after{right:-29px;}
    .stepbox .step_item:nth-child(6n - 2):after{left: -29px;}
    .stepbox .step_item:nth-child(6n - 1):after{left: -29px;}
}

@media all and (max-width: 1000px) {
    .stepbox{padding:30px 30px 0 30px;}
    .stepbox .step_item{margin-right: 45px;}
    .stepbox .step_item:nth-child(6n - 2){margin-left: 45px;}
    .stepbox .step_item:nth-child(6n - 1){margin-left: 45px;}
    .stepbox.divide3 .step_item{width:calc((100% - 90px) / 3);}
}
@media all and (max-width: 640px) {
    .stepbox .step_item{margin-right: 0;}
    .stepbox .step_item:nth-child(6n - 2){margin-left: 0;}
    .stepbox .step_item:nth-child(6n - 1){margin-left: 0;}
    .stepbox.divide3 .step_item{width:100%;}

    .stepbox .step_item:after{left:0; right:0; bottom:-21px; transform: rotate(90deg);}
}

/* 스텝박스 4개 */
.stepbox.divide4 .step_item{width:calc((100% - 60px) / 4 );}
.stepbox.divide4 .step_item:after{right: -17px; top:0; bottom:0;}
.stepbox.divide4 .step_item{margin-right: 20px;}
.stepbox.divide4 .step_item:nth-child(4n){float: right; margin-right: 0; margin-left: 0;}


@media all and (min-width: 641px) {
    .stepbox.divide4 .step_item:nth-child(3n):after{left:unset; transform: rotate(0deg);}
    .stepbox.divide4 .step_item:nth-child(4n):after{top:auto; right:0; left:0; bottom: -21px; transform: rotate(90deg);}
}

@media all and (max-width: 640px) {
    .stepbox.divide4 .step_item{margin-right: 0;}
    .stepbox.divide4 .step_item:nth-child(6n - 1){margin-left: 0;}
    .stepbox.divide4 .step_item:nth-child(8n - 2){margin-left: 0;}
    .stepbox.divide4 .step_item{width:100%;}
    .stepbox.divide4 .step_item:after{left:0; right:0; bottom:-90px; transform: rotate(90deg);}
}



/* 이미지 확대보기 */
.box_img{text-align:center;}
.box_img .inner{position:relative; line-height:0;}
.box_img img{max-width:100%;}
.img_zoom{display:block; position:relative;}
.img_zoom .zoom_btn{display:none; position:absolute; right:0; bottom:0; z-index:10; width:28px;height:28px; background-color:rgba(0,0,0,0.5); font-size:0; line-height:0;}
.img_zoom .zoom_btn:before{display: block; position:absolute; top:0; right:0; bottom:0; left:0; width: 12px; height: 13px; margin:auto; background-image: url('/site/public/images/template/img_more.png'); background-repeat:no-repeat; background-position:center center;}
.box_img_wrap{display: block; position: relative; font-size: 0; line-height: 0;}
.box_img_wrap .box_img{display: inline-block; width:calc((100% - 62px) / 3);}
.box_img_wrap .box_img + .box_img{margin-left: 31px;}
@media all and (max-width: 1000px) {
    .box_img_wrap .box_img{display: inline-block; width:calc((100% - 30px) / 3);}
    .box_img_wrap .box_img + .box_img{margin-left: 15px;}
}
@media all and (max-width:640px) {
    .img_zoom{display:inline-block;}
    .img_zoom .zoom_btn{display:block;}

    .box_img_wrap .box_img{display: block; width:100%;}
    .box_img_wrap .box_img + .box_img{margin-left:0; margin-top: 15px;}
}

/* 오시는 길 */
.mapapi{position:relative;}
.mapapi .mapapi_curtain{display:none; position:absolute; z-index:2; left:0; top:0; width:100%; height:100%; padding-top:50px; background-color:rgba(0,0,0,0.5); text-align:center; color:#fff}
.mapapi .root_daum_roughmap{width:100%; height:550px;}
.mapapi .root_daum_roughmap .wrap_map{height:inherit}
.mapapi .mapinfo_box{position: relative; padding: 24px 0 21px; border-bottom: 1px solid #000000;  }
.mapapi .mapinfo_box .mapinfo_list{font-size: 0; line-height: 0;}
.mapapi .mapinfo_box .mapinfo_item{display: inline-block; position: relative;}
.mapapi .mapinfo_box .mapinfo_item + .mapinfo_item{margin-left: 28px;}
.mapapi .mapinfo_box .mapinfo_item .mapinfo_subject{font-size: 0; line-height: 0;}
.mapapi .mapinfo_box .mapinfo_item .mapinfo_text{padding-left:22px; font-size:16px; line-height: 25px; color: #222222; }
.mapapi .mapinfo_box .mapinfo_item .mapinfo_text:before{display: inline-block; position: absolute; top:3px; left:1px; width:15px; height: 19px;
    background-image:url("/site/public/images/sprite/map_sprite.png"); background-position:-10px -10px; }
.mapapi .mapinfo_box .mapinfo_item.contact .mapinfo_text:before{top:4px; width: 18px; height: 18px; background-position:-10px -49px; }

.mapapi .mapinfo_box .mapinfo_anchor{position: absolute; z-index: 1; top:-62px; right:30px; min-width: auto; width: 80px; height: 80px; border: none;
    border-radius: 50%; background-color: #437bd7; box-shadow: 5px 8px 15px 0 rgba(0, 0, 0, 0.17);}
.mapapi .mapinfo_box .mapinfo_anchor:before{display: block; position: absolute; top: 0; right:0; bottom: 0; left: 0; width:29px; height:26px; margin: auto;
    background-image: url("/site/public/images/sprite/map_sprite.png"); background-position:-10px -87px;}
.mapapi .mapinfo_box .mapinfo_anchor span{display:none; position: absolute; top:-40px; left: 0; right: 0; width: 65px; height: 25px; margin: 0 auto; border-radius: 50px; background-color: #747983;
    font-size: 12px; line-height: 25px; color: #fff; text-align: center;}
.mapapi .mapinfo_box .mapinfo_anchor span:before{display:inline-block; position: absolute; bottom:-9px; left: 0; right: 0; width: 11px; height: 9px; margin: 0 auto;
    background-image: url("/site/public/images/sprite/map_sprite.png"); background-position:-8px -407px;}
.mapapi .mapinfo_box .mapinfo_anchor:hover{background-color: #1f5dc2;}
.mapapi .mapinfo_box .mapinfo_anchor:hover span{display: block;}

.directions{position: relative; padding-left: 183px;}
.directions .directions_icon{position: absolute; top: 0; left:36px; width:79px; height: 79px; border-radius: 50%; background-color: #f7f7f9;}
.directions .directions_icon:before{display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 43px; height: 40px; margin: auto;
    background-image: url("/site/public/images/sprite/map_sprite.png"); background-repeat: no-repeat; background-position:  -10px -133px; }
.directions.train .directions_icon:before{width:33px; height: 44px; background-position: -10px -193px;}
.directions.ktx .directions_icon:before{width:43px; height: 26px; background-position: -10px -257px;}
.directions.car .directions_icon:before{width:49px; height: 36px; background-position: -10px -303px;}
.directions.airplane .directions_icon:before{width:45px; height: 30px; background-position: -10px -359px;}

@media all and (max-width: 640px) {
    .mapapi .root_daum_roughmap{width:100%; height:375px;}
    .mapapi .mapinfo_box .mapinfo_item{display: block;}
    .mapapi .mapinfo_box .mapinfo_item + .mapinfo_item{margin-left: 0; margin-top: 15px;}
    .mapapi .mapinfo_box .mapinfo_anchor{top:-50px; right:15px; width: 65px; height: 65px;}
    .directions{padding-left: 0;}
    .directions .directions_icon{display: none;}
    .directions h5{margin: 10px 0;}
}

/* 컨텐츠 상단 이미지박스 타이틀 */
.imgtitle_box{display: block; position: relative; padding-top: 137px; margin-bottom: 45px; background-image: url("/site/public/images/template/imgtitle_box01.jpg"); background-repeat: no-repeat; background-position: center top; text-align: center;}
.imgtitle_box:before{display: inline-block; position: absolute; top: 0; right: 0; width: 287px; height: 207px; background: url("/site/public/images/template/imgtitle_box02.png") no-repeat;}
.imgtitle_box .imgtitle_box_title{width: calc(100% - 188px); padding: 49px 10px 33px; margin-left: 97px; background-color: #fff; font-size:30px; line-height: 30px; letter-spacing: 0; font-weight: 600; color: #00532f; }
.imgtitle_box .imgtitle_box_text{position:relative; padding: 63px 20px 0;}
.imgtitle_box .imgtitle_box_text:before{display: inline-block; position: absolute; top: 0; left: 0; right: 0; width:3px; height: 26px; margin: 0 auto; background-color: #282828; }
.imgtitle_box .imgtitle_box_text p{word-break: keep-all; letter-spacing: 0;}
.imgtitle_box .imgtitle_box_text p.p_red{margin-top: 27px; font-size: 17px; color: #f43131; font-weight: 500;}
.imgtitle_box .imgtitle_box_text p.p_blue{margin-top: 10px; font-size: 17px; color: #0589b1; font-weight: 500;}

.imgtitle_box .imgtitle_box_text p.p_green{margin-top: 27px; font-size: 20px; color: #00a195; font-weight: 600;}

@media all and (max-width: 640px) {
    .imgtitle_box{padding-top: 100px; background-size: 610px;}
    .imgtitle_box:before{display: none;}
    .imgtitle_box .imgtitle_box_title{width:calc(100% - 60px); margin-left:30px; padding:30px 10px; font-size: 22px; line-height: 22px;}
    .imgtitle_box .imgtitle_box_text{padding-top: 45px;}
}

/* 학부/학과 공통디자인 - 상단 */
.major{display: block; position: relative; font-size: 0; line-height: 0;}
.major_wrap .box.type2.no_icon p{word-break: keep-all;}
.box.type4.major{padding: 30px;}
.major .major_left{display: inline-block; position: relative; width: 470px; vertical-align: top;}
.major .major_right{display: inline-block; position: relative; width: calc(100% - 470px); padding-left: 30px;}
.major .major_title{margin-bottom:23px; font-size: 20px; line-height: 26px; letter-spacing: -0.025em; color: #0a1646; font-weight: 500; word-break: keep-all;}
.major .major_subtitle{margin-bottom:23px; font-size: 15px; letter-spacing: -0.025em; color: #0a1646; font-weight: 300; word-break: keep-all;}
.major .major_info li{display:inline-block; position: relative; width:calc(50% - 10px); padding-left: 42px; padding-top:3px; margin:9px 15px 9px 0; font-size: 15px; line-height: 22px; vertical-align: top;}
.major .major_info li:nth-child(2n){margin-right: 0;}
.major .major_info li:before{display:inline-block; position: absolute; top: 0; left: 0; width: 31px; height:31px; background-image: url("/site/public/images/sprite/majpr_sprite.png"); background-repeat: no-repeat;}
.major .major_info li.location:before{background-position: -10px -10px;}
.major .major_info li.phone:before{background-position: -10px -61px;}
.major .major_info li.professor:before{background-position: -10px -112px;}
.major .major_info li.homepage:before{background-position: -10px -163px;}
.major .major_info li.fax:before{background-position: -10px -214px;}
.major .major_info li:after{display:inline-block; position: absolute; top:7px; right: 0; width:1px; height:17px; background: url("/site/public/images/sprite/pattern03.png");}
.major .major_info li:nth-child(2n):after{display: none;}
.major .major_info li:last-child:after{display: none;}
.major .major_bottom{position: relative; margin-top: 12px; padding-top: 27px; display: flex; }
.major .major_bottom:before{display: block; position: absolute; left:-4px; top:0; width:calc(100% + 8px); height:1px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAYAAADjAO9DAAAAAXNSR0IArs4c6QAAABZJREFUGFdjvH///n8GNKCoqMgIEwIAcnIEAoTqnCUAAAAASUVORK5CYII=");  }
.major .major_bottom .btn{margin-right: 10px;}
.major .major_sns{display: inline-block; width: calc(100% - 198px); margin-left:68px;  text-align: right;}
.major .major_sns li{display: inline-block; position:relative; width: 31px; height: 31px; background-image: url("/site/public/images/sprite/majpr_sprite.png"); background-repeat: no-repeat;}
.major .major_sns li.blog{background-position: -10px -265px;}
.major .major_sns li.daumblog{background-position: -10px -316px;}
.major .major_sns li.facebook{background-position: -10px -367px;}
.major .major_sns li.youtube{background-position: -10px -418px;}
.major .major_sns li.instagram{background-position: -10px -469px;}
.major .major_sns li + li{margin-left:4px; }
.major .major_sns li a{width: 100%; height: 100%;}
.major_character_box h5{margin-bottom: 13px; margin-top: 26px;}
.major_character_box h5 + ul,
.major_character_box h5 + p{padding-left: 20px;}
.box.type4.major_img{padding: 35px 70px; margin-top: 30px; text-align: center;}
.box.type4.major_img img + img{margin-top: 30px;}
@media all and (max-width: 1300px) {
    .major .major_left{width: 370px;}
    .major .major_right{width: calc(100% - 370px);}
    .major .major_title{margin-bottom: 20px;}
    .major .major_info li{width: 100%; margin: 5px 0;}
    .major .major_info li:after{display: none;}
    .major .major_info li br{display: none;}
    .major .major_bottom .btn{margin-right: 0;}
    .major .major_sns{display: block;  width: 100%; margin-top:15px; text-align: left;}
}
@media all and (max-width: 800px) {
    .major .major_left{width: 280px;}
    .major .major_right{width: calc(100% - 280px);}
}
@media all and (max-width: 640px) {
    .major .major_left{width: 100%; text-align: center;}
    .major .major_left img{width: 280px;}
    .major .major_right{display:block; width:100%; padding-left: 0;}
    .major .major_title{margin:15px 0; text-align: center;}
    .major .major_bottom{text-align: left;}
    .major .major_sns{display:inline-block; float:right; width:auto; margin-top: 0;}
    .major_character_box h5{margin-bottom: 6px; margin-top: 20px;}
    .box.type4.major_img{padding: 30px;}
}

/* 학부/학과 공통디자인 - 비디오 */
.major_video{margin-top:30px; font-size: 0; line-height: 0;}
.major_video .major_video_box{display: inline-block; width: 61.75%;}
.major_video .major_video_box iframe{width: 100%; height: 315px;}
.major_video .major_video_text{display: inline-block; width:38%; padding-left: 30px; vertical-align: top;}
.major_video .major_video_title{padding-left:21px; border-style:solid; border-color: #e3e3e3; border-width: 1px 1px 0 1px; background-color: #303b49; font-size: 18px; line-height:49px; color: #fff; font-weight: 400; }
.major_video .major_video_content{height: 265px; overflow-y: scroll; border-style:solid; border-color: #e3e3e3; border-width: 0 1px 1px 1px;}
.major_video .major_video_content p{padding: 20px; font-size: 15px; line-height: 22px;}
@media all and (max-width: 640px) {
    .major_video .major_video_box{position:relative; width: 100%; padding-bottom: 56%;}
    .major_video .major_video_box iframe{position: absolute; width: 100%; height: 100%;}
    .major_video .major_video_text{display: block; width: 100%; margin-top: 20px; padding-left: 0;}
    .major_video .major_video_content{height: 200px;}
}

/* 학부/학과 공통디자인 - 왼쪽 이미지 오른쪽 텍스트 */
.subject{display: block; position: relative; padding-bottom: 36px;}
.subject .box.type2.no_icon{padding: 25px 20px 23px; margin-bottom: 40px; text-align: center;}
.subject .box.type2.no_icon .box_text{font-size: 18px; line-height: 26px; color: #303b49; word-break: keep-all;}
.subject .subject_con_wrap{position: relative; font-size: 0; line-height: 0;}
.subject .subject_con_wrap .subject_img{display: inline-block; position: relative; width: 182px; vertical-align: top;}
.subject .subject_con_wrap .subject_text{display: inline-block; position: relative; width: calc(100% - 182px); padding-left: 29px; }
.subject .subject_con_wrap .subject_text ul li{font-size: 16px; line-height:26px;}
.subject .subject_con_wrap .subject_text ul li .bu{padding-left: 22px;}
.subject .subject_con_wrap .subject_text ul li h5{margin-top:24px; margin-bottom:12px; line-height: 20px;}
.subject .subject_con_wrap .subject_text ul li:first-child h5{margin-top: 0;}
.subject .subject_con_wrap .subject_text ul li h5:before{top: 5px;}
.subject .subject_con_wrap .subject_text ul li p{padding-left: 22px; word-break: keep-all;}
.subject .btn{position: absolute; top: 0; right: 0;}
@media all and (max-width: 640px) {
    .subject .box.type2.no_icon .box_text{font-size: 16px; line-height: 20px;}
    .subject .subject_con_wrap .subject_img{display: block; width: 100%; text-align: center;}
    .subject .subject_con_wrap .subject_text{display:block; width: 100%; padding-left: 0;}
    .subject .btn{position: relative; top: auto; right: auto;}
    .subject .subject_con_wrap .subject_text ul li:first-child h5{margin-top: 24px;}
    .subject .subject_con_wrap .subject_text ul li .bu li{font-size: 14px; line-height: 22px;}
    .subject .subject_con_wrap .subject_text ul li p{font-size: 14px; line-height: 22px;}
    .subject .subject_btn{margin-top:20px; text-align: center;}
}

/* 컬러박스 이미지*/
.img_color{display: block; position: relative; padding: 50px 60px 50px 50px; border-radius: 6px; background-color: #f7f7f9; font-size: 0; line-height: 0;}
.img_color.two img{width:calc((100% - 30px) / 2); margin-right: 30px;}
.img_color.two img:nth-child(2n){margin-right: 0;}
.img_color.two img:nth-child(n + 3){margin-top:30px;}

.img_color.five img{width:calc((50% - 30px)); margin-right: 30px;}
.img_color.five img:nth-child(2n){margin-right: 0;}
.img_color.five img:nth-child(n + 3){margin-top:30px;}

.img_color.three{padding: 50px 20px;}
.img_color.three img{width:calc((100% - 20px) / 3); margin-right: 10px;}
.img_color.three img:nth-child(3n){margin-right:0;}
.img_color.three img:nth-child(n + 4){margin-top:10px;}

.img_color.four{padding: 50px 20px;}
.img_color.four img{width:calc((100% - 39px) / 4); margin-right: 13px;}
.img_color.four img:nth-child(4n){margin-right:0;}

.img_color.line{padding: 50px;}
.img_color.line p{margin-top:15px; font-size: 15px; line-height: 15px; text-align: center;}
.img_color.line .img_color_item{display:inline-block; width: calc((100% - 80px) / 3); margin-right: 40px; vertical-align: top;}
.img_color.line .img_color_item:nth-child(3n){margin-right: 0;}
.img_color.line .temp_line{margin: 30px 0;}

@media all and (max-width: 1200px) {
    .img_color{padding: 50px;}
}
@media all and (max-width: 800px) {
    .img_color{padding: 30px;}
    .img_color.three{padding: 30px;}
    .img_color.four{padding:30px;}
    .img_color.line{padding: 30px;}
    .img_color.line .img_color_item{width: calc((100% - 60px) / 3); margin-right: 30px;}
}
@media all and (max-width: 640px) {
    .img_color.two img{width:calc((100% - 20px) / 2); margin-right: 20px;}
    .img_color.two img:nth-child(n + 3){margin-top:20px;}

    .img_color.three img{width:calc((100% - 20px) / 2); margin-right: 20px;}
    .img_color.three img:nth-child(n + 3){margin-top:20px;}
    .img_color.three img:nth-child(3n){margin-right:20px;}
    .img_color.three img:nth-child(2n){margin-right:0;}

    .img_color.four{padding:20px;}
    .img_color.four img{width:calc((100% - 20px) / 2); margin-right:20px;}
    .img_color.four img:nth-child(2n){margin-right:0;}
    .img_color.four img:nth-child(n + 3){margin-top:20px;}

    .img_color.line{padding: 10px;}
    .img_color.line p{font-size: 14px;}
    .img_color.line .img_color_item{width: calc((100% - 20px) / 3); margin-right: 10px;}
    .img_color.line .temp_line{margin: 20px 0;}
}
@media all and (max-width: 480px) {
    .img_color.two img{width:100%; margin-right: 0;}
    .img_color.two img:nth-child(n + 2){margin-top:20px;}

    .img_color.three img{width:100%; margin-right: 0;}
    .img_color.three img:nth-child(n + 2){margin-top:20px;}

    .img_color.line{padding: 30px;}
    .img_color.line p{margin:15px 0;font-size: 14px;}
    .img_color.line .img_color_item{display:block; width:100%; margin-right:0; text-align: center;}
    .img_color.line .temp_line{display: none;}
}




/*학과소개*/
.contents_intro .bu li{word-break:keep-all;}
.contents_intro .contents_intro_tit{position:relative; padding:54px 0 144px; border-bottom:2px solid #0a1646; font-family:'SCDream'; font-weight: 700; font-size:40px; color:#437bd7; line-height:60px; letter-spacing:-0.05em;}
.contents_intro .contents_intro_tit:before, .contents_intro .contents_intro_tit:after{display:block; position:absolute; top:0; background-repeat:no-repeat;}
.contents_intro .contents_intro_tit:before{left:0; width:56px; height:34px; background-image:url('/site/public/images/template/quotes_sprite.png'); background-size:100%;}
.contents_intro .contents_intro_tit:after{right:32px; width:348px; height:304px; background-image:url('/site/public/images/template/contents_intro_icon.png'); background-size:100% 100%; backface-visibility:hidden;}
.contents_intro .contents_intro_tit span{display:block; font-size:32px; color:#0a1646; font-weight: 500; line-height: 52px;}
.contents_intro .contents_intro_tit + h3{margin-top: 56px; margin-bottom: 10px;}
@media all and (max-width:1200px){
    .contents_intro .contents_intro_tit{padding:40px 0 150px; font-size:38px;}
    .contents_intro .contents_intro_tit:before{width:50px; height:30px;}
    .contents_intro .contents_intro_tit:after{top:auto; bottom:5px; width:250px; height:218px;}
    .contents_intro .contents_intro_tit span{font-size:30px;}
}
@media all and (max-width:1000px){
    .contents_intro .contents_intro_tit:after{right:60px;}
}
@media all and (max-width:800px){
    .contents_intro .contents_intro_tit{padding:40px 0 140px; font-size:36px; line-height:55px;}
    .contents_intro .contents_intro_tit:before{width:45px; height:27px;}
    .contents_intro .contents_intro_tit:after{right:20px; width:200px; height:173px;}
    .contents_intro .contents_intro_tit span{font-size:28px;}
}
@media all and (max-width:640px){
    .contents_intro .contents_intro_tit{padding:30px 0 120px; font-size:30px; line-height:40px; word-break:keep-all;}
    .contents_intro .contents_intro_tit:before{width:38px; height:23px;}
    .contents_intro .contents_intro_tit:after{bottom:-15px; right:0; transform: scale(0.7);}
    .contents_intro .contents_intro_tit span{font-size:22px;}
    .contents_intro .contents_intro_tit + h3{margin-top: 20px; margin-bottom: 18px;}
}
@media all and (max-width:480px){
    .contents_intro .contents_intro_tit{padding-bottom: 30px;}
    .contents_intro .contents_intro_tit:after{display: none;}
}

/*교수소개*/
.profile .box .box_text{word-break:keep-all;}
.profile .box.type2:before{width:65px; height:52px; background-image:url('/site/public/images/template/box_icon21.png');}
.profile .profile_box{font-size: 0; line-height: 0;}
.profile .profile_box > li:first-child{margin-top: 62px;}
.profile .profile_box > li{position:relative; margin-top:50px; }
.profile .profile_box li .profile_img{display: inline-block; position: relative; width:110px; padding:10px; border:1px solid #bfc5cd; vertical-align: top;}
.profile .profile_box li .profile_info{display: inline-block; position: relative; width: calc(100% - 110px); padding-left:30px;}
.profile .table{text-align:left;}
.profile .table th, .profile .table td{padding:10px 25px;}
.profile .table td{color:#303b49;}

@media all and (max-width:480px){
    .profile .profile_box > li:first-child{margin-top: 50px;}
    .profile .profile_box > li{margin-top:50px; text-align: center;}
    .profile .profile_box > li .profile_img img{border:1px solid #bfc5cd;}
    .profile .profile_box li .profile_info{display: block; width: 100%; padding-left: 0; margin-top: 10px;}
}

/*정보 박스*/
.info_box_wrap{display: block; position: relative; font-size: 0; line-height: 0;}
.info_box_wrap .info_box.half{display:inline-block; position: relative; width: calc((100% - 10px) / 2); padding:13px 0 12px 84px; margin-right: 10px; background-color: #f6f7f9; border-radius: 7px; }
.info_box_wrap .info_box.half:nth-child(2n){margin-right: 0;}
.info_box_wrap .info_box.half:before{display: inline-block; position: absolute; top: 13px; left: 23px; width: 45px; height: 45px;
    background-image: url("/site/public/images/sprite/info_sprite.png"); background-position: left; }
.info_box_wrap .info_box.fax.half:before{background-position: right;}
.info_box_wrap .info_box.half span{position:relative; font-size: 16px; line-height: 45px; color: #0a1646; letter-spacing: 0; font-weight: 500;}
.info_box_wrap .info_box.half span.info_title{margin-right: 11px;}
.info_box_wrap .info_box.half span.info_text{padding-left:15px; letter-spacing: -0.035em; font-weight: 200;}
.info_box_wrap .info_box.half span.info_text:before{display: inline-block; position: absolute; top: 0; bottom: 0; left:0; width:2px; height:10px; margin: auto 0;
    background: url("/site/public/images/template/info_icon01.png") no-repeat;}

@media (min-width: 641px) and (max-width: 1200px) {
    .info_box_wrap .info_box.half span{display: block;}
}
@media all and (max-width: 640px) {
    .info_box_wrap .info_box.half{width: 100%; margin-right: 0; padding: 13px 13px 12px 75px;}
    .info_box_wrap .info_box.half + .info_box.half{margin-top: 15px;}
    .info_box_wrap .info_box.half:before{left: 15px;}
}


/*취업 현황*/
.job_bg{position:relative; width:100%; height:300px; border-radius:6px 6px 127px; background-color:#00a195; font-family:'SCDream'; font-size:32px; letter-spacing: -0.05em; line-height: 40px; font-weight: 500; color:#fff;}
.job_bg:before, .job_tit, .job_tit:after{display:block; position:absolute;}
.job_bg:before{bottom:0; left:22px; width:485px; height:251px; background-image:url('/site/public/images/template/job_bg.png'); background-repeat:no-repeat; background-position:left bottom; background-size:100%; backface-visibility:hidden;}
.job_bg .job_tit{display:block; top:115px; left:512px;}
.job_bg .job_tit:after{top:-54px; left: 3px; width:56px; height:34px; background-image:url('/site/public/images/template/quotes_sprite.png'); background-position:left 50%; background-size:100% 358.82%;}
.job_bg .job_tit span{font-size:40px; font-weight: 600;}
@media all and (max-width:1200px){
    .job_bg{height:240px; font-size:28px; border-bottom-right-radius:94px;}
    .job_bg:before{left:10px; width:360px; height:186px;}
    .job_bg .job_tit{top:100px; right:30px; left:auto;}
    .job_bg .job_tit:after{top:-45px; width:52px; height:30px;}
    .job_bg .job_tit span{font-size:36px;}
}
@media all and (max-width:1000px){
    .job_bg{overflow: hidden;}
    .job_bg:before{left: auto; right: 0;}
    .job_bg .job_tit{right:auto; left: 30px;}

}
@media all and (max-width:780px){
    .job_bg{height:220px; font-size:22px; border-bottom-right-radius:74px;}
    .job_bg:before{width:300px; height:156px;}
    .job_bg .job_tit{top:90px; right:60px;}
    .job_bg .job_tit span{font-size:30px;}
    .job_bg .job_tit:after{top:-40px; width:42px; height:25px;}
}
@media all and (max-width:640px){
    .job_bg{height:210px;}
    .job_bg{border-bottom-right-radius:54px;}
    .job_bg:before{width:260px; height:156px;}
    .job_bg .job_tit{top:80px;}
}
@media all and (max-width:580px){
    .job_bg:before{width:230px; height:156px;}
    .job_bg .job_tit{top:60px;}
}


/*------기존 디자인그대로--*/
.temp_center .small.type1{position:relative; padding-left:30px; font-size:17px;}
.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(/site/www/images/contents/temp_box_line.png) repeat-y 0 0}
.temp_center li:first-child:after {background:none;}

.temp_center .small.type1:before{position:absolute; top:0; left:0; display:inline-block; width:24px; height:24px; background: url(/site/www/images/contents/before_temp_image.png) no-repeat 0 -391px}
.temp_center .temp_adress.small.type1:before{background-position:0 -349px}
.temp_center .temp_tel.small.type1:before {background-position:0 -295px;}
.temp_center .temp_fax.small.type1:before{position:absolute; top:0; left:0; width:24px; height:24px; display:inline-block; background:url(/site/www/images/contents/before_temp_image-fax.png)0 0 no-repeat;}




@media screen and (max-width:700px) {
    .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;}
}

@media screen and (max-width:641px) {
    .temp_center .small.type1{font-size:14px;}
}




/*.temp_center.divide2 .small.type1{position:relative; padding-left:30px; font-size:17px;}*/
/*.temp_center.divide2{background-color:#ededed; padding:3%; box-sizing:border-box; text-align:center;}*/
.temp_center.divide2 li{position:relative; width:calc(100% / 2); float:left;}
.temp_center.divide2 li:after{left:23px;}
/*.temp_center.divide2 li:first-child:after {background:none;}*/

.temp_center.divide2 .small.type1:before{position:absolute; top:0; left:0; display:inline-block; width:24px; height:24px; background: url(/site/www/images/contents/before_temp_image.png) no-repeat 0 -391px}
.temp_center.divide2 .temp_adress.small.type1:before{background-position:0 -349px}
.temp_center.divide2 .temp_tel.small.type1:before {background-position:0 -295px;}
.temp_center.divide2 .temp_fax.small.type1:before{position:absolute; top:0; left:0; width:24px; height:24px; display:inline-block; background:url(/site/www/images/contents/before_temp_image-fax.png)0 0 no-repeat;}


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

@media screen and (max-width:641px) {
    .temp_center.divide2 .small.type1{font-size:14px;}
}


/* 취업정보 */
.mobile_v{display: none;}
.list_jobs .p-page{display:table;margin:0;text-align:center}
.list_jobs .pagination_wrap{font-size: 0; line-height: 0;}
.list_jobs .pagination_wrap a{display: inline-block; vertical-align: top;}
.list_jobs .pagination_wrap .move_link,
.list_jobs .pagination_wrap span{position:relative;width:40px;height:40px;margin-left:0;margin-right:0;text-align:center;font-size:15.2px;color:#222;line-height:40px;letter-spacing:-2px;vertical-align:middle;border-top:solid 1px #dedede;border-right:solid 1px #dedede;border-bottom:solid 1px #dedede;background:#fff}
.list_jobs .pagination_wrap em span{border-color:#202e70;background:#202e70;color:#fff;font-weight:400}
.list_jobs .pagination_wrap em span:after{display:block;position:absolute;left:50%;bottom:8px;transform:translateX(-5px);width:12px;height:1px;background:rgba(255,255,255,.8)}
.list_jobs .pagination_wrap em span:hover{background:#202e70}
.list_jobs .pagination_wrap span:hover{background:#f4f4f4}
.list_jobs .pagination_wrap .move_link.first{border-left: 1px solid #dedede;}
.list_jobs .pagination_wrap .move_link span{display:none; font-size: 0;}
.list_jobs .pagination_wrap .move_link.last:before,
.list_jobs .pagination_wrap .move_link.next:before,
.list_jobs .pagination_wrap .move_link:before,
.list_jobs .pagination_wrap .move_link.prev:before{display:inline-block;width:12px;height:18px;margin-top:-2px;background-repeat:no-repeat;background-position:center center;background-size:16px 18px;vertical-align:middle;content: ''}
.list_jobs .pagination_wrap .move_link.prev:before{width:6px;height:18px;background-image:url(/common/images/program/p-icon-view.svg#angle-left);background-size:18px 18px;content: ''}
.list_jobs .pagination_wrap .move_link:before{background-image:url(/common/images/program/p-icon-view.svg#angle-double-left);content: ''}
.list_jobs .pagination_wrap .move_link.next:before{width:6px;height:18px;background-image:url(/common/images/program/p-icon-view.svg#angle-right);background-size:18px 18px;content: ''}
.list_jobs .pagination_wrap .move_link.last:before{background-image:url(/common/images/program/p-icon-view.svg#angle-double-right);content: ''}


@media all and (max-width:800px){
    .list_jobs .table_scroll{position:relative; max-width:100%; overflow-x:auto;}
    .list_jobs .table_scroll table{min-width:auto;}
    .list_jobs .table_scroll .list_jobs{min-width:800px;}
}

/* 취업정보 등록 */
.list_jobs .cts1098_regist tr.t_to_t .input_text{padding:5px 0; margin-right: 3px; border: 1px solid #dedede; vertical-align: top;}
.list_jobs .cts1098_regist tr.t_to_t .input_text:first-child{text-align: center;}
.list_jobs .cts1098_regist tr.t_to_t a{padding:6px 10px; margin-right: 3px; background-color:#efefef;border-color:#d6d6d6;color:#666}



/* 템플릿 전용 */
.template_h2{margin-top:40px; margin-bottom:30px; color:#000; font-size:30px; font-weight:600; line-height:32px; letter-spacing:-0.025em;}
.template_h3{position:relative; margin-top:20px; margin-bottom:20px; color:#000; font-size:20px; font-weight:500; line-height:22px; letter-spacing:-0.025em;}
.template_comment{margin-top:10px; margin-bottom:10px; color:#000; font-size:16px; line-height:18px; letter-spacing:-0.025em;}

/* 정렬 */
.text_center{text-align:center!important;}
.text_right{text-align:right!important;}
.text_left{text-align:left!important;}

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

.mt0{margin-top:0!important;}
.mt5{margin-top:5px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt25{margin-top:25px!important;}
.mt30{margin-top:30px!important;}
.mt35{margin-top:35px!important;}
.mt40{margin-top:40px!important;}
.mt45{margin-top:45px!important;}
.mt50{margin-top:50px!important;}
.mt60{margin-top:60px!important;}
.mr0{margin-right:0!important;}
.mr5{margin-right:5px!important;}
.mr10{margin-right:10px!important;}
.mr15{margin-right:15px!important;}
.mr20{margin-right:20px!important;}
.mr25{margin-right:25px!important;}
.mr30{margin-right:30px!important;}
.mr35{margin-right:35px!important;}
.mr40{margin-right:40px!important;}
.mr45{margin-right:45px!important;}
.mr50{margin-right:50px!important;}
.mr55{margin-right:55px!important;}
.mr60{margin-right:60px!important;}
.mb0{margin-bottom:0!important;}
.mb5{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb25{margin-bottom:25px!important;}
.mb30{margin-bottom:30px!important;}
.mb35{margin-bottom:35px!important;}
.mb40{margin-bottom:40px!important;}
.mb45{margin-bottom:45px!important;}
.mb50{margin-bottom:50px!important;}
.mb55{margin-bottom:55px!important;}
.mb60{margin-bottom:60px!important;}
.ml0{margin-left:0!important;}
.ml5{margin-left:5px!important;}
.ml10{margin-left:10px!important;}
.ml15{margin-left:15px!important;}
.ml20{margin-left:20px!important;}
.ml25{margin-left:25px!important;}
.ml30{margin-left:30px!important;}
.ml35{margin-left:35px!important;}
.ml40{margin-left:40px!important;}
.ml45{margin-left:45px!important;}
.ml50{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_40{padding:40px!important;}
.pt0{padding-top:0!important;}
.pt5{padding-top:5px!important;}
.pt10{padding-top:10px!important;}
.pt15{padding-top:15px!important;}
.pt20{padding-top:20px!important;}
.pt25{padding-top:25px!important;}
.pt30{padding-top:30px!important;}
.pt35{padding-top:35px!important;}
.pt40{padding-top:40px!important;}
.pt45{padding-top:45px!important;}
.pt50{padding-top:50px!important;}
.pt60{padding-top:60px!important;}
.pr0{padding-right:0!important;}
.pr5{padding-right:5px!important;}
.pr10{padding-right:10px!important;}
.pr15{padding-right:15px!important;}
.pr20{padding-right:20px!important;}
.pr25{padding-right:25px!important;}
.pr30{padding-right:30px!important;}
.pr35{padding-right:35px!important;}
.pr40{padding-right:40px!important;}
.pr45{padding-right:45px!important;}
.pr50{padding-right:50px!important;}
.pb0{padding-bottom:0!important;}
.pb5{padding-bottom:5px!important;}
.pb10{padding-bottom:10px!important;}
.pb15{padding-bottom:15px!important;}
.pb20{padding-bottom:20px!important;}
.pb25{padding-bottom:25px!important;}
.pb30{padding-bottom:30px!important;}
.pb35{padding-bottom:35px!important;}
.pb40{padding-bottom:40px!important;}
.pb45{padding-bottom:45px!important;}
.pb50{padding-bottom:50px!important;}
.pl0{padding-left:0!important;}
.pl5{padding-left:5px!important;}
.pl10{padding-left:10px!important;}
.pl15{padding-left:15px!important;}
.pl20{padding-left:20px!important;}
.pl25{padding-left:25px!important;}
.pl30{padding-left:30px!important;}
.pl35{padding-left:35px!important;}
.pl40{padding-left:40px!important;}
.pl45{padding-left:45px!important;}
.pl50{padding-left:50px!important;}

/* 퍼센트 넓이 */
.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:640px){
    .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-30p{width:30%!important;}
    .w-sm-40p{width:40%!important;}
    .w-sm-50p{width:50%!important;}
    .w-sm-60p{width:60%!important;}
    .w-sm-70p{width:70%!important;}
    .w-sm-80p{width:80%!important;}
    .w-sm-90p{width:90%!important;}
    .w-sm-100p{width:100%!important;}
}



/*게시물 버튼*/
.bbs .p-button.p-button--small.darken{float: none !important;}
.bbs__list .p-button.write{display: inline-block; width: auto;}
.bbs .bbs__move .p-input.p-input--auto{width: 100%;}

/* 게시판 이미지 */
.p-table td .p-photo img{max-height: 100%;}

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

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

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

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