/* COMMON */
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, span, form, fieldset, input, select, label, table, caption, thead, tfoot, tbody, tr, th, td{
	margin:0;padding:0;font:15px/1.5  Nanum Gothic, Malgun Gothic,'돋움',Dotum,'굴림',Gulim,Sans-serif;color:#555;
}

article, aside, dialog, footer, header, section, footer, nav, figure, #top {
	display: block;
}
html, body {
	height:100%;-webkit-text-size-adjust:none;
} 
body {
	margin:0px;
}
a:link {
	text-decoration:none;
} 
a:visited {
	text-decoration:none;
}
img{
	border:0;
}
label, input, textarea, select{
	vertical-align:middle
}
ol, ul{
	list-style:none;
} 
table{
	border-collapse:collapse;table-layout:fixed;
}
.skip, hr, legend{
	position:absolute;left:-1000%;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;
}
.fleft{
	float:left;
}
.right{
	float:right;
}
.ui-page-theme-a{
	background:#eee;
}
body{background:#d9d9d9;min-width:1024px;}

/* Çì´õ */
.headWrap{position:absolute;width:100%;top:0;left:0;z-index:9999;background:url(../img/bg_header.png) repeat-x}
.header{position:relative;width:1024px;margin:0 auto;}
.header .logo{display:inline-block;background:#37bcdb;text-align:center}
.header img{display:block}
.back{display:inline-block;margin-left:-5px;*margin-left:0}
.hd_btn{position:absolute;right:0;top:0;overflow:hidden;border-right:1px solid #d9d9d9}
.hd_btn a{display:block;float:left;font-size:12px;letter-spacing:-1px;color:#474747;height:50px;line-height:50px;padding:0 15px;border-left:1px solid #d9d9d9}
.hd_btn a.on{background:#d4eef4}
.hd_btn a img{display:inline-block;vertical-align:middle;margin-right:5px}

/* ¸ÞÀÎ */
.main_container{background:url(../img/bg_main.png) no-repeat 0 50%;}
.modeWrap{background:url(../img/bg_mode.png) no-repeat 50% 0;background-size:auto 100%;height:291px;}
.mode{width:1024px;margin:0 auto}
.btn_mode{float:right;/*overflow:hidden*/}
/*.btn_mode a{display:block;float:left;width:321px;height:201px;text-align:center;margin-top:50px;}*/
.btn_mode img{display:inline-block}
.btn_mode strong{display:block;color:#fff;font-size:17px;}

/* ǪÅÍ */
.footer{text-align:center;padding:30px 0}
.footer p{font-size:13px;}

/* menu */
.btn_menu{margin-top:90px;}
.btn_menu p{text-align:center}
.btn_menu a{display:inline-block}
.btn_menu a::before {
	content: '';
	z-index: -1;
	opacity: 0.4;
	-webkit-transform: scale3d(0.8, 0.5, 1);
	transform: scale3d(0.8, 0.5, 1);
}
.btn_menu a:hover {
	-webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
	transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
	-webkit-animation: anim-moema-1 0.3s forwards;
	animation: anim-moema-1 0.3s forwards;
}
.btn_menu a.button--inverted:hover {
	color: #ECEFF1;
	background-color: #7986cb;
}
.btn_menu a:hover::before {
	-webkit-animation: anim-moema-2 0.3s 0.3s forwards;
	animation: anim-moema-2 0.3s 0.3s forwards;
}
@-webkit-keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

/* ¼ºÀûÀÔ·Â */
.infor_tab{overflow:hidden;background:#e6ecec;border-bottom:1px solid #c2d2d2;}
.infor_tab a{display:block;float:left;height:35px;line-height:32px;color:#3c3d3d;text-align:center;border-right:1px solid #c2d2d2}
.infor_tab a.tab_last{border-right:none}
.infor_tab a.on{background:#547382;color:#fff;font-weight:bold}

.information{
	margin:0 auto;
	padding-top:10px;
	background:#fff;
	border:1px solid #c2d2d2;
	margin-top:50px;
	padding-bottom:20px;
}
.information b{
	display:block;
	padding-bottom:10px;
	padding-left:20px;
	border-bottom:1px solid #c2d2d2;
}
.user_zone{
	position:relative;
	z-index:9999;
	padding:40px 40px 20px 40px;
	width:800px;
	margin:0 auto;
	overflow:hidden;
}
.user_zone strong{
	font-size:16px;
	margin-bottom:-1px;
	display:block;
	letter-spacing:-1px;
	padding:10px 50px;
	text-align:center;
	border:2px dotted #ccc;
	background:#f9f9f9
}
.user_zone input{
	border-radius:5px;
	background:#f1f1f1;
	border:1px solid #c1c0bf;
	padding:8px 5px;
	width:40px;
	margin-left:10px;
	text-align:center;
}
.user_zone p{
	background:url(../img/blt01.png) no-repeat 0 50%;
	font-size:15px;
	font-weight:bold;
	padding-left:10px;
	margin-bottom:10px;
}
.user_zone p.scoreInfo{
	font-size:13px;
	letter-spacing:-1px;
	color:#686366;
	background:none;
	font-weight:500;
	margin-top:4px;
}
.user_zone p input{
	background:#f3fcfe;
	border:2px solid #37bcdb;
}
.user_zone p input[type="radio"]{
	background:none;
	padding:8px 0;
}
input.inputScoreJ{
	background:#f3fcfe;
	border:2px solid #37bcdb;
	width:60px;
}
.user_zone fieldset{
	border:2px dotted #ccc;
	padding:30px 20px 20px 20px;
}
.user_zone fieldset div.title{
	overflow:hidden;
	margin-left:135px;
	margin-bottom:6px;
}
.user_zone fieldset div.title div{
	float:left;
	margin-right:12px;
}
.user_zone fieldset div.title div span{
	font-size:11px;
	font-weight:bold;
	letter-spacing:-1px;
	width:48px;
	text-align:center;
	display:inline-block;
}
.user_zone dl{
	overflow:hidden;
	margin-bottom:6px;
}
.user_zone dt{
	float:left;
	width:18%;
}
.user_zone dd{
	float:right;
	width:82%;
}
.user_zone dd div > div{
	float:left;
	margin-right:12px;
	margin-bottom:6px;
}
.user_zone dd div div input{
	width:36px;
	margin-left:0;
	border-radius:0;
	border:1px solid #c1c0bf;
	border-left:1px solid #fff;
}
.user_zone dd div div input.left{
	border-radius: 5px 0 0 5px;
	border-left:1px solid #c1c0bf;
}
.user_zone dd div div input.right{
	border-radius: 0 5px 5px 0;
	border-left:1px solid #fff;
}
.user_type{
	border-left:2px dotted #ccc;
	border-right:2px dotted #ccc;
	padding:10px 20px 10px 20px;
}
.user_type input[type="radio"]{
	background:none;
	padding:8px 0;
}
.user_type label{
	font-weight:bold;
	letter-spacing:-1px;
}
.examtb{width:100%;margin-top:20px;}
.examtb thead th{
	background:#e6ecec;
	padding:4px 0;
	color:#000;
	font-size:14px;
	font-weight:bold;
	border:1px solid #c2d2d2;
}
.examtb tbody th{
	font-size:12px;
	font-weight:bold;
	background:#f3f6f6;
	border:1px solid #c2d2d2;
}
.examtb tbody td{
	text-align:center;
}
.examtb tfoot th{
	font-size:12px;
	font-weight:bold;
	border:1px solid #c2d2d2;
	text-align:left;
	padding:8px 10px;
}
.box_zone{
	overflow:hidden;
	padding:5px;
}
.flbox{
	overflow:hidden;
}
.fleft{
	float:left;
	width:49.5%;
	margin-right:10px;
}
.fright{
	float:right;
	width:49.5%;
}
.round_box{
	border-radius:5px;
	box-shadow:0 1px 5px #ccc;
	background:#fff;;
	margin-bottom:10px;
	padding:20px;
}
.round_box p{
	font-size:14px;
	letter-spacing:-1px;
	line-height:140%;
	color:#444;
}
.major_top{
	position:relative;
	margin-bottom:15px;
}
.btn_comper{
	position:absolute;
	right:0;
	top:10px;
	display:none;
}
.btn_comper a{
	display:inline-block;
	background:#fff;
	border-radius:3px;
	border:2px solid #b4b4b4;
	width:126px;
	height:28px;
	line-height:26px;
	font-size:12px;
	text-align:center;
	font-weight:bold;
	letter-spacing:-1px;
	color:#444;
	margin-left:-1px;
}
.btn_comper a.on, .btn_comper a:hover{
	border:2px solid #f16576;
}

/* list */
.list{
	width:24.5%;
	float:left;
	margin:0 0.25%;
}
.list strong{
	background:url(../img/bg-list.png) repeat;
	color:#fff;
	display:block;
	padding:10px 25px;
	font-size:16px;
	border-radius:7px 7px 0 0;
}
.list p{
	background:#fff;
	padding:10px;
	padding-bottom:30px;
	border-radius:0 0 7px 7px;
}
.list p a{
	display:block;
	margin:0 15px;
	color:#939393;
	border-bottom:2px dotted #444;
	padding:10px 0;
	letter-spacing:-1px;
	font-weight:bold;
	font-size:12px;
}
.list p a:hover{
	color:#376d9d;
}

/* filter */
.filterbox{
	overflow:hidden;
	border:1px solid #cdcdcb;
	background:#fff;
}
.filterbox p{
	float:left;
	width:33.3%;
	margin-right:1px;
}
.filterbox p.last{margin-right:-1px}
.filterbox p a{
	display:block;
	border-bottom:dotted 1px #cbcbcb;
	color:#585858;
	height:34px;
	line-height:34px;
	font-size:14px;
	padding-left:40px;
	letter-spacing:-1px;
}
.filterbox p a.select{
	border:3px solid #006376;
	font-weight:bold;
	color:#000;
	background:url(../img/icon_allow.png) no-repeat 90% 50%;
}
 .filterbox p a:hover{
	color:#000;
	font-weight:bold;
}

/* Å×À̺í±×·¡ÇÁ */
.category{
	margin-top:20px;
	margin-bottom:10px;
	position:relative;
}
.category a{letter-spacing:-1px;color:blue}
.category a.click{font-size:17px;font-weight:bold;color:#ed4888}
.category select{padding:0 5px}

.guide{position:absolute;top:5px;right:0;overflow:hidden}
.guide img{vertical-align:top; margin-top:3px}

.guide dd, .guide dt{float:left;color:#636363;font-size:12px}
.guide dt{margin-left:7px;padding-right:1px}

.tbl_grap{width:100%;background:#fff;margin-top:10px;}
.tbl_grap caption{display:none}
.tbl_grap thead{background:#a7b1bc;border-top:1px solid #b7b7b7}
.tbl_grap thead th{border:1px solid #7b8795;font-weight:bold;padding:8px 0;color:#fff;font-size:13px;}
.tbl_grap thead th > ol{overflow:hidden;width:540px}
.tbl_grap thead th > ol li{float:left;font-size:12px;width:60px;color:#fff}
.tbl_grap tbody tr:hover{cursor:pointer}
.tbl_grap tbody th, tbody td{border:1px solid #dbdbdb;padding:6px 0px;font-size:12px}
.tbl_grap tbody td{text-align:center;}
.tbl_grap tbody td span{font-size:11px;font-weight:bold;letter-spacing:-1px;}
.grap{overflow:hidden;background:url(../img/bg_grap.gif) repeat 27px 0}
.tbl_grap tbody th{font-weight:bold;font-size:11px;}
.tbl_grap tbody th p{font-size:11px;color:#7a8893}
.grap div{position:relative;height:17px;width:540px;margin-left:30px;}
.grap ul{position:absolute;background:#37bcdb;top:0px}
.grap ul li{margin-top:-4px}
.grap ul > .gleft{margin-left:-7px;float:left}
.grap ul > .gright{margin-right:-6px;float:right}
.guide03{position:absolute;top:-5px;margin-left:-6px;z-index:999}


.grap02{overflow:hidden;background:url(../img/bg_grap.gif) repeat 27px 0}
.grap02 div{position:relative;height:17px;width:540px;margin-left:30px;}
.grap02 ul{position:absolute;background:pink;top:0px}
.grap02 ul li{margin-top:-4px}
.grap02 ul > .gleft{margin-left:-7px;float:left}
.grap02 ul > .gright{margin-right:-6px;float:right}

.odd {background:#f0f8fa;}
.odd td.grap{background:url(../img/bg_grap02.gif) repeat 27px 0;overflow:hidden;}
.odd td.grap02{background:url(../img/bg_grap02.gif) repeat 27px 0;overflow:hidden;}

/* font style */
h2{
	font-size:25px;
	color:#000;
	letter-spacing:-3px;
}
h2.h2-02{
	font-size:20px;
	color:#2c869b;
	letter-spacing:-3px;
	margin-bottom:10px;
}

h3{
	background:url(../img/blt-h3.png) no-repeat 0 75%;
	font-size:14px;
	font-weight:bold;
	padding:5px 0;
	padding-left:25px;
	color:#000;
	letter-spacing:-1px;
	margin-bottom:10px;
	overflow:hidden;
}
h3 div.score{
	float:right;
	font-size:14px;
	font-weight:bold;
	color:#000;
	letter-spacing:0;
}
h3 div.score b{
	color:#f16576;
	letter-spacing:-1px;
}
h3 div.score span{
	font-size:14px;
	font-weight:bold;
}
h4{
	font-size:18px;
	font-weight:bold;
}
.txt_gray{
	font-size:13px;
	letter-spacing:-1px;
	color:#686366;
}
.txt_gray01{
	font-size:13px;
	letter-spacing:-1px;
	color:#686366;
	padding: 0 20px;
	text-align:center
}

/* button */
.btn_comper{

}
.btn_div{
	text-align:center;
	margin:20px 0;
}
.btn_div a{
	display:inline-block;
	border-radius:5px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:15px;
	padding:15px 20px;
	min-width:80px;
	background:#55a3db;
}
.btn_div a.btn_gray{background:#52606e}
.btn_div a.btn_gray02{background:#52606e;font-size:12px;padding:6px 8px;}
.btn_div a.btn_gray03{background:#52606e;font-size:12px;padding:6px 8px;}

.btn_div02{
	text-align:center;
	margin-bottom:6px;
}
.btn_div02 a{
	display:inline-block;
	border-radius:5px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	padding:6px 8px 7px 8px;
	min-width:80px;
	background:#547382;
	border:1px solid #c2d2d2;
}
.btn_div02 a.btn_gray01{background:#547382;}
.btn_div02 a.btn_gray02{background:#e6ecec;color:#3c3d3d;}

/* Å×À̺í */
.in_table{width:100%;margin-bottom:5px;}
.in_table thead th{
	background:#9bd8db;
	border:1px solid #81bdc0;
	font-size:14px;
	color:#222;
	padding:2px 0 4px 0;
}
.in_table tbody tr:hover, .in_table tbody tr.on td{background:#f9fdd4}
.in_table tbody td{
	border:1px solid #cdcdcc;
	font-size:13px;
	color:#545454;
	text-align:center;
	padding:4px;
}

/* layout */
.container{background:url(../img/bg_sub.png) repeat;min-height:700px;padding:30px 0 50px 0;}
.content{width:1024px;margin:0 auto;padding-top:50px;}
.content img{display:block;}

/* 학과소개 */
div.major{
	font-size:14px;
	letter-spacing:-1px;
	line-height:140%;
	color:#444;
}
div.major p.majorInfo{
	font-weight:bold;
	margin-bottom:-20px;
}
div.major p.majorInfo a{
	display:inline-block;
	color:#fff;
	padding:4px 20px;
	margin-top:4px;
}
div.major p.majorInfo a.hp{
	background:#1f99b5
}
div.major p.majorInfo a.leaflet{
	background:#2c7ed2
}

/* 오시는길 */
.tb_map{
	width:100%;
	border-top:2px solid #17a1b5;
	margin-bottom:10px;
}
.tb_map th{
	color:#17a1b5;
	padding:10px 0;
	background:#e6f7fa;
	border-bottom:1px solid #cadfe3;
	border-right:1px solid #cadfe3;
	font-size:12px;
	font-weight:bold;
}
.tb_map td{
	line-height:2;
	padding:10px;
	border-bottom:1px solid #cadfe3;
	font-size:12px
}
#ScoreType{
	margin:4px 0;
	margin-top:6px;
}
#ScoreType a{
	color:#37bcdb;
	width:60px;
	text-align:center;
	padding:4px 10px;
	background:#fff;
	display:inline-block;
	border:2px solid #37bcdb;
	font-size:12px;
}
#ScoreType a.TypeON{
	color:#fff;
	background:#006376;
	font-weight:bold;
	border:2px solid #37bcdb;
}



.btn_mode .lbox{display:block;float:left;width:321px;text-align:center;margin-top:50px;}

.dropbtn {background-color:transparent;color:#fff;padding:8px 14px;font-size:17px;font-weight:bold;border:1px solid #fff}
.dropdown {position:relative;display:block}
.dropdown-content {display:none;position:absolute;background-color:#d7eff1;border:1px solid #fff;min-width:184px;z-index:1;top:40px;left:68px}
.dropdown-content a {color:#006376;font-weight:600;padding:10px;text-decoration:none;display:block;letter-spacing:-1px;border-bottom:1px solid #9bd8db;text-align:left !important}
.dropdown-content a:last-child {border-bottom:none}
.dropdown-content a:hover {background-color:#1fa2c1;color:#fff}
.dropdown:hover .dropdown-content {display:block}
.dropdown:hover .dropbtn {background-color:transparent}