body.scroll{overflow:hidden;}
/* body.scroll:after{content:''; position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9000; overflow:hidden;} */
.f_left{float:left;}
.f_right{float:right;}
.url, .url:hover{text-decoration:underline;}


/*로그인페이지*/
.login_wrap {position:relative;height:100vh;z-index:1;padding-top:180px;}
.login_wrap h1 {text-align:center;}
.login_wrap:before {content:"";position:absolute;top:0;left:0;height:50%;width:100%;background:#094897;z-index:-1;}
.login_boxx {position:absolute;top:0;left:0;right:0;bottom:0;width:400px;height:300px;padding:50px;margin:auto;background:#fff;-webkit-box-shadow: 0 4px 5px -1px rgba(0,0,0,.2);box-shadow: 0 4px 5px -1px rgba(0,0,0,.2);}
.login_boxx input {padding: 10px 20px ;width:100%;height: 45px;font-size: 15px;color: #000;border: 1px solid #b9b9b9;}
.login_boxx input:focus {outline :1px solid #5AB12E;}
.login_boxx input + input {margin-top:10px;}
.login_boxx .btn {margin:15px 0;}
.login_boxx .btn button{color:#fff;width:100%;height:60px;line-height:60px;text-align:center;font-size:24px;background:#5AB12E;}
.login_boxx .adr {position:absolute;bottom:-100px;left:0;width:100%;color:#7e7e7e;font-size:13px;font-family:'Malgun Gothic';letter-spacing:-0.05em;line-height:1.4;}
.login_boxx .adr span {display:inline-block;width:100px;color:#2e2e2e;font-size:14px;font-family:'Malgun Gothic';vertical-align:middle;font-weight:bold;}
.logo a img {
    width: 270px;
}

/*라디오 체크박스 버튼*/
.rdobox, .chkbox {display:inline-block;position:relative;margin-right:15px;min-width:20px;min-height:20px;overflow:hidden;vertical-align:middle;}
.rdobox input, .chkbox input {position:absolute;left:0;top:0;width:20px;height:20px;opacity:0;z-index:-1;}
.rdobox.right label, .chkbox.right label {display:block;position:relative;padding-right:30px;padding-left:0;cursor:pointer;font-size:15px;color:#545454;}
.rdobox label, .chkbox label {display:block;position:relative;padding-left:30px;cursor:pointer;font-size:15px;color:#545454;}
.rdobox.right label:before {content:"";position:absolute;top:3px;left:auto;right:0px;width:20px;height:20px;border:1px solid #ccc;border-radius:50%;color:#545454;}
.rdobox.right input[type="radio"]:checked + label:after {content:"";position:absolute;top:8px;right:5px;width:10px;height:10px;border-radius:50%;background:#f23e74;}

.chkbox.right label:before {content:"";position:absolute;top:3px;left:auto;right:0px;width:20px;height:20px;border:1px solid #ccc;color:#545454;}
.chkbox.right input[type="checkbox"]:checked + label:before {border:1px solid #ccc;background: url('/resources/UW/_Images/admin/icon_check.png')center no-repeat;}
.chkbox label:before {content:"";position:absolute;top:2px;left:0px;width:20px;height:20px;border:1px solid #ccc;color:#545454;}
.chkbox input[type="checkbox"]:checked + label:before {border:1px solid #ccc;background: url('/resources/UW/_Images/admin/icon_check.png')center no-repeat;}


#header {position:relative;height:70px;padding:20px 15px 0 ;border-bottom:1px solid #b7b7b7;}
#header h1 {float:left;}
#header h1 a {position: relative;display: block;width: 273px;height: 38px;overflow: hidden;}	
#header h1 a img {position: absolute;bottom: 0;left: 0;display: block;width: 273px;transition: all 0.2s}
#header .sitemap_btn {position:absolute;right:0;top:0;width:70px;height:70px;line-height:70px;background:#084897;cursor:pointer;text-align:center;}
#header .sitemap_btn img {vertical-align:middle;}
#adm_wrap {position:relative;}
.gnb {position:absolute;height:100%;background:#084897;z-index:99;}
.gnb > li.lnb_bg {display:none;position:absolute;top:0;left:100%;height:100%;width:200px;border-right:1px solid #b7b7b7;background:#fff;}
.gnb > li {border-bottom:1px solid #4676b1;}
.gnb > li > a {display:table-cell;width:140px;height:100px;vertical-align:middle;text-align:center;}
.gnb > li > a:hover {background:#073066;}
.gnb > li > a.on {background:#073066;}
.gnb > li > a span {display:block; margin-top:10px; color:#fff;font-size:16px; letter-spacing:-0.05em;}
.gnb > li > .lnb {display:none;position:absolute;left:100%;top:0;width:200px;height:100vh;padding:30px 0 0 25px;}
.gnb > li > .lnb li + li {margin-top:20px;}
.gnb > li > .lnb a {position:relative;display:inline-block;padding:0 5px;font-size:15px;color:#6e6e6e;z-index:1;font-weight:700;}
.gnb > li > .lnb a:hover {color:#000;}
.gnb > li > .lnb a:hover:before {content:"";position:absolute;top:50%;left:0;width:100%;height:10px;background:#74d6ff;z-index:-1;}
.gnb > li > .lnb a.active {color:#000;}
.gnb > li > .lnb a.active:before {content:"";position:absolute;top:50%;left:0;width:100%;height:10px;background:#74d6ff;z-index:-1;}
.contents {overflow-x: auto;/*min-width: 1550px;*/padding:25px 30px 25px 185px;min-height:100vh;background:#F1F1F1;}
.contents.on {padding:25px 0 0 385px;}
.contents .inner {width:1400px;}
.contents .inner .today {text-align:right;font-size:21px;color:#000;}
.contents .inner .today strong {font-size:21px;margin-right:5px;font-weight:900;}
.front_box .login_box {float:left;display:table;width:350px;height:230px;border:1px solid #e1e1e1;background:#fff;}
.front_box .login_box .in {display:table-cell;vertical-align:middle;text-align:center;}
.front_box .login_box .in > img {}
.front_box .login_box.uway .in > img.smu {display:none;}
.front_box .login_box.smu .in > img.uway {display:none;}
.front_box .login_box .in a.id {display:block;margin-top:10px;font-weight:900;font-size:20px;line-height:1;}
.front_box .login_box .in a.id img {margin-right:5px;vertical-align:middle;}
.front_box .login_box .in a.id.uway {color:#e31a51;}
.front_box .login_box.smu .in a.id.uway {display:none;}
.front_box .login_box .in a.id.smu {color:#084897;}
.front_box .login_box.uway .in a.id.smu {display:none;}
.front_box .login_box .in .login_date {display:block;margin-top:5px;font-size:12px;color:#757575;line-height:1;}
.front_box .login_box .in a.logout {display:inline-block;width:100px;height:30px;line-height:30px;margin-top:10px;font-size:13px;color:#fff;background:#929BAA;border-radius:30px;}
.front_box .login_box .in a.logout img {vertical-align:middle;margin:-2px 10px 0 0;}

.data_box {float:right;display:table;width:700px;height:230px;border:1px solid #e1e1e1;background:#fff;}
.data_box li {display:table-cell;vertical-align:middle;text-align:center;}
.data_box li div {margin-top:20px;}
.data_box li div span {font-size:17px;color:#929292;line-height:1;}
.data_box li div strong {display:block;font-size:33px;color:#1f1f1f;font-weight:900;line-height:1;}

.new_board_box {background:#fff;border:1px solid #e1e1e1;padding:40px;margin-top:10px;}
.new_board_box .board_tit span {font-weight:700;line-height:1;}
.new_board_box .board_tit .tit_left {float:left;color:#f34479;font-size:24px;}
.new_board_box .board_tit .tit_right {float:right;font-size:20px;color:#000;}
.new_board_box .board_tit .tit_right em {color:#084897;margin-left:5px;font-weight:700;}


.new_board {padding-top:5px;margin-top:20px;border-top:2px solid #707070;}
.new_board .tr {display:table;table-layout:fixed;width:100%;height:70px;}
.new_board .tr + .tr {border-top:1px dashed #e1e1e1;}
.new_board .tr .td {display:table-cell;vertical-align:middle;text-align:center;font-size:17px;color:#000;}
.new_board .tr .td.type {width:10%;}
.new_board .tr .td.blue {width:8%;color:#084897;font-weight:900;}
.new_board .tr .td.con {padding-left:15px;text-align:left;width:54%;}
.new_board .tr .td.con a {display:block;color:#000;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.new_board .tr .td.campus {width:10%;font-weight:400;}
.new_board .tr .td.date {width:15%;font-weight:400;}
.new_board .tr .td.jaryo {width:5%;}
a.board_more {display:block;height:40px;line-height:38px;text-align:center;border:1px solid #e1e1e1;background:#EEEFF3;font-size:12px;color:#757575;}
a.board_more img {margin-left:5px;vertical-align:middle;}
.hashtag {margin-top:20px;}
.hashtag span {display:inline-block;vertical-align:middle;}
.hashtag span a {vertical-align:middle;color:#084897;font-size:17px;font-weight:700;}
.hashtag span a:before {content:"#";display:inline-block;margin-right:5px;}
.hashtag span a:hover {color:#f34479;}
.hashtag span + span {margin-left:45px;}

.user_info {float:left;margin-left:40px;height:30px;}
.user_info .id {line-height:30px;font-size:12px;font-weight:900;font-family:'gulim';}
.user_info .id img {vertical-align:middle;margin:-5px 0 0 2px;}
.user_info .id.uway {color:#e31a51;}
.user_info .id.smu {color:#084897;}
.user_info .login_date {margin-left:15px;vertical-align:middle;font-family:'gulim';font-size:13px;}
.user_info .logout {margin-left:15px;text-decoration:underline;vertical-align:middle;font-family:'gulim';font-size:13px;}
.user_info.uway .id.smu {display:none;}
.user_info.smu .id.uway {display:none;}



.page_tit{position:relative; margin-bottom:30px; }
.page_tit:after{content:''; display:block; clear:both;}
.location{position:absolute; right:0; top:0; text-align:right; font-size:13px;}
.r_cont{width:1070px; }
.contbox{position:relative; }
.h2_tit{float:left; font-size:24px; color:#333; }
.h3_tit{font-size:18px; color:#333; margin:50px 0 10px; font-weight:500;}
.h3_tit span.bar{position:relative; padding-left:20px;}
.h3_tit span.bar:after{content:''; position:absolute; left:8px; top:50%; margin-top:-8px; display:block; width:1px; height:16px; background:#555;}
.h4_tit{font-size:16px; color:#333; font-weight:500;}
.input_text1{height:35px; padding:0 10px; border:1px solid #ccc;}
.button1{position:absolute; right:0; top:0; height:27px; padding:0 10px; background:#0C56AF; border:none; color:#fff; font-size:13px;}

/*section on/off 스위치*/
.sub_switch {float:left;margin:5px 0 0 15px;width:65px;border-radius:30px;height:30px;position: relative;background-color: #f23e74;}
.sub_switch.off {background-color: #A0A0A0;}
.sub_switch label { float: left;position: relative;font-size:17px;z-index: 2;line-height: 30px;cursor: pointer;color: #fff;font-family:'Arial';}
.sub_switch label.one-stop_on {width:50%;padding-left:7px;}
.sub_switch label.one-stop_off {width:50%;padding-left:4px;}
.sub_switch input[type="radio"] { display: none;}
.sub_switch span {position: absolute; z-index: 3;top: 0;right: 0;width: 50%;height: 100%; display: block;border-radius: 40px;background-color: #fff;transition: all 200ms ease;border:1px solid #b7b7b7;}
.sub_switch span.right {right: 50%;width:50%;border-radius: 30px;}

/*신청 캘린더*/
#mdp {margin-top:15px;}
.ui-datepicker.ui-datepicker-multi {width:100% !important;}

.apply_tab {margin-top:30px;overflow:hidden;}
.apply_tab li {float:left;}
.apply_tab li a {display:block;padding:0 15px;height:50px;line-height:50px;background:#c6cbd8;color:#444;font-size:15px;}
.apply_tab li.active a {background:#0C56AF;color:#fff;}
.btn_wrap .left {float:left;}

.btn_wrap .color span {display:inline-block;margin-top:10px;vertical-align:middle;font-size:15px;line-height:1;}
.btn_wrap .color span.ok:before {content:"";display:inline-block;margin-right:5px;width:15px;height:15px;background:#743620 ;vertical-align:middle;}
.btn_wrap .color span.no:before {content:"";display:inline-block;margin-right:5px;width:15px;height:15px;background:#e6e6e6  ;vertical-align:middle;border:1px solid #d3d3d3;}

.calendar_head {text-align:center;background:#fff;height:80px;line-height:80px;}
.calendar_head a img {vertical-align:middle;}
.calendar_head a.next img {transform: rotate(-180deg);}
.calendar_head span {display:inline-block;margin:0 40px;font-size:35px;font-weight:900;color:#000;vertical-align:middle;}
p.red {color:red;}

input.massage.w130 {width:130px;}
input.massage.w60 {width:60px;}
.block {padding:5px 0 0 0 ;}

.btnArea{text-align:right; font-size:0;  }
.btnArea.center{text-align:center; font-size:0;  }
.btn_type_blue{display:inline-block; width:120px; height:40px; background:#0C56AF; border:none; text-align:center; font-size:15px; color:#fff; line-height:40px; vertical-align:middle; cursor:pointer;}
.btn_type_blue2{display:inline-block; width:120px; height:35px; background:#0C56AF; border:none; text-align:center; font-size:14px; color:#fff; line-height:35px; vertical-align:middle; cursor:pointer;}
.btn_type_blue3{display:inline-block; width:120px; height:27px; background:#0C56AF; border:none; text-align:center; font-size:13px; color:#fff; line-height:27px; vertical-align:middle; cursor:pointer;}
.btn_type_blueLine2{display:inline-block; width:120px; height:35px; background:#fff; border:1px solid #0C56AF; text-align:center; font-size:14px; color:#0C56AF; line-height:35px; vertical-align:middle; cursor:pointer;}
.btn_type_blueLine3{display:inline-block; width:120px; height:27px; background:#fff; border:1px solid #0C56AF; text-align:center; font-size:13px; color:#0C56AF; line-height:26px; vertical-align:middle; cursor:pointer; }
button.btn_type_blueLine3{line-height:23px;}
.btn_type_grey{display:inline-block; width:120px; height:40px; background:#A0A0A0; border:none; text-align:center; font-size:15px; color:#fff; line-height:40px; vertical-align:middle; cursor:pointer;}
.btn_type_grey3{display:inline-block; width:120px; height:27px; background:#808080; border:none;  text-align:center; font-size:12px; color:#fff; line-height:27px; vertical-align:middle; cursor:pointer;}




.tree{width:300px; min-height:600px; max-height:750px; background:#fff; border:1px solid #ccc; overflow-y:scroll;}
.tree > ul{}
.tree > ul > li{font-size:12px;}
.tree > ul > li > ul{}
.tree > ul > li > ul > li{}

.dd_sort{}
.dd_sort li{}
.dd_sort li.dd_item{position:relative; width:250px; margin-bottom:5px; padding:10px 15px 10px 50px; background:#fff url(/resources/UW/_Images/admin/icon_cate.png) 5px center no-repeat; border:1px solid #e1e1e1;}
.dd_sort li.dd_item .delete{position:absolute; right:10px; top:8px; cursor:pointer;}


.fl_tbl_03{float:left; width:32%;}
.fl_tbl_03:nth-of-type(2){margin:0 2%;}
.top_cate{padding:20px; background:#fff; border:1px solid #e1e1e1; }
.fz12{font-size:12px !important;}
.fz13{font-size:13px !important;}
.fz14{font-size:14px !important;}
.fz15{font-size:15px !important;}
.fz16{font-size:16px !important;}
.w10{width:10% !important;}
.w20{width:20% !important;}
.w50{width:50% !important;}
.w80{width:80% !important;}
.w100{width:100% !important;}
.w50px{width:50px;}
.w75px{width:75px;}
.w100px{width:100px;}
.w150px{width:150px;}
.w200px{width:200px;}
.w250px{width:250px;}
.w300px{width:300px;}

.table1{border-top:2px solid #12519e;}
.table1 thead{}
.table1 thead tr{}
.table1 thead th{padding:10px 15px; background:#EEF6F8; border-bottom:1px solid #e1e1e1; text-align:left; font-weight:400;}
.table1 thead th.left{text-align:left;}
.table1 thead th.center{text-align:center;}
.table1 thead td{}
.table1 tbody tr{}
.table1 tbody th{padding:10px 15px; background:#EEF6F8; border-bottom:1px solid #e1e1e1; font-weight:400;}
.table1 tbody th.br{border-right:1px solid #e1e1e1;}
.table1 tbody th.left{text-align:left;}
.table1 tbody td{height:56px;  padding:10px 15px; background:#fff; border-bottom:1px solid #e1e1e1; font-size:14px; font-weight:400; }
.table1 tbody td.br{border-right:1px solid #e1e1e1;}
.table1 tbody td.right{text-align:right;}
.table1 tbody td.center{text-align:center;}
.table1.mini thead th{padding:5px 10px; font-size:14px;}
.table1.mini tbody th{padding:5px 10px; font-size:14px;}
.table1.mini tbody td{height:45px; padding:5px 10px; font-size:13px;}
.table1.mini tbody td.red{font-size:14px; color:red;}

/* add css adminMain.do */	
.table1.mini tbody .tdDate div {padding:5px 0;}	
.table1.mini tbody .tdDate .bottom p:last-child {margin-top: 5px;}	
.table1.mini tbody .tdIcon {}	
.table1.mini tbody .tdIcon label {width: 70px;height: 50px;display: inline-block;margin: 5px 10px;margin-left: 0px;}	
.table1.mini tbody .tdIcon input {display: inline-block;}	
.table1.mini tbody .tdIcon img {width: 50px;height: auto;display: inline-block;}

.table2{border-top:2px solid #12519e;}
.table2 thead{}
.table2 thead tr{}
.table2 thead th{padding:10px; background:#EEF6F8; border-bottom:1px solid #e1e1e1; text-align:center; font-weight:400;}
.table2 thead td{text-align:center; }
.table2 thead td.left{text-align:left;}
.table2 tbody tr{}
.table2 tbody tr.expiration td{background:#ddd;}
.table2 tbody th{padding:10px 15px; background:#EEF6F8; border-bottom:1px solid #e1e1e1; text-align:center; font-weight:400;}
.table2 tbody td{height:56px;  padding:10px 15px; background:#fff; border-bottom:1px solid #e1e1e1; text-align:center; font-size:14px; font-weight:400; }
.table2 tbody td.left{text-align:left;}
.table2 tbody td.right{text-align:right;}
.table2 tbody td .bbs_tit{display:inline-block; max-width:430px; margin-right:5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align:middle;}
.table2 tbody td .re{font-size:12px; color:red;}

.fileName{min-height:24px; padding-left:25px;}
.fileName.type_pdf{background:url(/resources/UW/_Images/admin/icon_file_pdf.png) 0 0 no-repeat;}
.fileName.type_hwp{background:url(/resources/UW/_Images/admin/icon_file_hwp.png) 0 0 no-repeat;}
.fileName .btn_delete{font-weight:bold; color:#0C56AF;}
.file_num{position:relative; display:inline-block; margin:0 3px;}
.file_num .num{position:absolute; right:-7px; bottom:-5px; display:block; width:16px; height:16px; background:#0C56AF; border-radius:50%; text-align:center; font-size:11px; color:#fff; line-height:16px; }

.btn_wrap {margin-top:40px;text-align:center;overflow:hidden;}
.btn_wrap.notice input[type="button"] {width:120px;height:40px;line-height:40px;font-size:15px;}
.btn_wrap input[type="button"] {width:200px;height:50px;line-height:50px;text-align:center;font-size:22px;color:#fff;background:#0C56AF;border:0;cursor:pointer;}
.btn_wrap input[type="button"] + input[type="button"] {margin-right:10px;}
.btn_wrap input[type="button"].right {float:right;}
.btn_wrap input[type="button"].white {background:#fff;color:#0C56AF;border:1px solid #0C56AF;line-height:40px;}
.btn_wrap input[type="button"].gray {background:#A0A0A0;}

/*페이저*/
.pager {font-size:0;text-align:center;margin-top:45px;}
.pager.left {float:left;margin-top:0;}
.pager > span {display:inline-block;width:45px;height:45px;line-height:45px;vertical-align:middle;}
.pager > span img {vertical-align:middle;}
.pager > span a img.hover {display:none;}
.pager > span a:hover img.hover {display:inline-block;}
.pager > span a:hover img.noover {display:none;}
.pager > span a img.hover {transform:rotate(-180deg);}
.pager > span.page_next a img.noover {transform:rotate(-180deg);}
.pager > span.page_next a img.hover {transform:rotate(0);}
.pager > span.page_end a img.hover {transform:rotate(0);}
.pager .page_num {margin:0 15px;display:inline-block;vertical-align:middle;}
.pager .page_num li {display:inline-block;background:#fff;}
.pager .page_num li a {position:relative;display:block;margin-left:-1px;width:45px;height:45px;font-size:15px;color:#545454;line-height:43px;border:1px solid #b9b9b9;border-right:0;z-index:1;}
.pager .page_num li a:last-child {border-right:1px solid #b9b9b9;}
.pager .page_num li a.active {color:#fff;}
.pager .page_num li a.active:before {content:"";position:absolute;top:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px);background:#12519e;color:#fff;z-index:-1;}
.pager .page_num li a:hover {color:#fff;}
.pager .page_num li a:hover:before {content:"";position:absolute;top:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px);background:#12519e;color:#fff;z-index:-1;}


.tabMenu01{border-bottom:2px solid #0C56AF; padding-left:1px;}
.tabMenu01 li{float:left; min-width:130px; height:38px; margin-left:-1px; text-align:center; }
.tabMenu01 li a{display:block; width:100%; height:100%; background:#fafafa; border:1px solid #ddd; line-height:38px;}
.tabMenu01 li.on{ }
.tabMenu01 li.on a{background:#0C56AF; border:1px solid #0C56AF; color:#fff;}

.tabMenu02{padding:20px 20px 0px 20px;}
.tabMenu02 li.w30{float:left; min-width:33%; height:56px; margin-left:-1px; text-align:center; }
.tabMenu02 li.w50{float:left; min-width:30%; height:38px; margin-left:-1px; text-align:center; }
.tabMenu02 li a{display:block; width:100%; height:100%; background:#fafafa; border:1px solid #ddd; line-height:38px;}
.tabMenu02 li.w30 a{display:block; width:100%; height:100%; background:#fafafa; border:1px solid #ddd; line-height:56px;}
.tabMenu02 li.on{ }
.tabMenu02 li.on a{background:#0C56AF; border:1px solid #0C56AF; color:#fff;}

.bg_grey{padding:15px 20px 20px; background:#EEF6F8; border-top:1px solid #12519e;}
.num_list{padding:10px; background:#fff; border:1px solid #ccc;}
.num_list li{position:relative; height:27px; margin-bottom:7px; font-size:13px; }
.num_list li span.num{display:inline-block; width:50px; text-align:center; line-height:27px;}
.num_list li span.modify_txt{line-height:27px;}

.label_admin{display:inline-block; margin:0 3px; padding:3px 2px 3px 5px; border:1px solid #0C56AF; font-size:12px; color:#0C56AF; letter-spacing:-0.05em;}
.label_admin .delete{margin-left:1px; vertical-align:-3.5px; cursor:pointer;}

.pop_adminGroup_bg{position:fixed; left:0; top:0; display:none; width:100%; height:100%; background:rgba(0,0,0,0.5); overflow:hidden; z-index:9001;}
.pop_adminGroup{position:fixed; left:50%; top:150px; width:500px; height:580px; margin-left:-250px; background:#fff; border:1px solid #e1e1e1;  }
.pop_adminGroup h4{background:#0C56AF; font-size:18px; font-weight:400; color:#fff; }
.pop_adminGroup .btn_close{position:absolute; right:10px; top:11px; cursor:pointer;}
.pop_adminGroup .searchArea{border-bottom:1px solid #ddd;}
.pop_adminGroup .searchArea .input_text1{float:left; width:78%;}
.pop_adminGroup .searchArea .btn_search{float:right; width:20%; }
.pop_adminGroup .adminGroup_list_wrap{overflow-y:auto; height:376px;}

.layerPop_setting_bg{position:fixed; left:0; top:0; display:none; width:100%; height:100vh; background:rgba(0,0,0,0.5);  z-index:999;}
.layerPop_setting{position:fixed; left:50%; top:80px; width:700px; margin-left:-350px; border:1px solid #e1e1e1; }
.layerPop_setting h3{height:50px; padding-left:25px; background:#0C56AF; font-size:20px; font-weight:normal; color:#fff; line-height:50px;}
.layerPop_setting .btn_close{position:absolute; right:15px; top:10px; cursor:pointer;}
.layerPop_setting .settingCont{background:#fff; }
.layerPop_setting .settingCont .scroll_area{height:650px; padding:20px 20px 50px; border-bottom:1px solid #e1e1e1; overflow-y:scroll;}
.layerPop_setting .settingCont #moveBox th{cursor:move;}
.layerPop_setting .add_box{position:relative;}
.layerPop_setting .add_box_sample{display:none;}
.layerPop_setting .add_box .btn_delete{position:absolute; right:15px; top:10px;}

.visualPop_setting_bg{position:fixed; left:0; top:0; display:none; width:100%; height:100vh; background:rgba(0,0,0,0.5);  z-index:999;}
.visualPop_setting{position:fixed; left:50%; top:80px; width:700px; margin-left:-350px; border:1px solid #e1e1e1; }
.visualPop_setting h3{height:50px; padding-left:25px; background:#0C56AF; font-size:20px; font-weight:normal; color:#fff; line-height:50px;}
.visualPop_setting .btn_close{position:absolute; right:15px; top:10px; cursor:pointer;}
.visualPop_setting .settingVisualCont{background:#fff; }
.visualPop_setting .settingVisualCont .scroll_area{height:650px; padding:20px 20px 50px; border-bottom:1px solid #e1e1e1; overflow-y:scroll;}
.visualPop_setting .settingVisualCont #visualBox{cursor:move;}
.visualPop_setting .add_visual_box{position:relative;}
.visualPop_setting .add_visual_box_sample{display:none;}
.visualPop_setting .add_visual_box .btn_delete{position:absolute; right:15px; top:10px;}

.rollingPop_setting_bg{position:fixed; left:0; top:0; display:none; width:100%; height:100vh; background:rgba(0,0,0,0.5);  z-index:999;}
.rollingPop_setting{position:fixed; left:50%; top:80px; width:700px; margin-left:-350px; border:1px solid #e1e1e1; }
.rollingPop_setting h3{height:50px; padding-left:25px; background:#0C56AF; font-size:20px; font-weight:normal; color:#fff; line-height:50px;}
.rollingPop_setting .btn_close{position:absolute; right:15px; top:10px; cursor:pointer;}
.rollingPop_setting .settingRollingCont{background:#fff; }
.rollingPop_setting .settingRollingCont .scroll_area{height:650px; padding:20px 20px 50px; border-bottom:1px solid #e1e1e1; overflow-y:scroll;}
.rollingPop_setting .settingRollingCont #rollingBox{cursor:move;}
.rollingPop_setting .add_rolling_box{position:relative;}
.rollingPop_setting .add_rolling_box_sample{display:none;}
.rollingPop_setting .add_rolling_box .btn_delete{position:absolute; right:15px; top:10px;}

.boardPop_setting_bg{position:fixed; left:0; top:0; display:none; width:100%; height:100vh; background:rgba(0,0,0,0.5);  z-index:999;}
.boardPop_setting{position:fixed; left:50%; top:80px; width:700px; margin-left:-350px; border:1px solid #e1e1e1; }
.boardPop_setting h3{height:50px; padding-left:25px; background:#0C56AF; font-size:20px; font-weight:normal; color:#fff; line-height:50px;}
.boardPop_setting .btn_close{position:absolute; right:15px; top:10px; cursor:pointer;}
.boardPop_setting .settingBoardCont{background:#fff; }
.boardPop_setting .settingBoardCont .scroll_area{height:650px; padding:20px 20px 50px; border-bottom:1px solid #e1e1e1; overflow-y:scroll;}
.boardPop_setting .settingBoardCont #boardBox{cursor:move;}
.boardPop_setting .add_board_box{position:relative;}
.boardPop_setting .add_board_box_sample{display:none;}
.boardPop_setting .add_board_box .btn_delete{position:absolute; right:15px; top:10px;}

.bannerPop_setting_bg{position:fixed; left:0; top:0; display:none; width:100%; height:100vh; background:rgba(0,0,0,0.5);  z-index:999;}
.bannerPop_setting{position:fixed; left:50%; top:80px; width:700px; margin-left:-350px; border:1px solid #e1e1e1; }
.bannerPop_setting h3{height:50px; padding-left:25px; background:#0C56AF; font-size:20px; font-weight:normal; color:#fff; line-height:50px;}
.bannerPop_setting .btn_close{position:absolute; right:15px; top:10px; cursor:pointer;}
.bannerPop_setting .settingBannerCont{background:#fff; }
.bannerPop_setting .settingBannerCont .scroll_area{height:650px; padding:20px 20px 50px; border-bottom:1px solid #e1e1e1; overflow-y:scroll;}
.bannerPop_setting .settingBannerCont #bannerBox{cursor:move;}
.bannerPop_setting .add_banner_box{position:relative;}
.bannerPop_setting .add_banner_box_sample{display:none;}
.bannerPop_setting .add_banner_box .btn_delete{position:absolute; right:15px; top:10px;}

.videoPop_setting_bg{position:fixed; left:0; top:0; display:none; width:100%; height:100vh; background:rgba(0,0,0,0.5);  z-index:999;}
.videoPop_setting{position:fixed; left:50%; top:80px; width:700px; margin-left:-350px; border:1px solid #e1e1e1; }
.videoPop_setting h3{height:50px; padding-left:25px; background:#0C56AF; font-size:20px; font-weight:normal; color:#fff; line-height:50px;}
.videoPop_setting .btn_close{position:absolute; right:15px; top:10px; cursor:pointer;}
.videoPop_setting .settingVideoCont{background:#fff; }
.videoPop_setting .settingVideoCont .scroll_area{height:650px; padding:20px 20px 50px; border-bottom:1px solid #e1e1e1; overflow-y:scroll;}
.videoPop_setting .settingVideoCont #videoBox{cursor:move;}
.videoPop_setting .add_video_box{position:relative;}
.videoPop_setting .add_video_box_sample{display:none;}
.videoPop_setting .add_video_box .btn_delete{position:absolute; right:15px; top:10px;}



.file-wrapper {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
}
.file-wrapper input {
    cursor: pointer;
    font-size: 100px;
    height: 100%;
    filter: alpha(opacity=1);
    -moz-opacity: 0.01;
    opacity: 0.01;
    position: absolute;
    right: 0;
    top: 0;
}
.file-wrapper .button {
    background: #79130e;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    margin-right: 5px;
    padding: 4px 18px;
    text-transform: uppercase;
}


/*프로그램관리*/
#program_schedule_head{
    position:relative;height:61px
}
#program_schedule_head h3{padding-top:2px;text-align:center;}
#program_schedule_head h3 b{
    font-size:32px;font-family:Arial;color:#000;font-weight:normal
}

#program_schedule_head h3 button+button{
    left:657px;
    background:url(/resources/UW/_Images/btn/next.png) no-repeat;
}
#program_schedule_head h3 button { position: relative; display: inline-block; width: 19px; height: 40px; background: url(/resources/UW/_Images/btn/next.png) no-repeat; font-size: 0px; top:0px; left:0px; margin-left:20px;}
#program_schedule_head h3 button:first-child { background: url(/resources/UW/_Images/btn/prev.png) no-repeat; margin-right:20px;}
#program_schedule_head button.act_mode { display: inline-block; width: 25px; height: 25px; line-height: 25px; text-align: center; vertical-align: top; background: #1259ab; border-radius: 3px; color: #fff; font-weight: 600;}
#program_schedule_head>p{position:absolute;top:13px;right:0;}
#program_schedule_head>p .btn_icon{
    height:25px;line-height:20px;
    background:#3e4551;vertical-align:top
}
#program_schedule_head>p .customStyleSelectBox{background:#fff}
#program_schedule_head>span{
    position:absolute;top:15px;left:0
}
#program_schedule_head>span em{
    display:inline-block;
    font-size:12px;font-style:normal;color:#000
}
#program_schedule_head>span em:before{
    content:'';
    display:inline-block;width:10px;height:10px;
    margin-right:5px;
    background:#64a3d9;
    vertical-align:-1px
}
#program_schedule_head>span em+em{margin-left:15px}
#program_schedule_head>span em.color2:before{background:#f06369}
#program_schedule_head>span em.color3:before{background:#89be40}


#program_schedule_head {height:auto;margin-bottom:20px;padding:0 20px;background:#fff;}
#program_schedule_head h3 {display:block;width:200px;margin:0 auto;padding-top:0;}
#program_schedule_head h3 b {display:inline-block;height:34px;font-family:'Roboto';font-weight:600;line-height:72px;}
#program_schedule_head h3 button {left:auto !important;top:-11px !important;height:72px !important;background-position:50% 50% !important;}
#program_schedule_head h3 button:first-child {margin:0 20px 0 0;}
#program_schedule_head>p {top:24px;right:20px;}
#program_schedule_head>p .btn_icon.today2 {padding-right:30px;line-height:25px;}
#program_schedule_head>p .btn_icon.today2::before {display:block;position:absolute;right:4px;top:6px;width:13px;height:13px;background:url(/resources/UW/_Images/btn/calendar2.png) no-repeat 50% 50%;}
#program_schedule_head .date_mm {overflow:hidden;padding:23px 0;border-top:1px solid #e1e4eb;}
#program_schedule_head .date_mm li {position:relative;float:left;width:8.3%;height:23px;text-align:center;}
#program_schedule_head .date_mm li+li::before {content:'';display:block;position:absolute;left:0;top:0;width:1px;height:23px;background:#e1e4eb;}
#program_schedule_head .date_mm li a {display:inline-block;color:#666;font-size:16px;line-height:18px;}
#program_schedule_head .date_mm li:hover a,
#program_schedule_head .date_mm li.on a {padding:0 3px 7px;border-bottom:3px solid #2668b4;color:#2668b4;font-weight:bold;}
#program_schedule_head .date_mm.date_all li {width:7.6%;}





/*pop*/
.tabMenu.calendar{
    box-sizing:border-box;width:100%;overflow:hidden;
    background:url(/resources/UW/_Images/bg/tab.png) repeat-x 0 34px;margin:20px 0
}
.tabMenu.calendar.no_bg{background:none}
.tabMenu.calendar li{float:left;margin:0 1px 1px 0}
.tabMenu.calendar li a{
    display:block;box-sizing:border-box;min-width:76px;height:35px;line-height:35px;
    padding:0 20px;
    background:#c6cbd8;
    text-align:center;font-weight:600;font-size:14px;color:#444;letter-spacing:-1px
}
.tabMenu.calendar li a:hover,
.tabMenu.calendar li a.on{
    background:#2668b4;
    color:#fff
}

.pop_wrap{
    position:fixed;top:0;left:0;
    width:100%;height:100%;
    z-index:1000
}
.pop_wrap table {border-top:2px solid #000;}
.pop_wrap table th {background:#c6cbd8;border-bottom:1px solid #fff;}
.pop_wrap table td {padding:10px;border-bottom:1px solid #ccc;border-left:1px solid #ccc;}
.pop_wrap .pop_bg{
    position:fixed;top:0;left:0;
    width:100%;height:100%;
    background:#000;opacity:0.6;filter: alpha(opacity=60);
    z-index:1000
}
.pop_wrap .pop_ct{
    position:relative;width:100%;
    background:#fff;border:3px solid #2668b4;
    padding-bottom:25px;
}
.pop_wrap .pop_ct{
    position:fixed;top:40%;left:50%;
    box-sizing:border-box;width:420px;
    margin-left:-185px;padding-bottom:25px;
    background:#fff;border:3px solid #2668b4;
    z-index:1001
}
.pop_wrap .pop_ct h2{
    height:37px;line-height:37px;
    background:#2668b4;
    padding-left:14px;
    font-size:14px;font-weight:600;color:#fff
}
.pop_wrap .pop_ct .btn_close{
    position:absolute;top:10px;right:12px;
    display:block;width:15px;height:15px;
    background:url(/resources/UW/_Images/btn/pop_close1.png) no-repeat;
    font-size:0
}
.pop_wrap .pop_ct .select_area{
    margin:25px 23px 0;padding-bottom:20px;
    border-bottom:1px solid #c6cbd8;
    text-align:center
}
.pop_wrap .pop_ct .select_area .select{width:26.5%}
.pop_wrap .pop_ct .tabMenu{background-position:0 30px}
.pop_wrap .pop_ct .tabMenu li a{height:30px;line-height:30px;padding:0 15px}
.pop_admin{
    position:fixed;top:0;left:0;
    border:3px solid #2668b4;
    box-shadow:0 0 7px rgba(0,0,0,0.3);
    z-index:900;
    font-size:0
}
.pop_admin .pop_ct{font-size:0}
.pop_admin .today{
    position:relative;
    height:33px;line-height:33px;
    background:#2668b4;
    padding:0 13px
}
.pop_admin .today label{
    display:inline-block;
    font-size:12px;color:#fff
}
.pop_admin .today label input{margin-left:10px}
.pop_admin .today button{
    position:absolute;right:10px;bottom:10px;
    display:block;width:11px;height:11px;
    background:url(/resources/UW/_Images/btn/pop_close2.png);
    font-size:0
}
.pop_wrap #pop_schedule{
    top:50%;
    width:440px;margin:-186px 0 0 -220px;
}
#pop_schedule>div{padding:0 23px}
#pop_schedule .calendar{width:110px;margin-right:10px}
#pop_schedule .writeTable{border-bottom:1px solid #ced2de}
#pop_schedule .btn_c{
    margin-top:20px;
    border-top:1px solid #c6cbd8;
}

/* 게시판 템플릿 CSS */
#template-title {
    position: relative;
    padding-left: 43px;
    margin-top: 5px;
    margin-bottom: 56px;
    color: #343231;
    font-size: 26px;
    line-height: 35px;
    font-weight: 700;
    font-family: "NanumSquare", sans-serif;
    background-image: url(/resources/UW/_Images/template/bullet_type01.png);
    background-repeat: no-repeat;
    background-size: 32px 18px;
    background-position: left center;
}

.n-title-wrapper .title {
    display: block;
}

.n-title-wrapper>.title span {
    display: block;
    margin-bottom: 5px;
    font-size: 20px;
    line-height: 29px;
    color: #bababa;
}

.n-title-wrapper>.title strong {
    display: block;
    font-size: 35px;
    line-height: 42px;
    color: #00356d;
}

.n-title-type01 {
    position: relative;
    font-size: 32px;
    line-height: 40px;
    padding: 25px 0 0 0;
    background-image: url('/resources/UW/_Images/template/bullet_type01.png');
    background-repeat: no-repeat;
    background-position: left top;
    font-weight: 500;
    color: #151515;
}

.n-title-type02 {
    position: relative;
    display: block;
}

.n-title-type02:after {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #e9e9e8;
}

.n-title-type02 span {
    position: relative;
    display: inline-block;
    padding-top: 16px;
    padding-right: 30px;
    color: #171313;
    font-size: 26px;
    line-height: 35px;
    font-weight: 500;
    background-color: #fff;
    z-index: 1;
}

.n-title-type02 span:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: calc(100% - 30px);
    height: 3px;
    background-color: #0c2a64;
}

.n-title-type03 {
    position: relative;
    display: block;
}

.n-title-type03:before {
    position: absolute;
    top: 50%;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    margin-top: -0.5px;
    background-color: #ebebeb
}

.n-title-type03 strong {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding-right: 145px;
    background-color: #fff;
    font-size: 42px;
    line-height: 46px;
    font-weight: 500;
    color: #212121;
}

.n-title-type03 strong:before {
    position: absolute;
    top: 50%;
    right: 0;
    content: "";
    display: block;
    width: 87px;
    height: 3px;
    background-color: #0456aa;
    margin-top: -1.5px;
}

.n-sub-title-type01 {
    color: #2e5789;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
}

.n-sub-title-type02 {
    color: #111119;
    font-size: 26px;
    margin-bottom: 30px;
    font-weight: 500;
}

.n-sub-title-type03 {
    position: relative;
    color: #333333;
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
}

.n-sub-title-type04 {
    position: relative;
    color: #666766;
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
}

.n-bullet-title-type01 {
    display: block;
    position: relative;
    margin-top: 30px;
    padding-left: 30px;
    background: url(/resources/UW/_Images/template/bul-h3.png) no-repeat left 7px;
    line-height: 1.3;
    font-size: 20px;
    color: #2b3e5c;
}

.n-bullet-title-type02 {
    display: block;
    position: relative;
    padding-left: 15px;
    line-height: 27px;
    font-size: 17px;
    color: #333;
}

.n-bullet-title-type02:before {
    position: absolute;
    top: 50%;
    left: 0;
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    margin-top: -2px;
    background-color: #333;
    border-radius: 50%;
}

.n-contents-area01 {
    display: block;
}

.n-contents-area01 h4 {
    margin-bottom: 5px;
    color: #000;
    font-size: 24px;
    line-height: 32px;
}

.n-word-type01 {
    color: #666766;
    font-size: 18px;
    line-height: 28px;
    word-break: keep-all;
}

.n-word-type02 {
    color: #666766;
    font-size: 22px;
    line-height: 36px;
    word-break: keep-all;
}

.n-word-slogan01 {
    margin-bottom: 12px;
    color: #212121;
    font-size: 28px;
    line-height: 40px;
    word-break: keep-all;
}

.n-contents-box-wrapper01 {
    background-image: url(/resources/UW/_Images/template/border_image.png);
    background-repeat: repeat;
    background-size: 8px 8px;
    padding: 8px;
}

.n-contents-box-area01 {
    background-color: #fff;
    padding: 38px 30px;
    text-align: center;
}

.n-contents-box-area01 p {
    text-align: center;
    color: #1e386a;
    font-size: 23px;
    line-height: 31px
}

.n-dl-style-contents01 {
    display: block;
    margin-top: 10px;
}

.n-dl-style-contents01 dl {
    position: relative;
    padding-left: 107px;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 10px;
}

.n-dl-style-contents01 dl dt {
    position: absolute;
    top: 0;
    left: 0;
    color: #333333;
    word-break: keep-all;
}

.n-dl-style-contents01 dl dd {
    color: #666766;
    word-break: keep-all;
}

.n-ul-list01 {
    display: block;
}

.n-ul-list01>li {
    position: relative;
    margin-bottom: 5px;
    padding-left: 17px;
    color: #666766;
    font-size: 18px;
    line-height: 27px;
    word-break: keep-all;
}

.n-ul-list01>li:before {
    position: absolute;
    top: 13px;
    left: 0;
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    margin-top: -2.5px;
    background-color: #95aac3;
}

.n-ul-list02 {
    display: block;
}

.n-ul-list02>li {
    position: relative;
    margin-bottom: 5px;
    padding-left: 17px;
    color: #666766;
    font-size: 18px;
    line-height: 27px;
    background-image: url(/resources/UW/_Images/template/bul_list.png);
    background-repeat: no-repeat;
    background-size: 7px 5px;
    background-position: 0 11px;
    word-break: keep-all;
}

.n-ol-list01 {
    display: block;
}

.n-ol-list01 li {
    position: relative;
    padding-left: 18px;
    color: #6a6966;
    font-size: 18px;
    line-height: 30px;
    word-break: keep-all
}

.n-ol-list01 li .number {
    position: absolute;
    top: 0;
    left: 0;
}

.n-image-box02 {
    display: block;
}

.n-image-box02:after {
    display: block;
    content: "";
    clear: both;
}

.n-image-box02 li {
    float: left;
    width: 45%;
    text-align: center;
    margin-top: 60px;
}

.n-image-box02 li:nth-child(even) {
    float: right;
}

.n-image-box02 li:nth-child(1),
.n-image-box02 li:nth-child(2) {
    margin-top: 0;
}

.n-image-box02 li>.image {
    position: relative;
    width: 100%;
    padding-bottom: 58.5%;
    background-color: #e3e2e1;
    overflow: hidden;
}

.n-image-box02 li>.image>img {
    position: absolute;
    top: -100%;
    left: -100%;
    right: -100%;
    bottom: -100%;
    display: block;
    min-width: 100%;
    max-width: 100%;
    margin: auto
}

.n-image-box02 li>img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.n-image-box02 li p {
    margin-top: 10px;
    color: #333;
    font-weight: 600;
}

.n-univ-intro-link-box {
    margin-top: 25px;
}

.n-univ-intro-link-box a {
    position: relative;
    display: block;
    border: 1px solid #006cc7;
    color: #006cc7 !important;
    font-size: 14px;
    text-decoration: none;
    transition: all .3s;
    background: url(/resources/UW/_Images/template/link_arrow.png) no-repeat right 20px center;
    padding: 11px 0 11px 20px;
    max-width: 367px;
}

.n-univ-intro-link-box a:hover {
    color: white !important;
    background: url(/resources/UW/_Images/template/link_arrow_hover.png) no-repeat right 20px center;
}

.n-univ-intro-link-box a::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 0;
    height: 100%;
    background: #006cc7;
    transition: .3s;
}

.n-univ-intro-link-box a:hover::after {
    width: 100%;
    transition: .4s;
}

.n-univ-intro-link-box02 {
    margin-top: 25px;
}

.n-univ-intro-link-box02 a {
    position: relative;
    display: inline-block;
    border: 1px solid #1664b0;
    background-color: #1664b0;
    color: #fff !important;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    text-decoration: none;
    transition: all .3s;
    padding: 13px 38px 13px 25px;
    min-width: 240px;
}

.n-univ-intro-link-box02 a:before {
    position: absolute;
    top: 50%;
    right: 22px;
    content: "";
    display: block;
    width: 7px;
    height: 14px;
    margin-top: -7px;
    background-image: url(/resources/UW/_Images/template/icon_arrow_right0001.gif);
    background-repeat: no-repeat;
    background-size: 7px 14px;
    background-position: 0 0;
    z-index: 1
}

.n-univ-intro-link-box02 a strong {
    position: relative;
    z-index: 1
}

.n-univ-intro-link-box02 a:after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    transition: .3s;
}

.n-univ-intro-link-box02 a:hover:after {
    width: 100%;
    background: rgba(0, 0, 0, 0.15);
    transition: .4s;
}

.n-btn-download001 {
    position: relative;
    display: flex;
    width: 300px;
    height: 69px;
    padding: 0 40px;
    border: 1px solid #ebebeb;
    border-bottom: 1px solid #34588a;
    background-color: #f7f7f9;
    align-items: center;
    justify-content: space-between;
}

.n-btn-download001>strong {
    position: relative;
    display: block;
    color: #01356f;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    z-index: 1;
}

.n-btn-download001>img {
    display: block;
}

.n-btn-download001:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    transition: all 0.2s ease-in-out;
}

.n-btn-download001:hover:before,
.n-btn-download001:focus:before {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.03);
}

.n-btn-info {
    display: inline-block;
    min-width: 120px;
    padding: 6px 10px;
    background: #1e5ba8;
    border-radius: 100px;
    color: #fff;
}

.n-introduction-wrapper01 {
    position: relative;
    padding-right: 671px;
}

.n-introduction-wrapper01 img {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 600px;
}

.n-introduction-wrapper01 h4 {
    color: #212121;
    font-size: 28px;
    line-height: 40px;
    font-weight: 400;
    margin-bottom: 28px;
    word-break: keep-all;
}

.n-introduction-wrapper01 h4>span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
}

.n-introduction-wrapper01 h4>span:last-child {
    padding-right: 0;
}

.n-introduction-wrapper01 h4>span:before {
    position: absolute;
    bottom: 0;
    content: "";
    width: 100%;
    height: 2px;
    background-color: #0456aa
}

.n-word-type01+.n-word-type01 {
    margin-top: 30px;
}

.n-word-more {
    position: relative;
    display: inline-block;
    padding-right: 29px;
    color: #0456aa !important;
    font-size: 18px;
    line-height: 30px;
    background-image: url(/resources/UW/_Images/template/icon_gt01.png);
    background-repeat: no-repeat;
    background-size: 6px 8px;
    background-position: right center;
}

.n-word-more:before {
    position: absolute;
    bottom: 7px;
    left: 0;
    content: "";
    width: 0;
    height: 1px;
    background-color: #0456aa;
    transition: all 0.2s ease-in-out;
}

.n-word-more:hover:before,
.n-word-more:focus:before {
    width: calc(100% - 29px);
}

.n-introduction-wrapper01 .n-word-type01+.n-word-more {
    margin-top: 48px;
}

.n-professor-wrapper01 {
    border-top: 2px solid #333333;
}

.n-professor-wrapper01:after {
    display: block;
    content: "";
    clear: both;
}

.n-professor-area01 {
    position: relative;
    float: left;
    width: 45%;
    padding: 22px 0 50px 170px;
    border-top: 1px solid #ddd
}

.n-professor-area01:nth-child(even) {
    float: right;
}

.n-professor-area01:nth-of-type(1),
.n-professor-area01:nth-of-type(2) {
    margin-top: 0;
}

.n-professor-area01 .image-wrapper {
    position: absolute;
    top: 30px;
    left: 8px;
    display: block;
    width: 135px;
    height: 160px;
    padding-bottom: 10px;
    padding-right: 10px;
}

.n-professor-area01 .image-wrapper>.image {
    position: relative;
    display: block;
    width: 125px;
    height: 150px;
    overflow: hidden;
    z-index: 10;
}

.n-professor-area01 .image-wrapper>.image>img {
    display: block;
    width: 125px;
}

.n-professor-area01 .image-wrapper:after {
    position: absolute;
    top: 10px;
    left: 10px;
    content: "";
    display: block;
    width: 125px;
    height: 150px;
    background-color: #efeeee;
}

.n-professor-box01 {
    display: block;
}

.n-professor-box01>h4 {
    color: #343231;
    margin-bottom: 7px;
    font-size: 23px;
    line-height: 31px;
}

.n-professor-box01 .position {
    display: block;
    margin-bottom: 13px;
    color: #6a6966;
    font-size: 16px;
    line-height: 26px;
}

.n-professor-group01 {
    margin-bottom: 12px;
    padding: 15px 20px;
    background-color: #f5f5f5
}

.n-professor-group01>dt {
    display: block;
    color: #343231;
    font-size: 16px;
    line-height: 22px;
}

.n-professor-group01>dd {
    display: block;
    color: #004199;
    font-size: 14px;
    line-height: 20px;
}

.n-professor-box01>ul {
    display: block;
}

.n-professor-box01>ul>li {
    position: relative;
    padding-left: 100px;
    margin-bottom: 9px;
    color: #6a6966;
    font-size: 16px;
    line-height: 25px;
}

.n-professor-box01>ul>li:last-child {
    margin-bottom: 0;
}

.n-professor-box01>ul>li>strong {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-left: 15px;
    color: #343231;
}

.n-professor-box01>ul>li>strong:before {
    position: absolute;
    top: 12px;
    left: 0;
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    background-color: #0a50a1;
    border-radius: 50%;
}

.n-professor-wrapper02 {
    display: block;
}

.n-professor-wrapper02 h4 {
    margin-bottom: 16px;
    color: #2e5789;
    font-size: 30px;
    line-height: 40px;
    font-weight: 500;
}

.n-professor-wrapper02 h5 {
    position: relative;
    padding-left: 11px;
    margin-bottom: 17px;
    color: #343231;
    font-size: 18px;
    line-height: 27px;
    font-weight: 500;
}

.n-professor-wrapper02 h5:before {
    position: absolute;
    top: 12px;
    left: 0;
    content: "";
    display: block;
    width: 5px;
    height: 2px;
    background-color: #343231;
}

.n-professor-area02 {
    position: relative;
    padding-left: 210px;
    min-height: 230px;
}

.n-professor-area02 .image {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 170px;
    height: 230px;
    background-color: #e3e2e1;
    overflow: hidden;
}

.n-professor-area02 .image>img {
    display: block;
    width: 170px;
}

.n-professor-box02 {
    display: block;
}

.n-professor-box02+.n-professor-box02 {
    margin-top: 25px;
}

.n-wrap-history {
    display: block;
    position: relative;
    margin: 60px 0 0 0;
}

.n-wrap-history:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 20px;
    width: 3px;
    height: 100%;
    background: url('/resources/UW/_Images/template/dot-history2.png') repeat-y;
    transform: translate(-50%, 0);
}

.n-wrap-history .line {
    width: 100%;
    padding: 0 0 0 50%;
}

.n-wrap-history .line:nth-child(even) {
    padding: 0 50% 0 0;
    text-align: right;
}

.n-wrap-history .line .info {
    position: relative;
    padding: 0 0 0 40px;
}

.n-wrap-history .line .info::after {
    content: '';
    position: absolute;
    left: -5px;
    top: 20px;
    z-index: 1;
    width: 9px;
    height: 9px;
    background: #0067c3
}

.n-wrap-history .line:nth-child(even) .info {
    padding: 0 40px 0 0;
}

.n-wrap-history .line:nth-child(even) .info::after {
    left: auto;
    right: -5px;
}

.n-wrap-history .detail {
    padding: 0 0 40px 0;
}

.n-wrap-history .desc {
    margin: 13px 0 0 0;
    font-size: 20px;
    color: #333;
}

.n-wrap-history .desc .point {
    font-size: 18px;
    color: #0045aa;
}

.n-wrap-history .year {
    display: table-cell;
    vertical-align: top;
    width: 160px;
    padding-top: 40px;
}

.n-wrap-history .year strong {
    position: relative;
    padding-left: 25px;
    font-size: 40px;
    color: #003956;
    letter-spacing: -1px;
    line-height: .8;
}

.n-wrap-history .month strong {
    position: relative;
    font-size: 35px;
    font-style: italic;
    color: #0067c3;
    letter-spacing: 0;
    line-height: 1.3;
}

.n-wrap-history .month strong::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    width: 156px;
    height: 15px;
    background: url('/resources/UW/_Images/template/line-history1.png') no-repeat center center;
}

.n-wrap-history .line:nth-child(even) .month strong::after {
    left: auto;
    right: 0;
    background: url('/resources/UW/_Images/template/line-history2.png') no-repeat center center;
}

.n-wrap-history02 {
    display: block;
}

.n-wrap-history02 h4 {
    margin-bottom: 16px;
    color: #2e5789;
    font-size: 30px;
    line-height: 40px;
    font-weight: 500;
}

.n-wrap-history02 h5 {
    position: relative;
    margin-bottom: 17px;
    color: #343231;
    font-size: 18px;
    line-height: 27px;
    font-weight: 500;
}

.n-wrap-history-area02,
.n-wrap-history-area02 ul {
    display: blockl
}

.n-wrap-history-area02 ul li {
    position: relative;
    padding-left: 130px;
    margin-bottom: 10px;
    color: #6a6966;
    font-size: 18px;
    line-height: 28px;
}

.n-wrap-history-area02 ul li:last-child {
    margin-bottom: 0;
}

.n-wrap-history-area02 ul li .n-history-substance {
    position: absolute;
    top: 0;
    left: 0;
    color: #343231;
    font-weight: 700;
}

.n-wrap-history-area02 ul li strong {
    font-weight: 700
}

.n-table-type01 {
    border-top: 2px solid #203a5d;
}

.n-table-type01 table thead th {
    padding: 14px 10px 12px 10px;
    color: #343231;
    font-size: 17px;
    line-height: 24px;
    font-weight: 500;
    background-color: #f9fbfe;
    border: 1px solid #e8e8ea;
    border-bottom: 0;
    text-align: center;
    letter-spacing: -0.5px;
    word-break: keep-all
}

.n-table-type01 table tbody th,
.n-table-type01 table tfoot th {
    padding: 14px 10px 12px 10px;
    color: #343231;
    font-size: 17px;
    line-height: 24px;
    font-weight: 400;
    background-color: #fcfcfd;
    border: 1px solid #e8e8ea;
    text-align: center;
    letter-spacing: -0.5px;
    word-break: keep-all
}

.n-table-type01 table tbody td,
.n-table-type01 table tfoot td {
    padding: 14px 10px 12px 10px;
    background: #fff;
    color: #888888;
    font-size: 17px;
    line-height: 24px;
    font-weight: 300;
    border: 1px solid #e8e8ea;
    text-align: center;
    letter-spacing: -0.5px;
    word-break: keep-all;
    font-weight: 400;
}

.n-table-type01 table thead th:first-child,
.n-table-type01 table tbody th:first-child,
.n-table-type01 table tbody td:first-child {
    border-left: 0 !important;
}

.n-table-type01 table thead th:last-child,
.n-table-type01 table tbody th:last-child,
.n-table-type01 table tbody td:last-child {
    border-right: 0 !important;
}

@media only all and (max-width: 1023px) {
    .span-br {
        display: inline;
    }
    .span-mobile-br {
        display: block;
    }
    .only-pc {
        display: none;
    }
    .only-mobile {
        display: block;
    }
    .mobile-left {
        text-align: left !important;
    }
    .mobile-center {
        text-align: center !important;
    }
    .mobile-right {
        text-align: right !important;
    }
    .template-area {
        margin-bottom: 2.5rem;
    }
    #template-title {
        padding-left: 1.791rem;
        margin-top: 0.208rem;
        margin-bottom: 0.833rem;
        font-size: 1.083rem;
        line-height: 1.458rem;
        background-size: 1.333rem 0.75rem;
    }
    .n-title-wrapper>.title span {
        font-size: 1.041rem;
    }
    .n-title-wrapper>.title strong {
        font-size: 1.833rem;
    }
    .n-title-type01 {
        font-size: 1.666rem;
        line-height: 2.083rem;
        padding: 2.083rem 0 0 0;
    }
    .n-title-type02 span {
        padding-top: 0.833rem;
        padding-right: 1.583rem;
        font-size: 1.333rem;
        line-height: 1.833rem;
    }
    .n-title-type02 span:after {
        width: calc(100% - 1.583rem);
        height: 0.125rem;
    }
    .n-title-type03 strong {
        padding-right: 7.5rem;
        font-size: 2.187rem;
        line-height: 2.395rem;
    }
    .n-title-type03 strong:before {
        width: 4.531rem;
        height: 0.166rem;
        margin-top: -0.083rem;
    }
    .n-sub-title-type01 {
        font-size: 1.583rem;
        line-height: 1.583rem;
    }
    .n-sub-title-type02 {
        font-size: 1.354rem;
        margin-bottom: 1.583rem;
    }
    .n-sub-title-type03 {
        font-size: 0.937rem;
        line-height: 1.583rem;
    }
    .n-sub-title-type04 {
        font-size: 1.145rem;
        line-height: 1.583rem;
    }
    .n-bullet-title-type01 {
        margin-top: 1.583rem;
        padding-left: 1.583rem;
        font-size: 1.041rem;
    }
    .n-bullet-title-type02 {
        padding-left: 0.781rem;
        line-height: 1.406rem;
        font-size: 0.885rem;
    }
    .n-bullet-title-type02:before {
        width: 0.208rem;
        height: 0.208rem;
        margin-top: -0.104rem;
    }
    .n-contents-area01 h4 {
        margin-bottom: 0.26rem;
        font-size: 1.25rem;
        line-height: 1.666rem;
    }
    .n-word-type01 {
        font-size: 0.937rem;
        line-height: 1.458rem;
    }
    .n-word-type02 {
        font-size: 1.145rem;
        line-height: 1.875rem;
    }
    .n-word-slogan01 {
        margin-bottom: 0.625rem;
        font-size: 1.458rem;
        line-height: 2.083rem;
    }
    .n-contents-box-wrapper01 {
        background-size: 0.416rem 0.416rem;
        padding: 0.416rem;
    }
    .n-contents-box-area01 {
        padding: 1.25rem;
    }
    .n-contents-box-area01 p {
        font-size: 1.197rem;
        line-height: 1.614rem
    }
    .n-dl-style-contents01 {
        margin-top: 0.52rem;
    }
    .n-dl-style-contents01 dl {
        padding-left: 5.541rem;
        font-size: 0.937rem;
        line-height: 1.458rem;
        margin-bottom: 0.52rem;
    }
    .n-ul-list01>li {
        margin-bottom: 0.26rem;
        padding-left: 0.885rem;
        font-size: 0.937rem;
        line-height: 1.406rem;
    }
    .n-ul-list01>li:before {
        top: 0.541rem;
        width: 0.26rem;
        height: 0.26rem;
        margin-top: -0.13px;
    }
    .n-ul-list02>li {
        position: relative;
        margin-bottom: 0.208rem;
        padding-left: 0.708rem;
        font-size: 0.937rem;
        line-height: 1.406rem;
        background-size: 0.291rem 0.208rem;
        background-position: 0 0.625rem;
    }
    .n-ol-list01 li {
        padding-left: 0.937rem;
        font-size: 0.937rem;
        line-height: 1.583rem;
    }
    .n-image-box02 li {
        float: none;
        width: 100%;
        margin-top: 2.5rem;
    }
    .n-image-box02 li:nth-child(even) {
        float: none;
    }
    .n-image-box02 li:nth-child(2) {
        margin-top: 2.5rem;
    }
    .n-image-box02 li p {
        margin-top: 0.52rem;
        font-size: 1rem;
    }
    .n-univ-intro-link-box {
        margin-top: 1.041rem;
    }
    .n-univ-intro-link-box a {
        font-size: 0.833rem;
        padding: 0.572rem 0 0.572rem 0.572rem;
        max-width: 100%;
    }
    .n-univ-intro-link-box a:hover {
        background-position: 1.041rem center;
    }
    .n-univ-intro-link-box02 {
        margin-top: 1.041rem;
    }
    .n-univ-intro-link-box02 a {
        font-size: 1.041rem;
        line-height: 1.583rem;
        padding: 0.677rem 1.979rem 0.677rem 1.302rem;
        min-width: 100%;
    }
    .n-univ-intro-link-box02 a:before {
        right: 1.145rem;
        width: 0.291rem;
        height: 0.583rem;
        margin-top: -0.291rem;
        background-size: 0.291rem 0.583rem;
    }
    .n-btn-download001 {
        width: 100%;
        height: 3.593rem;
        padding: 0 2.083rem;
    }
    .n-btn-download001>strong {
        font-size: 1.041rem;
        line-height: 1.041rem;
    }
    .n-btn-info {
        display: inline-block;
        min-width: 6.25rem;
        padding: 0.312rem 0.52rem;
    }
    .n-introduction-wrapper01 {
        padding-right: 0;
    }
    .n-introduction-wrapper01 img {
        position: static;
        width: 100%;
        max-width: 100%;
        margin: 0 auto 2.5rem auto
    }
    .n-introduction-wrapper01 h4 {
        font-size: 1.458rem;
        line-height: 2.083rem;
        margin-bottom: 1.458rem;
    }
    .n-introduction-wrapper01 h4>span {
        padding-right: 0.52rem;
    }
    .n-introduction-wrapper01 h4>span:before {
        height: 0.104rem;
    }
    .n-word-type01+.n-word-type01 {
        margin-top: 1.583rem;
    }
    .n-word-more {
        padding-right: 1.51rem;
        font-size: 0.937rem;
        line-height: 1.583rem;
        background-size: 0.25rem 0.333rem;
    }
    .n-word-more:before {
        bottom: 0.364rem;
    }
    .n-word-more:hover:before,
    .n-word-more:focus:before {
        width: calc(100% - 1.51rem);
    }
    .n-introduction-wrapper01 .n-word-type01+.n-word-more {
        margin-top: 2.5rem;
    }
    .n-professor-area01 {
        position: relative;
        padding: 1.145rem 0 2.604rem 0;
    }
    .n-professor-area01 .image-wrapper {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        width: 7.031rem;
        height: 8.333rem;
        padding-bottom: 0.52rem;
        padding-right: 0.52rem;
        margin: 0 auto 1.25rem auto
    }
    .n-professor-area01 .image-wrapper>.image {
        width: 6.51rem;
        height: 7.812rem;
    }
    .n-professor-area01 .image-wrapper>.image>img {
        width: 6.51rem;
    }
    .n-professor-area01 .image-wrapper:after {
        position: absolute;
        top: 0.52rem;
        left: 0.52rem;
        width: 6.51rem;
        height: 7.812rem;
    }
    .n-professor-box01>h4 {
        margin-bottom: 0.364rem;
        font-size: 1.197rem;
        line-height: 1.614rem;
    }
    .n-professor-box01 .position {
        margin-bottom: 0.677rem;
        font-size: 0.916rem;
        line-height: 1.354rem;
    }
    .n-professor-group01 {
        margin-bottom: 0.625rem;
        padding: 0.781rem 0.781rem;
    }
    .n-professor-group01>dt {
        font-size: 0.916rem;
        line-height: 1.145rem;
    }
    .n-professor-group01>dd {
        margin-top: 0.208rem;
        font-size: 0.833rem;
        line-height: 1.145rem;
    }
    .n-professor-box01>ul>li {
        padding-left: 5.208rem;
        margin-bottom: 0.416rem;
        font-size: 0.833rem;
        line-height: 1.302rem;
    }
    .n-professor-box01>ul>li>strong {
        padding-left: 0.781rem;
    }
    .n-professor-box01>ul>li>strong:before {
        top: 0.5rem;
        width: 0.208rem;
        height: 0.208rem;
    }
    .n-professor-wrapper02 h4 {
        margin-bottom: 0.833rem;
        font-size: 1.583rem;
        line-height: 2.083rem;
    }
    .n-professor-wrapper02 h5 {
        padding-left: 0.572rem;
        margin-bottom: 0.885rem;
        font-size: 0.937rem;
        line-height: 1.406rem;
    }
    .n-professor-wrapper02 h5:before {
        top: 0.625rem;
        width: 0.26rem;
        height: 0.125rem;
    }
    .n-professor-area02 {
        padding-left: 0;
        min-height: auto;
    }
    .n-professor-area02 .image {
        position: relative;
        width: 8.854rem;
        height: 11.979rem;
        margin: 0 auto 1.25rem auto;
    }
    .n-professor-area02 .image>img {
        display: block;
        width: 8.854rem;
    }
    .n-professor-box02+.n-professor-box02 {
        margin-top: 1.302rem;
    }
    .n-wrap-history {
        margin: 2.5rem 0 0 0;
    }
    .n-wrap-history:after {
        left: 0;
        top: 1.25rem;
        width: 0.125rem;
    }
    .n-wrap-history .line {
        width: 100%;
        padding: 0 0 0 0;
    }
    .n-wrap-history .line:nth-child(even) {
        padding: 0 0 0 0;
        text-align: left;
    }
    .n-wrap-history .line .info {
        position: relative;
        padding: 0 0 0 2.083rem;
    }
    .n-wrap-history .line .info::after {
        left: -0.1875rem;
        top: 1.041rem;
        width: 0.375rem;
        height: 0.375rem;
    }
    .n-wrap-history .line:nth-child(even) .info {
        padding: 0 0 0 2.083rem;
    }
    .n-wrap-history .line:nth-child(even) .info::after {
        left: auto;
        right: auto;
        right: initial;
        left: -0.1875rem
    }
    .n-wrap-history .detail {
        padding: 0 0 2.083rem 0;
    }
    .n-wrap-history .desc {
        margin: 0.677rem 0 0 0;
        font-size: 1.041rem;
    }
    .n-wrap-history .desc .point {
        font-size: 0.937rem;
    }
    .n-wrap-history .year {
        width: 100%;
        padding-top: 2.083rem;
    }
    .n-wrap-history .year strong {
        padding-left: 1.25rem;
        font-size: 2.083rem;
    }
    .n-wrap-history .month strong {
        font-size: 1.822rem;
    }
    .n-wrap-history .month strong::after {
        width: 8.125rem;
        height: 0.781rem;
        background: url('../images/common/line-history1.png') no-repeat center center;
        background-size: cover;
    }
    .n-wrap-history .line:nth-child(even) .month strong::after {
        left: 0;
        background: url('../images/common/line-history1.png') no-repeat center center;
        background-size: cover;
    }
    .n-wrap-history02 h4 {
        margin-bottom: 0.937rem;
        font-size: 1.583rem;
        line-height: 2.083rem;
    }
    .n-wrap-history02 h5 {
        margin-bottom: 0.885rem;
        font-size: 0.937rem;
        line-height: 1.406rem;
    }
    .n-wrap-history-area02 ul li {
        padding-left: 5.416rem;
        margin-bottom: 0.52rem;
        font-size: 0.937rem;
        line-height: 1.458rem;
    }
    .n-table-type01 table thead th {
        padding: 0.83333rem 0 0.75rem 0;
        font-size: 1.0833rem;
        line-height: 1.4583rem;
    }
    .n-table-type01 table tbody th,
    .n-table-type01 table tfoot th {
        padding: 0.83333rem 0.625rem 0.75rem 0.625rem;
        font-size: 1rem;
        line-height: 1.166rem;
    }
    .n-table-type01 table tbody td,
    .n-table-type01 table tfoot td {
        padding: 0.83333rem 0.625rem;
        font-size: 1rem;
        line-height: 1.166rem;
        word-break: break-all
    }
    .n-modal-wrapper {
        top: 1.25rem;
        left: 1.25rem;
        width: calc(100% - 2.5rem);
        height: calc(100% - 2.5rem);
        margin: 0;
        box-shadow: 0 1.041rem 0.625rem 0.625rem rgba(0, 0, 0, 0.1);
    }
    .n-modal-wrapper>h2 {
        height: 3.75rem;
        line-height: 3.75rem;
        padding: 0 1.666rem;
        font-size: 1.25rem;
    }
    .n-modal-area {
        height: calc(100% - 3.75rem);
    }
    .n-modal-area textarea {
        height: 100%;
        border: 0;
        border-radius: 0;
        padding: 1.25rem;
        font-size: 0.916rem;
        line-height: 1.25rem;
    }
    .btn-n-modal-close {
        right: 0;
        width: 3.75rem;
        height: 3.75rem;
        background-size: 0.833rem 0.833rem;
    }
}

#guide-select01 {
    width: 196px;
    height: 46px;
    border: 1px solid #e9e9e8;
    text-indent: 18px;
    color: #6a6966;
    font-size: 18px;
    background-image: url(/resources/UW/_Images/template/icon_select_arrow01.gif);
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) center;
    background-size: 12px 7px;
}