@charset "utf-8";

/* 학과소개 */
.about .title {padding:30px 0; display:block; color:#000; font-size:50px;font-weight:400; line-height:1.4;letter-spacing:-0.05em; text-align:center;font-family:'NanumMyeongjo'}
.about .text {line-height: 1.8; color:#666}

/* 인사말 */
.greetings .sign {text-align: right; margin: 30px 0;color:#555;font-size: 16px; vertical-align:bottom}
.greetings .sign em {display:block;color: #000;font-size:38px;font-family: 'NanumBrush'}
.col-half-left {float: left;width: 62%}
.col-half-right {width: 35%; float: right }
.col-half-right:after {content: ''; clear: both; display: block; height: 0 }

/* 교육목표 */
.objectives p {font-size:16px;color:#666}
.objectives p strong {font-weight:400;color: #00AEEF}
.p-col {width: 100%; margin: 0 auto 30px; display: inline-block }
.p-col .p01, .p-col .p02, .p-col .p03, .p-col .p04, .p-col .p05, .p-col .p06 {float:left; width:30%; margin-bottom:20px}
.p-col .p01 img, .p-col .p02 img, .p-col .p03 img,.p-col .p04 img, .p-col .p05 img, .p-col .p06 img {overflow:hidden;width:100%; margin-bottom:10px}
.p-col .p01,.p-col .p04 {padding-right:2%; border-right: 1px #bcbdc0 dashed }
.p-col .p02,.p-col .p05 {padding:0 2%; border-right: 1px #bcbdc0 dashed}
.p-col .p03,.p-col .p06 {padding-left:2%}
.p-col h5 {min-height:24px;font-size:16px}
.p-col li {font-size:14px;padding-left:20px; margin-bottom:5px;line-height: 1.6; background: url('/groups/urd/images/bul/bul_dot06.gif') no-repeat  left 8px}


/* 찾아오시는 길 */
.way .title { margin-bottom:20px;color:#000; font-size:30px;font-weight:400;letter-spacing:-0.05em; text-align:center;font-family:'NanumMyeongjo'}
.way .info {font-size:16px;line-height:2.0; text-align:center; margin-bottom:30px}
.way .info:after{content:'';clear:both;display:block;height:0}
.way .info dt {display:block;color: #333;font-size:26px;font-weight:600;font-family:'NanumMyeongjo'}
.way .info dd {display:inline-block;color: #888;font-family: 'georgia'; font-style: italic}
.way .info dd span {color: #000;font-size:20px; margin-right:20px}

/* 교육과정 */
.curriculum .img_bg1 {background: url('/groups/urd/images/curriculum_img.png') no-repeat right 140px}
.curriculum .img_bg2 {background: url('/groups/urd/images/curriculum2_img.png') no-repeat right 140px}

/* 졸업 후 진로 */
.graduation {background: url('/groups/law/images/img_graduation_bg.jpg') no-repeat right 58px}
.step01 {overflow: hidden;padding:20px 0;border:1px #ccc solid;background:url('/planweb/css/board/bg_box1.gif') repeat-x 0 bottom; border-radius:5px}
.step01 li {float:left;width:24%;margin:0 0.5%;text-align:center;background:url('/groups/common/images/bul/arrow-bar.gif') no-repeat  left 10px }
.step01 li:first-child { background-image:none}
.step01 li dl:after{content:'';clear:both;display:block;height:0}
.step01 li dt {display:block;width:50%;margin:0 auto 10px auto;height:40px;line-height:40px;font-size:16px;font-weight:600;color:#fff;background:#3d73b1;border-radius:20px}
.step01 li dd {font-size:15px;line-height: 1.5}

.bg_line {background:url('/groups/urd/images/bg_line.png') no-repeat 0 60px}
.step02 {overflow: hidden;padding-top:50px;background:url('/groups/common/images/bul/step_arrow_bottom.gif') no-repeat 35% 0}
.step02 li {float:left;width:24%;margin:0 0.5%;text-align:center}
.step02 li:first-child {width:74%}
.step02 li:first-child dd{width:24%}
.step02 li dl:after{content:'';clear:both;display:block;height:0}
.step02 li dt {display:block;width:50%;margin:10px auto;height:40px;line-height:40px;font-size:16px;font-weight:600;color:#fff;background:#3d73b1;border-radius:20px}
.step02 li dd {float:left;width:100%;font-size:15px;line-height: 1.5}
.mm {overflow: hidden;margin-top:100px}
.mm li {float:left;width:22%;margin:0 0.5%;padding:2% 1%;min-height:60px;text-align:center;font-size:17px;font-weight:600;color:#fff;background:#36aa99;border-radius:5px}

/* 자격증 취득 안내  */
.certification .text {font-size:16px;line-height: 1.8; color:#666}
.certification .p-line {border-bottom: 1px dashed #bcbdc0; margin-bottom:40px}


/* title */
.motto {overflow: hidden; display: block; margin: 30px 0; font-family:'NanumMyeongjo'; text-align: left; font-size:42px; font-weight: 600; letter-spacing: -5px; line-height:1.2;text-shadow: none}
.motto span {font-family:'NanumMyeongjo'; color: #00aeef }
.guide-top {border: 1px solid black; margin: 40px 0 50px}

/* h-style */
h3 {margin-bottom: 60px;color: #333; font-size: 35px; font-weight: 600; letter-spacing: -2px;line-height: 1.3; text-align: center }
h3 span {display: block; margin-top: 10px ; color: #ccc; font-size: 23px; font-weight:400;letter-spacing: -1px; font-family:'NanumMyeongjo' }
h4 {margin-bottom: 25px;color: #333; font-size: 24px; font-weight: 600; letter-spacing: -2px;line-height: 1.3 }
h5 {margin-bottom: 15px;color: #333;  font-size: 18px; font-weight: 600;line-height: 1.2;padding-left: 25px;background: url('/groups/urd/images/bul/bul_h5.gif') no-repeat left 3px  }
h6 {font-size: 14px; font-weight: 600}
h4+table {margin-top:-10px}
table+.ex{margin-top:-20px}
h4+.unit {margin-top:-25px}
h5+.unit {margin-top:-20px}

/* list-style */
ul.ma {overflow: hidden;margin-bottom: 30px}
ul.ma:after{content:'';clear:both;display:block;height:0}
ul.ma li {padding-left:20px; margin-bottom:5px;line-height: 1.6; background: url('/groups/urd/images/bul/bul_dot06.gif') no-repeat  left 8px}
ul.ma li ul {margin:5px 0 0 0}
ul.ma li ul li {padding-left: 10px; background: url('/groups/urd/images/bul/bul_dot.gif') no-repeat  left 8px;line-height: 1.6 }
ul.ma li table {margin-left:0 !important}
ul.ma2 li.w2 {width:24%;margin:0 20px 0 0 }
dl.ma {margin-bottom:30px}
dl.ma:after{content:'';clear:both;display:block;height:0}
dl.ma dt, dl.ma dd{float:left;padding:5px 0}
dl.ma dt {color: #333; font-weight: 600; width:20%; padding-left:20px; background: url('/groups/urd/images/bul/bul_dot06.gif') no-repeat 0 0; clear: left  }

p {margin-bottom: 30px;font-size:15px; line-height:1.6;text-align:justify }
.p-line {border-bottom: 1px solid #ededed; padding-bottom: 30px }
.p-line2 {border-bottom: 1px dashed #bcbdc0; margin-bottom:50px }
.p_notice {font-size:14px;color: #444;padding-left:15px; background: url('/groups/urd/images/bul/bul_check.gif') no-repeat left 6px; line-height:1.4}
.p_notice span {color:#df623c;margin-right:5px}
.unit { float:right;font-size:13px}
.exp {font-size:13px;padding:5px 0 0 14px; margin:0;background:url('/groups/urd/images/bul/ico_pool.gif') no-repeat 0 10px}
.ex {font-size:13px;padding:0 ; color: #555 }
.division {background:url('/groups/urd/images/bul/table_division_line.png') no-repeat; background-size:100% 100%}
.h_bg {background:#f5f5f5}

/* box design */
.box_guide {overflow:hidden; min-height:50px;margin: 10px 0;padding:20px 30px 15px 30px;background:#fff;border:1px solid #ccc; border-radius:5px;background: url('/groups/urd/images/bul/bg_noti01.gif') no-repeat 40px 50%}
.box_guide dt { margin: 0 0 10px 100px;color:#333;font-size:18px; font-weight: 600}
.box_guide dd, .box_guide li {margin: 0 0 5px 100px;padding: 0 0 0 15px; background: url('/groups/urd/images/bul/bul_dot.gif') no-repeat left 7px;font-size:14px; line-height: 1.5}
.box_guide p {padding-bottom:0}

/* tab */
.tab_btn {overflow: hidden;text-align:center;border:1px solid #ccc;border-radius:8px 8px;margin-bottom:40px}
.tab_btn li {float:left;width: 50%;background:#fff; margin-left:-1px}
.tab_btn li a {display:block;width:100%;height:50px;text-align:center;color:#565660; font-size:15px; font-weight: 600;line-height:50px}
.tab_btn li:first-child {border-left:none}
.tab_btn li.on a {border-color:#0080c7;background:#0080c7;color:#fff}
.tab_btn li.w3 {width:33.2%}
.tab2 li {width:25%}
.tab2 li.on a {border-color:#009541;background:#009541}

/* tab style */
.tabwarp { width: 100%; margin-bottom: 10px }
.tabwarp:after, .tablist_warp:after, .tablist:after { display: block; content: ""; clear: both }
.tablist_warp { width: 100%; margin-bottom: 30px; overflow:hidden}
.tabcnt { display: none }
.tabcnt.active { display: block }
.tablist {overflow: hidden;text-align:center;border:1px solid #ccc;border-radius:8px 8px;margin-bottom:40px }
.tablist li {float:left; float: left;width: 20%; margin-left: -1px;background: #fff;border-left: 1px solid #ccc;}
.tablist li a {display:block;width:100%;height:50px;text-align:center;color:#565660; font-size:15px; font-weight: 600;line-height:50px}
.tablist li:first-child {border-left:none;;margin-left:0}
.tablist li.active a {border-color:#009541;background:#009541;color:#fff }

/* table1 기본정렬*/
.table1 {clear: both; table-layout:fixed;width:100%; margin-bottom:30px;border-top:2px solid #2c2c2c;border-left:1px solid #dddddd;font-size:14px}
.table1 thead th{padding:10px 0;border:solid #c7c1d3; border-width:0 1px 1px 0;color:#333;background:#EFEFEF}
.table1 tbody th{padding:10px 0;border:solid #dddddd; border-width:0 1px 1px 0;color:#333;background:#F8F8F8}
.table1 tbody td{padding:10px 10px;border:solid #dddddd; border-width:0 1px 1px 0; line-height:1.6}
.table1 thead tr:first-child th {}
.table1 tbody tr:first-child th {}
.table1 tbody tr:first-child td {}

/* table2 센터정렬 */
.table2 {clear: both; table-layout:fixed;width:100%; margin-bottom:30px;border-top:2px solid #2c2c2c;border-left:1px solid #dddddd;font-size:14px}
.table2 thead th{padding:10px 0;border:solid #c7c1d3; border-width:0 1px 1px 0;color:#333;background:#EFEFEF}
.table2 tbody th{padding:10px 0;border:solid #dddddd; border-width:0 1px 1px 0;color:#333;background:#F8F8F8}
.table2 tbody td{padding:10px 10px;border:solid #dddddd; border-width:0 1px 1px 0;text-align: center; line-height:1.6}
.table2 thead tr:first-child th {}
.table2 tbody tr:first-child th {}
.table2 tbody tr:first-child td {}

/*학사일정*/
.calender_box h3 {margin-bottom:20px}

.study h3 {color:#024388; font-size:40px}
.study .ma {font-size:1.25em}
.study .ma li {background:none;position:relative;padding-left: 28px;}
.study .ma li::before {position:absolute;top: 6px;left:0;display:block;content:'';width: 16px;height: 16px;background: #ddd;border-radius:50%;}
.study .ma li::after {position:absolute;top: 3px;left: 9px;display:block;content:'';width: 9px;height: 9px;background: #024388;border-radius:50%;border: 1px solid #fff;}

/*참여업체*/
.blink {display:inline-block; width: 11px; height: 9px; margin-left:5px; text-indent: -9999px; vertical-align: middle; background: url('/groups/contract/images/ico_blank.gif') no-repeat;}

/*등록금지원안내 표*/


/*@media (max-width: 800px){
.table_guide { display: block; position: relative; overflow: hidden; overflow-x: auto; padding-bottom: 45px; margin-bottom: 50px;}
.table_guide table { width: 1000px;margin-bottom: 0;}
.table_guide::before { content: '화면을 좌우로 스크롤 하세요.'; display: block; position: absolute; right: 5px; bottom: 4px; font-size: 13px;}
.table_guide::after { content: ''; display: block; position: absolute; right: 180px; bottom: 2px; width: 26px;  height: 26px; z-index: 10; background:url(../images/table_scroll.png) no-repeat 50%; background-size: 26px;}
.smartEabout {display:none;}}*/

/*반응형*/

/*@media screen and (max-width: 1024px){
ul.ma li {padding-left: 30px;margin-bottom: 7px; line-height: 1.6; background: url(/groups/urd/images/bul/bul_dot06.gif) no-repeat left 4px; background-size: 16px 11px;font-size: 1.3em;}
.smartEabout {margin-top:20px; margin-bottom:20px; width:100%;}
}

@media all and (max-width:480px) {
h3 {  font-size: 25px;}
}*/


/* 04 학사일정 */
.academic_tip {background:url('/groups/www/images/sub04/academic_tip_bg.png') no-repeat; min-height:64px; padding-left:100px}
.academic_tip strong {color:#212121; font-size:1.8em; display:block; font-family:'NanumMyeongjoBold'}
.academic_tip br {display:none}
.academic_plan {margin-bottom:10px; border:1px solid #ccc; text-align:center; background:#f4f4f4 url('/groups/www/images/sub04/bg_diagonal.gif'); box-sizing:border-box}
.academic_plan::after {content:""; display:block; clear:both}
.academic_plan .plan_in {float:left; width:35%; display:block; position:relative; font-size:2em; font-weight:600; color:#444}
.academic_plan .plan_in a:first-child {position:absolute; top:0; left:0; width:50px; display:inline-block; padding:20px 0; border-right:1px solid #ccc}
.academic_plan .plan_in a:last-child {position:absolute; top:0; right:0; width:50px; display:inline-block; padding:20px 0; border-right:1px solid #ccc; border-left:1px solid #ccc}
.academic_plan .plan_in strong {display:inline-block; padding:20px 0; font-family:'NanumMyeongjoBold'}
.academic_plan ul {float:left; width:62%}
.academic_plan li {display:inline-block; width:14%; padding:25px 0 20px 0; font-size:1.4em; color:#666}
.month {padding-top:20px; padding-bottom:20px; border-bottom:1px solid #dedede}
.month::after {content:""; display:block; clear:both}
.month .calendar_back {float:left; width:35%} 
.month .calendar_back::after {content:""; display:block; clear:both}
.month .carlen_table {padding:10px; border:1px solid #e5e5e5; background:#f4f4f4 url('/groups/www/images/sub04/bg_diagonal.gif')}
.month .carlen_table .carlen_tit {text-align:right; font-size:2em; margin:10px 0; color:#444; font-family:'NanumMyeongjoBold'}
.month .carlen_table .carlen_tit span {font-weight:600; color:#018e6e}
.month .carlen_table table {background:#fff; margin:0 auto}
.month .carlen_table table thead th {padding:10px 13px 10px 13px}
.month .carlen_table table thead tr {background:#feffef}
.month .carlen_table table tbody td {padding:5px 0 10px 0; color:#666; font-weight:600; text-align:center; border:1px solid #eee}
.month .carlen_table table tbody td.today {background:#feffef}
.month .carlen_table table tbody td.event {color:#0c7041; background:#e7f4f}
.month .carlen_table table tbody td.sun {color:#dc372b}
.month .carlen_table table tbody td.sat {color:#195dae}
.month .month_txt {float:right; width:62%; display:table}
.month .month_txt::after {content:""; display:block; clear:both}
.month .month_tit {margin:10px 0; font-size:1.8em; color:#333; font-weight:600; font-family:'NanumMyeongjoBold'}
.month .month_txt ul {display:table}
.month .month_txt ul li {display:table-row; padding:5px; font-size:1.2em; line-height:1.4; vertical-align:top}
.month .month_txt ul li span {display:table-cell; width:28%; padding:5px; font-weight:600; letter-spacing:0}
@media all and (max-width:640px) {
	.academic_plan .plan_in {width:38%}
	.month .calendar_back {float:none; width:100%; margin-bottom:10px} 
	.month .month_txt {float:none; width:100%}
}
@media all and (max-width:480px) {
	.academic_tip {background-position:center top; padding:64px 0 0 0; text-align:center}
	.academic_plan .plan_in {width:100%; border-bottom:1px solid #ccc}
	.academic_plan .plan_in a:first-child {padding:10px 0}
	.academic_plan .plan_in a:last-child {padding:10px 0; border-right:none} 
	.academic_plan .plan_in strong {padding:10px 0}
	.academic_plan ul {display:block; width:100%}
	.academic_plan li {padding:15px 0; font-size:1.3em}
	.month .calendar_back {display:none}
	.month .month_tit {margin:0 0 10px 0; padding:10px; font-size:1.6em; text-align:center; background:#f4f4f4; border:1px solid #ccc; border-radius:5px}
	.month .month_txt ul li {font-size:1.1em}
	.month .month_txt ul li span {width:35%}
}


/* tabmenu */
.tabmenu {overflow:hidden;margin-bottom:30px;z-index:1;padding-top:1px;}
.tabmenu::after {display:block; clear:both; content:''}
.tabmenu li {float:left;width:49.9%;height:49px;line-height:43px;background:#ededed;text-align:center;font-size:1.3em;font-weight:600;letter-spacing:-0.02em;border:1px solid #ccc;margin:-1px -1px 0 0;}
.tabmenu li a {display:block;color:#555;}
.tabmenu li.on {background:#34495e; -webkit-box-shadow:inset -1px 2px 2px 0px rgba(0, 89, 187, 0.5); -moz-box-shadow:inset -1px 2px 2px 0px rgba(0, 89, 187, 0.5); box-shadow:inset -1px 2px 2px 0px rgba(0, 89, 187, 0.5); z-index:2}
.tabmenu li.on a {color:#fff;}
.tabmenu li.on .blank {background:url('/groups/common/images/ico_blank_wh.png') no-repeat}
@media all and (max-width:640px) {
	.tabmenu li {width:49.5%; font-size:1.2em}
}


/* 학과일정 */
.box {position:relative; margin-bottom:30px; padding:20px 25px; background:#eff0f0; border-radius:5px}
.box p {margin-bottom:0; font-size:1.35em; color:#333}
.box p span {color:#0c4da2}

/* box_guide */
.box_guide {overflow:hidden; position:relative; margin-bottom:30px; background:#0ba394; padding:3px}
.box_guide::before {content:''; display:block; position:absolute; top:0; right:0; width:3px; height:100%; background:#3465c2}
.box_guide::after {content:''; display:block; position:absolute; bottom:0; right:0; width:100%; height:3px; background:#3465c2}
.box_guide .txt_box {position:relative; background:#fff; padding:30px 30px 30px 200px}
.box_guide .txt_box::before {content:''; display:block; position:absolute; top:0; left:0; width:200px; height:100%}
.box_guide .txt_box dl {}
.box_guide .txt_box dl dt {font-size:1.65em; font-weight:500; margin:0 0 10px 0; color:#333}
.box_guide .txt_box dl dd {font-size:1.35em}
.box_guide .txt_box dl dd strong {color:#2985f5; font-weight:500}

.calender_select {overflow:hidden; margin-bottom:40px; border:2px solid #dedede;}
.calender_select .year {padding:20px; text-align:center;}
.calender_select .year a {display:block; font-size:1.3em;}
.calender_select .year a i {display:inline-block; width:40px; height:40px; border:1px solid #dedede; border-radius:50%; vertical-align:middle}
.calender_select .year a span {display:inline-block}
.calender_select .year .prev {float:left}
.calender_select .year .prev i {margin-right:10px; background:url('/groups/toy/images/board/year_prev.png') no-repeat 50%; background-size:16px}
.calender_select .year .next {float:right}
.calender_select .year .next i {margin-left:10px; background:url('/groups/toy/images/board/year_next.png') no-repeat 50%; background-size:16px}
.calender_select .year .dataTi {font-size:2.4em; color:#06C; font-weight:400;}
.calender_select ul {padding:0 10px}
.calender_select ul li {float:left; width:8.33%}
.calender_select ul li a {display:block; text-align:center; padding:20px 5px; color:#333; font-size:1.35em; position:relative}
.calender_select ul li a:hover {text-decoration:none}
.calender_select ul li a.on {color:#009a92}
.calender_select ul li a.on::after {content:''; display:block; position:absolute; left:50%; bottom:12px; width:36px; height:3px; background:#029de6; margin-left:-18px}
.calender_select ul.calender_list02 {max-width:600px; margin:0 auto}
.calender_select ul.calender_list02 li {width:50%}
.calender_select ul.calender_list02 li a.on::after {width:110px; margin-left:-55px}

.calender {position:relative; width:100%; text-align:center; box-sizing:border-box;}
.calender h3 {background:#029de6; color:#fff; font-size:2em; font-weight:400; padding:20px 10px; border-radius:10px 10px 0 0; line-height:1;}
.calender h3 span {font-size:15px; color:rgba(255, 255, 255, 0.8);}
.calender table {position:relative; width:100%; border-collapse:collapse; border-spacing:0; box-sizing:border-box;}
.calender table thead {border:1px solid #ddd; border-bottom:none;}
.calender table thead th {padding:5px 10px; text-align:center; color:#333; font-weight:400; background:#f7f8f9; font-size:1.35em;}
.calender table tbody td {padding:5px 10px; /*background:#f7f8f9;*/ font-size:1.25em; height:100px; border:1px solid #ddd; vertical-align:top;}

.calender table tbody span {display:inline-block}
.calender table tbody .event {position:relative; color:#0c4da2; font-weight:500;}
.calender table tbody .event::after {content:''; display:block; position:absolute; left:50%; bottom:-5px; width:20px; height:2px ;background:#029de6; margin-left:-10px;}

.calender .data {display:block; color:#444; text-align:right; vertical-align:top; padding:10px 0px;}
.calender .holiDay {background:#3784f7; color:#fff; padding:3px; text-align:center; font-size:0.9em; border-radius:5px;}
.calender .closeDay {background:#ff4040; color:#fff; padding:3px; text-align:center; font-size:0.9em; border-radius:5px;}
.calender .blue {color:#448ccb;}
.calender .red {color:#ff4040;}
.calender .gray {color:#ccc;}

/*교수진 소개 탭리스트 추가 */
.tablist_professor {overflow: hidden;text-align:center;border:1px solid #ccc;border-radius:8px 8px;margin-bottom:40px }
.tablist_professor li {float:left; float: left;width: 50%; margin-left: -1px;background: #fff;border-left: 1px solid #ccc;}
.tablist_professor li a {display:block;width:100%;height:50px;text-align:center;color:#565660; font-size:15px; font-weight: 600;line-height:50px}
.tablist_professor li:first-child {border-left:none;;margin-left:0}
.tablist_professor li.active a {border-color:#009541;background:#009541;color:#fff }