@charset "utf-8";


@import url("/css/common/style.css");


.ir-gnb{background:url(/images/common/gnb-ir.png) no-repeat}
.ir-util{background:url(/images/common/ir-util.png) no-repeat}

#wrap{position:relative;width:100%;overflow:hidden}

#header{position:relative;width:100%;height:90px;background-color:transparent;z-index:100;}
#header:after{content:"";display:block;position:absolute;top:86px;left:0;width:100%;height:11px;background:url(/images/common/bg-header.png) repeat-x}
#animate{
	position:relative;height:90px;overflow:hidden;background:url(/images/common/bg_animate_b1.png) repeat-x;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

#animate .style{
	height:91px;
	/*background-color:#fff;*/
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

#animate.act:after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#928469;}

#animate.action{background: url(/images/dorm/main_new/gnb_bg.png) repeat-x;}
.gnb_bgnew{display: none;position: fixed;top: 90px;left: 0;z-index:-1;width: 100%;height: 100%;background: #000;opacity: 0.6;content:'';transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;}


#header #logo,
#header #sitelink{position:absolute;z-index:1}
#header #logo{top:0px;left:0;}
#header #sitelink{top:20px;right:0;}
#header #logo .ir-logo{border:none;display:inline-block;margin-top:25px;padding:0;width:160px;height:53px;font-size:0;line-height:0;background:url(/images/common/ut-logo.png) no-repeat 0 -143px;}
#header #logo .ir-logo:before{display:none}
#header #logo em{display: inline-block;font-size:19px;position: absolute;width:100%;top:29px;left:166px;font-family: 'nsr';font-weight: 600;color: #fff;}
#header #logo em:before{content:"";display:inline-block;width:1px;height:15px;background-color:#d3d4d8;margin-right:10px;vertical-align:middle}

#header #open_mn .ir{display:block;width:44px;height:44px;background-position:-87px 0;font-size:0;}
#header #open_mn:hover .ir,
#header #open_mn:focus .ir{background-position:-131px 0;}
#header #open_mn{display:none;position:absolute;top:25px;right:0;width:44px;height:44px;z-index:1}



#gnb {}
#gnb .summary {display:none;}
#gnb #tm {width:100%;text-align:center;}
#gnb #tm .th1 {display:inline-block;  }
#gnb #tm .th1 > a {display:block;position:relative; height:90px; margin:0 25px; line-height:90px; color:#fff; font-size:18px; font-family:'nsr'; }
#gnb #tm .th1 > a.current {border-bottom:5px solid #852d2b;}
#gnb #tm .th1 > a.current:after {display:block; position:absolute; bottom:5px; left:50%; content:''; width:9px; height:5px; margin-left:-4.5px; background:url(/images/dorm/main_new/gnb_icon.png)no-repeat -20px 0;}
#gnb #tm .th1 > a + .gnb_tit {display:none;position:absolute;left:0;top:92px;width:240px;height: 460px;padding:50px 0 0;text-align:left;}
#gnb #tm .th1#iconSet1 > a + .gnb_tit {background:url(/images/dorm/main_new/gnb_obj01.png)no-repeat left 90%;}
#gnb #tm .th1#iconSet2 > a + .gnb_tit {background:url(/images/dorm/main_new/gnb_obj02.png)no-repeat left 90%;}
#gnb #tm .th1#iconSet3 > a + .gnb_tit {background:url(/images/dorm/main_new/gnb_obj03.png)no-repeat left 90%;}
#gnb #tm .th1 > a + .gnb_tit strong {display:block; position:relative; margin:0 0 40px;}
#gnb #tm .th1 > a + .gnb_tit strong em {display:none;font-size:30px; font-weight:700; font-family:'nsr'; color:#852c2b; line-height:1.1; }
#gnb #tm .th1#iconSet1 > a + .gnb_tit strong .set1 {display:block;}
#gnb #tm .th1#iconSet2 > a + .gnb_tit strong .set2 {display:block;}
#gnb #tm .th1#iconSet3 > a + .gnb_tit strong .set3 {display:block;}
#gnb #tm .th1 > a + .gnb_tit strong:after {display:block; position:absolute; left:0; bottom:-20px;  content:''; width:53px; height:1px; background:#852c2b; }
#gnb #tm .th1 > a + .gnb_tit span {display:block; font-size:15px; color:#333; }
#gnb #tm .th1 > a.current + .gnb_tit {display:block; }
#gnb #tm .th1 .th2 {display:none;position:absolute;left: 240px;right: 0;width: auto;padding: 30px 0;}
#gnb #tm .th1 .th2:after {display:block; clear:both; visibility:hidden; content:'';}
#gnb #tm .th1 .th2 > li {float:left;width:25%;padding-left: 45px;text-align: left;}
#gnb #tm .th1 .th2 > li.delay1,
#gnb #tm .th1 .th2 > li.delay2,
#gnb #tm .th1 .th2 > li.delay3,
#gnb #tm .th1 .th2 > li.delay4 {min-height: 290px;}
#gnb #tm .th1 .th2 > li > a {display:block; position:relative; width:100%;height:45px;line-height:45px;margin:0 0 20px; padding-left: 15px;border:1px solid #852d2b;background:#fff;font-size:16px;font-weight:700;color:#852d2b;font-family:'nsr';}
#gnb #tm .th1 .th2 > li > a:after {display:block; position:absolute; right:15px; top:20px; content:'';width:9px; height:5px;background:url(/images/dorm/main_new/gnb_icon.png)no-repeat 0 0;}
#gnb #tm .th1 .th2 > li.ov > a,
#gnb #tm .th1 .th2 > li > a:hover,
#gnb #tm .th1 .th2 > li > a:focus {background:#852d2b; color:#fff;}
#gnb #tm .th1 .th2 > li.ov > a:after,
#gnb #tm .th1 .th2 > li > a:hover:after,
#gnb #tm .th1 .th2 > li > a:focus:after {background-position:-10px 0;}
#gnb #tm .th1 .th2 > li .th3 {}
#gnb #tm .th1 .th2 > li .th3 > li {position:relative; margin:3px 0;padding-left:20px;}
#gnb #tm .th1 .th2 > li .th3 > li:after {display:block; position:absolute; left:10px; top:9px; content:''; width:3px; height:3px; background:#8b8b8b;}
#gnb #tm .th1 .th2 > li .th3 > li > a {display:block; font-size:15px; color:#444; }
#gnb #tm .th1 .th2 > li .th3 > li > a:hover,
#gnb #tm .th1 .th2 > li .th3 > li > a:focus {text-decoration:underline;}

@media screen and (max-width:1279px){
	#gnb #tm .th1 > a + .gnb_tit {left:20px; width:210px; }
	#gnb #tm .th1#iconSet1 > a + .gnb_tit,
	#gnb #tm .th1#iconSet2 > a + .gnb_tit,
	#gnb #tm .th1#iconSet3 > a + .gnb_tit {background-size:200px auto;}
	#gnb #tm .th1 .th2 {right:20px;}
	#gnb #tm .th1 .th2 > li {padding-left:20px}
}

.nav_hm{display:none;position:absolute;top:0;right:0;z-index:30}
.nav_hm .global .item{display: block;float:left;margin-top:37px;margin-right:12px;}
.nav_hm .global .item.last{display:block;width:90px;height:90px;background-color:#232C3F;margin-top:0;margin-right:0;}
.nav_hm .global .item a{display:block;width:100%;height:100%;color:#666;font-size:13px}
.nav_hm .global .item a .ir{display:inline-block;margin-top:-7px;margin-right:3px;vertical-align:middle;background:url(/images/common/ir_gm.png) ;}
.nav_hm .global .item a .ir-home{width:17px;height:15px;background-position:0 -35px;}
.nav_hm .global .item a .ir-login{width:15px;height:15px;background-position:-21px -35px;}
.nav_hm .global .item a .ir-sitemap{width:90px;height:90px;margin-top:0;margin-right:0;background:url(/images/kor/main/icon_all_menu.png) no-repeat 50% 50%;font-size:0;}

/*header_20171214*/
.nav_hm .lang{position:absolute;width: 140px;background:#eee;border:1px solid #ddd;right: 90px;}
.nav_hm .lang li{float:left;line-height:16px;width: 69px;}
.nav_hm .lang li a{padding:0px 13px;width: 70px;display: block;text-align: center;}
.nav_hm .lang li:first-child{display:block;height: 24px;border-right:1px solid #ddd;}


#location{display:block;position:relative;width:100%;height:57px;}
#location.fix{display:block;position:fixed;top:0;z-index:999;}
#navigate{position:absolute;top:0;left:0;width:100%;height:57px;text-align:left;border-width:1px 0;background-color:#918368;z-index:99;}

#navigate .navi,#navigate a,#navigate span{display:inline-block;color:#f0f6ff} 
#navigate span{display:block;margin-top:-37px;padding-bottom:20px;line-height:1.2;}
#navigate *{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#navigate .navi.navi1{position:relative;height:100%;padding:0 30px 0 40px;margin-left:-4px;vertical-align:top;background: #5b4f3f url(/images/common/navigate_arr.png) no-repeat;cursor:pointer}
#navigate .navi:first-child{margin-left:0;}
#navigate .navi.navi2{position:relative;height:100%;padding:0 30px 0 40px;margin-left:-4px;vertical-align:top;background: #918368 url(/images/common/navigate_arr2.png) no-repeat;cursor:pointer}
#navigate .navi:before{content:"";display:inline-block;height:100%;vertical-align:middle}
#navigate .navi:after{content:"";position:absolute;top:25px;right:0;width:12px;height:12px;background:url(/images/common/icon_navigate.png) no-repeat;background-position:-18px 0;}
#navigate .current{position: relative;height: 100%;padding: 0 30px 0 40px;margin-left: -4px;vertical-align: top;/* background: #918368 url(/images/common/navigate_arr2.png) no-repeat; */cursor: pointer;color:#fff}

#navigate .icon:before{display:inline-block;background:url(/images/common/icon_navigate.png) no-repeat}
#navigate .home{padding:11.5px 10px;margin-left:0;vertical-align:middle;background:#212a3d;cursor:default}
#navigate .home:before{content:"";width:14px;height:14px;margin-bottom: 10px;margin-top: 10px;background:url(/images/common/icon_navigate.png) no-repeat;}
#navigate .home:after{top:0;left:-1000px;content:"";display:block;width:1000px;height:57px;background-color: #212a3d}

#navigate .navi ul{height:0;overflow:hidden;margin:-1px -36px 0 -34px;background-color:#fff;}

#navigate .navi ul li{border:solid #5b4f3f;border-width:0 1px 1px 1px}
#navigate .navi ul li:first-child{border-top-width:0}
#navigate .navi ul li a{display:block;padding:15px 23px;line-height:1;color:#505050}
#navigate .navi ul li a:hover,#navigate ul li a:focus{background-color:#5b4f3f;color:#fff;}


#navigate .navi.navi2 ul li{border:solid #918368;border-width:0 1px 1px 1px}
#navigate .navi.navi2 ul li a:hover,
#navigate .navi.navi2 ul li a:focus{background-color:#918368;color:#fff}

#navigate .layout{height:57px}

.location_buttons_box{position:absolute;top:15px;right:0;height:27px;vertical-align:middle;}
.location_buttons_box:after{content:"";display:block;clear:both;visibility:hidden;}
.location_buttons_box .ir{display:inline-block;float:right;margin-left:5px;width:27px;height:27px;font-size:0;}
.location_buttons_box .sns{background-position:-63px -260px;}
.location_buttons_box .sns.ov,
.location_buttons_box .sns:active{background-position:-33px -260px;}
.location_buttons_box .print{background-position:-93px -260px;}
.sns_btn{display:inline;}
#naviSNS{position:absolute;top:41px;right:-2px;width:98px;height:33px;padding:3px;border:1px solid #efefef;background-color:#fff;border-radius:50px;}
#naviSNS a{display:inline-block;width:27px;height:27px;font-size:0;}
#naviSNS .fb{background-position:0px -289px;}
#naviSNS .tw{background-position:-93px -289px;}
#naviSNS .ks{background-position:-62px -289px;}
#naviSNS .bk{background-position:-32px -289px;}





#txt{clear:both;width:100%;}
#mo_gnb{overflow:hidden}
#mo_gnb{position:absolute;top:0;right:-300px;width:300px;height:100%;background:#f9f9f9;z-index:1010;box-shadow:0px 0px 10px #333}
#mo_gnb .mo_sitelink{padding:0 10px;text-align:center;background-color:#f9f9f9}
#mo_gnb .mo_sitelink span{display:inline-block;margin-bottom:5px;padding:5px 7px 3px 7px;color:#121212;font-size:13px;border:1px solid #707070;border-radius:50px;}
#mo_tm{position:relative;height:100%;/*overflow-x:hidden;overflow-y:auto*/}
#mo_tm a{display:block;line-height:1;font-size:15px;color:#c0c6d0}
#mo_tm .th1{}
#mo_tm .th1 .th1_lnk{display:block;padding:18px 15px;width:110px;color:#4f4f4f;font-size:16px;font-weight:bold;line-height:1.2;text-align:center;letter-spacing: -1px;}
#mo_tm .th1>b{}
#mo_tm .th1 .th1_lnk.ov{background:#012659;color:#fff}
#mo_tm .th2{position:absolute;top:0;left:110px;width:195px;background:#fff;border-left:1px solid #efefef;}
#mo_tm .th2>li{}
#mo_tm .th2>li>a{position:relative;padding:19px 0 19px 17px;font-size:16px;color:#08479c;border-bottom:1px solid #08479c}
#mo_tm .th2>li>a:after{}
#mo_tm .th2>li>a.ov,
#mo_tm .th2>li>a:active{border-bottom:3px solid #08479c}
#mo_tm .th2>li>a.ov:after{content:">";position:absolute;top:13px;right:13px;font-size:20px;transition:transform 0.3s;font-family:"돋움",dotum,sans-serif;transform:rotate(90deg)}
#mo_tm .th3{padding:15px;border-bottom:1px solid #08479c;}
#mo_tm .th3 li{}
#mo_tm .th3 li a{position:relative;display:block;padding:12px 25px 12px 5px;border-top:1px solid #e0e0e0;color:#333;}
#mo_tm .th3 li a:hover,
#mo_tm .th3 li a:focus{color:#333}
#mo_tm .th3 li a:after{content:"-";position:absolute;top:11px;right:13px;font-size:20px;transition:transform 0.3s;font-family:"돋움",dotum,sans-serif;}
#mo_tm .th3>li>a.ov,
#mo_tm .th3>li>a:active{color:#333}
#mo_tm .th3>li>a.ov:after{content:"+";}
#mo_tm .th3 li:first-child a{border-top:0}




#svisual{position:relative;height:288px;overflow:hidden;background-color:#454950;margin-top:-90px;padding-top:105px}
#svisual .sv_video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#svisual .sv_video video {position: absolute;top: 0;left: 50%;min-width: 100%;min-height: 100%;width: auto;height: auto;z-index: 0;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}
#svisual .sv_video .video-overlay {position: absolute;left: 0%;top: 0%;min-width: 100%;min-height: 100%;background-image:url(/images/mayor/main/mask_bl_dot.png);z-index: 11;}

#svisual{}
#svisual:after{position:absolute;bottom:40px;right:30%;margin-right:100px;content:"";display:block;width: 352px;height:160px;background:url(/images/common/svisual_obj.png) no-repeat;}
#svisual h1{display:block;position:absolute;top:5px;right:11px;padding:60px 0;padding-bottom:0;width:220px;font-family:"nsr",sans-serif;color:#010101;text-align:center;word-wrap:break-word;word-break:keep-all;line-height:1.2;background:url(/images/common/svisual_tit_bg_tb.png) repeat-x;font-weight:400;height:180px;z-index:12}
#svisual h1 span{display:block;position:relative;vertical-align:middle;font-size:27px;font-weight:600;font-family:"nsr",sans-serif;color:#fff;word-wrap:break-word;word-break:keep-all;line-height:35px}
#svisual h1:before{content:"";display:block;position:absolute;top:-1px;left:-11px;width:11px;height:100%;background:url(/images/common/svisual_tit_bg_lr.png) no-repeat;}
#svisual h1:after{content:"";display:block;position:absolute;bottom:1px;right:-10px;width:11px;height:100%;background:url(/images/common/svisual_tit_bg_lr.png) no-repeat;}
#svisual h1 span *{vertical-align:middle}
#svisual h1 em{display:none;position:absolute;top:-8px;right:-40px;display:inline-block;width:32px;height:64px;}
#svisual h2{position:relative;margin-right:20%;padding-top:80px;padding-bottom:15px;margin-top:0;font-family:"nsr",sans-serif;color:#fff;font-weight:400;font-size:42px;line-height:1.3;text-align:left;z-index:12}
#svisual h2:before{display:none;/* content:"";display:block;position:absolute;bottom:0;left:37%;top:auto;width:60px;height:1px;background-color:#fff; */}
#svisual h1,#svisual:after{display:none}

#container{position:relative;padding-bottom:70px;padding-top:40px;}
#container .layout:before{content:"";/*display:block;position:absolute;top:0;bottom:0;left:0;width:1px;height:100%;background-color:#d1d0d0;*/overflow:hidden;}
#content{position:relative;float:left;width:75%;}
#container #content:before{content:"";/*display:block;position:absolute;top:0;bottom:0;left:-10.3%;width:1px;height:100%;background-color:#d1d0d0;*/overflow:hidden;}
#remote{position:relative;z-index:10;float:right;width:20%;}
#remote h1{padding:0 10px;margin-bottom:5px;height:110px;text-align:center;background-color:#e9344b;}
#remote h1:before{content:"";display:inline-block;height:100%;vertical-align:middle}
#remote h1 span{display:inline-block;vertical-align:middle;font-size:26px;font-weight:600;font-family:"nsr",sans-serif;color:#fff}


#lnb{display:block;/*margin-top:-40px;*/}
#lnb li{}
#lnb li a{position:relative;display:block;line-height:1.2;word-wrap:break-word;word-break:keep-all;}
#lnb li span{position:absolute;right:19px;top:40%;width:11px;height:11px;background-image:url(/images/common/icon_lnb.png)}
#lnb .th2{}
#lnb .th2>a{padding:12px 30px 12px 15px;font-size:16px;color:#3b3b3b;border-bottom:1px solid #d4d4d4;font-family:"nsr",sans-serif;}
#lnb .th2>a:hover{background-color:#701e20;color:#fff}
#lnb .th2 .link_2th{}
#lnb .th2 .link_2th_ov{background-color:#701e20;border:1px solid #701e20;color:#fff}
#lnb .th2 .link_2th span{background-position:0 0}
#lnb .th2 .link_2th_ov span{background-position:0 -49px}
#lnb .th3{display:none;padding:15px;background:#f5f4f4;}
#lnb .th3 li{border:none;margin-bottom:2px;}
#lnb .th3 li:first-child{border-top-width:0}
#lnb .th3 li a{padding:2px 11px;background-position:0 0;border:none;color:#5a5a5a;font-size:14px;line-height:1.4;word-wrap:break-word;word-break:keep-all;}
#lnb .th3 li a:hover{text-decoration:underline;}
#lnb .th3 li span{display:block;top:8px;left:0px;width:6px;height:6px;background:none;border-radius:50%;}
#lnb .th3 .link_3th{}
#lnb .th3 .link_3th_ov{color:#444;text-decoration: underline;}
#lnb .th3 .link_3th span{background:none;}
#lnb .th3 .link_3th_ov span{top:8px;left:0px;background-color:#c2182d}

@media (max-width:1024px){
	#header #logo{left:10px;}
	#header #open_mn{right:10px;}
}