@charset "UTF-8";

.pop1100 {width:1100px;background:url(/ko/img/bg_pop_body.png);}
.pop1200 {width:1200px;background:url(/ko/img/bg_pop_body.png);}

#pop-header {height:80px;background:#71202c;position:relative;background-size:auto 100%;}
#pop-header > h1 {position:absolute;left:5px;top:17px;width:166px;height:47px;text-indent:-999em;overflow:hidden;background:url(/ko/img/logo.png) left top no-repeat;}
#pop-header >  nav {text-align:right;padding-right:110px;background:url(/ko/img/pop_title.png) right center no-repeat #71202c;}
#pop-header >  nav > h2 {display:inline-block;padding:0 15px;line-height:80px;font-size:1.143em;color:#c6a1a7;position:relative;}
#pop-header >  nav > h2 a:before {content:"";width:1px;height:15px;background:#58171f;border-right:solid 1px #862837;position:absolute;left:-1px;top:50%;margin-top:-7px;}
#pop-header >  nav > h2 a:first-child::before {display:none;}
#pop-header >  nav > h2 a.on {font-weight:700;color:#fff;}

.tab.map > h3 a {display:block;line-height:15px;text-align:center;color:#555;font-weight:700;border:solid 1px #e5e8ee;background:#f5f5f5;}
.tab.map > h3 a.on {background:#fff;border-bottom:0;border-top:solid 2px #db5b2c;color:#222;}


.pop-contents-wrap {padding:5px;}
.pop-contents-wrap:after {content:"";display:block;clear:both;}
.pop-contents-wrap .tree-box {float:left;height:708px;border:solid 1px #171717;background:#fff;width:268px;}
.pop-contents-tree {float:right;width:813px;height:708px;border:solid 1px #171717;background:#fff;}
.tree-box .tree-contents {padding:4px;}
.tree-box .tree-contents .btn-big-fix {width:100%;margin-left:0;margin-top:-1px;}

.pop-contents-box {padding:19px;}
.pop-contents-box h2 {font-size:1.429em;}

.board-search-box {border:solid 1px #e5e5e5;background:#f8f8f8;padding:17px 15px;text-align:center;position:relative;}
.board-search-box * {vertical-align:middle;}
.board-search-box label {font-size:1.286em;font-weight:700;line-height:35px;padding-right:15px;}
.board-search-box input[type="text"] {border:solid 1px #b1b1b1;background:#fff;padding:0 10px;height:35px;box-sizing:border-box;min-width:300px;}
.board-search-box input[type="image"] {border:solid 1px #b1b1b1;background:#fff;margin-left:-5px;}
.board-search-box > a {display:inline-block;border:solid 1px #b1b1b1;background:url(../images/board/search.png) no-repeat #fff;margin-left:-5px;text-indent:-999em;overflow:hidden;width:33px;height:33px;}

.pop-board-view {border-top:solid 1px #ababab;}
.pop-board-view > ul > li {padding:17px 8px;border-bottom:solid 1px #ddd;position:relative;}
.pop-board-view > ul > li.title p.title {font-size:1.143em;font-weight:700;}
.pop-board-view > ul > li.title p.info {font-size:0.929em;color:#555;margin-top:5px;}
.pop-board-view > ul > li.attachment .ico-file {vertical-align:middle;margin-right:5px;}
.pop-board-view > ul > li.contents {padding:25px 8px;line-height:1.700em;}
.pop-board-view > ul > li.contents .contents {height:360px;overflow-y:auto;}

.board-write-box {border-top:solid 1px #ababab;}
.board-write-box > ul > li {display:table;width:100%;border-bottom:solid 1px #ddd;}
.board-write-box > ul > li > .label {display:table-cell;width:20%;vertical-align:middle;padding:12px 10px;box-sizing:border-box;font-weight:700;}
.board-write-box > ul > li > .frm {display:table-cell;width:80%;vertical-align:middle;padding:12px 10px;box-sizing:border-box;min-height:30px;}
.board-write-box > ul > li > .frm * {vertical-align:middle;}
.board-write-box > ul > li > .frm .attach-file-list {border:solid 1px #b1b1b1;padding:10px;margin-top:10px;height:70px;overflow-y:auto;}
.board-write-box > ul > li > .frm .attach-file-list a {vertical-align:1px;padding-left:5px;}
.board-write-box > ul > li > .frm .file-name {font-size:0.929em;color:#555;}
.board-write-box > ul > li > .frm .file-name a {text-indent:-999em;display:inline-block;width:14px;height:14px;overflow:hidden;background:url(/ko/img/contents.png) -250px -130px no-repeat;margin-left:5px;}

.tree-list-box {height:609px;border:solid 1px #b1b1b1;overflow:auto;}
.tree-list-box > ul {margin:14px;position:relative;}
.tree-list-box ul.liston li {position:relative;} 
.tree-list-box ul.liston:before,
.tree-list-box .depth_step02:before,
.tree-list-box .depth_step03:before {content:"";position:absolute;left:0;top:10px;width:6px;bottom:10px;border-right:dotted 1px #9a9a9a;z-index:1;}
.tree-list-box .depth_step02:before, .tree-list-box .depth_step03:before {top:-10px;bottom:-10px;}
.depth_step02,
.depth_step03 {margin-left:20px;position:relative;display:none;}
.depth_step03 li {padding-left:16px;position:relative;}
.depth_step03 li:before {content:"";position:absolute;left:8px;top:50%;width:8px;height:1px;;border-top:dotted 1px #9a9a9a;z-index:1;}


.tree-plus {float:left; text-indent:-999em;overflow:hidden;width:13px;height:13px;background:url(/ko/img/pop_contents.png) left -30px no-repeat;margin-right:5px;margin-top:7px;position:relative;z-index:5;}
.tree-plus.minus {background-position:-50px -30px;}

.tree_depth01 {padding:4px 0 4px 25px;position:relative;display:inline-block;z-index:5;}
.tree_depth01:before {content:"";width:16px;height:14px;background:url(/ko/img/pop_contents.png) left top no-repeat;position:absolute;left:0;top:50%;margin-top:-7px;}
.tree_depth01.on {font-weight:700;}
.tree_depth01.on:before {background-position:-50px top;}
.tree_depth02 {font-size:0.929em;padding:4px 0 4px 23px;position:relative;display:inline-block;z-index:5;}
.tree_depth02:before {content:"";width:12px;height:13px;background:url(/ko/img/pop_contents.png) left -60px no-repeat;position:absolute;left:0;top:50%;margin-top:-7px;}
.tree_depth02 span {padding:0 2px;}
.tree_depth02.on span {background:#c4d2e9;}


#pop-header .pop-head {background:url(/ko/img/pop_title.png) right center no-repeat #71202c;}
#pop-header .pop-head h1 {color:#fff;font-size:2.143em;letter-spacing:-0.05em;font-weight:400;line-height:80px;padding-left:20px;}
#pop-header .pop-head .pop-logo {position:absolute;right:35px;top:17px;width:166px;height:47px;text-indent:-999em;overflow:hidden;background:url(/ko/img/logo.png) left top no-repeat;}
.pop-contents-wrap.contents {padding:40px 20px;}
.pop-contents-wrap.contents-text {padding:20px;}

.pop-info-contents > div + div {margin-top:7px;}
.pop-info-contents > div p + ol {margin-top:5px;}
.pop_adress {z-index:999; position:absolute; bottom:3px; right:3px; background:#fff; color:#000; padding:10px}


.pop-contents-map {float:right;width:913px;height:708px;border:solid 1px #171717;background:#fff;position:relative;}

.map-left-box {border:solid 1px #b1b1b1;box-sizing:border-box;}
.map-left-box.none {border-top:0;}
.map-description {background:#f7f7f7;padding:10px;height:178px;}
.map-description .thumb p {position:absolute;bottom:0;left:0;width:100%;text-align:center;color:#fff;font-weight:bold;background:rgba(0,0,0,0.8);padding:10px 0;}

.map-list-box {height:500px;overflow:auto;padding:10px 0;box-sizing:border-box;}
.map-list-box li {line-height:30px;}
.map-list-box li > a {display:block;padding-left:10px;}
.map-list-box li > a.on {background:#e2e2e2;font-weight:700;}

.map-info-box {display:none;}
.map-info-cont {height:609px;padding:0 15px 15px 15px; font-size:13px;overflow-y:auto;line-height:1.7em;box-sizing:border-box;}
.map-info-cont h3 {margin-bottom:7px;line-height:1.3em;}
.map-info-cont h4 {margin-bottom:5px;}
.map-info-cont .map-list01 li {text-indent:-10px;padding-left:10px;margin-top:3px;}
.map-info-cont .map-list01 li:first-child {margin-top:0;}
.map-info-cont .map-list01 li strong {display:block;}
.map-info-cont .map-list01 li strong.color01 {color:#003499;}
.map-info-cont .map-list01 li strong.color02 {color:#9a4f11;}
.map-info-cont .map-list01 li strong.color03 {color:#606d00;}
.map-info-cont .map-list01 li strong.color04 {color:#4562aa;}
.map-info-cont .map-list01 li strong.color05 {color:#48922d;}
.map-info-cont .map-list01 li strong.color06 {color:#003499;}
.map-info-cont .map-list02 li {text-indent:-13px;padding-left:13px;}
.map-info-cont.sub {height:547px;display:none;}

.sub-map-tab {margin:0 10px;margin-bottom:20px;}
.sub-map-tab a {float:left;text-align:center;font-size:13px;box-sizing:border-box;width:25%;line-height:40px;border:solid 1px #e5e8ee;border-left:0;background:#f5f5f5;color:#555;}
.sub-map-tab a:first-child {border-left:solid 1px #e5e8ee;}
.sub-map-tab a.on {background:#6d2633;border-color:#5c1e29;color:#fff;}

#campus-map {width:100%;height:708px;}

.pop-map-transport {position:absolute;bottom:30px;left:40px;right:40px;padding:25px 30px;background:#fff;z-index:999;}
.pop-map-transport > div {float:left;width:50%;}
.pop-map-transport > div p {font-weight:700;font-size:16px;line-height:27px;letter-spacing:-0.05em;}
.pop-map-transport > div li > strong {display:inline-block;width:100px;}
.pop-map-transport > div li {position:relative;padding:7px 0 7px 20px;}
.pop-map-transport > div li:before {content:"";width:16px;height:23px;position:absolute;left:0;top:50%;margin-top:-12px;background:url(/ko/img/pop-contents.png)}
.pop-map-transport > div li.subway:before {background-position:left -80px;}
.pop-map-transport > div li.bus01:before {background-position:-20px -80px;}
.pop-map-transport > div li.bus02:before {background-position:-40px -80px;}