@import url("common.css");

.wrap_title {display:none;}

#sub {max-width:1200px; margin:0 auto; padding:45px 2%; overflow:hidden;}

.tb60 {font-size:60px; font-weight:bold; color:#007ee9; font-family:'Nanum Square';}
.tb50 {font-size:50px; font-weight:bold; color:#007ee9; font-family:'Nanum Square';}
.tb28 {font-size:28px; font-weight:bold; color:#007ee9; font-family:'Nanum Square';}
.tb25 {font-size:25px; font-weight:bold; color:#313131; font-family:'Nanum Square';}
.tb20 {font-size:20px; font-weight:bold; color:#313131; font-family:'Nanum Square';}
.tb18 {font-size:18px; font-weight:bold; color:#313131; font-family:'Nanum Square';}
.t30 {font-size:30px; color:#313131; font-family:'Nanum Square';}
.t28 {font-size:28px; color:#5c5c5c; font-weight:normal;}
.t18 {font-size:18px; color:#313131; line-height:30px;}
.t17 {font-size:17px; color:#313131; line-height:30px;}
.t16 {font-size:16px; color:#313131; line-height:30px;}

.tab2 {border-bottom:1px solid #007ee9; overflow:hidden;}
.tab2 a {display:inline-block; width:200px; font-size:20px; color:#313131; text-align:center; line-height:50px; margin:0 5px -1px 0; border:1px solid #ddd; border-top-right-radius:15px; border-top-left-radius:15px;}
.tab2 .on {font-weight:bold; color:#fff; border:1px solid #007ee9; background:#007ee9;}

.tab3 {border-bottom:1px solid #007ee9; overflow:hidden;}
.tab3 div {display:inline-block; width:180px; font-size:25px; color:#313131; line-height:30px; padding:10px 0 10px 20px; margin-right:5px; background:#f1f1f1; border-top-right-radius:15px; border-top-left-radius:15px; cursor:pointer;}
.tab3 div span {display:block; font-size:17px;}
.tab3 .on {font-weight:bold; color:#fff; background:#007ee9;}

.btn {margin:30px auto; font-size:20px; font-weight:bold; text-align:center; overflow:hidden;}
.btn a {display:inline-block; width:200px; height:60px; line-height:60px; margin:0 10px; color:#fff; text-align:center; border-radius:15px; background:#007ee9;} 
.btn input[type=submit] {display:inline-block; width:300px; height:60px; line-height:60px; font-size:20px; font-weight:bold; margin:0 10px; color:#fff; text-align:center; border:none; border-radius:15px; background:#007ee9;} 




/* fancybox */
.fancybox-skin {background:none !important; box-shadow:none !important;}
.fancybox-close {top:-1px !important; right:-2px !important;}
.fancybox-outer {background:#fff;}
.fancybox-nav {height:109% !important;}
.fancybox-nav span {visibility:visible !important;}
.fancybox-prev span {top:70% !important; left:50% !important; background:url("/site/dormitory/res/img/fancybox-prev.png") no-repeat 0 0 !important; margin:0px !important; width:110px !important; height:72px !important;}
.fancybox-next span {top:70% !important; right:50% !important; background:url("/site/dormitory/res/img/fancybox-next.png") no-repeat 0 0 !important; margin:0px !important; width:110px !important; height:72px !important;}
.fancybox-title-float-wrap {margin-bottom:21px !important;}
.fancybox-title-over-wrap {width:98%; padding:1% !important;}
.fancybox-skin .fancybox-outer .fancybox-inner {overflow:visible! important;}

/* bbs */
.tbl_list {background:#fff;} 

/* 교외 주거＜ */
.sub .suburbs {margin-top:30px; padding:40px 3% 50px; overflow:hidden; box-shadow:1px 1px 5px #c8c8c8; border-radius:15px; background:#fff;}
.suburbs .t1 {margin:0 -12px; overflow:hidden;}
.suburbs .t1 .box2 {float:left; width:calc(50% - 26px); margin:0 12px 20px; padding-top:20px; font-size:18px; color:#313131; line-height:30px; text-align:center; border:1px solid #cacaca; border-radius:15px; overflow:hidden;}
.suburbs .t1 .box2 .tb20 {display:block; height:50px; line-height:50px; margin-top:20px;}
.suburbs .t1 .box2 .bg1 {color:#fff; background:#007ee9;}
.suburbs .t1 .box2 .bg3 {color:#fff; background:#0ec075;}


.suburbs .t2 {margin-top:20px; overflow:hidden;}
.suburbs .t2 input+input {margin-left:15px; }

.suburbs .cb {color:#2dbdfa !important; font-weight:bold;}

.suburbs .t5 {padding-bottom:40px; background:url("/site/dormitory/res/img/util_line.png") repeat-x 0 100%; overflow:hidden;}

.suburbs .t4 {width:calc(100% - 550px);}
.suburbs .t4 .tb25 {text-overflow: ellipsis; overflow: hidden; white-space: nowrap;	}
.suburbs .t4 .t16 {text-overflow: ellipsis; overflow: hidden; white-space: nowrap;	}

.suburbs .t7 {float:right; width:492px; overflow:hidden;}
.suburbs .t7 font {font-size:14px; color:#666; margin-top:5px; display:block;}
.suburbs .t6 {position:relative; padding-bottom:25px; margin-bottom:15px; border:1px solid #dcdcdc; overflow:hidden;}
.suburbs .t6 .img01{max-width:490px; height:326px; margin-bottom:20px;}
.suburbs .t6 .prev {position:absolute; bottom:52px; left:7px;}
.suburbs .t6 .next {position:absolute; bottom:52px; right:7px;}
.suburbs .t6 .ready {display:block;}
.suburbs .t6 #img {position:relative; height:70px; width:448px; top:0px; left:16px; overflow:hidden; }
.suburbs .t6 #img img {border:1px solid #dadada; margin-left:9px; cursor:pointer; width:80px; height:67px;}


.suburbs .table01 .checkbox {float:left; margin-right:10px;}
.suburbs .table01 .checkbox input {margin-right:5px;}
.suburbs .table01 textarea {width:240px; height:70px; border:none; overflow:hidden; resize:none;}


.suburbs .t9 {overflow:hidden; padding:30px 0 0 0;}
.suburbs .t9 span{width:24px; height:30px; font:13px/22px 'Arial'; display:inline-block; padding-top:2px; text-align:center;}
.suburbs .t9 .now {background:url("/site/dormitory/res/img/notice_bur_on.png") no-repeat 2px 0; color:#fff;}

/* .suburbs .dormitoryTR select {padding-left:45px; } */


.suburbs .btn2 {margin:30px 0 40px;}
.suburbs .btn2 span {display:inline-block; width:260px; height:70px; line-height:70px; font-size:18px; font-weight:bold; color:#fff; text-align:center; background:#007fea; overflow:hidden;}
.suburbs .btn2 a {display:inline-block;width:260px; height:68px; line-height:68px; font-size:18px; color:#313131; text-align:center; border:1px solid #ddd; overflow:hidden;}
.suburbs .btn2 span+a {margin-left:-3px;}
.suburbs .btn2 a+span {margin-left:-3px;}


.suburbs .review_box {padding:25px 30px; margin-top:20px; border:1px solid #ddd; border-radius:10px;}
.suburbs .review_box table {width:100%; border-collapse:collapse;}
.suburbs .review_box table th {width:70px; font-size:18px; font-weight:bold; color:#313131; text-align:left; padding-bottom:20px;}
.suburbs .review_box table td {font-size:16px; padding-bottom:20px;}
.suburbs .review_box table td textarea {width:98%; height:150px; margin:20px 0 10px; padding:10px; border:1px solid #ddd;}
.suburbs .review_box .btn3 {display:inline-block; width:330px; height:55px; line-height:55px; font-size:18px; font-weight:bold; color:#fff; text-align:center; border:none; background:#007fea; border-radius:10px; overflow:hidden;}
.suburbs .review_box .star {overflow:hidden;}
.suburbs .review_box .star img {cursor:pointer;}

.suburbs .review_list {margin-top:20px; border-top:2px solid #007ee9; overflow:hidden;}
.suburbs .review_list .box {padding:10px 0; border-bottom:1px solid #ddd; overflow:hidden;}
.suburbs .review_list .box .name {font-size:16px; font-weight:bold; color:#313131;}
.suburbs .review_list .box .star {padding:5px 0; overflow:hidden;}
.suburbs .review_list .box .text {font-size:16px; min-height:90px; line-height:30px; padding-bottom:10px;}



/* 생활관 안내 */
.sub .info {width:91%; margin:0 auto; padding:50px 2%; overflow:hidden; border:1px solid #bdbdbd; border-radius:25px; background:#fff;}
.info .t1 {margin-top:40px;}
.info .t2 {padding:45px 0 40px 0; margin-right:-90px; text-align:center; overflow:hidden; background:url("/site/dormitory/res/img/util_line.png") repeat-x 0 100%;}
.info .t2 ul {display:inline-block; margin-right:88px; *float:left;}
.info .t2 li {margin:0 0 15px 0 ; font-size:18px; color:#1faee6; text-align:center; }
.info .t2 li img {width:158px;}
.info .t3 {padding:45px 0 40px 0px; margin-right:-60px; overflow:hidden; text-align:center; background:url("/site/dormitory/res/img/util_line.png") repeat-x 0 100%;}
.info .t3 ul {display:inline-block; width:180px; margin-right:60px; margin-bottom:20px; *float:left;}
.info .t3 .img01 {height:102px; margin-bottom:18px; text-align:center;}
.info .t3 .img02 {margin-bottom:10px; text-align:center;}
.info .t3 .text01 {margin-bottom:20px; font-size:12px; line-height:20px; text-align:center;}
.info .t3 .text02 {font-size:12px; text-align:center; font-weight:bold;}
.info .t3 .text01 a {color:#666; }
.info .t4 {padding:30px 0 100px 2px;}
.info .t4 img {margin-right:25px; }



/* 학사  */

.naver_map {border-radius:15px; margin-bottom:30px; overflow:hidden;}
.naver_map iframe {border:none; margin:-1px; width:calc(100% + 2px);}

.dormi {overflow:hidden;}
.dormi .text {float:left; width:35%; margin-right:50px; padding-right:70px; border-right:1px solid #ddd; overflow:hidden;}
.dormi .text .text2 {padding:25px 20px; font-size:18px; color:#313131; line-height:35px; margin:10px 5px 5px; background:#fff; border-radius:10px; box-shadow:0px 1px 5px #c8c8c8;}
.dormi .text .text2 b {color:#007ee9;}
.dormi .btn2 {padding:10px 0 0; overflow:hidden;}
.dormi .btn2 .box {display:block; float:left; width:calc(50% - 20px); margin:0 10px 20px; padding:15px 0; background:#fff; box-shadow:0px 1px 5px #c8c8c8; border-radius:15px; overflow:hidden;}
.dormi .btn2 .box .img {float:left; width:90px; text-align:center; height:75px; border-right:1px solid #ddd; overflow:hidden;}
.dormi .btn2 .box span {display:block; line-height:75px; font-size:18px; color:#313131; text-align:center; font-family:'Nanum Square';}

.dormi .btn3 {padding:30px 0 0; overflow:hidden;}
.dormi .btn3 .box {display:block; float:left; width:230px; margin:0 5px 20px; padding:10px 0; background:#fff; box-shadow:0px 1px 5px #c8c8c8; border-radius:10px; overflow:hidden;}
.dormi .btn3 .box .img {float:left; width:60px; text-align:center; height:38px; border-right:1px solid #ddd; overflow:hidden;}
.dormi .btn3 .box span {display:block; line-height:38px; font-size:18px; color:#313131; text-align:center; font-family:'Nanum Square';}

.dormi .btn4 {padding:30px 30px 40px; background:#fff; border-radius:15px; box-shadow:0px 1px 5px #c8c8c8; margin:5px; overflow:hidden;}
.dormi .btn4 .box {display:block; float:left; width:calc(25% - 20px); margin:0 5px 20px; padding:10px 0; background:#fff; box-shadow:0px 1px 5px #c8c8c8; border-radius:10px; overflow:hidden;}
.dormi .btn4 .box .img {float:left; width:60px; text-align:center; height:38px; border-right:1px solid #ddd; overflow:hidden;}
.dormi .btn4 .box span {display:block; line-height:38px; font-size:18px; color:#313131; text-align:center; font-family:'Nanum Square';}


.buram .t1 {margin:40px 0 0 0; background:url("/site/dormitory/res/img/util_line.png") repeat-x 0 100% ;  }
.buram .t1 .text {margin:16px 0 0 0; padding-bottom:30px; width:900px; font-size:15px; color:#666666; line-height:24px }
.buram .t1 .link {padding:14px 0 40px 82px; overflow:hidden;}
.buram .t1 ul {display:inline-block;}
.buram .t1 .link1 {padding:14px 3% 0; text-align:center; overflow:hidden;}
.buram .t1 .link1 ul {margin-right:7%; *float:left;}
.buram .t1 .link1 ul img {width:150px;}
.buram .t1 .link1 .link2 {margin-right:20px;}
.buram .t1 li {margin:0 0 15px 0 ; font-size:18px; font-weight:bold; color:#828574; text-align:center; letter-spacing:-0.05em;   }
.buram .t2 {position:relative; padding:40px 0 50px 0px; text-align:center; overflow:hidden; background:url("/site/dormitory/res/img/util_line.png") repeat-x 0 100%;}
.buram .t2_on {position:absolute; top:84px; left:0; text-align:center;}
.buram .t2 div img{margin-right:6px; margin-bottom:10px;}
.buram .t3 {padding:0px 0 10px 0px; overflow:hidden; background:url("/site/dormitory/res/img/util_line.png") repeat-x 0 100%;}
.buram .t3 .t3_ul {display:inline-block; width:218px; height:315px; margin-right:7px; vertical-align:top; *float:left;}
.buram .t3 .t01 {text-align:center; margin-bottom:22px; }
.buram .t3 .t02 {font-size:18px; color:#1faee6; font-weight:bold; margin-bottom:10px; text-align:center; letter-spacing:-0.05em}
.buram .t3 .t03 {height:56px; font-size:12px; color:#666; padding-left:32px; }
.buram .t3 .t03 div {float:left;}
.buram .t3 .t03 ul {float:left; width:140px; }
.buram .t3 .t04 {font-size:12px; color:#666; padding-left:32px; }
.buram .t3 .t04 img {vertical-align:middle;}
.buram .t4 {padding:30px 0 100px 2px;}
.buram .t4 img {margin-right:25px; }

.dormi.t5 {padding:20px 0 50px 0px; text-align:center; overflow:hidden;}
.dormi.t5 .mt20 {overflow:hidden;}
.dormi.t5 .mt20 a {position:relative; padding:0 5px 10px; display:inline-block;}
.dormi.t5 .mt20 a img {display:block; margin-bottom:5px;}
.dormi.t5 .mt20 a .but_img {position:absolute; top:0; left:5px; display:none;}
.dormi.t5 .mt20 a:HOVER .but_img {display:block;}


.buram .t5 {padding:40px 0 50px 0px; text-align:center; overflow:hidden; background:url("/site/dormitory/res/img/util_line.png") repeat-x 0 100%;}
.buram .t5 .mt20 {overflow:hidden;}
.buram .t5 .mt20 a {position:relative; padding:0 5px 10px; display:inline-block;}
.buram .t5 .mt20 a img {display:block; margin-bottom:5px;}
.buram .t5 .mt20 a .but_img {position:absolute; top:0; left:5px; display:none;}
.buram .t5 .mt20 a:HOVER .but_img {display:block;}


.imgbox {padding:30px 0 50px 0px; margin:0 -5px; text-align:center; overflow:hidden;}
.imgbox a {position:relative; float:left; display:block; width:calc(25% - 10px); margin:0 5px 10px; border-radius:20px; box-shadow:1px 1px 5px #ddd; overflow:hidden;}
.imgbox a img {display:block; width:100%;}
.imgbox a span {position:absolute; bottom:0; left:0; display:block; width:100%; font-size:17px; color:#313131; line-height:44px; text-align:center; background:#fff; opacity:0.9;}
.imgbox a .but_img {position:absolute; top:0; left:0; display:none;}
.imgbox a:HOVER .but_img {display:block;}


.afbox {padding:35px 15px 10px; margin:20px 5px 5px; box-shadow:1px 1px 5px #c8c8c8; border-radius:15px; background:#fff; overflow:hidden;}
.afbox .box {float:left; width:calc(25% - 32px); margin:0 15px 30px; border:1px solid #ddd; border-radius:15px; overflow:hidden;}
.afbox .box .title {display:block; padding:12px 0; line-height:45px; border-bottom:1px solid #ddd;}
.afbox .box .img {float:left; width:80px; height:45px; text-align:center; vertical-align:middle; border-right:1px solid #ddd; overflow:hidden;}
.afbox .box .text {font-size:18px; font-weight:bold; color:#313131; line-height:45px; font-family:'Nanum Square'; padding-left:15px;}
.afbox .box .text1 {height:90px; font-size:16px; color:#313131; line-height:30px; padding:15px 10px 20px 20px;}
.afbox .box .text2 {height:180px; font-size:16px; color:#313131; line-height:30px; padding:15px 10px 20px 20px;}






/* 회원가입 */
.sub .signup {margin-top:20px; padding:30px 3% 50px; min-height:500px; overflow:hidden; box-shadow:1px 1px 5px #c8c8c8; border-radius:15px; background:#fff;}

.signup .t3 {padding:50px 0 47px 0; margin:0 24px 0 23px; overflow:hidden; background:url("/site/dormitory/res/img/util_line.png") repeat-x 0 100%; }
.signup .t3 div {font-size:12px; color:#858585; margin-top:14px;}
.signup .t4 {padding:50px 0 100px 24px;}
.signup .t4 img {margin-right:25px; }

.signup .t5 {padding-top:30px; overflow:hidden; display:none;}
.signup .t5 .bg {margin:15px 0 30px 0;}
.signup .t5 .bg li {font-size:16px; line-height:30px; background:url("/site/dormitory/res/img/signup_util01.png") no-repeat 0 9px; padding-left:18px;}
.signup .text {width:calc(100% - 32px); height:250px; padding:10px 15px; margin:10px 0; border:1px solid #dadada; overflow:auto;}

.signup .text3 {padding:40px 60px 0 50px;  background:url("/site/dormitory/res/img/util_line.png") repeat-x 0 0; }
.signup .text3 ul {padding:30px 20px 30px 20px; background:#f1f1f1; font-size:13px; line-height:22px;  }
.signup .text3 .e9 {color:#e97563; background:url("/site/dormitory/res/img/signup_util02.png") no-repeat 0 8px;}

.signup .text4 {width:610px; text-align:right; margin-bottom:9px; font-size:15px; color:#313131;} 
.signup .text4 input {height:28px; margin:0 7px; border:1px solid #d1d1d1; width:85px; padding-left:5px; } 
.signup .text4 span {margin-right:10px;} 
.signup .text4 .tt {width:88px; height:25px; float:right; padding:5px 0 0 0; margin:1px 0 0 0; text-align:center; background:#007ee9; font:12px/22px '�룍��'; color:#fff;} 

.signup .t6 {padding-top:30px; overflow:hidden; display:none;}
.signup .text6 {padding:40px 0 0 100px; margin-top:30px; border-top:1px solid #ddd; overflow:hidden; } 
.signup .text6 li {font-size:16px; height:40px; line-height:40px; color:#555; margin-bottom:10px;} 
.signup .text6 div {float:left; width:100px; font-size:15px; line-height:40px; color:#313131; letter-spacing:-0.03em;} 
.signup .text6 input {width:290px; height:38px; margin-right:5px; border:1px solid #d1d1d1; padding-left:5px;} 
.signup .text6 .tt2 {width:85px; height:40px; line-height:40px; text-align:center; background:#007ee9; color:#fff;} 
.signup .text6 img {margin-left:-6px; vertical-align:middle;} 
.signup .text6 select {width:297px; height:28px; margin:5px 5px 0 0; border:1px solid #d1d1d1; padding-left:5px;} 
.signup .text6 span {color:#007ee9; font-weight:bold; margin-left:15px;} 

.signup .t7 {padding-top:30px; overflow:hidden; display:none;}
.signup .t7 .text6 select {width:328px;} 
.signup .t7 .text7 input {width:92px;} 
.signup .t7 .text8 input {width:104px;} 
.signup .t7 .text8 img {margin-left:0px; } 


/* 마이페이지 */
.mypage {overflow:hidden;}
.mypage .t1 {float:left; margin-bottom:20px; margin-right:3%; width:calc(48% - 60px); padding:25px 30px 30px; border-radius:15px; background:#fff; overflow:hidden;}
.mypage .t1 .school {font-size:18px; color:#313131; margin-bottom:20px;}
.mypage .t1 .school b {font-size:28px;}

.mypage .status {height:100px; line-height:100px; margin-bottom:20px; font-size:25px; color:#313131; text-align:center; background:#f4f4f4; border-radius:15px; overflow:hidden;}
.mypage .status .num {display:inline-block; width:calc(100% - 300px); font-size:50px; color:#007ee9; padding:0 10px 0 30px; font-weight:bold; text-align:right; vertical-align:middle;}

.mypage .t2 {margin-top:5px; border-top:1px solid #007ee9; margin-bottom:20px; overflow:hidden;}
.mypage .t2 .n {text-align:center; color:#fff; margin-top:10px; border-bottom:none; border-radius:15px; background:#007ee9;}
.mypage .t2 .n a {display:block; color:#fff;}
.mypage .t2 .n2 {text-align:center; color:#ba000c; margin-top:5px; border-bottom:none; border:1px solid #ddd; border-radius:15px; background:#f4f4f4;}
.mypage .t2 .n2 a {display:block; color:#ba000c;}

.mypage .t2 li {line-height:50px; font-size:16px; color:#313131; border-bottom:1px solid #ddd;}
.mypage .t2 li div:nth-child(1) {float:left; width:135px; text-align:center; background:#f5f5f5;}
.mypage .t2 li div:nth-child(2) {display:table-cell; width:1000px; height:50px; padding-left:30px; line-height:25px; vertical-align:middle; overflow:hidden;}

.mypage .t2 .tab {overflow:hidden;}
.mypage .t2 .tab span {display:block; float:left; width:50%; text-align:center; cursor:pointer;}
.mypage .t2 .tab .on {color:#fff; background:#007ee9;}

.mypage .t3 {padding-top:10px; margin:0 -5px; overflow:hidden; font-family:'Nanum Square'; text-align:center;}
.mypage .t3 a {float:left; display:block; width:calc(50% - 12px); margin:0 5px 10px; padding:15px 0; height:35px; line-height:35px; font-size:17px; color:#313131; border:1px solid #ddd; border-radius:10px; background:#fff;}
.mypage .t3 a span {float:left; display:block; width:70px; text-align:center; border-right:1px solid #ddd;}

.mypage .t4 {width:530px; margin-bottom:23px; border:1px solid #bdbdbd; border-radius:25px; overflow:hidden;}
.mypage .t4 .top {height:30px; padding:20px 30px 0 35px; background:#f4f4f4;}
.mypage .t4 .top img {float:left;}
.mypage .t4 .top .r {float:right;}
.mypage .t4 .top .r img {margin-left:7px; }

.mypage .t5 {position:relative; margin-bottom:25px; padding:25px 30px 30px; border-radius:15px; background:#fff; overflow:hidden;}
.mypage .t5 .box {display:inline-block; height:330px;}
.mypage .t5 .box .tb20 {padding-right:10px; color:#5c5c5c; cursor:pointer;}
.mypage .t5 .box+.box .tb20 {padding-left:15px; border-left:1px solid #ddd;}
.mypage .t5 .box .r {position:absolute; top:20px; right:30px; display:none;}
.mypage .t5 .box.on .tb20 {color:#313131;}
.mypage .t5 .box.on .r {display:block;}

.mypage .t5 .bbs {position:absolute; top:70px; left:30px; width:calc(100% - 60px); padding-top:10px; border-top:1px solid #ddd; overflow:hidden; display:none;}
.mypage .t5 .bbs li {font-size:16px; line-height:35px; overflow:hidden;}
.mypage .t5 .bbs a {float:left; display:block; width:calc(100% - 100px); color:#313131; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.mypage .t5 .bbs a b {color:#007ee9;}
.mypage .t5 .bbs span {display:block; color:#5c5c5c; text-align:right; overflow:hidden;}

.mypage .t5 .box.on .bbs {display:block;}

.mypage .t5 .bbs2 {position:absolute; top:90px; left:30px; width:calc(100% - 60px); height:160px; padding-top:10px; border-top:1px solid #ddd; overflow:auto;}
.mypage .t5 .bbs2 li {font-size:15px; line-height:30px; overflow:hidden;}
.mypage .t5 .bbs2 a {display:block; float:left;}
.mypage .t5 .bbs2 span {display:block; float:left;}
.mypage .t5 .bbs2 .a1 {width:calc(100% - 380px); text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.mypage .t5 .bbs2 .a2 {width:70px; text-align:right;}
.mypage .t5 .bbs2 .a3 {width:40px; text-align:right;}
.mypage .t5 .bbs2 .a4 {width:120px; text-align:right;}
.mypage .t5 .bbs2 .a5 {width:100px; text-align:right;}
.mypage .t5 .bbs2 .a6 {width:40px; text-align:right;}

.mypage .t6 {padding:25px 30px 20px; margin-bottom:20px; border-radius:15px; background:#fff; overflow:hidden;}
.mypage .t6 .link {padding-top:10px; margin:0 -5px; overflow:hidden; font-family:'Nanum Square'; text-align:center;}
.mypage .t6 .link a {float:left; display:block; width:calc(50% - 12px); margin:0 5px 10px; padding:15px 0; height:35px; line-height:35px; font-size:17px; color:#313131; border:1px solid #ddd; border-radius:10px; background:#fff;}
.mypage .t6 .link a span {float:left; display:block; width:70px; margin-right:10px; text-align:center; border-right:1px solid #ddd;}

.mypage .t7 {padding:25px 30px 25px; border-radius:15px; background:#fff; overflow:hidden;}
.mypage .t7 span {font-size:30px; font-weight:bold; color:#555555; margin-left:20px; }

.room {padding:0 10px 20px 10px; min-height:400px;  }
.room a {text-decoration:none; color:#43c9ab; font-weight:bold; }



/* 공지사항  */
.notice {padding:40px 3% 50px; overflow:hidden; box-shadow:1px 1px 5px #c8c8c8; border-radius:15px; background:#fff;}
.notice .control_area {float:left; width:260px; height:800px; padding:30px; margin-right:30px; border:1px solid #ddd; border-radius:15px; overflow:hidden}
.notice .content_area {position:relative; overflow:hidden}
.notice .content_area .btn_notice {position:absolute; top:0; right:0; overflow:hidden;}

.notice .tb28 {font-size:28px; font-weight:bold; color:#007ee9; line-height:30px; overflow: hidden;}
.notice .tb28 span {font-size:20px; color:#5c5c5c;}
.notice .h1 {font-size:25px; font-weight:bold; color:#007ee9; line-height:30px; margin-bottom:10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.notice .h1 a {color:#007ee9;}
.notice .h2 {font-size:16px; color:#666; line-height:25px; margin-bottom:20px;}
.notice .h3 {font-size:14px; color:#007ee9; font-weight:bold; line-height:20px;}
.notice .h3 img {margin-left:5px; }

.notice .t1 {overflow:hidden;}
.notice .t1 li {padding:35px 0 40px 0; background:url("/site/dormitory/res/img/util_line_dc.png") repeat-x 0 100%; overflow:hidden;}
.notice .t1 .date {font-size:15px; color:#666; line-height:20px; letter-spacing:-0.03em; margin-bottom:16px; }
.notice .t1 .img {float:left; width:298px; height:158px; margin-right:20px; border:1px solid #d3d3d3;}

.notice .t2 {margin-bottom:30px; overflow:hidden;}
.notice .t2 input[type=text] {width:200px; height:46px; padding-left:10px; border:1px solid #ddd; border-radius:15px; }
.notice .t2 .img {margin-left:-15px;}

.notice .t3 {overflow:hidden;}
.notice .t3 li {height:70px; line-height:70px;border-bottom:1px solid #ddd;}
.notice .t3 li a {display:block; padding-left:5px; font-size:18px; color:#313131;}
.notice .t3 li a:hover {font-weight:bold; color:#007ee9;}
.notice .t3 li .on {font-weight:bold; color:#007ee9; background:url("/hcm/bbs/blog/img/notice_t3_bg.png") no-repeat 98% 30px;}

.notice .list_0 {margin-top:20px; overflow:hidden;}
.notice .list_1 {height:200px; padding:20px; margin-bottom:30px; border:1px solid #ddd; background:#f5f5f5; border-radius:15px; overflow:hidden;}
.notice .list_1 .img {float:left; width:280px; height:200px; margin-right:20px; border:1px solid #ddd; border-radius:15px; overflow:hidden;}
.notice .list_1 .img  img {width:282px; height:202px; margin:-1px -1px;}
.notice .list_1 .text {display:block; overflow:hidden;}
.notice .list_1 .text .a1 {display:block; font-size:25px; font-weight:bold; color:#007ee9; padding-bottom:10px; border-bottom:1px solid #ddd; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.notice .list_1 .text .a2 {display:block; padding-top:20px; height:100px; max-height:100px; font-size:15px; color:#313131; line-height:25px; overflow:hidden;}
.notice .list_1 .text .a3 {font-size:16px; color:#007ee9;}
.notice .list_2 {width:623px; height:30px; padding:10px 5px; border:2px solid #dbdbdb; background:#fafafa; overflow:hidden; margin:0 0 30px 0;}
.notice .list_2 input {border:1px solid #d3d5d6;}
.notice .list_2 select {border:1px solid #d3d5d6;}
.notice .list_3 {padding:20px 0; border-top:1px solid #007ee9; border-bottom:1px solid #dddddd; overflow:hidden;}
.notice .list_3 li {font-size:16px; color:#5c5c5c; min-height:40px; overflow:hidden;}
.notice .list_3 li a {float:left; display:block; width:calc(100% - 210px); color:#313131; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.notice .list_3 li .l2 {float:left; width:40px; text-align:center; overflow:hidden;}
.notice .list_3 li .l3 {float:left; width:100px; text-align:right; overflow:hidden;}
.notice .list_3 li .l4 {float:left; width:70px; text-align:right; overflow:hidden;}


.notice .t5 {overflow:hidden; padding-top:30px;}

.notice .t6 {min-height:500px; font-size:16px; color:#5c5c5c; padding:10px 0 50px; margin-bottom:30px; background:url("/site/dormitory/res/img/util_line_dc.png") repeat-x 0 100%; overflow:hidden;}
.notice .t6 .date {position:relative; margin-bottom:40px; padding-bottom:10px; background:url("/site/dormitory/res/img/util_line.png") repeat-x 0 100%;}
.notice .t6 .date span {padding-right:10px;}
.notice .t6 .h6 {line-height: 30px;}

.notice .t7 {margin-bottom:20px; padding:0 10px 30px; overflow:hidden; background:#f5f5f5;}
.notice .t7 .comments {color:#858585; padding:25px 0 15px 5px;}
.notice .t7 .comments+.comments {border-top:1px solid #dddddd;}
.notice .t7 .comments div {padding-top:5px;}
.notice .t7 .reply {float:right; margin-right:5px;}
.notice .t7 .reply a {color:#858585;}
.notice .t7 .name {font-weight:bold; color:#555; margin-right:10px}
.notice .t7 .text {padding-top:25px; color:#555;}
.notice .t7 .textarea {float:left; width:517px; height:76px; margin-right:5px; font-size:15px; border:1px solid #cecece; resize:none; }
.notice .t7 .clickmod {width:600px; min-height:24px; font-size:12px;}
.notice .t7 .clickmod input {float:left; width:520px; height:24px; margin-right:10px; }
.notice .t7 img {margin-top:10px;}

.notice .t8 {text-align:right; overflow:hidden;}


#sub .dc-paging a {width:38px; height:38px; font-size:16px; color:#231f20; line-height:38px; padding:0; margin:0 -2px 0 -2px; display:inline-block; border:1px solid #d6e1e5; overflow:hidden;}
#sub .dc-paging .on {color:#fff; background:#007ee9; border:1px solid #0080e3;}
#sub .dc-paging a.first {display:none;}
#sub .dc-paging a.prev {background:url("/site/sssf/res/img/bbs00.png") no-repeat 0 0; border-top-left-radius:5px; border-bottom-left-radius:5px;}
#sub .dc-paging a.next {background:url("/site/sssf/res/img/bbs99.png") no-repeat 0 0; border-top-right-radius:5px; border-bottom-right-radius:5px;}
#sub .dc-paging a.last {display:none;}



/*  생활관 식단 */
.sub .food {margin-top:30px; padding:40px 3% 50px; overflow:hidden; box-shadow:1px 1px 5px #c8c8c8; border-radius:15px; background:#fff;}
.food .t1 {margin:0 -20px 20px; overflow:hidden;}
.food .t1 .box {float:left; width:calc(33% - 42px); margin:0 20px 20px; font-size:18px; color:#313131; line-height:50px; text-align:center; border:1px solid #cacaca; border-radius:15px; overflow:hidden;}
.food .t1 .box .bg1 {font-size:20px; color:#fff; background:#007ee9; font-family:'Nanum Square';}
.food .t1 .box .bg2 {font-size:20px; color:#fff; background:#0ec075; font-family:'Nanum Square';}
.food .t1 .box .bg3 {font-size:20px; color:#fff; background:#ed614a; font-family:'Nanum Square';}
.food .t1 .box2 {float:left; width:calc(33% - 42px); margin:0 20px 20px; padding:20px 0; border:1px solid #cacaca; border-radius:15px; overflow:hidden;}
.food .t1 .box2 .tb20 {display:table-cell; width:150px; height:80px; text-align:center; vertical-align:middle; border-right:1px solid #cacaca; overflow:hidden;}
.food .t1 .box2 .t16 {display:table-cell; width:200px; height:80px; padding-left:5%; font-size:16px; color:#313131; line-height:30px; vertical-align:middle; overflow:hidden;}

.food .text1 {padding:15px 0 0 0;}
.food .text1 li {background:url("/site/dormitory/res/img/signup_util01.png") no-repeat 0 11px; padding-left:15px;}
.food .text2 {padding-left:15px; font-weight:bold; color:#ea7664;}
.food .text3 li {color:#5c5c5c; margin-left:15px;}
.food .text4 {display:inline-block; width:280px; margin-bottom:30px;}

.food .t4 {padding:40px 0 0 0; overflow:hidden;}
.food .t4 b {font-size:30px; font-weight:bold; color:#313131; margin:0 20px; vertical-align:middle;}
.food .t4 .chang {width:100%; margin:20px 0; border-collapse:collapse;}
.food .t4 .chang th {width:85px; height:50px; font-size:18px; font-weight:bold; line-height:30px; color:#313131; border:1px solid #cacaca; background:#edf7ff;}
.food .t4 .chang td {height:80px; font-size:16px; line-height:30px; padding:10px; vertical-align:top; color:#313131; border:1px solid #cacaca;}
.food .t4 .chang td font {margin-left:10px;}
.food .t4 .chang td a {display:block; padding:1px;}

.food .t7 {position:relative; margin-top:20px; overflow:hidden;}
.food .t7_on {position:absolute; top:0; left:0;}
.food .t7 img {margin-right:10px;}
.soundproof {display:none;}


.phone {margin:30px -10px 0; overflow:hidden;}
.phone .box {float:left; width:calc(33.3% - 20px); padding:10px 0; margin:0 10px 20px; border-radius:15px; box-shadow:1px 1px 5px #c8c8c8; background:#fff; overflow:hidden;}
.phone .box .tb20 {display:table-cell; width:150px; height:38px; text-align:center; vertical-align:middle; border-right:1px solid #cacaca; overflow:hidden;}
.phone .box .t18 {display:table-cell; width:200px; height:38px; padding-left:5%; font-size:16px; color:#313131; line-height:38px; vertical-align:middle; overflow:hidden;}
.phone .box .bg1 {font-size:20px; color:#007ee9;}
.phone .box .bg2 {font-size:20px; color:#0ec075;}
.phone .box .bg3 {font-size:20px; color:#ed614a;}


/* contact */
.sub .contact {width:91%; margin:0 auto; padding:50px 2%; overflow:hidden; border:1px solid #bdbdbd; border-radius:25px; background:#fff;}
.contact .t1 {padding:0 0 50px 0; overflow:hidden; background:url("/site/dormitory/res/img/util_line_dc.png") repeat-x 0 100%; }
.contact .t1 img {float:left; margin-right:25px; }
.contact .t1 div {float:left; width:260px; font-size:13px; color:#666; line-height:20px; letter-spacing:-0.03em;}
.contact .t1 span {float:left; margin-right:5px; }
.contact .t1 .text1 {color:#2bb0e2; font-weight:bold;}
.contact .t1 .text1 img {margin:7px 3px 0 0;}
.contact .t1 .text2 {margin:50px 0 0 0;}
.contact .t1 .text2 img {margin:0 0 20px 0;}
.contact .t2 {padding:40px 0 50px 0; overflow:hidden; background:url("/site/dormitory/res/img/util_line_dc.png") repeat-x 0 100%; }
.contact .t2 img {margin:0 0 20px 0;}
.contact .t2 div img {float:left; margin:0 30px 5px 0;}
.contact .t2 .text3 {float:left; width:740px; font-size:14px; color:#666; line-height:24px; letter-spacing:-0.05em;}
.contact .t3 {padding:40px 0 0px 0; overflow:hidden; background:url("/site/dormitory/res/img/util_line_dc.png") repeat-x 0 100%; }
.contact .t3 div {margin-top:20px; margin-right:-100px;}
.contact .t3 ul {float:left; width:148px; height:294px; margin-right:100px;}
.contact .t3 li {font-size:13px; color:#555; line-height:20px; text-align:center;}
.contact .t3 ul img {margin-bottom:20px;}
.contact .t4 {padding:30px 0 100px 2px;}
.contact .t4 img {margin-right:25px; }

.contact1 {overflow:hidden;}
.contact1 .box1 {overflow:hidden;}
.contact1 .box1 .img {float:left; width:700px; margin-right:30px; overflow:hidden;}
.contact1 .box1 .text1 {margin-top:20px; padding:10px 0; background:#fff;  border-radius:15px;}
.contact1 .box1 .text1 span {display:table-cell; width:500px; height:38px; line-height:38px; font-size:18px; color:#313131; text-align:center; font-family:'Nanum Square';}
.contact1 .box1 .text1 span b {font-size:20px; color:#007ee9;}
.contact1 .box1 .text1 span+span {border-left:1px solid #ddd;}
.contact1 .box1 .text2 {background:#fff; border-radius:15px; overflow:hidden;}

.contact1 .box2 {margin:30px 50px 10px; overflow:hidden;}
.contact1 .box2 .text {line-height:40px; padding:10px 0; margin-bottom:15px; border:1px solid #ddd; border-radius:10px; overflow:hidden; font-family:'Nanum Square';}
.contact1 .box2 .text b {float:left; display:block; width:95px; height:40px; font-size:20px; color:#007ee9; text-align:center; border-right:1px solid #ddd;}
.contact1 .box2 .text span {display:block; height:40px; font-size:18px; color:#313131; padding-left:20px; overflow:hidden;}

.contact1 .box2 .btn {display:block; height:60px; line-height:60px; font-size:20px; font-weight:bold; color:#fff;  text-align:center; background:#007ee9; border-radius:10px;}

.contact1 .box3 {margin-top:30px; padding:25px 30px 30px; background:#fff; border-radius:15px; overflow:hidden;}

.contact1 .w3 {margin:20px -10px 0; overflow:hidden;}
.contact1 .box4 {float:left; width:calc(33% - 22px); margin:0 10px 30px; border:1px solid #ddd; border-radius:10px; overflow:hidden;}
.contact1 .box4 .img {float:left; width:150px; height:160px; padding-top:10px; text-align:center; background:#e8e8e8; overflow:hidden;}
.contact1 .box4 .text {margin:0 20px; height:56px; line-height:56px; font-size:16px; color:#313131; text-align:center; border-bottom:1px solid #ddd; overflow:hidden;}
.contact1 .box4 .text b {font-size:18px; color:#007ee9;}
.contact1 .box4 .text2 {display:table-cell; width:500px; margin:0 10px; height:110px; line-height:24px; font-size:16px; color:#313131; text-align:center; vertical-align:middle; overflow:hidden;}






/* reserve */

.reserve {width:948px; margin:0 auto; padding:0 0 50px 0; overflow:hidden; box-shadow:1px 1px 5px #c8c8c8; border-radius:15px; background:#fff;}
.reserve .t1 {padding-left:20px; height:60px; line-height:60px; background:#007ee9; font-size:25px; font-weight:bold; color:#fff;}
.reserve .t2 {padding:25px 20px;}
.reserve .h1 {font-size:18px; line-height:40px; color:#313131;}
.reserve .h2 {font:13px/18px '돋움';color:#313131;}
.reserve .h3 {font:12px/18px '돋움';color:#313131;}
.reserve .h4 {font-size:25px;color:#828574; font-weight:bold; margin-bottom:20px;}
.reserve .box {height:125px; padding:20px; margin:15px 0 0 0; background:#f1f1f1;}
.reserve .box img {margin-right:5px; }
.reserve .box td {font-size:12px; color:#555555; padding:5px 0 10px 0}
.reserve .box span {font-size:15px; color:#313131; vertical-align:middle;}
.reserve .box2 {float:left; width:290px; margin:20px 0 30px 0; padding:0 10px 10px 0;}
.reserve .box2 .img{float:left; margin-right:10px; width:140px; height:160px;}
.reserve .box2 div {width:140px; margin-bottom:4px; font-size:13px; *line-height:18px; color:#666666; letter-spacing:-0.02em;}
.reserve .floor {width:905px; margin:10px 0 20px; overflow:hidden; border-left:1px solid #cdcdcd; }
.reserve .floor span {float:left; width:50px; height:50px; line-height:50px; font-size:15px; color:#313131; text-align:center; border:1px solid #cdcdcd; border-left:none;}
.reserve .floor .on {background:#43c9ab; color:#fff; font-weight:bold; border:1px solid #43c9ab;}
.reserve .room_select {overflow:hidden; margin:20px 0 0 0;}
.reserve .room_select .select {float:left; width:120px; height:94px; margin:0 25px 20px 0; border:1px solid #cdcdcd; }
.reserve .room_select .select img {cursor:pointer;}
.reserve .room_select .select span {margin:7px 0; text-align:center; display:block;}
.reserve .room_select img {margin:10px 0 10px 10px;}
.reserve .room_view1 img {width:195px; height:150px; margin-right:25px;}
.reserve .room_view2 img {width:195px; height:150px; margin-right:25px;}
.reserve .room_view3 img {width:195px; height:150px; margin-right:25px;}
.reserve .room_view4 img {width:195px; height:150px; margin-right:25px;}
.reserve .user {float:left; font-size:12px; color:#313131;}
.reserve .user img {float:left; max-width:220px; padding:5px;}
.reserve .user table {float:left;} 
.reserve .user_view th{font-size:12px; color:#313131; font-weight:bold; height:18px; border:none; width:80px; }
.reserve .user_view td{font-size:12px; color:#313131; height:18px; border:none; min-width:105px; }
.reserve .user_view {position:fixed; top:215px; left:360px; padding:20px; background:#fff; border:1px solid #bdbdbd; border-radius:15px; display:none;}

.reserve .user .rotate90 {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg);  transform: rotate(90deg); }
.reserve .user .rotate180 {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.reserve .user .rotate270 {-webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } 

.reserve img {vertical-align:middle;}
.reserve font {color:#e64600}
.reserve textarea {width:100%; height:110px; resize:none; border:1px solid #d1d1d1;}
.reserve input[type=text] {height:28px; border:1px solid #d1d1d1;}
.reserve select {height:28px; font-size:12px; line-height:28px; border:1px solid #d1d1d1; }

.reserve2 {width:100%; margin:15px 0; border-collapse:collapse; border-top:2px solid #007ee9; border-left:2px solid #fff; border-right:2px solid #fff;}
.reserve2 th {padding:0 5px; line-height:41px; font-size:15px; color:#007ee9; font-weight:bold; border:1px solid #c9c9c9;}
.reserve2 td {padding:10px 15px; line-height:22px; font-size:13px; color:#666666; border:1px solid #c9c9c9;}
.reserve2 select {width:100px;  }


.reserve_btn { text-align:center;}
.reserve_btn a {display:inline-block; min-width:140px; height:50px; line-height:50px;  padding:0 15px; margin:0 5px; font-size:15px; font-weight:bold; color:#fff; text-align:center; background:#41c7a9; border-radius:5px;}
.reserve_btn input[type=button] {min-width:140px; height:50px; line-height:50px; padding:0 15px; margin:0 5px; font-size:17px; font-weight:bold; color:#fff; text-align:center; border:none; background:#41c7a9; border-radius:5px; cursor:pointer;}
.reserve_btn .bg1 {background:#ff1e67 !important;}
.reserve_btn .bg2 {background:#2dbdfa !important;}
.reserve_btn .bg3 {background:#313131 !important;}



.banner-w {position:fixed; top:33%; width:1390px; z-index:-1;}
.banner {float:right; width:146px; height:247px; padding:20px 10px; border:6px solid #e3b594; background:#ec7866;}
.banner .tb22 {margin-bottom:10px; font-size:22px; font-weight:bold; color:#fff100; text-align:center;}
.banner .tb13 {margin-bottom:10px; font-size:13px; font-weight:bold; color:#fff; text-align:justify; line-height:18px;}
.banner .tb13 span {color:#fff100;}
.banner a {display:block; width:145px; font-size:13px; font-weight:bold; color:#fff; text-align:center; line-height:40px; background:#e3b594;}


/* popup */
.popup {width:100%; overflow:hidden;}
.popup .t1 {font-size:25px; line-height:50px; font-weight:bold; color:#fff; letter-spacing:-0.05em; padding-left:27px; background:#e87462; }
.popup .t2 {float:left; padding:40px 30px 0 40px; font-size:12px; color:#666; text-align:center; overflow:hidden;}
.popup .t2 img {width:200px; margin-bottom:15px;}
.popup .text {float:left; padding:40px 0 40px 30px; font-size:15px; color:#666; line-height:22px;}
.popup .text img {margin-bottom:15px;}
.popup .text ul+img {margin-top:35px;}
.popup .t3 {float:right; width:600px; height:500px; overflow:auto; overflow-x:hidden; }
.popup .t3 img {padding:0 0 100px 0;}
.popup .t4 {position:absolute; width:100%; height:50px; bottom:0; left:50%;}
.popup .t5 {margin:20px 20px 0 20px; border-right:1px solid #dadada; border-top:1px solid #dadada; border-bottom:1px solid #dadada; overflow:hidden;}
.popup .t5 li {float:left; width:100px; font-size:15px; line-height:50px; border-left:1px solid #dadada; text-align:center; cursor:pointer;}
.popup .t5 .on {font-weight:bold; background:#43c9ab; color:#fff;}

.popup .food {padding:40px 0 30px 0;}
.popup .food div {margin-bottom:10px; font-size:20px; font-weight:bold; color:#313131;}
.popup .food .mod {margin:20px 20px 0 0; text-align:right;}
.popup .food table {width:615px; border-top:2px solid #e87462; border-collapse:collapse;}
.popup .food th {width:35px; font-size:13px; font-weight:bold; padding:15px 0 10px 0; color:#e97664; vertical-align:text-top; border-bottom:1px solid #c9c9c9;}
.popup .food td {border-bottom:1px solid #c9c9c9;}
.popup .food .food2 {width:98%; margin:10px 0; font-size:13px; font-weight:bold; overflow:hidden; line-height:18px; color:#666; vertical-align:sub; padding:5px}
.popup .food .food3 {width:98%; margin:10px 0; height:30px; resize:none; font-size:13px; font-weight:bold; overflow:hidden; line-height:18px; color:#666; vertical-align:sub; border:none; padding:5px; border:1px solid #c9c9c9; display:none;}
.popup .food #on {display:none; }

.popup .seminar {margin:40px 0 20px 50px; width:100%;}
.popup .seminar th {font-size:15px; color:#313131; font-weight:bold; text-align:left; }
.popup .seminar td {height:40px; font-size:15px; color:#313131; vertical-align:text-top;}
.popup .seminar input {width:153px; height:28px; margin-right:15px; border:1px solid #d1d1d1; padding-left:5px; }
.popup .seminar textarea {width:713px; height:93px; border:1px solid #d1d1d1; padding-left:5px; margin-bottom:8px; resize:none;}
.popup .seminar select {width:108px; height:28px; border:1px solid #d1d1d1; padding-left:5px; }
.popup .t6 {margin:40px 20px 65px 20px; overflow:hidden;}
.popup .t6 .date img {vertical-align:baseline;}
.popup .t6 .date b {font-size:35px; font-weight:bold; line-height:20px; color:#313131; margin:0 20px;}
.popup .t6 .top {margin:15px 0 35px 0; font-size:13px; font-weight:bold;}
.popup .t6 .top input {width:60px; height:24px; margin-left:10px; border:none;}
.popup .t6 .w01 {width:410px;}
.popup .t6 ul {float:left; width:80px; border-top:1px solid #d3d3d3;}
.popup .t6 li {font-size:13px; font-weight:bold; line-height:45px; height:45px; color:#313131; border-bottom:1px solid #d3d3d3; border-right:1px solid #d3d3d3; text-align:center;}
.popup .t6 .ba {background:#f7f7f7; border-bottom:1px solid #d3d3d3;}
.popup .t6 .b01 {border-left:1px solid #d3d3d3; width:63px; }
.popup .t6 .b01 li{background:#f7f7f7;}
.popup .t6 .text2 {float:left; margin:25px 0 0 0; font-size:15px; font-weight:bold; line-height:24px; color:#e87462;}
.popup .t6 .none {border:none!important;}
.popup .t6 .se0 {background:#43c9ab!important;}
.popup .t6 .se1 {background:#ea7664!important;}
.popup .t6 .se8 {background:#e9e9e9;}

.popup .refund {margin:40px 20px 30px 20px; padding-bottom:5px; background:url("/site/dormitory/res/img/util_line_dc.png") repeat-x 0 100%;}
.popup .refund li {font-size:13px; color:#666; line-height:24px; margin-bottom:24px; background:url("/site/dormitory/res/img/util_-.png") no-repeat 0 10px; padding-left:9px;   }
.popup .refund li b {color:#313131;}
.popup .refund li font {font-weight:bold; color:#2db2e4;}
.popup .refund2 {margin:0 0 60px 20px}
.popup .refund2 img {float:left; margin:0 42px 0 5px;}
.popup .refund2 div {font-size:20px; font-weight:bold; color:#313131; margin-bottom:10px; }
.popup .refund2 font {color:#313131;}
.popup .refund2 li {font-size:13px; color:#666; line-height:24px; }

.popup #request_img {position:absolute; top:85px; left:70px; max-width:810px; max-height:550px; display:none;}
.popup .add {padding:35px 0 0 75px; font-size:15px; color:#313131;}
.popup .add div {margin-bottom:10px; }
.popup .add input {height:28px; border:1px solid #d1d1d1; font-size:15px; color:#313131; margin-left:5px; padding-left:5px }
.popup .add select {height:28px; border:1px solid #d1d1d1; font-size:15px; color:#313131; margin-left:5px; padding-left:5px }
.popup .add textarea {width:710px; height:115px; font-size:15px; color:#313131; margin-left:5px; resize:none; padding:5px; border:1px solid #d1d1d1; }
/* .popup .add .answer1{display:inline-block; width:710px; height:170px; font-size:15px; color:#313131; margin-left:5px; resize:none; padding:5px; border:1px solid #d1d1d1; } */
.popup .add .answer1{display:inline-block; width:710px; height:170px; font-size:15px; background:#f7f7f7; color:#313131; margin-left:5px; resize:none; padding:5px; border:1px solid #d1d1d1; }
/* .popup .tac {text-align:center; padding:40px 0 50px 0;  background:url("/site/dormitory/res/img/util_0.png") no-repeat 0 10px;} */
.popup .tac {text-align: center; padding: 20px 0 50px 0; margin-bottom: 10px;}
.popup .add2 {padding:150px 50px ; font-size:48px; line-height:60px; color:#555; text-align:center; }

.popup .facilities {overflow-y:auto; margin:30px 0 40px 0; padding:0 10px;}
.popup .facilities table {width:610px; border-collapse:collapse; border-top:2px solid #2aafe1; border-left:2px solid #fff; border-right:2px solid #fff;}
.popup .facilities th {padding:0 5px; line-height:41px; font-size:15px; color:#2db2e4; font-weight:bold; border:1px solid #c9c9c9;}
.popup .facilities td {padding:10px 5px; line-height:22px; font-size:13px; color:#555; border:1px solid #c9c9c9; text-align:center;}

.popup .bbs {width:96%; margin:20px; border-collapse:collapse; border-top:2px solid #2aafe1;}
.popup .bbs th {padding:0 5px; line-height:41px; font-size:15px; color:#2db2e4; font-weight:bold; border-bottom:1px solid #c9c9c9;}
.popup .bbs td {padding:0 5px; line-height:41px; font-size:13px; color:#555; border-bottom:1px solid #c9c9c9; text-align:center;}

.popup .co2 {border-top:2px solid #43c9ab; min-height:410px;}
.popup .co2 th {color:#43c9ab;}
.popup .co2 .h1 {font-size:13px; line-height:25px; padding:7px 0; color:#555; border-bottom:1px solid #c9c9c9; overflow:hidden;}
.popup .co2 .h2 {padding:10px 0 50px 0; font-size:13px; line-height:22px; color:#555; background:#f7f7f7; overflow:auto; display:none; }
.popup .co2 .w180 {float:left; width:60px; color:#313131;}
.popup .co2 .w50 {float:left; width:50px; color:#313131;}
.popup .co2 b {margin:0 30px 0 20px; font-size:15px; color:#43c9ab;}
.popup .co2 .w640 {float:left; width:700px; cursor: pointer;}
.popup .co2 .w820 {float:left; width:750px; padding-left:13px; padding-right:15px;}

.popup .bbs_t {padding:40px 20px 20px 20px; margin-bottom:20px; }
.popup .bbs_t .h1 input {width:98%; padding-left:2%; line-height:41px; height:41px; font-size:15px; color:#313131; border:none; border-top:2px solid #2aafe1; background:#f4f4f4;}
.popup .bbs_t .h2 {padding-left:20px; height:40px; line-height:41px; font-size:13px; color:#858585; font-weight:bold; border-bottom:1px solid #c9c9c9; border-top:1px solid #c9c9c9;}
.popup .bbs_t .h2 img {vertical-align:middle; margin:0 15px 0 2px;}
.popup .bbs_t .h2 div {float:right; margin-right:20px; }
.popup .bbs_t .h3 textarea {width:96%; height:250px; padding:3% 2% 5% 2%; line-height:24px; font-size:13px; color:#313131; border:none; border-bottom:1px solid #c9c9c9;}

.popup .bbs_t2 {float:left; width:600px; min-height:395px; margin:30px 30px 50px 0px; border-top:2px solid #2aafe1; overflow:hidden;}
.popup .bbs_t2 .h1 {padding:10px 5px; line-height:22px; font-size:14px; color:#313131; border-bottom:1px solid #c9c9c9; cursor:pointer; }
.popup .bbs_t2 .h2 {padding:20px 75px 30px 15px; line-height:22px; font-size:13px; color:#6f6f6f; display:none; overflow:auto; background:#f7f7f7; border-bottom:1px solid #c9c9c9;}
.popup .bbs_t2 #one {font-weight:bold; color:#2cb1e4; border-top:none;}

.popup .t9 {width:400px; overflow:hidden; padding:30px 0 100px 0; margin-left:30%;}
.popup .t9 li {float:left;}
.popup .t9 li a{width:24px; height:30px; font:13px/22px 'Arial'; display:block; padding-top:2px; text-align:center;}
.popup .t9 li .on {background:url("/site/dormitory/res/img/notice_but_on_2.png") no-repeat 2px 0; color:#fff;}
.popup .t9 li .first {background:url("/site/dormitory/res/img/notice_bur00_2.png") no-repeat 2px 0; width:65px;}
.popup .t9 li .last {background:url("/site/dormitory/res/img/notice_bur99_2.png") no-repeat 2px 0; width:65px;}

.t11 {width:100%; overflow:hidden; height:50px; background:#ffd817; }
.t11 font {font-size:25px; line-height:50px; font-weight:bold; color:#313131; letter-spacing:-0.05em; padding-left:27px;}
.t11 input {font-size:13px; height:24px; padding:2px 5px; border:1px solid #c9c9c9;}

.dts_design table {width:100%; margin:0 0 15px 0; border-top:none !important; border-left:none !important; border-collapse:collapse; }
.dts_design table th {color: #43c9ab; font-size:15px; font-weight:bold; border-bottom:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9;  border-right:none !important; background:none !important;}
.dts_design table td {font-size:13px!important; line-height:20px; padding:5px !important; color:#555 !important; border-bottom:1px solid #c9c9c9; border-right:none !important; border-left:none !important;}
.dts_design input {height:24px; line-height:20px; padding:0px 5px; border:1px solid #c9c9c9;}
.dts_design input[type=radio] {border:none !important; }
.dts_design input[type=checkbox] {border:none !important; }
.dts_design textarea {font-size:13px; height:24px; line-height:20px; border:1px solid #c9c9c9; resize:none;}

.paging .dc-paging a {width:24px; height:30px; font:13px/30px 'Arial'; padding:0; text-align:center; }
.paging .dc-paging .on {background:url("/site/dormitory/res/img/notice_but_on_2.png") no-repeat 2px 0; color:#fff; border:none;}
.paging .dc-paging .off {border:none;}
.paging .dc-paging .prev {background:url("/site/dormitory/res/img/notice_bur00_2.png") no-repeat 2px 0; width:65px; margin:0}
.paging .dc-paging .next {background:url("/site/dormitory/res/img/notice_bur99_2.png") no-repeat 2px 0; width:65px; margin:0}
.paging .dc-paging .first {background:url("/site/dormitory/res/img/notice_bur00_3.png") no-repeat 2px 0; width:65px;}
.paging .dc-paging .last {background:url("/site/dormitory/res/img/notice_bur99_3.png") no-repeat 2px 0; width:65px;}



#sub .tbl_list {margin-top:20px; border-top:2px solid #007ee9;}



.ti10 {text-indent:-10px; padding-left:10px;} 
.ti10l li {text-indent:-10px; padding-left:12px;} 
.ti15 {text-indent:-15px; padding-left:15px;} 
.ti15l li {text-indent:-15px; padding-left:17px;} 
.ti20 {text-indent:-20px; padding-left:20px;} 
.ti20l li {text-indent:-20px; padding-left:22px;} 


.table01 {width:100%; border-top:2px solid #0080e3; border-collapse:collapse;}
.table01 th {padding:10px 5px; height:35px; font-size:16px; font-weight:bold; line-height:25px; color:#313131; white-space:nowrap; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; background:#f7f7f7;}
.table01 td {padding:10px 10px; height:35px; font-size:16px; line-height:30px; color:#313131; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;}
.table01 th+th {border-left:1px solid #dddddd;}
.table01 td+td {border-left:1px solid #dddddd;}
.table01 th:LAST-CHILD {border-right:none;}
.table01 td:LAST-CHILD {border-right:none;}



.p0505 th {padding:5px 5px;}
.p0505 td {padding:5px 5px;}

.p0510 th {padding:5px 10px;}
.p0510 td {padding:5px 10px;}

.p1020 th {padding:10px 20px;}
.p1020 td {padding:10px 20px;}

.p1520 th {padding:15px 20px;}
.p1520 td {padding:15px 20px;}

.p2020 th {padding:20px 20px;}
.p2020 td {padding:20px 20px;}


@media only screen and (max-width:1216px) {
	.phone .box .tb20 {width:120px;}
	
	.afbox .box {float:left; width:calc(50% - 32px); }
	.contact1 .box4 {width:calc(50% - 22px);}
	
	.contact1 .box1 .img {float:none; width:auto; margin:0 0 20px; text-align:center;}
}
@media only screen and (max-width:1016px) {
	.contact .t3 div {text-align:center;}
	.contact .t3 ul {display:inline-block; float:none;}
	.buram .t1 .link1 .link2 {margin-right:7%;}
	.banner-w {display:none;}

	.notice .control_area {display:none;} 
	.notice .t5 {width:100%; padding:30px 0 50px 0;}
	.notice .t7 {width:100%;}
	.notice .t8 {width:100%;}
	

	.mypage .t1 {float:none; width:auto; margin-right:0; padding:25px 3% 30px;}
	.mypage .t5 {padding:25px 3% 30px;}
	.mypage .t5 .bbs {left:3%; width:92%;}
	.mypage .t6 {padding:25px 3% 20px;}
	
	.phone .box .tb20 {width:100px;}
	
	.dormi .text {float:none; width:auto; padding:0; border-right:none; margin-right:0; margin-bottom:20px;}
	
}
@media only screen and (max-width:900px) {
	.popup .t2 {display:none;}
	.popup .t3 {width:100%; text-align:center;}
	.popup .t4 {display:none;}
	
	.popup {overflow:auto;}
	.popup .add {padding:20px 5%;}
	.popup .add input {width:98% !important;}
	.popup .add textarea {width:98%; }
	
	.notice .list_1 {height:auto;}
	.notice .list_1 .img {float:none; margin-right:0; margin-bottom:20px;}
	.notice .list_1 .text .a2 {height:auto;}
	
	.food .t1 .box {float:none; width:calc(100% - 42px);}
	.food .t1 .box2 {float:none; width:calc(100% - 42px);}
	
	.suburbs .t1 .box2 {float:none; width:calc(100% - 26px);}
	.suburbs .t7 {float:none; margin:0 auto 20px;}
	.suburbs .t4 {width:auto;}
	
	.tab2 a {width:140px; font-size:18px; line-height:40px;}
	.tab3 div {width:150px; font-size:20px; font-weight:bold;}
	.tab3 div span {font-size:16px; font-weight:normal;}
	.phone .box {float:none; width:calc(100% - 20px);}
	
	.tb60 {font-size:40px;}
	.tb50 {font-size:40px;}
	.tb25 {font-size:20px;}
	.t30 {font-size:25px;}
	
	.dormi .btn4 .box {width:calc(50% - 10px);}	

}
@media only screen and (max-width:800px) {
	.afbox .box {float:left; width:calc(100% - 22px); margin:0 10px 20px;}
	.contact1 .box4 {width:calc(100% - 22px);}
	.contact1 .box1 .text1 span {display:block; width:auto;}
	.contact1 .box1 .text1 span + span {border-left:none;}
		
}
@media only screen and (max-width:640px) {
	.popup .t3 img {width:100%; padding:0 0 20px 0;}
	.notice .t7 .textarea {width:97%;}
	
	.mypage .t2 li div:nth-child(1) {width:20%; max-width:135px; min-width:70px;}
	.mypage .t2 li div:nth-child(2) {padding-left:5%;}
	.mypage .t3 a {width:calc(100% - 12px);}
	.mypage .t6 .link a {width:calc(100% - 12px);}
	
	.notice .list_3 .l2 {display:none;}

	.tab3 div {width:auto; font-size:18px; padding:10px 20px;}
	.tab3 div span {display:none;}
	
	.tb60 {font-size:30px;}
	.tb50 {font-size:30px;}
	.t30 {font-size:22px;}
	
	.table01 th {font-size:15px; padding:5px;}
	.table01 td {font-size:15px; padding:5px; line-height:24px;}
	
	.dormi .btn2 .box {width:calc(100% - 10px); padding:5px 0; margin:0 5px 20px; border-radius:10px;}
	.dormi .btn2 .box .img {height:50px; width:60px;}
	.dormi .btn2 .box span {line-height:50px;}

	.dormi .btn3 {padding:5px 0;}
	.dormi .btn3 .box {width:calc(100% - 10px); padding:5px 0;}
	.dormi .btn3 .box .img {height:50px; width:60px;}
	.dormi .btn3 .box span {line-height:50px;}
	.dormi .btn4 {padding:20px 10px;}
	.dormi .btn4 .box {width:100%;}	
	.imgbox a {width:calc(50% - 20px);}

	
}
@media only screen and (max-width:480px) {
	.notice .list_3 .l1 {float:none; width:auto;}
	.notice .list_3 .l3 {display:none;}
	.notice .list_3 .l4 {display:none;}
	
	.mypage .t5 .bbs a {width:calc(100% - 0px)}
	.mypage .t5 .bbs span {display:none;}
}
@media only screen and (max-width:360px) {
}
@media only screen and (max-width:320px) {
}