@charset "utf-8";
/* ------------------------------------------
* Filename: sejong_kr.css
* Description: 세종대학교 컨텐츠
* Author: Fu:z, yj84
------------------------------------------ */
@import "/css/common.css";

/* 현재 위치 표시 */
td.local { text-align: left; }
td.local span { display: inline-block; width: 700px; text-align: right; }

BODY {	SCROLLBAR-FACE-COLOR: #f5f5f5; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #cccccc; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #7e7e7e; SCROLLBAR-TRACK-COLOR: #f5f5f5; SCROLLBAR-DARKSHADOW-COLOR: #f5f5f5; font-size: 12px; font-family: Dotum, Sans-Serif; color: #666; line-height: 20px; }
TD {	FONT-SIZE: 12px; COLOR: #666666; LINE-HEIGHT: 20px; FONT-FAMILY: "돋움";}

.local span { padding-right:15px; }

<<<<<<< .mine
A {	COLOR: #666666;}
A:link {	COLOR: #666666; TEXT-DECORATION: none;}
A:visited {	COLOR: #666666; TEXT-DECORATION: none;}
=======

A {	COLOR: #666666;}
A:link {	COLOR: #666666; TEXT-DECORATION: none;}
A:visited {	COLOR: #666666; TEXT-DECORATION: none;}
>>>>>>> .r1638
A:hover {	COLOR: #c40f56; TEXT-DECORATION: underline;}
A:active {	COLOR: #666666; TEXT-DECORATION: none;}
img {border: none;}

td.local span		 {	FONT-SIZE: 11px; COLOR: #8d8d8d; height: auto; LINE-HEIGHT: 170%; FONT-FAMILY: "돋움";}
td.just				 {	text-align:justify;}
td.just2			 {	text-align:justify;LINE-HEIGHT: 140%;}
td.2line			 {  LINE-HEIGHT: 140%;}

/* font color */
td.txt1				 {	FONT-SIZE: 12px; COLOR: #a24d62; height: auto; LINE-HEIGHT: 170%; FONT-FAMILY: "돋움";}
td.txt2				 {font-size:12px; color: #9e4f62; font-family: "돋움"; font-weight:bold;}
td.txt3				 {font-size:12px; color: #adadad; font-family: "돋움"; LINE-HEIGHT: 140%;}
td.txt4				 {font-size:12px; color: #bd5169; font-family: "돋움"; font-weight:bold; LINE-HEIGHT: 140%;}
td.txt5              {font-size:14px; color: #b20b39; font-family: "돋움"; font-weight:bold;}
td.txt6              {font-size:11px; color: #c86979; font-family: "돋움"; LINE-HEIGHT: 140%;}
<<<<<<< .mine
td.txt7              {font-size:12px; color: #666666; font-family: "돋움"; LINE-HEIGHT: 12px;}
td.txt8              {font-size:11px; color: #666666; font-family: "돋움"; LINE-HEIGHT: 140%;}
=======
td.txt7              {font-size:12px; color: #666666; font-family: "돋움"; LINE-HEIGHT: 12px;}
>>>>>>> .r1638

/* font 페이징 */
font.strong			 {font-size:12px; color: #494949; font-family: "돋움"; font-weight:bold;}
font.normal			 {font-size:12px; color: #333; font-family: "돋움";}
font.line			 {font-size:12px; color: #999; font-family: "돋움";}


/* 광고라디오 정의 */
table.tb1				 {width:670px; border-top:2px solid #e5bdc6; border-bottom:2px solid #e5bdc6; border-left:2px solid #e5bdc6; border-right:2px solid #e5bdc6; background:#e5bdc6;}
table.tb1 th			 {padding:6px 0 6px 0; color:9e4f62; text-align:center; font-size:12px; border-bottom:1px solid #e5bdc6; font-weight:bold; background:#f7eef1;}
table.tb1 td.sb			 {padding:4px 4px 4px 14px; color:#666; text-align:left; background:#fff; font-weight:bold;}
table.tb1 td			 {padding:4px 4px 4px 4px; color:#666; text-align:center; background:#fff;}
table.tb1 td.left		 {padding:4px 4px 4px 14px; color:#666; text-align:left; background:#fff;}


/* 장학안내 */
table.tb2				 {width:688px; border-top:2px solid #e5bdc6; border-bottom:2px solid #e5bdc6; border-left:2px solid #e5bdc6; border-right:2px solid #e5bdc6; background:#e5bdc6; table-layout:fixed}
table.tb2 th			 {padding:6px 0 6px 0; color:9e4f62; text-align:center; font-size:12px; border-bottom:1px solid #e5bdc6; font-weight:bold; background:#f7eef1;}
table.tb2 td.sb			 {padding:4px 4px 4px 4px; color:#666; text-align:center; background:#fff; font-weight:bold;}
table.tb2 td			 {padding:4px 4px 4px 4px; color:#666; text-align:left; background:#fff;}
table.tb2 td.cen		 {padding:4px 4px 4px 4px; color:#666; text-align:center; background:#fff;}
table.tb2 td.two		 {padding:4px 4px 4px 4px; color:#666; text-align:left; background:#fff; LINE-HEIGHT: 140%;}

/* 대학생활 2depth */
table.tb21				 {width:640px; border-top:2px solid #e5bdc6; border-bottom:2px solid #e5bdc6; border-left:2px solid #e5bdc6; border-right:2px solid #e5bdc6; background:#e5bdc6; table-layout:fixed}
table.tb21 th			 {padding:6px 0 6px 0; color:9e4f62; text-align:center; font-size:12px; border-bottom:1px solid #e5bdc6; font-weight:bold; background:#f7eef1;}
table.tb21 td.sb			 {padding:4px 4px 4px 4px; color:#666; text-align:center; background:#fff; font-weight:bold;}
table.tb21 td			 {padding:4px 4px 4px 4px; color:#666; text-align:left; background:#fff;}
table.tb21 td.cen		 {padding:4px 4px 4px 4px; color:#666; text-align:center; background:#fff;}
table.tb21 td.two		 {padding:4px 4px 4px 4px; color:#666; text-align:left; background:#fff; LINE-HEIGHT: 140%;}


/* 등록안내 */
table.tb3				 {width:688px; border-top:2px solid #e5bdc6; border-bottom:2px solid #e5bdc6; border-left:2px solid #e5bdc6; border-right:2px solid #e5bdc6; background:#e5bdc6; table-layout:fixed}
table.tb3 th			 {padding:6px 0 6px 0; color:9e4f62; text-align:center; font-size:12px; border-right:1px solid #e5bdc6; font-weight:bold; background:#f7eef1;}
table.tb3 td.sb			 {padding:4px 4px 4px 4px; color:#666; text-align:center; background:#fff; font-weight:bold;}
table.tb3 td			 {padding:4px 4px 4px 4px; color:#666; text-align:left; background:#fff;}
table.tb3 td.tb			 {padding:0px 0px 0px 0px;color:#666; text-align:left; background:#fff;}
table.tb3 td.bd1		 {padding:4px 4px 4px 4px; color:#666; text-align:center; background:#fff; font-weight:bold; border-right:1px solid #e5bdc6; border-bottom:1px solid #e5bdc6;}
table.tb3 td.bd2		 {padding:4px 4px 4px 4px; color:#666; text-align:center; background:#fff; font-weight:bold; border-right:1px solid #e5bdc6;}
table.tb3 td.bd3		 {padding:4px 4px 4px 4px; color:#666; text-align:left; background:#fff; border-bottom:1px solid #e5bdc6;}
table.tb3 td.bd4		 {padding:4px 4px 4px 4px; color:#666; text-align:center; background:#fff; border-right:1px solid #e5bdc6;}


/* 학과연락처 */
table.tb4				 {width:670px; border-top:2px solid #dbdbdb; border-bottom:2px solid #dbdbdb; border-left:2px solid #dbdbdb; border-right:2px solid #dbdbdb; background:#dbdbdb; table-layout:fixed}
table.tb4 th			 {padding:6px 0 6px 15px; color:575757; text-align:left; font-size:12px; border-bottom:1px solid #dbdbdb; font-weight:bold; background:#f7f7f7;}
table.tb4 td.sb			 {padding:4px 4px 4px 15px; color:#666; text-align:center; background:#fff; font-weight:bold;}
table.tb4 td			 {padding:4px 4px 4px 15px; color:#666; text-align:left; background:#fff;}
table.tb4 td.cen		 {padding:4px 4px 4px 15px; color:#666; text-align:center; background:#fff;}
table.tb4 td.two		 {padding:4px 4px 4px 15px; color:#666; text-align:left; background:#fff; LINE-HEIGHT: 140%;}


/* 교육과정영역별이수표 */
table.tb5				 {width:670px; border-top:2px solid #e5bdc6; border-bottom:2px solid #e5bdc6; border-left:2px solid #e5bdc6; border-right:2px solid #e5bdc6; background:#e5bdc6;}
table.tb5 th			 {padding:6px 0 6px 0; color:9e4f62; text-align:center; font-size:12px; border-bottom:0px solid #e5bdc6; font-weight:bold; background:#f7eef1; line-height:120%;}
table.tb5 td.tt	         {padding:6px 0 6px 0; color:9e4f62; text-align:center; font-size:12px; font-weight:bold; background:#f7eef1;}
table.tb5 td.sb			 {padding:4px 4px 4px 4px; color:#666; text-align:center; background:#fff; font-weight:bold;}
table.tb5 td.cen		 {padding:4px 4px 4px 4px; color:#666; text-align:center; background:#fff;}
table.tb5 td.cen2		 {padding:4px 4px 4px 4px; color:#666; text-align:center; background:#f6eef0;}
table.tb5 td.left2 		 {padding:4px 4px 4px 4px; color:#666; text-align:left; background:#f6eef0;}
table.tb5 td    		 {padding:4px 4px 4px 4px; color:#666; text-align:left; background:#fff;}


/* 논문검색테이블 */
table.non				 {width:670px; border-top:1px solid #e5bdc6; background:#e5bdc6;}
table.non td    		 {padding:4px 4px 4px 14px; color:#666; text-align:left; background:#fff; border-bottom:1px solid #ededed;}
table.non td.line  		 {padding:4px 4px 4px 14px; color:#666; text-align:center; background:#fff; border-bottom:1px solid #ededed;}


/* 학사일정 */
table.calendar td.bg_x   {background-repeat:repeat-x;}
table.calendar td.bg_y   {background-repeat:repeat-y;}
table.calendar td.sun    {background-repeat:no-repeat; height:27px; font-size:10px; font-family: "Verdana"; color:#dd4061; text-align:center;}
table.calendar td.mon    {background-repeat:no-repeat; height:27px; font-size:10px; font-family: "Verdana"; color:#7a7a7a; text-align:center;}
table.calendar td.sat    {background-repeat:no-repeat; height:27px; font-size:10px; font-family: "Verdana"; color:#4082e3; text-align:center;}



.form {	BORDER-RIGHT: #bbbbbb 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #bbbbbb 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 12px; BACKGROUND: #ffffff; PADDING-BOTTOM: 0px; BORDER-LEFT: #bbbbbb 1px solid; COLOR: #757575; PADDING-TOP: 2px; BORDER-BOTTOM: #bbbbbb 1px solid; FONT-FAMILY: "돋움",Verdana, Arial; HEIGHT: 20px}

.form_login {	BORDER-RIGHT: #d0d0d0 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #d0d0d0 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 12px; BACKGROUND: #eaeaea; PADDING-BOTTOM: 0px; BORDER-LEFT: #d0d0d0 1px solid; COLOR: #757575; PADDING-TOP: 2px; BORDER-BOTTOM: #d0d0d0 1px solid; FONT-FAMILY: "돋움",Verdana, Arial; HEIGHT: 17px}

.checkbox {    FONT-SIZE: 12px; COLOR: #444444; FONT-FAMILY: 돋움,Gulim; BACKGROUND-COLOR: #ffffff}

.textbox {	BORDER-RIGHT: #bbbbbb 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #bbbbbb 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 12px; BACKGROUND: #ffffff; PADDING-BOTTOM: 0px; BORDER-LEFT: #bbbbbb 1px solid; COLOR: #757575; PADDING-TOP: 2px; BORDER-BOTTOM: #bbbbbb 1px solid; FONT-FAMILY: "돋움",Verdana, Arial;}

/* common.css
.reset, .reset li { margin: 0px; padding: 0px; list-style: none; }

ul.list { margin: 0px; padding: 0px; list-style: none; }
ul.list li { margin: 0px; padding: 0px; list-style: none; }

.list-a { margin: 5px 0px; padding: 0px; list-style: none; }
.list-a li { margin: 0px; padding: 2px 0px 2px 6px; line-height: 1.4; background: url('/img/common/ding_01.gif') left 6px no-repeat; list-style: none; }
.list-a li img { vertical-align: middle; }
.list-b { margin: 5px 0px 5px 20px; padding: 0px; list-style: none; }
.list-b li { margin: 0px; padding: 1px 0px 2px 8px; line-height: 1.4; background: url('/img/common/ding_02.gif') left 6px no-repeat; list-style: none; }
.list-c { margin: 5px 0px; padding: 0px; list-style: none; }
.list-c li { margin: 0px; padding: 0px 0px 2px 10px; line-height: 1.4; background: url('/img/common/ding_03.gif') 2px 6px no-repeat; list-style: none; }

dl.list { margin: 0px; padding: 0px; }
dl.list dt,
dl.list dd { margin: 0px; padding: 0px; }

dl.list-a dt { display: inline-block; clear: left; float: left; padding-left: 10px; width: 90px; min-height: 18px; _height: 18px; background: url('/html/themes/grad_kr/images/common/ding_02.gif') left 5px no-repeat; line-height: 1.4; }
dl.list-a dd { display: inline-block; float: left; width: 300px; min-height: 18px; _height: 18px; line-height: 1.4; }

.indent { margin-left: 20px; }
.vmiddle { vertical-align: middle; }
.left { text-align: left !important; }
.right { text-align: right !important; }
.center { text-align: center !important; }
.fleft { float: left; }
.fright { float: right; }
.reset { margin: 0px; padding: 0px; list-style: none; }
.relative { position: relative; z-index: 2; }
.show { display: block; }
.hide { display: none; }
.clearfix, .clear { clear: both; *zoom:1; }
.clearfix:after, .clear:after { content: ""; display: block; clear: both; }
 */

/* ------------------------------
공통요소
------------------------------ */
h3.title { margin: 0 0 15px; font-size: 100%; }
h4.title { margin: 0 0 15px; font-size: 100%; }
h5.title { margin: 20px 0 10px; font-size: 100%; }
h5.title img { vertical-align: middle; }
h6.title { margin: 10px 0 5px 20px; font-size: 100%; }
ul.tab { overflow: hidden; width: 100%; margin: 0; padding: 0; }
ul.tab li { float: left; list-style: none; }
p.reset { margin: 5px 0; }
p.basic { margin: 10px 0; }
p.indent { margin: 5px 0 10px 20px; /* padding-left: 20px; */ }
p.msg { margin: 2px 0; font-size: 95%; color: #be4545; } 
p.ex  { margin: 2px 0; padding: 0 0 0 13px; background: url("/img/common/ding_ex.gif") no-repeat left 3px; } 
.mt20 { margin-top: 20px; }
.mt10 { margin-top: 10px; }
.mb20 { margin-bottom: 20px; }
.mb10 { margin-bottom: 10px; }
.depth1 { margin-left: 20px !important; }
.depth2 { margin-left: 30px !important; }
div.keyvisual { width: 690px; overflow: hidden; margin: 0 0 20px; }
div.keyvisual p { margin: 0; }
div.gohome { margin: -10px 0 0; }
div.gohome h5.title { margin: 0; }
div.picbg { position: relative; zoom:1; margin: 5px 0 5px 20px; padding: 10px 0 10px 135px; border: 2px solid #eee; background: #fbfbfb url("/img/common/bg_picbg.gif") no-repeat left bottom; }
div.picbg span.round01, div.picbg span.round02, div.picbg span.round03, div.picbg span.round04 { display: inline-block; width: 5px; height: 5px; font-size: 0px; line-height: 0px; background-image: url("/images/new_portal/images/subject/common/bg_pic_round.gif"); }
div.picbg span.pic { display: inline-block; width: 246px; height: 165px; padding: 6px; background: url("/img/common/bg_picbg_pic.gif") no-repeat left top; }
div.picbg span.pic img { display: inline-block; width: 246px; height: 165px; }
div.clearfix h5.title { margin-top: 5px; }

/* ------------------------------
Table
------------------------------ */
div.table-b-wrap { position: relative; width: 664px; margin-left: 20px; border: 3px solid #e5bdc6; }
div.table-b-wrap span.round01, div.table-b-wrap span.round02, 
div.table-b-wrap span.round03, div.table-b-wrap span.round04 { display: inline-block; width: 5px; height: 5px; font-size: 0px; line-height: 0px; background-image: url("/img/common/round_table_b.gif"); }
div.table-b-wrap span.round01 { left:  -3px; top: -3px; }
div.table-b-wrap span.round02 { right: -3px; top: -3px; }
div.table-b-wrap span.round03 { left:  -3px; bottom: -3px; }
div.table-b-wrap span.round04 { right: -3px; bottom: -3px; }
table.table-b { width: 100%; border:3px solid #fff; border-collapse: collapse; table-layout: fixed; }
table.table-b th { padding: 5px 0; }
table.table-b td { padding: 3px 0; border: 1px solid #e2e2e2; text-align: center; word-break:break-all; }
table.table-b thead th { border: 2px solid #e5bdc6; background-color: #faeef2; }
table.table-b tbody th { border: 1px solid #e2e2e2; border-right-width: 2px; }
table.table-b .left  { padding-left: 10px; }
table.table-b .right { padding-right: 10px; }

/* ------------------------------
layout
------------------------------ */
#inner { width: 690px; margin: 30px 15px 0 20px; }
#scrumb { padding-right: 40px; text-align: right; font-size: 95%; color: #8d8d8d; }
#scrumb span { display: inline-block; padding-left: 10px; background: url("/images/new_portal/images/bullet/b_local.gif") no-repeat left center; }

/* ------------------------------
학과안내 - 학과연락처
------------------------------ */
p.sign { margin: 5px 0; text-align: right; }
ul.dep-contact {  margin: 0 0 0 18px; padding: 0; border-top: 1px solid #e6e6e6; list-style: none; }
ul.dep-contact li { height: 25px; line-height: 25px; border-bottom: 1px solid #e6e6e6; }
ul.dep-contact li strong { display:inline-block; width: 150px; padding-left: 20px; background:url("/images/new_portal/images/subject/table/sub_ico.gif") no-repeat 10px center; font-weight: normal; }
ul.dep-contact li span { display:inline-block; width: 145px; padding-left: 40px; }
ul.dep-contact li span.tel  { background: url("/images/new_portal/images/ico/ico_tel.gif") no-repeat left center; }
ul.dep-contact li span.mail { background:url("/images/new_portal/images/ico/ico_email.gif") no-repeat left center; }
div.dep-char {  }
div.dep-char div.section { overflow: hidden; width: 100%; }
div.dep-char div.section .title {  }
div.dep-char div.section .img  { float: right; margin-left: 35px; }
div.dep-char div.section p { margin: 0 0 0 30px; padding: 0; }

/* ------------------------------
학과활동 list
------------------------------ */
div.activity-year { overflow: hidden; width: 100%; height: 20px; margin: 0 0 20px; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; }
div.activity-year ul { overflow: hidden; width: 100%; margin: 0; padding: 0; list-style: none; }
div.activity-year li { float: left; margin-top: -1px; padding-right: 1px; line-height: 1px; background: url("/images/new_portal/images/subject/common/bg_year_list.gif") no-repeat right top; }
ul.list li span img { vertical-align: middle; }

/* ------------------------------
전공자격증 안내
------------------------------ */
table.major-qualify { width: 670px; margin: 10px 0 10px 18px; border-collapse: collapse; border: 3px solid #ddd; }
table.major-qualify th { height: 20px; padding: 3px 0; border: 1px solid #ddd; background-color: #f2f2f2; }
table.major-qualify td { padding: 3px 10px 3px 18px; border: 1px solid #ddd; }
table.major-qualify td.curriculum { padding: 10px 0 10px 18px; }
table.major-qualify td.curriculum table { width: 95%; border: 1px solid #d3c4d2; border-collapse: collapse; font-size: 95%; } 
table.major-qualify td.curriculum table th { border: 1px solid #d3c4d2; } 
table.major-qualify td.curriculum table th.th { background-color: #efd8de; color: #855a62; }
table.major-qualify td.curriculum table td { border: 1px solid #d3c4d2; font-size: 95%; } 
table.major-qualify td.curriculum table td ul.list { overflow: hidden; width: 100%; }
table.major-qualify td.curriculum table td ul.list li { float: left; width: 33%; letter-spacing: -1px; }
table.major-qualify td.curriculum table td ul.list li span { color: #ce0266; }
table.major-qualify td.curriculum table.subj th.th { padding-left: 5px; text-align: left; }
table.major-qualify td.curriculum table td ul.long li,
table.major-qualify td.curriculum table.subj td ul.list li { width: 50%; }
table.major-qualify td.curriculum ul.step { width: 100%; margin: 0; padding: 0; list-style: none; }
table.major-qualify td.curriculum ul.step li { position: relative; *zoom: 1; padding-left: 35px; }
table.major-qualify td.curriculum ul.step li span { position: absolute; left: 0; top: 0; color: #be4545; }
table.major-qualify td.curriculum ul.list-f { margin: 0; }
table.major-qualify td.condition div.section { margin: 5px 0; }
table.major-qualify td.condition p { margin: 2px 0; padding-top: 0; padding-bottom: 0; }
table.major-qualify td ul.list-a, 
table.major-qualify td ul.list-order { margin: 0; }
table.major-qualify td ul.list-order li { line-height: 1.4; }
table.welfare-info td { padding: 5px 0 0 5px; text-align: left; vertical-align: top; font-size: 95%; word-wrap: break-word;	word-break:break-all; }

/* ------------------------------
전공로드맵
------------------------------ */
div.type1 { position: relative; *zoom:1; height: 100%; border: 2px solid #f3e0e0; background-color: #fefafb; }
div.type2 { position: relative; *zoom:1; height: 100%; border: 2px solid #efd7d7; background-color: #fcf5f6; }
div.type3 { position: relative; *zoom:1; height: 100%; border: 2px solid #efd7d7; background-color: #fbeef1; }
div.type4 { position: relative; *zoom:1; height: 100%; border: 2px solid #ebbdbd; background-color: #fae5e9; }
div.type5 { position: relative; *zoom:1; height: 100%; border: 2px solid #e2acad; background-color: #f8dbe2; }
div.type6 { position: relative; *zoom:1; height: 100%; border: 2px solid #b84f4f; background-color: #f2ecec; color: #a43c3c; }
div.type7 { position: relative; *zoom:1; height: 100%; border: 2px solid #e3bdbd; background-color: #f4f4f4; }
div.type1 span { background: url("/img/custom/bg_roadmpa_type01.gif") no-repeat left top; }
div.type2 span { background: url("/img/custom/bg_roadmpa_type02.gif") no-repeat left top; }
div.type3 span { background: url("/img/custom/bg_roadmpa_type03.gif") no-repeat left top; }
div.type4 span { background: url("/img/custom/bg_roadmpa_type04.gif") no-repeat left top; }
div.type5 span { background: url("/img/custom/bg_roadmpa_type05.gif") no-repeat left top; }
div.type6 span { background: url("/img/custom/bg_roadmpa_type06.gif") no-repeat left top; }
div.type7 span { background: url("/img/custom/bg_roadmpa_type07.gif") no-repeat left top; }
div.type5 p { text-align: center; }
div.type5 * { color: #9d241b !important; font-weight: bold; }
div.type5 .list-a li { background-image: url("/img/common/ding_05.gif"); background-position: left 8px; }
div.type6 strong { font-size: 95%; line-height: 17px; }
div span.round01, span.round02,
div span.round03, span.round04 { overflow: hidden; position: absolute; display: inline-block; width: 5px; height: 5px; font-size: 0px; line-height: 0px; }
div span.round01 { left:  -2px; top: -2px; background-position: left top; }
div span.round02 { right: -2px; top: -2px; background-position: right top; }
div span.round03 { left:  -2px; bottom: -2px; background-position: left bottom; }
div span.round04 { right: -2px; bottom: -2px; background-position: right bottom; }

table.roadmap { width: 680px; margin: 0 0 0 15px; font-size: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 5px; }
table.roadmap thead th { color: #fff; }
table.roadmap thead th strong { position: relative; *zoom:1; display: inline-block; width: 100%; line-height: 28px; background-color: #bf6560; letter-spacing: -1px; font-size: 95%; }
table.roadmap thead th span { position: absolute; display: inline-block; width: 5px; height: 28px; background: url("/img/custom/bg_round_th.gif") no-repeat left top; }
table.roadmap thead th span.roundt { left: 0;  top: 0; background-position: left top; }
table.roadmap thead th span.roundb { right: 0; top: 0; background-position: right top; }
table.roadmap tbody th { width: 60px; font-size: 95%; }
table.roadmap tbody th div { padding: 2px 0; }
table.roadmap tbody th div span { position: absolute; display: inline-block; width: 100%; height: 6px; font-size: 0px; line-height: 0px; }
table.roadmap tbody th.step1 div { position: relative; *zoom:1; display: inline-block; width: 60px; height: 100%; background-color: #f0cfcd; color: #fff; }
table.roadmap tbody th.step2 div { position: relative; *zoom:1; display: inline-block; width: 60px; height: ; background-color: #e2aca8; color: #fff; vertical-align:middle; }
table.roadmap tbody th.step3 div { position: relative; *zoom:1; display: inline-block; width: 60px; height: 100%; background-color: #d58b86; color: #fff; }
table.roadmap tbody th.step4 div { position: relative; *zoom:1; display: inline-block; width: 60px; height: 100%; background-color: #bf6560; color: #fff; }
table.roadmap tbody th.step5 div { position: relative; *zoom:1; display: inline-block; width: 60px; height: 100%; background-color: #a4423e; color: #fff; }
table.roadmap tbody th.step1 span { background: url("/img/custom/bg_roadmpa_step01.gif") no-repeat left top; }
table.roadmap tbody th.step2 span { background: url("/img/custom/bg_roadmpa_step02.gif") no-repeat left top; }
table.roadmap tbody th.step3 span { background: url("/img/custom/bg_roadmpa_step03.gif") no-repeat left top; }
table.roadmap tbody th.step4 span { background: url("/img/custom/bg_roadmpa_step04.gif") no-repeat left top; }
table.roadmap tbody th.step5 span { background: url("/img/custom/bg_roadmpa_step05.gif") no-repeat left top; }
table.roadmap tbody th.step5 div strong { width: 35px; line-height: 17px; }
table.roadmap tbody th div * { vertical-align: middle; }
table.roadmap tbody th div strong { display: inline-block; letter-spacing: -1px; }
table.roadmap tbody th div span.roundt { left: 0;  top: 0; background-position: left top; }
table.roadmap tbody th div span.roundb { right: 0; bottom: 0; background-position: left bottom; }
table.roadmap tbody th div span.vmid { position:relative; display:inline-block; width: 0px; height: 100%; background: none; vertical-align: middle; }
table.roadmap td { color: #665b5b; font-size: 95%; }
table.roadmap tr.arrw td { height: 5px; font-size: 0px; line-height: 0px; text-align: center; }
table.roadmap td strong { color: #a74a43; }
table.roadmap td ul, table.roadmap td p { margin: 0; padding: 8px 10px; line-height: 1.3; }
table.roadmap td li { position: relative; *zoom:1; margin: 3px 0; padding-right: 23px; list-style: none; letter-spacing: -1px; }
table.roadmap td em { font-style: normal; letter-spacing: 0; }
table.roadmap td li em { position: absolute; right: 0; top: 0; }
table td .ess { color: #c64238; font-style: normal; }
div.roadmap-down { margin: 10px 0 35px; padding: 0 0 0 30px; }
div.roadmap-down p.msg { margin: 0; padding: 0; }

table.qualification { width: 680px; margin: 0 0 0 15px; font-size: 100%; border-collapse: separate; border-spacing: 5px; }
table.qualification thead th { color: #fff; font-size: 95%; }
table.qualification thead th strong { position: relative; *zoom:1; display: inline-block; width: 100%; line-height: 28px; background-color: #bf6560; }
table.qualification thead th span { position: absolute; display: inline-block; width: 5px; height: 28px; background: url("/img/custom/bg_round_th.gif") no-repeat left top; }
table.qualification thead th span.roundt { left: 0;  top: 0; background-position: left top; }
table.qualification thead th span.roundb { right: 0; top: 0; background-position: right top; }
table.qualification tbody th { width: 70px; }
table.qualification tbody th div * { vertical-align: middle; display: inline-block; }
table.qualification tbody th div span.vmid { position:relative; display:inline-block; width: 0px; height: 100%; background: none; vertical-align: middle; }
table.qualification td { font-size: 95%;}
table.qualification td ul, table.qualification td p { margin: 0; padding: 10px; line-height: 1.5; }
table.qualification td .list-a li { background-image: url("/img/common/ding_04.gif"); background-position: left 8px; }
table.qualification td div.line { background: url("/img/custom/bg_line.gif") repeat-y 40px top; }
table.qualification td p.section { overflow: hidden; width: 100%; margin: 10px 0; padding: 0;  }
table.qualification td p.section strong, 
table.qualification td p.section em { float: left; font-style: normal; 
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	word-break: break-all; }
table.qualification td p.section strong { display: inline-block; width: 30px; padding: 0 10px; vertical-align: middle; }
table.qualification td p.section em { width: 67%; }
div.president-qualify-guide { height: 27px; margin: 30px 0 0px; }
div.president-qualify-guide h5.title { margin-bottom: 0px; }

/* 경영학과 전공로드맵 */
body.dep-business {  }
body.dep-business table.roadmap td li { padding-right: 0; }

/* ------------------------------
유형별 강의체험
------------------------------ */
div.lecture-nav { overflow: hidden; *zoom: 1; width: 630px; height: 166px; padding: 29px; background: url("/images/new_portal/images/life/experience/bg_type.gif") no-repeat left top; }
div.lecture-nav p { margin: 0 0 10px; }
div.lecture-nav ul { overflow: hidden; width: 110%; margin: 0; padding: 0; }
div.lecture-nav li { float: left; width: 150px; height: 25px; margin: 0 10px 10px 0; list-style: none; }

div.lecture-list { width: 100%; margin: 20px 0 0; }
div.lecture-list div.section { overflow: hidden; position: relative; width: 688px; margin: 0 0 35px; }
div.lecture-list ul { float: right; width: 365px; height: 85px; margin: 0; padding: 30px; background: url("/images/new_portal/images/life/experience/bg_lecture_list.gif") no-repeat left top; }
div.lecture-list li { margin: 2px 0; list-style: none; }
div.lecture-list li span { display: inline-block; padding-left: 10px; background: url("/images/new_portal/images/life/experience/arr2.gif") no-repeat left 4px; font-weight: bold; }
div.lecture-list div.img { float: left; width: 260px; text-align: center; }
div.lecture-list div.buttons { position: absolute; right: 0; bottom: 2px; width: 365px; padding: 30px; text-align: right; }

div.lecture-nav-type02 { width: 688px; margin: 20px 0; background: url("/images/new_portal/images/life/support/bg_type02_mid.gif") repeat-y left top; }
div.lecture-nav-type02 div.inner { padding: 0 0 35px; background: url("/images/new_portal/images/life/support/bg_type02_btm.gif") no-repeat left bottom; }
div.lecture-nav-type02 p { height: 30px; margin: 0; padding: 20px 0 0; background: url("/images/new_portal/images/life/support/bg_type02_top.gif") no-repeat left top; text-indent: 30px; }
div.lecture-nav-type02 div.section { overflow: hidden; *zoom: 1; padding: 1px 31px; }
div.lecture-nav-type02 strong { float: left; margin-right: 5px; }
div.lecture-nav-type02 ul { overflow: hidden; float: left; width: 78%; margin: 0; padding: 0; border-bottom: 1px solid #f9f3f3; }
div.lecture-nav-type02 li { float: left; margin: 0 20px 0 -20px; padding: 0 20px; list-style: none; line-height: 25px; background: url("/images/new_portal/images/life/support/bg_type02_sect.gif") no-repeat left 7px; }
div.lecture-nav-type02 li img {  vertical-align: middle; }

/* ------------------------------
초빙특강
------------------------------ */
div.invite-lecture { overflow: hidden; width: 100%; }
div.invite-lecture div.img { float: left; width: 144px; height: 103px; margin-right: 17px; padding: 8px 0 0 8px; background: url("/images/new_portal/images/life/lecture/bg_invite_lecture.gif") no-repeat left top; }
div.invite-lecture div.img img { display: block; width: 128px; height: 88px; }
div.invite-lecture ul.list-c { float: left; width: 460px;  min-height: 65px; height: auto !important; _height: 65px; margin-top: 0; }
div.invite-lecture div.btn { float: right; }

/* 강사정보 팝업 */
div.tutor-info { overflow: hidden; width: 100%; }
div.tutor-info div.img { float: left; width: 144px; margin-right: 18px; }
div.tutor-info div.img span { display: block; width: 128px; height: 88px; padding: 8px; border: 1px solid #c8c8c8; font-size: 0px; line-height: 0px; }
div.tutor-info div.img img { display: block; width: 128px; height: 88px; border-top: 1px solid #cccdce; border-left: 1px solid #cccdce; }
div.tutor-info div.img p { height: 25px; line-height: 25px; margin: 10px 0 0; background-color: #9499a4; color: #fff; font-size: 95%; text-align: center; }
div.tutor-info div.cont { overflow: hidden; overflow-y: scroll; float: left; width: 340px; height: 165px; }
div.tutor-info div.cont h2 { height: 24px; margin: 0; }
div.tutor-info div.cont ul.list-c { width: 96%; margin-left: 5px; line-height: 1.6; }

/* 강의보기 팝업 */
div.video { border-bottom: 2px solid #ededed; border-right: 2px solid #ededed; }
div.video div.inner { padding: 13px; border: 1px solid #d2d2d2; text-align: center; }

/* ------------------------------
Popup Window
------------------------------ */
/* 레이아웃 */
html, body.popup { height: 100%; }
body.popup { position: relative; width: 100%; margin: 0; font-size: 12px;  }
body.popup,
body.popup * {
	scrollbar-face-color: #fff;
	scrollbar-track-color: #f7f7f7;
	scrollbar-highlight-color: #fff;
	scrollbar-3dlight-color: #C2C2C2;
	scrollbar-shadow-color: #F8f8f8;
	scrollbar-darkshadow-color: #C2C2C2;
	scrollbar-arrow-color: #838383;
}
body.popup span.round01, body.popup span.round02,
body.popup span.round03, body.popup span.round04 { position: absolute; z-index: 1; display:inline-block; width: 10px; height: 10px; background: url("/img/common/bg_popup.gif") no-repeat left top; }
body.popup span.round01 { left:  0px; top: 0px; background-position: left top; }
body.popup span.round02 { right: 0px; top: 0px; background-position: right top; }
body.popup span.round03 { left:  0px; bottom: 0px; background-position: left bottom; }
body.popup span.round04 { right: 0px; bottom: 0px; background-position: right bottom; }
body.popup span.top, body.popup span.btm { display: block; position: absolute; left: 0; width: 100%; height: 3px; font-size: 0px; background-color: #B2084F; }
body.popup span.top { top: 0; }
body.popup span.btm { bottom: 0; }

body.popup #inner { width: auto; height: 100%; margin: 0; border-left: 3px solid #b2084f; border-right: 3px solid #b2084f; }
body.popup #head { position: relative; z-index: 5; }
body.popup #contain { clear: both; overflow: auto; overflow-x: hidden; background: #fff; }
body.popup #wrap { width: auto; margin: 20px 23px 20px; }
body.popup #foot { text-align: center; }

body.popup #head h1 { height: 23px; margin: 0 23px; padding: 20px 0 0; border-bottom: 2px solid #dbdbdb; }
body.popup #head h1 img {  }
body.popup #head div.close { position: absolute; right: 0; top: 0; }
body.popup #head div.close a { display: inline-block; }

/* ------------------------------
Layer Popup
------------------------------ */
div.lyr-pop { width: 665px; padding: 0px 20px 0px 0; border: 2px solid #eeeded; background-color: #fff; }
div.lyr-pop a.close { position: absolute; right: 9px; top: 9px; }