@import 'common.css';
@import '/mm/css/font.css';

/* head */
#hd {background:#fff; position:relative; z-index:150;}
#hd .logo {text-align:left; padding:12px 0px 8px 20px;}
#hd .all_wrap {position:absolute; top:8px; right:6px; display:block;}

nav {width:400px;overflow:hidden; left:-400px; top:0; position:absolute; background:#fff;min-height:100%; z-index:120; }
nav .gnb {padding-top:80px; width:100%;}
nav .gnb li { }
nav .gnb > li {background:url("../img/gnb_close.gif") no-repeat 320px 28px;}
nav .gnb > li  a { height:60px;font-size:1.4em; color:#333; line-height:50px; border-bottom:1px solid #ccc; display:block;}
nav .gnb > li > a {background:#fff; padding-left:70px;}
nav .gnb > li > .sub {display:none;}
nav .gnb > li > .sub a {background:#e6e6e6; padding-left:70px; font-size:1.15em; color:#555;}
nav .gnb > li > .sub li {margin:0; padding:0;}

nav .gnb > li:nth-child(1) > a {background:url("../img/bg_gnb01.gif") 20px 50% no-repeat;}
nav .gnb > li:nth-child(2) > a {background:url("../img/bg_gnb02.gif") 20px 50% no-repeat;}
nav .gnb > li:nth-child(3) > a {background:url("../img/bg_gnb03.gif") 20px 50% no-repeat;}
nav .gnb > li:nth-child(4) > a {background:url("../img/bg_gnb04.gif") 20px 50% no-repeat;}
nav .gnb > li:nth-child(5) > a {background:url("../img/bg_gnb05.gif") 20px 50% no-repeat;}


/* 하단 */
.footer .tel {background:#b51c31; text-align:center; color:#fff; padding:10px 0; box-sizing:border-box;}
.footer .tel dl * {display:inline; vertical-align:middle;;}
.footer .tel dl dt { font-size:1em; }
.footer .tel dl dd { font-size:1.2em; font-family:"nanumB"; padding-left:20px; /* background:url("../images/main/bg_tel.gif") 10px 50% no-repeat;*/}
/* address */
.footer .address_wrap{text-align:center; background:#cfcecc; line-height:150%; font-size:0.75em; padding:10px 0;}

/* main */
#content_wrap {position:relative; min-width:320px; max-width:100%; height:100%; clear:both; z-index:10;} 
#contents {height:100%; margin:0 auto; padding-bottom:20px;}
#m_contents {height:100%; margin:0 auto;}

#contents h3{font-size:2.15em; font-family:"nanumB"; padding:25px 10px;}
#contents h4 {font-size:1.25em; font-family:"nanumB"; padding-top:10px; margin-bottom:15px;line-height:160%;  background:#fff !important;}
#contents h5 {font-size:1.15em; font-family:"nanumB"; padding-left:15px; background:url("../img/bulet.gif") 0 50% no-repeat; margin-bottom:10px; }


/* 모집기간 */
.collect {height:72px;  background:#db323b url("../img/bg_topbar.gif") no-repeat left; box-sizing:border-box; padding:0 10px;}
.collect dl{margin-top:10px;}
.collect dt {color:#fff; font-size:1.0em; margin-bottom:5px;}
.collect dd {color:#fff000; font-size:1.55em; letter-spacing:-0.2px;}
.collect .btn_wrap {margin-top:14px;}
.collect .btn {width:75px; height:45px; border-radius:10px; text-align:center; line-height:40px; font-family:"nanumB"; float:left; margin-left:4px; font-size:1.0em;}
.collect .btn_desc {background:#f0f0f0; color:#fff;}
.collect .btn_accept {background:#b51c31; color:#fff; font-family:"nanumB";}


/* 메인페이지 블럭 */
.mtable {width:100%; border-collapse:collapse; border-spacing:0;}
.mtable img{width:100%;}

.mct{padding:8px 2px 0 0;}
.mct li{padding-bottom:6px; line-height:14px;}
.mct li a{color:#000; font-size:12px; font-family:"돋움"; }
.mct img{width:6px; height:6px; padding-right:4px;} 

.mct2{padding:8px 2px 0 2px;}
.mct2 li{padding-bottom:8px; line-height:14px;}
.mct2 li a{color:#000; font-size:14px; font-family:"nanumB"; text-decoration:underline;}
.mct2 img{width:6px; height:6px; padding-right:4px;} 

.mct3{padding:6px 8px;}
.mct3 .point {padding-bottom:6px; color:#ed4119; font-size:1.05em; font-family:"nanumB"; letter-spacing:-0.2px;}
.mct3 li{padding-bottom:2px; color:#888; font-size:0.8em; font-family:"nanumB"; letter-spacing:-0.2px;}


/* 메인공지사항 */
.notice {width:100%; background:#c4c4c4; position:relative; padding-top:10px;}
.notice h1 {position:absolute; top:10px; right:6px; list-style:none;}
.notice h1 img {padding-left:4px;}

.notice dl{ background:#fff; padding: 8px 10px 4px 10px;}
.notice dd {padding-bottom:2px;}
.notice dd a {color:#353535; font-family:"돋움"; font-size:12px;}
.notice dd img{vertical-align:middle; padding-right:4px;}

/* 하단퀵메뉴 */
.quick_icon {width:100%; position:relative; max-width:640px; z-index:100; padding:0px; margin:0px;}
.icon_list {width:100%; text-align:center;}
.icon_list ul:after {display:block; clear:both;} 
.icon_list li {float:left; width:20%;}
.icon_list li img {width:100%; display:block;}


/* 서브 top */
.top_bar {height:45px; background:#db323b url("../img/bg_topbar2.gif") no-repeat left;}
.top_bar h2{color:#fff; font-size:1.2em;  padding: 12px 0 0 56px; font-family:"nanum";}
.top_bar h2 span{color:#fff000; font-size:1.2em; font-family:"nanumB";}
.top_bar h2 span a{color:#fff000; text-decoration:none;}


/* 모집요강 */
.t_mj{width:100%; margin:0 auto; padding:0;}
.t_mj td{border:1px solid #ccc; padding:3px; font-size:0.9em;}
.t_mj th{background:#dfdfdf; border-top: 2px solid #c50c25; border-right:1px solid #ccc; padding:5px 3px; color:#333;}
.t_mj .bt{background:#dfdfdf; border-bottom: 1px solid #ccc ; border-right:1px solid #ccc; padding:5px 3px; color:#333;}
.t_mj .jk{color:#a20a12; text-align:left; padding-left:10px;}


.txt_box {margin-top:20px;}
.txt_box p{ line-height:180%; margin-bottom:20px; width:100%; text-align:justify; }
.txt_box .big{font-size:1.2em; line-height:180%; margin-bottom:20px;}
.txt_box li {line-height:140%; font-size:0.9em; padding-left:12px; margin-bottom:8px;}
.txt_box .pt{background:#34312f; color:#ea3315; font-size:1.4em; padding:4px; font-family:"nanumB"; text-align:center;}
.txt_box .pt2{ color:#b31900; font-size:1.2em;}


/* 원서접수 */

.t_acc{width:100%; margin:0 auto; padding:0;}
.t_acc td{border-bottom: 1px solid #ccc;  border-right:1px solid #ccc; padding:8px 5px 8px 10px; font-size:0.8em; text-align:left;}
.t_acc th{background:#dcdcdc; border-bottom: 1px solid #ccc; border-right:1px solid #ccc; text-align:center; color:#333; font-size:0.8em;}
.t_acc .topline{border-top: 2px solid #c50c25;}


/* 버튼 공통 */
a.btn_red {display:inline-block;height:18px;padding:8px 12px; font-size:16px; color:#fff;text-align:center;line-height:1em;text-decoration:none;background:#d83037; border:1px solid #c8151d;}
a.btn_gray {display:inline-block;height:18px;padding:8px 12px; font-size:16px; color:#fff;text-align:center;line-height:1em;text-decoration:none;background:#808080; border:1px solid #676767;}

.page {width:100%; margin:0 auto;}
.page .on {border:1px solid #d4d4d4; padding:8px 10px; color:red; font-weight:bold;}
.page .off {border:1px solid #d4d4d4; padding:8px 10px;}


/* 입학상담 */
.qnalist_view   {background:#f4f4f4; padding:12px; font:normal 13px Dotum; color:#4b4b4b; line-height:140%; text-align:left; border-bottom:1px solid #ccc;}
.qnalist_bg     {border-bottom:1px solid #ccc; padding:8px 0;}
.qnalist_title1	{font:bold 15px Dotum; color:#0859c8; text-align:left;}
.qnalist_title2	{font:normal 12px Dotum; color:#999999; text-align:left;}

/* 공지사항 */
.snotice {width:100%; border-top: 2px solid #c50c25; border-bottom:1px solid #ccc;}
.snotice th {background:#ededed; padding:10px 0; border-bottom:1px solid #ccc; font-size:0.9em;}
.snotice td {text-align:center; padding:10px; border-bottom:1px solid #ccc; font-size:0.8em;}
.snotice .con {text-align:left;}

.view {width:100%; border-top: 2px solid #c50c25; border-bottom:1px solid #ccc; font-size:0.9em;}
.view th {background:#ededed; padding:10px 0; border-bottom:1px solid #ccc;}
.view td {text-align:left;padding:10px; border-bottom:1px solid #ccc;}
.view .co {text-align:left; }
.view .co img {width:100%; text-align:center;}
.view .co1 {text-align:left;}
.view .co1 .img {width:100%;}
.thumbnail {padding:0;}
.thumbnail .repeat {float:left;width:58px; height:58px; margin-right:9px; margin-bottom:9px;}
.cont {background:#fcfcfc; font-size:0.8em; color:#555; padding:12px 10px; text-align:left; border:1px solid #d4d4d4;}


/*********************************************
* 학과소개
*********************************************/

#slidebox dl { margin:0; padding:0;}
#slidebox dt { margin:0; position: relative; cursor: pointer;}
#slidebox dt img{width:100%;}
#slidebox dt .open dt{ margin:0; position: relative;}

#slidebox dd {display:none; margin:0; padding:0; background:#fff; }
#slidebox dd li {border-bottom:1px dotted #ccc; padding:8px 0 8px 46px; }
#slidebox dd li a {color:#434343; font-size:1.05em;}

#slidebox2 dl { margin:0; padding:0;}
#slidebox2 dt img{width:100%;}
#slidebox2 dd {margin:0; padding:0; background:#fff; }
#slidebox2 dd li {border-bottom:1px dotted #ccc; padding:8px 0 8px 46px; }
#slidebox2 dd li a {color:#434343; font-size:1.05em;}

.depart h6 {width:100%; padding-bottom:20px; text-align:center;}
.depart h7 {color:#d04e21; font-style:italic; font-size:1.4em; font-family:"nanum"; margin-bottom:15px;}
.depart h8 {color:#919191; font-size:1.15em; font-family:"nanum";padding-bottom:30px; line-height: 1.3em; margin-bottom:20px;}

.depart dl { margin:0; padding-bottom:15px;}
.depart dt {font-size:1.2em; font-family:"nanumB"; padding-left:15px; background:url("../img/bulet.gif") 0 50% no-repeat; margin-bottom:10px;}
.depart dt p{width:100%;}
.depart dd { padding:10px; text-align:left; background:#f3f3f3; color:#434343; font-size:0.9em; line-height: 1.3em;}
.depart dd p{margin-bottom:10px;} 
.depart dd b{font-family:"nanumB";}
.depart dd img{width:100%; max-width:640px;}

.depart p{padding-bottom:15px;}
.depart .t1 {color:#d04e21; font-style:italic; font-size:1.2em; font-family:"nanum";}
.depart .t2 {color:#919191; font-size:1.05em; font-family:"nanum";padding-bottom:30px; line-height: 1.3em;}