@charset "UTF-8";
@import url("base.css");

body {background:#f2f2f2;}

#header {position:relative; height:45px; padding-top:5px; text-align:center; background:url(../../images_mobile/dcsc/bg_header.gif) repeat-x;}
    #header ul li {position:absolute; top:12px;}
    #header ul li:first-child {left:12px;}
    #header ul li:last-child {right:12px;}

.top .head {position:relative; height:29px; border:1px solid #bcbcbc; background:url(../../images_mobile/dcsc/bg_main_title.gif) repeat-x;}
    .top .head h2 {position:absolute; left:0; top:0;}
    .top .head p {overflow:hidden; padding:6px 0 0 66px; color:#636363;}
    .top .head p span {position:absolute; right:5px; top:5px;}
    .top .head p span img {position:relative; left:3px; top:-3px; vertical-align:middle;}
    .top ul {clear:both;}
    .top ul li {position:relative; height:23px; padding:7px 0 0 15px; border-bottom:1px solid #d7d7d7; color:#636363; background:#f2f2f2;}
    .top ul li:last-child {border-bottom:0;}
    .top ul li a {display:block; overflow:hidden;}
    .top ul li span:last-child {position:absolute; right:5px; top:6px;}

/* Main navigation */
.mNavi {height:234px; margin:0 auto; padding-top:23px; border-top:1px solid #d7d7d7; background:url(../../images_mobile/dcsc/bg_main.gif) repeat-x;}
	.mNavi div {padding-left:10px;}
    .mNavi ul li {float:left; margin:0 5px 20px 0;}

/* Sub category */
.category {height:22px; padding:7px 0 0 13px; border:1px solid #bcbcbc; background:url(../../images_mobile/dcsc/bg_category.gif) repeat-x;}
    .category ul li {display:inline; padding-right:10px; color:#333; background:url(../../images_mobile/dcsc/bg_category_bar.gif) no-repeat right 3px;}
    .category ul li:last-child {padding-left:3px; font-weight:bold; background:none;}

/* TAB */
.tab {height:57px; padding-top:13px; border-bottom:1px solid #ccc; background:url(../../images_mobile/dcsc/bg_tab.gif) repeat-x;}
    .tab ul li {float:left; width:80px; height:23px; padding-top:6px; text-align:center; background:url(../../images_mobile/dcsc/bg_tab_bar.gif) no-repeat left 8px;}
    .tab ul li:first-child {background:none;}
    .tab ul li a {color:#fff;}
    .tab ul li.on {background:#f2f2f2;}
    .tab ul li.on a {color:#224887; font-weight:bold;}
/* border가 없는 TAB */
 .noBotTab {height:56px; border-bottom:0;}

/* Page title */
.pTitle {height:57px; padding-top:13px; background:url(../../images_mobile/dcsc/bg_tab.gif) repeat-x;}
	.pTitle h2 {color:#fff; font-weight:bold; text-align:center;}
.pTitle02 {height:57px; padding-top:13px; background:url(../../images_mobile/dcsc/bg_tab.gif) repeat-x;}
	.pTitle02 h2 {padding-bottom:9px; color:#fff; font-weight:bold; text-align:center;}
	.pTitle02 h3 {height:21px; padding:9px 0 0 23px; background:url(../../images_mobile/dcsc/bg_skip.gif) repeat-x;}
.pTitle03 {height:27px; padding-top:13px; background:url(../../images_mobile/dcsc/bg_tab.gif) repeat-x;}
	.pTitle03 h2 {color:#fff; font-weight:bold; text-align:center;}

/* 검색 */
.search {height:41px; margin:0 auto; padding-top:10px; border-bottom:1px solid #ccc; text-align:center; background:#f2f2f2;}
    .search select {height:29px; vertical-align:top; background:#ececec;}
    .search input {vertical-align:top}
    .search .txtField01 {width:165px; height:29px;}

.list ul {min-height:90px;}
	.list ul li {position:relative; height:43px; padding:10px 0 0 11px; border-bottom:1px solid #ccc; background:#f9f9f9;}
    .list ul li span {overflow:hidden; color:#218dc5; font-size:12px; font-weight:normal;}
    .list ul li span:first-child {display:block; margin-bottom:3px; color:#000; font-size:14px; font-weight:bold;}
    .list ul li:nth-of-type(even) {background:url(../../images_mobile/dcsc/bg_list_even.gif) repeat-x;}
    .list ul li .ico {position:absolute; right:9px; top:18px;}
    .list ul li .qna {position:relative; top:1px; margin-right:8px;}
	.list .txt {padding:20px 10px; border-bottom:1px solid #ccc; color:#707478; background:#e1e5e9; line-height:20px;}
.list .etc {min-height:0;}

.con {padding:0 0 25px 20px; background:#f2f2f2;}
	.con h2 {margin-bottom:11px;}
	.con .txt02 {padding:0 20px 23px 0; color:#6b6b6b; line-height:20px;}
.con02 {margin-top:-1px; padding:0 0 25px 0; background:#f2f2f2;}
	.con02 h2 {margin-bottom:11px; padding-left:8px;}
	.con02 h3 {margin-bottom:11px; padding-left:8px;}
	.con02 .txt02 {padding:0 5px 23px 5px; color:#6b6b6b; line-height:20px;}
	.con02 .visual {width:320px; margin:0 auto;}
	.con02 p {margin-bottom:14px; padding-left:20px; color:#6b6b6b; font-size:14px; line-height:20px;}
	.con02 .regType01 {width:320px; height:185px; margin:0 auto; padding-top:50px; color:#555; text-align:center;}
	.con02 .regType01 label {margin-left:0;}
	.con02 .regType01 .pwd {margin:15px 0;}

.con03 h2 {height:20px; padding-top:10px; border-top:1px solid #5288bd; border-bottom:1px solid #5288bd; background:#74abe1; text-align:center;}
	.con03 ul {margin-bottom:17px;}
	.con03 ul li {border-bottom:1px solid #ccc; color:#525252;}
	.con03 ul li span {display:inline-block;}
	.con03 ul li .month {width:67px; padding:10px 0; color:#15639b; font-weight:bold; text-align:center; vertical-align:top;}
	.con03 ul li .txt {padding:10px 0; line-height:20px; letter-spacing:-1px;}
.con04 .head {padding:10px; border-top:1px solid #ccc;}
	.con04 .head h3 {margin-bottom:3px; color:#218dc5; font-weight:bold;}
	.con04 .head p {color:#747474; font-size:12px;}
	.con04 .txt {padding:17px 10px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; color:#747474; background:#e7e7e7; line-height:20px;}
.con05 section {width:98%; margin:10px auto; background:#e7e7e7 url(../../images_mobile/dcsc/bg_dep_con_dot.gif) repeat-x top;}
	.con05 .inBox {padding:20px 10px 27px 15px;}
	.con05 .inBox h3 {margin-bottom:0px; color:#548abe;}
	.con05 .inBox p {margin-bottom:24px;}
.con06 section {width:98%; margin:10px auto; background:#e7e7e7 url(../../images_mobile/dcsc/bg_dep_con_dot.gif) repeat-x top;}
	.con06 .inBox {padding:20px 10px 27px 15px; background:url(../../images_mobile/dcsc/bg_dep_con_dot.gif) repeat-x bottom;}

.paging {width:320px; margin:0 auto; padding:30px 0; text-align:center;}
    .paging img {vertical-align:middle;}
    .paging span {display:inline-block; position:relative; top:1px; width:19px; height:18px; margin-left:2px; margin-right:2px; padding-top:1px; border:1px solid #c0c0c0; text-align:center; background:#fff;}
    .paging span.on {border-color:#218dc5; background:#218dc5;}
    .paging span.on a {color:#fff;}

.btnArea {position:relative; height:78px; margin:0 auto; padding:14px 11px 0 13px; text-align:right;}
	.btnArea .left {position:absolute; left:10px; top:14px;}
.btnArea02 {position:relative; height:14px; margin:0 auto; padding:14px 11px 0 13px; text-align:right;}
	.btnArea02 .left {position:absolute; left:10px; top:14px;}
.btnArea03 {padding:7px 0; text-align:center;}

.departList {margin-bottom:20px; padding-bottom:3px; background:url(../../images_mobile/dcsc/bg_nav_depart.gif) repeat-x bottom;}
	.departList li {position:relative; height:28px; padding:14px 0 0 22px; background:url(../../images_mobile/dcsc/bg_nav_list.gif) repeat-x;}
	.departList li .ico {position:absolute; right:16px; top:12px;}

/* 학과소개 */
.depExplan {margin-bottom:27px;}
	.depExplan section {padding:20px 10px 27px 15px; background:#e7e7e7 url(../../images_mobile/dcsc/bg_dep_con_dot.gif) repeat-x top;}
	.depExplan h3 {margin-bottom:17px;}
	.depExplan p {line-height:20px; letter-spacing:-1px;}
	.depExplan p span {color:#548abe;}
	.depExplan .tel {color:#083085; font-size:13px;}
	.depExplan .tel a {color:#083085; font-size:13px;}

#layerBg {display:none; z-index:1; position:absolute; left:0; top:0; width:100%; height:960px; background:#000; -ms-filter: alpha(opacity=70); filter: alpha(opacity=70); opacity:0.5; -moz-opacity:0.5;}
.layer {display:none; z-index:2; position:absolute; left:42%; top:45%; width:279px; height:158px; margin-left:-113px; padding:0 0 25px 0; background:url(../../images_mobile/dcsc/bg_confirm.png) no-repeat;}
	.layer .regType01 {margin:0 auto; color:#555; text-align:center;}
	.layer .regType01 h1 {height:33px; margin-bottom:10px; padding:15px 0 0 12px; color:#fff; font-weight:bold; text-align:left;}
	.layer .regType01 label {margin-left:0; font-size:12px; letter-spacing:-1px;}
	.layer .regType01 .pwd {margin:15px 0 5px 0;}
.layerShow {display:block;}

#footer {clear:both; text-align:center;}
    #footer div {width:320px; margin:0 auto;}
    #footer div img {margin-right:-1px;}
    #footer p {margin-top:-3px; text-align:center; background:url(../../images_mobile/dcsc/bg_footer.gif) repeat-x;}

/* common */
table {width:100%; table-layout:fixed; border-collapse:collapse;}
	.tbBox01 {margin-bottom:15px; border-top:1px solid #0e5c87;}
	.tb01 th {padding:5px 0; border-right:1px solid #dfdfdf;  border-bottom:1px solid #dfdfdf; color:#0e5c87; font-size:12px; background:#eef2f3;}
	.tb01 td {padding:5px 0; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; color:#868686; font-size:12px; background:#fff; text-align:center;}

.tb02 td {padding:3px 0;}
	.tb02 td label {color:#555; font-weight:bold;}
	.tb02 .txtField01 {width:207px;}
	.tb02 .txtArea {width:280px; color:#666;}

.tl td {padding-left:10px; text-align:left;}

select {color:#747474; font-size:14px; font-family:"dotum"; background:#ececec;}
.txtField01 {height:28px; padding:0 5px 0 5px; border:1px solid #ccc; color:#666; font-family:"dotum"; font-size:14px; background:#ececec;}
.pwd {width:193px; height:34px; padding:0 10px; border:0; color:#666; font-family:"dotum"; font-size:16px; background:url(../../images_mobile/dcsc/bg_input.gif) no-repeat;}
.txtArea {padding:3px; border:1px solid #ccc;}
.imp01 {color:#a0410d;}

article.list img {max-width:100%;}

/* privates */
.IC0601 select {width:100%;}
	.IC0601 .btnArea03 {padding-bottom:55px;}

.IC0701 .call {font-weight:bold;}
	.IC0701 .call span {display:inline-block; width:70px;}
	.IC0701 .pTitle {height:56px;}

.IC0801 .call {font-weight:bold;}
	.IC0801 .pTitle {height:56px;}
	.IC0801 .map {padding-left:0;}
	.IC0801 .tb01 td {line-height:20px;}
	.IC0801 h4 {margin-bottom:20px; padding-left:20px; color:#6B6B6B; font-weight:bold;}

/* multi devices */
@media screen and (width:320px) {
	.top .head p {width:45%; white-space:nowrap; text-overflow:ellipsis;}
	.top ul li a {width:72%; white-space:nowrap; text-overflow:ellipsis;}

	.list ul li span:first-child {width:88%; white-space:nowrap; text-overflow:ellipsis;}
}

@media screen and (min-width:321px) and (max-width:360px) {
	.top .head p {width:50%; white-space:nowrap; text-overflow:ellipsis;}
	.top ul li a {width:72%; white-space:nowrap; text-overflow:ellipsis;}

	.list ul li span:first-child {width:88%; white-space:nowrap; text-overflow:ellipsis;}
}

@media screen and (width:400px) {
	.top .head p {width:57%; white-space:nowrap; text-overflow:ellipsis;}
	.top ul li a {width:80%; white-space:nowrap; text-overflow:ellipsis;}
}
@media screen and (width:480px) {
	.top .head p {width:60%; white-space:nowrap; text-overflow:ellipsis;}
	.top ul li a {width:80%; white-space:nowrap; text-overflow:ellipsis;}
	.list ul li span:first-child {width:90%; white-space:nowrap; text-overflow:ellipsis;}
}
@media screen and (width:533px) {
	.top .head p {width:65%; white-space:nowrap; text-overflow:ellipsis;}
	.list ul li span:first-child {width:90%; white-space:nowrap; text-overflow:ellipsis;}
}
@media screen and (width:640px) {
	.top .head p {width:73%; white-space:nowrap; text-overflow:ellipsis;}
	.top ul li a {width:85%; white-space:nowrap; text-overflow:ellipsis;}
}
@media screen and (width:683px) {
	.top .head p {width:73%; white-space:nowrap; text-overflow:ellipsis;}
	.top ul li a {width:85%; white-space:nowrap; text-overflow:ellipsis;}
}
