@charset "utf-8";
* {letter-spacing:-0.05em;word-spacing:-0.05em;}
img {max-width:100%;}
.mgr60 {margin-right:60px;}
.txt_l {text-align:left !important;}

.p_none {display: none !important;;}
#wrap {width:100%;min-width:280px;}
#header {position:fixed; left:0; top:0; display: flex;  background:#fff; width:100%; 
    box-sizing:border-box; padding:0; z-index:500; transition:0.3s;box-shadow: 10px 0 10px  rgba(0, 0, 0, 0.2);}

#header .inner {position:relative;width:100%; height:80px;margin:0 auto;}
#header .logo {float:left;transition:1s;}
#header .logo a {display:block;margin-left:10px;background:url(../images/logo.png) left center no-repeat; width:200px; height:80px;transition:0.1s;text-align:left;vertical-align: middle;transition:1s;background-size:100% auto;}
#header .logo a img{}

#header .l_tnb {float:left;margin:14px 0 0 30px;}
#header .l_tnb > li { float:left;display:inline-block;margin-right:0;text-align:center;}
#header .l_tnb > li > a {display:block;position: relative; padding: 15px 30px 15px 10px;  line-height:22px; font-size:22px; color:#444; transition:0.3s;}
#header .l_tnb > li > a:after{display:block;position: absolute;top:20px;right:6px;width:1px;height:10px;background-color:#ccc;content:'';}
#header .l_tnb > li > a.l_tnb3:after{display:none;}
#header .l_tnb > li > a.l_tnb1 {border-bottom-left-radius: 5px; border-top-left-radius: 5px;}
#header .l_tnb > li > a.l_tnb2 {border-bottom-right-radius: 5px; border-top-right-radius: 5px; border-left:none;}
#header .l_tnb > li > a.l_tnb2:hover, #header .r_tnb > li > a.r_tnb2.active {margin-left:-1px;}
#header .l_tnb > li > a.l_tnb3{border-left:none;/*background:url(../images/icon_r_tnb_03.png) no-repeat 0% 50%;*/}
#header .l_tnb > li > a.l_tnb3:hover{}
#header .l_tnb > li > a:hover, 
#header .l_tnb > li > a:focus{color:#254288;}
#header .l_tnb > li > a.active {color:#254288; font-weight:600;z-index:100;}
.rightBox{display: flex;flex-direction: row;align-items: center; justify-content: flex-end;height: 100%;}
#header .r_tnb {display: inline-flex; position:relative;}
#header .r_tnb li {display: inline-flex;}
#header .r_tnb > li:last-child{background:none;}
#header .r_tnb > li > a {display:block;padding:10px 10px; line-height:18px; font-size:18px;color:#666; transition:0.3s; }
#header .r_tnb > li > a:hover, #header .r_tnb > li > a:focus, #header .r_tnb > li > a.active{color:#254288;} 
#header .r_tnb > li > a > span{display:inline-block;margin-left:8px;width:16px; height:15px;}
#header .r_tnb > li > a > span > img{margin-top:-5px;}

#header ul.visitor {display: inline-flex;width:120px; padding:5px 10px; border-radius:50px; }
#header ul.visitor li{display:inline-block;float:left;margin:0 5px;font-size:13px;color:#888;text-align: center;}
#header ul.visitor li span{display:inline-block;margin-left:3px;}


/* Sizes for the bigger menu */
header, 
header a, 
header img, 
header ul, 
header li,
header div{
transition: all 1s;
-moz-transition: all 1s; /* Firefox 4 */
-webkit-transition: all 1s; /* Safari and Chrome */
-o-transition: all 1s; /* Opera */
}


/* Sizes for the smaller menu */
#header.large .inner{height: 90px;}
#header.large .inner .logo{}

#header.small .inner {height:60px;}
#header.small .inner .logo { top:10px;}
#header.small .inner .logo a{transition:1s;text-align: left; background-size:70%;height:60px ;}

#header.small .l_tnb {margin-top:5px;margin-left:-40px;}
#header.small .l_tnb > li {}
#header.small .l_tnb > li:last-child{background:none;}
#header.small .l_tnb > li > a {display:block;  line-height:17px; font-size:17px;  }
#header.small .l_tnb > li > a:hover, #header.small .l_tnb > li > a:focus, #header.small .l_tnb > li > a.active{color:#254288;}


#header.small .r_tnb {position:absolute; right:140px; top:15px;}
#header.small .r_tnb > li > a {display:block;line-height:16px; font-size:16px; }
#header.small .r_tnb > li > a.r_tnb1 {}
#header.small .r_tnb > li > a.r_tnb2 { border-left:none;}
#header.small .r_tnb > li > a.r_tnb2:hover, #header.small .l_tnb > li > a.l_tnb2.active {margin-left:-1px;}
#header.small .r_tnb > li > a.r_tnb3{border-left:none;}
#header.small .r_tnb > li > a.r_tnb3:hover{margin-left:-1px;}
#header.small .r_tnb > li > a:hover, 
#header.small .r_tnb > li > a:focus, 
#header.small .r_tnb > li > a.active {color:#084897;}
#header.small .visitor {top:10px; }
#header.small .visitor dl {font-size:12px;}

/* Sizes for the bigger menu */
#header .menu {display:none; justify-content: center; align-items: center; width:34px; height:34px; border:none; background:none; font-size:0;}
#header .menu i {font-size:25px;color:#444;}

#nav {position:fixed; z-index:400; box-sizing:border-box; left:0; top:100px; width:100%; overflow:hidden; height:0;}
#nav .bg {background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; transition:0.5s;}
#nav .inner {transition:0.5s; position:relative; transform:scale(1,0); transform-origin:50% 0; opacity:0; z-index:10;}
#nav .top {display: flex;flex-direction: row; font-size:0; text-align:center; position:relative; z-index:10;}
#nav .top a {display: inline-flex;align-items: center;justify-content: center;flex: 1; height:40px; font-size:16px; box-sizing:border-box; color:#fff; background:#2d3a49; border-left:1px solid rgba(255,255,255,0.2);}
#nav .top a.bg1{background-color:#0e3d77 }
#nav .top a.bg2{background-color:#2d3a49 }
#nav .top a:hover {background:#254288;}
#nav .top a:first-child {border-left:none;}
#nav .gnb {text-align:center; position:relative; z-index:10;}
#nav .gnb > li {border-bottom:1px solid #ddd;}
#nav .gnb > li > a {display:block; padding:15px; font-size:16px; color:#444; background:#fff; position:relative;}
#nav .gnb > li > a:before {content:"\f067"; font-family:FontAwesome; position:absolute; margin-top:-9px; right:15px; font-size:16px; color:#084897; top:50%;}
#nav .gnb li ul {background:#f5f2f0; display:none;}
#nav .gnb li ul li {border-top:1px solid #ddd;}
#nav .gnb li ul li a {display:block;font-size:16px;color:#666; padding:15px 10px;}
#nav .gnb > li.active > a {color:#084897; font-weight:500;}
#nav .gnb > li.active > a:before {content:"\f068"; color:#ccc;}
#nav .gnb > li.active > ul {display:block;}

.navon #header .menu i:before {content:"\f00d";}


/* footer */
#footer {clear:both; display:block; content:""; width:100%;background:#222;box-sizing:border-box;}
#footer .inner {width:100%;max-width:1200px; margin:0 auto;padding:15px 0;}
#footer .foot_logo {display:none;float:left;/*background:url(../images/foot_logo.png); background-size:100% 100%;*/ font-size:0; margin-top:10px;text-indent:-9999px;}
#footer address { color:#8d8d8d; line-height:22px;font-size:14px;text-align: center;width:100%;}
#footer address span {display:inline-block; }
#footer address .point {display:inline-block;color:#bebebe; margin-top:-5px; }
#footer address span.copy {display:block; font-size:14px;}
#goTop {display: block; position: fixed; bottom:0px; right:10px; width:45px; height:45px; background:url(../images/gotop.gif) center center; text-indent:-9999px; border: none;background-size: cover;}

/* 정보입력 */
.sub_bg {position:relative;z-index:0; overflow:hidden; transition: 0.5s; background:url(../images/sub_bg.jpg) no-repeat center top !important; background-size: 100% 100% !important;}
.form_area {position:relative; top:10px; max-width:950px; background:rgba(255,255,255,1); padding:30px 60px; margin:100px auto; box-sizing:border-box;}
.form_area input[type=radio] + label {color:#666 !important; font-size:16px; background-size:20px 20px;padding-left:30px; margin-right:20px; line-height: 20px; cursor: pointer;}
.con_title {text-align: center;text-transform: uppercase;padding: 0 10px;}
.con_title .eng_tit {color:#254288; font-size:16px; letter-spacing:1px;}
.con_title .form_tit {color:#254288; font-size:45px; font-weight:500;line-height: 1.3em;word-break: keep-all;}
.con_title .form_txt {color:#444; font-size:16px; margin-top:20px; line-height:1.3em;}
.form_radio {width:70%; text-align:right; margin:0 auto ;}
.inputForm {width: 100%;  margin:10px auto 10px; box-sizing: border-box; text-align:center;}
.inputForm label{display: inline-block;position: absolute;width: 100px; height: 60px;text-align:left; margin-top: 31px;z-index: 1000; font-size: 18px; padding-left:30px;color:#222;}
.inputForm input {width:100%; height:60px; color:#373737  ;border:none;margin-top:10px; font-size:18px; box-sizing:border-box;padding-left:140px;background-color: #efefef}
.inputForm input.input_sm{width:49.7%;}
.inputForm input.grades,
.inputForm select.grades {display: inline-block;width:70%;}
.inputForm input.w70,
.inputForm select.w70{display: inline-block;width:70%;}
.inputForm select {width:100%; height:60px; color:#737373; border:none; background-color:#efefef;text-align:left; margin-top:10px;  padding-left:100px; font-size:20px; box-sizing:border-box;}

.inputForm .w5-5-box{width:100%;}
.inputForm .w5-5-box:after{display:block;clear:both;content:"";}
.inputForm .w5-5-box select.w5-5 {width:49.7%; height:60px; color:#737373; border:none; background-color:#efefef;text-align:left; margin-top:10px;  font-size:18px; box-sizing:border-box;}
.inputForm .w5-5-box select.w5-5.left{float:left;}
.inputForm .w5-5-box select.w5-5.right{float:right;}

.input-flex{display:flex; flex-direction: row;justify-content: space-between;gap:8px;}
.input-flex .w70{display: inline-flex;width:70%;}
.input-flex .w50{display: inline-flex;width:50%;}
.input-flex .w30{display: inline-flex;width:30%;}

.btn_calculate {display:inline-block; position: relative; width:28%; height:60px;background:#25354e; color:#fff; font-size:18px; text-align:center; line-height:1.2em; margin:10px 0 0 9px;outline:none; border:none;}
.btn_calculate:hover {background:#1a293f;}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-search__field{padding-left:140px !important;}

.inputForm ul.txtBox {margin-top:10px;text-align: left}
.inputForm ul.txtBox li {line-height:25px;}
.inputForm ul.txtBox li.color_red{color:#254288;}
.margin_top10{margin-top:10px}
.float_left{float:left}
.btn_area {text-align: center;  margin-top: 30px;}
.btn_area button {display:inline-block; padding:10px 35px; font-size: 22px;  font-weight: 400;  text-align:center; margin:0 1px;  outline:none; border:none;}
.btn_reset {color:#fff; background:#7e7e7e;}
.btn_reset:hover {background:#4e4e4e;}
.btn_consult {color:#fff; background:#254288;}
.btn_consult:hover {color:#fff; background:#1c3777;}
.btn_nograde_consult {color:#fff; background:#3f7fdb;}
.btn_nograde_consult:hover {color:#fff; background:#3171cd;}

.privacy_container{
	display:flex;
	flex-direction: column;
	padding:10px 15px 10px 15px;
	margin:20px auto 0;
	background-color: #f7f7f7;
	border:1px solid #e3e3e3;
}
.privacy_btn_box{
}
.privacy_btn{
	position:relative;
	display:inline-block;
	padding:10px 20px;
	margin:0 auto;
  width:100%;
	color:#004085;
	font-size: 17px; 
	font-weight: 500;
	text-align:center;
	outline:none; 
	border:none;
	background-color: #fff;
}
.privacy_btn_arrow {
	height: 10px;
    position: absolute;
    top: 45%;
    width: 18px;
    background: url(../images/select_arr.png) no-repeat;
    background-size: 70%;
    transition:0.5s ease;
}

.privacy_btn_arrow.btn_down {}

.privacy_btn_arrow.btn_up {
	margin-top:-5px;
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
}
.privacy_body {
	display: none;
/*	padding: 10px 15px 15px;*/
	padding-left:12px;
	background-color: #fff;
/*	border:2px solid #eee;*/
	/*box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;*/
}
.privacy_body pre {
	font-family: 'Pretendard Variable', 'Noto Sans KR', Malgun Gothic,dotum,arial,sans-serif;
	line-height: 1.3em;
	height: 130px;
	overflow-y: scroll;
	padding: 15px 10px;
	box-sizing: border-box;
	text-align: left;
	background-color: #fff;
	
}
.privacy_chk {
	padding-top:15px;
  text-align: center;
}
.privacy_chk input {
	width: auto;
    height: auto;
    color: #373737;
    border: none;
    margin-top: 10px;
    font-size: 18px;
    box-sizing: border-box;
    padding-left: 0;
    background-color: #efefef;
}
.privacy_chk label {
    display: inline-block;
    position: relative;
    width: auto;
    height: auto;
    text-align: left;
    margin-top: 10px;
    z-index: 1000;
    font-size: 17px;
    padding-left: 0;
    color: #222;
}
.privacy_chk input[type=radio] + label {
    color: #666 !important;
    font-size: 16px;
    background-size: 20px 20px;
    padding-left: 30px;
    margin-right: 20px;
    line-height: 20px;
    cursor: pointer;
}


/* 고교검색 레어어 팝업 */
#layer {display:none;z-index: 9999;}
.layer_bg {width: 100%;height: 100%;background-color: #000; position: fixed;left: 0;top: 0;z-index: 100; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.highschool_search {display:block; position: absolute; min-height: 150px; width: 660px; left:50%; top:20%; margin-left:-330px;border-radius: 10px; padding:50px; overflow: hidden;  z-index:200; background:#fff; box-sizing:border-box;}
.btn_close {position: absolute; right: 20px; top:20px; width: 14px;height: 14px; background:url(../images/pop_close.gif); z-index:300; outline: none; border:none; text-indent:-9999px;}
.search {width:100%; z-index:201;border:1px solid #26336a; border-radius:50px; padding:8px 0; box-sizing:border-box;}
.search:after{display: block;clear:both;content:"";}
.search input[type='text'] {width:80%; border:none; font-size:16px;color:#26336a; vertical-align:middle; margin-left:20px;font-weight:500;}
.search input::placeholder {color:#26336a; font-weight:400;}
.search .search_btn {float:right;display:inline-block; margin-right:15px; width:20px; height:20px; vertical-align:top; background:url('../images/ico_search.png') no-repeat 50% 50%; font-size:0}
.school_tip {display:block; color:#26336a; font-size:14px;margin-top:10px; text-align:center; line-height: 22px;}
.school_list {width:100%; margin-top:30px;}
.school_list td {color:#444; padding:5px 10px;}
.school_list td .choice {display:block; width:70px; height:30px; color:#fff;background:#0086d1;  text-align:center; line-height:30px;}
.school_list td .choice:hover {background:#254288;}



/**** 등급 산출하기 레이어 팝업 :: 20240710 ****/
#layer2 {display:none;}
.layer_bg {width: 100%;height: 100%;background-color: #000; position: fixed;left: 0;top: 0;z-index: 100; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.pop_content2 {padding:20px 5%;}
.popup_layer.grade_layer{width:100%;max-width:1200px;margin-left:-600px;height: 82%}
.popup_layer.grade_layer > .titBox{ margin: 30px 50px 10px;text-align: center;}
.popup_layer.grade_layer >  .titBox > .tit1 {position: relative;  font-size: 30px; color: #254288; font-weight:500;}
.popup_layer.grade_layer >  .titBox > .tit2{margin-top:5px;font-size: 20px;color:#457dbc;}
.popup_layer.grade_layer > .titBox > .btnClose {display: inline-block; position: absolute; width:23px; height:23px; right: 20px; top: 20px; background:url(../images/popup_close.png) no-repeat 0 0; text-indent:-9999px; outline:none; border:none;}

.popup_layer.grade_layer .txtBox{margin-top:10px;}
.popup_layer.grade_layer .txtBox p{padding-left:15px; text-indent: -15px; font-size: 14px; line-height: 1.2em;}

.tb_grade_wrap{}
.tb_grade_wrap .tbl_type02{margin-top:10px;}
.tb_grade{border:1px solid #0d3663;}
.tb_grade thead th , .tb_grade tbody th, .tb_grade tbody td{font-size: 16px;}
.tb_grade thead th{background-color:#2e488d;border-top:2px solid #1d3981;border-right:1px solid #1d3981;color:#fff;}
.tb_grade thead tr.bg_b th {background-color:#425586;border-right:1px solid #425586;}
.tb_grade thead th:last-child{border-right:1px solid #0d3663;}
.tb_grade thead tr.bg_b th:last-child{border-right:1px solid #0d3663;}
.tb_grade tbody th{font-weight: normal;border:1px solid #dadada;}
.tb_grade tbody th br{display: none;}
.tb_grade tbody td{border:1px solid #dadada;}
.tb_grade tbody td input{border:1px solid #ddd;padding:2px;text-align: center;width:90%;color:#222;font-weight: 500;}
.tb_grade tbody td span {display:inline-block;border:1px solid #ddd;padding:2px;text-align: center;width:70%;height:80%;color:#222;font-weight: 500;}
.tb_grade tbody tr.bg_b01 th, .tb_grade tbody tr.bg_b01 td{background:#fffffa;}
.tb_grade tbody tr.bg_b02 th, .tb_grade tbody tr.bg_b02 td{background:#f3f9fc;}
.tb_grade tbody td a.gp_td_bt{display:inline-block;margin:2px 0px;padding:3px 10px;color:#fff;border-radius:3px;font-size:14px;}
.tb_grade tbody td a.bt_add{background-color:#4aa1ce;}
.tb_grade tbody td a.bt_delete{background-color:#666;}

#layer2, #layer3 {display:none;}
#layer2 .layer_bg, #layer3 .layer_bg {width: 100%; height: 100%;background-color: #000; position: fixed;left: 0;top: 0;z-index: 100; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.grades_popup {
  display:block;
  position: absolute;
  min-height: 150px;
  width: 90%;
  max-width: 1300px;
  left:50%;
  top:120px;
  transform:  translateX(-50%);
  /* margin-left:-650px; 20250708 삭제 */
  margin-bottom:50px;
  border-radius: 10px;
  padding:20px 50px 40px;
  overflow: hidden;
  z-index:200;
  background:#fff;
  box-sizing:border-box;
  overflow-y:auto;
  overflow-y: auto;
  max-height: 80%;
}
.btn_close {position: absolute; right: 20px; top:20px; width: 14px;height: 14px; background:url(../images/pop_close.gif); z-index:300; outline: none; border:none; text-indent:-9999px;}
.grades_tit{display:block;padding-bottom:20px;color:#254288;font-size:25px;font-weight:500;margin-top:0px;text-align:center;}
#layer3 .grades_tit{border-bottom:none;}
.grades_tit span{font-size:20px;font-weight:400;}
.grades_stit{position:relative;margin-top:20px;margin-bottom:8px;padding-left:8px;font-size:17px;color:#333;font-weight: 500}
.grades_stit:before{display:inline-block;position: absolute;top:1px;left:0;content:"";width:3px; height: 13px;background-color:#333;}
.grades_stit2{position:relative;margin-bottom:12px;font-size:18px;color:#333;font-weight: 500}
.step-tit{margin:10px 0;border-bottom:1px solid #333;}
.step-tit span{display:inline-block;margin-bottom:-1px;padding:5px 20px; border:1px solid #333;border-bottom:1px solid #fff;color:#333;font-weight:500;}

.info_wrap{padding:8px; border:2px solid #eee;background-color: #f9f9f9;}
 /* 20250708 수정/추가 */
.txt-em-box{margin-top:8px;}
.txt-em p{font-size: 15px;color:#555;line-height:1.2em;}
.txt-em p.bullet{position:relative;margin:2px 0;padding-left:15px;font-weight: 500;font-size: 15px;color:#333;} /* 20250708 수정 */
.txt-em p.bullet:before{display: inline-block;position:absolute;top:0;left:0;content:"※";font-size: 17px;}
.txt-em span.fn_br{display: block;}
.txt-em p.indent16{text-indent: 16px;}
.txt-em span.txt-red{color:#d31d1d;}
 /* // 20250708 수정/추가 */

.infotxt{margin-top:4px;}
.infotxt li{position:relative;margin-left:10px;padding-left:10px; margin-bottom:5px;font-size: 15px;color:#555;word-break: keep-all;letter-spacing:0.1px;line-height: 1.1em;}
.infotxt li:before{display: inline-block;position:absolute;top:0px;left:0;content:"-";font-size: 16px;}

.info_wrap table .td_wrap{display:flex;flex-direction:column;height: 100%; width:100%;}
.info_wrap table .td_wrap div.tr01, 
.info_wrap table .td_wrap div.tr02{display:flex;flex-direction:row; align-items:center; justify-content:center; height: 100%; border-bottom:1px solid #eee;}
.info_wrap table .td_wrap div.tr01 p, 
.info_wrap table .td_wrap div.tr02 p{display:flex;align-content:center;justify-content:center; width:33.333333333%;min-height: 100%;border-right:1px solid #eee;text-align: center;}

.grades_popup .stepBox{display:none;background-color:#fff;}
.grades_popup .stepBox.on{display: block}
.grades_popup table{width:100%;}
.grades_popup table thead th, 
.grades_popup table tbody th, 
.grades_popup table tbody td{padding:6px 2px;border:1px solid #ddd;font-size:14px;color:#333;font-weight:normal;word-break: keep-all;line-height: 1.2em;}
.grades_popup .tbl03 thead th{ color: #fff; background: #555;}
.grades_popup table tbody td{text-align:center;}
.grades_popup table tbody td select{width:84%;padding:2px 1%;border:1px solid #ddd;margin-right:0;font-size:15px;-webkit-appearance: normal; -moz-appearance: normal; -ms-appearance: normal; appearance: normal;outline:none;background:#fff url('../images/select_arr_2.png') no-repeat 95% center;height:30px;background-size: 10px auto;}
.grades_popup table tbody td input[type='text'] {width:100px;padding:2px 1%;height:20px;border:1px solid #ddd;font-size:15px;text-align: center;}
.grades_popup table tbody td input[type='text']:disabled{background-color:#fff;font-weight: 600;color:#254288;text-align: center;}
.grades_popup table tbody td input[type='number'] {width:80%;padding:2px 1%;height:20px;border:1px solid #ddd;font-size:15px;text-align: center;}
input[type='number'] { -moz-appearance:textfield;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;}
.grades_popup table tbody td.taC{text-align:center;}
.grades_popup table tbody td.taL{text-align:left;padding-left:10px;}
.grades_popup table tbody td a.gp_td_bt{display:inline-block;margin:0px 1px;padding:3px 10px;color:#fff;border-radius:2px;font-size:13px;border:none;}
.grades_popup table tbody td a.bt_add{background-color:#3f7fdb;}
.grades_popup table tbody td a.bt_delete{background-color:#888;}

.grades_popup table.tbl_grades{border-top:2px solid #555;}
.grades_popup table.tbl_grades thead th{background-color:#f3f3f3;}
.grades_popup table.tbl_grades tbody th{background-color:#f9f9f9;}
.grades_popup table.tbl_grades tbody td{background-color:#fff;text-align:center;}
/*.grades_popup table.tbl_grades tbody th,
 .grades_popup table.tbl_grades tbody tr:nth-child(5n) td{border-bottom:2px solid #ddd;} */

.grades_popup table.tbl_grades2 thead th, .grades_popup table.tbl_grades2 tbody th, .grades_popup table.tbl_grades2 tbody td{border-left:none;}
.grades_popup table.tbl_grades2 thead th:last-child, .grades_popup table.tbl_grades2 tbody th:last-child, .grades_popup table.tbl_grades2 tbody td:last-child{border-right:none;}
.grades_popup table.tbl_grades2 thead th{background-color:#555;color:#eee;border:1px solid #666;}
.grades_popup table.tbl_grades2 tbody th{background-color:#f3f3f3;}
.grades_popup table.tbl_grades2 tbody td{background-color:#fff;}

.grades_popup table.tbl_grades3{border:2px solid #dadada;}
.grades_popup table.tbl_grades3 thead th{background-color:#f3f3f3;/*border-top:2px solid #666;*/color:#333;}
.grades_popup table.tbl_grades3 thead th{border-right:1px solid #ddd}
.grades_popup table.tbl_grades3 tbody th{background-color:#fcfcfc;}
.grades_popup table.tbl_grades3 tbody td{background-color:#fff;}

.slash {background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="100%" x2="100%" y2="0" stroke="lightgray" /></svg>');}
.backslash {background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="100%" y2="100%" stroke="lightgray" /></svg>');}
.slash, .backslash { text-align: left; }
.slash div, .backslash div { text-align: right; }

.flexBox{display: flex;flex-direction: column;}
.flexBox > div{display: flex;flex-direction: row; width:100%;border-bottom:1px solid #eee;}
.flexBox > div:last-child{border-bottom:none;}
.flexBox > div > p{display: flex;align-items: center;justify-content: center;padding:5px;border-right:1px solid #eee;}
.flexBox > div > p:last-child{border-right: none}
.flexBox.fBox01 > div > p{width:50%;min-height: 60px}
.flexBox.fBox02 > div > p{width:33.33333333333333333333%;min-height: 100px}

.mo_sctoll_x{overflow-y: hidden;}
.mo_sctoll_x::-webkit-scrollbar {
    height:5px;
}
.mo_sctoll_x::-webkit-scrollbar-thumb {
    background: #a9a9a9;
}

.grades_popup .result_wrap{margin-top:30px;padding:20px 30px 30px;width:calc(100% - 60px);background-color:#fafafa;text-align: center;}

.resultBox{margin:40px auto 0;padding:15px 20px 5px;/*width:100%;*/background-color:#eceff7;}
.resultBox p{display:block;margin:15px 0px 0 ;color:#254288;font-weight:600;font-size:20px;vertical-align: middle;text-align: center}
.resultBox table{margin:20px auto;max-width:600px; width:90%;}
.resultBox table thead th{padding:6px 20px;font-size:16px;background-color:#254288;color:#fff;font-weight:normal;text-align: center}
.resultBox table tbody th, .resultBox table tbody td{padding:6px 20px;font-size:16px;color:#333;font-weight:normal;text-align: center} 
.resultBox table tbody td{background-color: #fff;}
.resultBox table tbody td input[type='text'] {margin-right:5px;width:75%;padding:2px 5px;height:30px;border:1px solid transparent;font-size:20px;font-weight:600;text-align:center;cursor:default;} 

.grades_popup .gp_bottom{margin-top:30px;padding:24px 0;width:100%;text-align: center;border-top:1px solid #eee}
.grades_popup .gp_bottom .bt_wrap{}
.grades_popup .gp_bottom .bt_wrap a{display:inline-block;margin:1px 0;padding:12px 20px;color:#fff;font-size:16px;text-align:center;}
.grades_popup .gp_bottom .bt_wrap a.bt_reset{background-color:#777;}
.grades_popup .gp_bottom .bt_wrap a.bt_close{background-color:#444;}
.grades_popup .gp_bottom .bt_wrap a.bt_calc{background-color:#25354e;}
.grades_popup .gp_bottom .bt_wrap a.bt_ok{background-color:#064fb6;}
.grades_popup .gp_bottom .bt_wrap a.bt_ok2{background-color:#254288;}
.grades_popup .gp_bottom .bt_wrap a.bt_white{padding: 11px 19px;background-color:#fff;border:1px solid #ccc; color:#444}
.grades_popup .gp_bottom .bt_wrap a.bt_prev{padding:12px 20px 12px 30px;background:#444 url('../images/bt_arr_prev.png') left 12px top 17px no-repeat;background-size:8px;}
.grades_popup .gp_bottom .bt_wrap a.bt_next{padding:12px 30px 12px 20px;background:#222 url('../images/bt_arr_next.png') right 12px top 17px no-repeat;background-size:8px;}

.grades_popup .gp_bottom .txtbtn{color:#555 !important;}
.grades_popup .gp_bottom .txtbtn:hover{color:#064fb6 !important;text-decoration: underline;}
/****  //등급 산출하기 레이어 팝업 :: 20240710 ****/

/**** 검정고시 레이어 팝업 :: 20250708 ****/
#layer2.layer2-2 .grades_popup{
  max-width: 750px !important;
}
#layer2.layer2-2 .grades_popup table thead th, .grades_popup table tbody th, .grades_popup table tbody td{
  font-size: 16px;
}
#layer2.layer2-2 .grades_popup table tbody td input[type='number']{
  height: 30px;
}
/**** // 검정고시 레이어 팝업 :: 20250708 ****/

/**** 정시 성적입력 레이어 팝업 :: 20251210  ****/
.grades_popup.jungsi_popup{max-width: 1000px;}
.grades_popup table.tbl_grades_jungsi tbody td input[type=radio] { position:absolute; left:-9999em; top:-9999em; display:inline-block; width:0; height:0; opacity:0;display: none;} /* display: none; :: 라디오버튼 클릭시 화면 상단으로 이동하는 오류 수정  */
.grades_popup table.tbl_grades_jungsi tbody td input[type=radio] + label {-webkit-appearance: none; -moz-appearance: none; display:inline-block; font-size:16px; background:url('../images/ico_radio.png') no-repeat center left;background-size: 18px auto; color: #333; padding-left: 24px; margin: 0 4%; line-height: 25px; cursor: pointer;}
.grades_popup table.tbl_grades_jungsi tbody td input[type=radio]:hover + label,
.grades_popup table.tbl_grades_jungsi tbody td input[type=radio]:focus + label{ }
.grades_popup table.tbl_grades_jungsi tbody td input[type=radio]:checked + label {background-image:url('../images/ico_radio_on.png'); }
/**** // 정시 성적입력 레이어 팝업 :: 20251210  ****/

/* 정시  */
#layer_grades {display:none;}
#layer_grades .layer_bg {width: 100%; height: 100%;background-color: #000; position: fixed;left: 0;top: 0;z-index: 100; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)'; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;}
.grades_popup_jung {display:block; position: absolute; min-height: 150px; width:1000px;  left:50%; top:110px; margin-left:-500px;margin-bottom:50px;border-radius: 10px; padding:40px 80px 30px; overflow: hidden;  z-index:200; background:#fff; box-sizing:border-box;overflow-y:auto;}
.btn_close {position: absolute; right: 20px; top:20px; width: 14px;height: 14px; background:url(../images/pop_close.gif); z-index:300; outline: none; border:none; text-indent:-9999px;}
.grades_popup_jung .grades_tit{display:block;padding-bottom:0; border-bottom:none;color:#011c3a;font-size:30px;margin-top:0px;margin-bottom:25px;text-align:center;font-weight:400;}
.grades_popup_jung .grades_stit{margin-top:-10px;color:#011c3a;font-size:22px;font-weight:500;}
#layer_grades .txt_em{font-weight: 500;font-size: 15px;color:#084897;line-height:1.5em;word-break: keep-all;}
#layer_grades .txt_em li{padding-left:18px;margin-bottom:5px;text-indent:-18px;color:#2d3a49;font-weight: 400;letter-spacing:0.1px;line-height: 1.3em;}
#layer_grades .txt_em li p.tit{display:block;margin-top:3px;font-weight:500;color:#011c3a;}
#layer_grades .txt_em li span{font-size:13px;font-weight: 400;color:#555;}
#layer_grades .txt_em li span.red{color:#d33e43;}
#layer_grades .txt_em li span.blue{color:#065095;}
#layer_grades .txt_em li span.text-underline{text-decoration: underline;}
#layer_grades .tbl_grades{width:100%;margin: 10px 0 10px;border-bottom: 2px solid #ddd;} 
#layer_grades .tbl_grades thead th, #layer_grades .tbl_grades tbody th, #layer_grades .tbl_grades tbody td{padding:8px 0px;border-bottom:3px solid #fff;font-size:15px;color:#333;font-weight:normal;}
#layer_grades .tbl_grades thead th{background-color:#254288;color:#fff;border-bottom:6px solid #fff;border-top:none;}
#layer_grades .tbl_grades thead th.bdR{border-right:1px solid rgba(255,255,255,0.2);border-left: none !important;}
#layer_grades .tbl_grades tbody th{background-color:#f2f0f7; border-right: 1px solid #fff;font-weight:500;}
#layer_grades .tbl_grades tbody td{background-color:#f8f7fd;text-align:left;}
#layer_grades .tbl_grades tbody td:last-child{border-right:none;border-left: none !important;}
#layer_grades .tbl_grades tbody tr:hover td{background-color: #f8f7fd; cursor:default;}
#layer_grades .tbl_grades tbody td.taC{text-align:center;}
#layer_grades .tbl_grades tbody td input[type='text'] {width:75%;padding:2px 5px;border:1px solid #fff;margin-right:5px;font-size:15px;height:25px;background-color:#fff;}
#layer_grades .tbl_grades tbody td input[type='number'] {width:75%;padding:2px 5px;border:1px solid #fff;margin-right:5px;font-size:15px;height:25px;background-color:#fff;}
#layer_grades .tbl_grades tbody td span{display:inline-block;margin:5px 30px 5px 10px;}
#layer_grades .tbl_grades tbody td select{width:80%;padding:2px 5px;border:1px solid #fff;margin-right:5px;font-size:15px;-webkit-appearance: normal; -moz-appearance: normal; -ms-appearance: normal; appearance: normal;outline:none;background:#fff url('../images/select_arr_2.png') no-repeat 97% center;height:30px;background-color:#fff; background-size:9px auto;}
#layer_grades .tbl_grades tbody td input[type=radio] + label {
    -webkit-appearance: none;
    -moz-appearance: none;
    display: inline-block;
    font-size: 16px;
    background: url(../images/ico_radio.png) no-repeat 0 0;
    color: #333;
    margin:0 !important;
    margin-left:10px !important;
    padding:0 !important;
    padding-left: 20px !important;
    line-height: 1em;
    cursor: pointer;
    width:90%;
    height: 17px;
    background-size: 17px 17px;
    text-align: left
}
#layer_grades .tbl_grades tbody td input[type=radio]:checked + label {
    background-image: url(../images/ico_radio_on.png);
}

#layer_grades .tbl_grades.tbl_grades02 tbody td:last-child{text-align: right}
#layer_grades .tbl_grades.tbl_grades02 tbody td p.scoreBox{
  margin-right:1%;
  display: inline-block;
  width:calc(57% - 30px - 10px);
}
#layer_grades .tbl_grades.tbl_grades02 tbody td p.scoreBox span.score-txt{
  display: inline-block;
  margin:0;
  width:30px;
  text-align: left;
}
#layer_grades .tbl_grades.tbl_grades02 tbody td p.scoreBox input[type='text']{display: inline-block;width:56%;} 
#layer_grades .tbl_grades.tbl_grades02 tbody td p.scoreBox select{display: inline-block;width:62%;}

.alignL{text-align: left}
.alignC{text-align: center}
.alignR{text-align: right}

.btnBox{margin:15px auto 0;padding:10px;}
.bottomBtn a{display:inline-block;padding:12px 25px;color:#fff;font-size:16px;text-align:center;}
.bt_close{background-color:#666;}
.bt_close:hover{background-color:#555;}
.bt_ok{background-color:#254288;}
.bt_ok:hover{background-color:#254288;}
.bt_reset{background-color:#666;}
.bt_reset:hover{background-color:#555;}
/* // 정시 */


/* 학과상세 */
#contents {width: 100%; padding:40px 0;}
.clear_50 {clear: both; width: 100%; height: 50px; overflow: hidden;}
/*.content_area { clear:both; width:1200px; min-height:700px; background:#fff; margin:0 auto; padding-bottom:50px;}*/
.content_area {position:relative; clear:both; width:98%; max-width:1200px; min-height:700px; background:#fff; margin:0 auto;}
.s_vis {width:100%; height:250px;}
.s_vis h2 {position:relative; text-align: left;display:block; left:50px; top:110px; color:#254288;border-radius:10px ;font-size:45px; font-weight:500;/*background: rgba(255, 255, 255, 0.5) ;width:25%*/;padding:10px}

.content_area h3:before {float:left; content:""; width:35%; height:2px; background:#f8f8f8; margin-top:10px;}
.content_area h3 {margin-top:80px; color:#2d3a49; font-size:26px; font-weight:500; text-align:center;}
.content_area h3:after {float:right; content:""; width:35%; height:2px; background:#f8f8f8; margin-top:10px;}
.cont_wrap {width:100%; padding:20px; box-sizing:border-box;}
.cont_wrap .department1 {display:inline-block; width:24%; height:176px; margin:30px 13px 0 0; padding:12px; border:1px solid #ccc; border-radius:10px; vertical-align:top;  text-align:center; box-sizing:border-box;}
.cont_wrap .department1:last-child {margin-right:0;}
.cont_wrap .department1 dt {color:#444; font-size:20px; font-weight:500; margin:10px 0 20px;}
.cont_wrap .department1 dd {width:100%; height:98px; background:#f8f8f8; border-radius:10px;}
.cont_wrap .department1 dd a {display:block; vertical-align:middle; padding:16px 0; border-bottom:1px solid #e8e8e8; }
.cont_wrap .department1 dd a.type_2, 
.cont_wrap .department1 dd a.type_3,
.cont_wrap .department1 dd a.type_4,
.cont_wrap .department1 dd a.type_7,
.cont_wrap .department1 dd a.type_8 {border-bottom:none !important;}
.cont_wrap .department1 dd a.type_3,
.cont_wrap .department1 dd a.type_4 {height:100%; border-bottom:none !important; line-height: 98px; padding:0;}
.cont_wrap .department1 dd a.type_5,
.cont_wrap .department1 dd a.type_7 {border-left:none !important;}
.cont_wrap .department1:nth-child(4) dd a {width:50%; float:left; border-left:1px solid #e8e8e8; box-sizing:border-box;}
.cont_wrap .department1 dd a:hover, .cont_wrap dl dd a.active {background:#981b45; color:#fff; border-radius:10px;}
.cont_wrap .department1 dd a.type_1:hover,
.cont_wrap .department1 dd a.type_1.active {border-bottom-left-radius:0; border-bottom-right-radius:0;}
.cont_wrap .department1 dd a.type_2:hover,
.cont_wrap .department1 dd a.type_2.active {border-top-left-radius:0; border-top-right-radius:0;}
.cont_wrap .department1 dd a.type_5:hover,
.cont_wrap .department1 dd a.type_5.active {border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-right-radius:0;}
.cont_wrap .department1 dd a.type_6:hover,
.cont_wrap .department1 dd a.type_6.active {border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:0;}
.cont_wrap .department1 dd a.type_7:hover,
.cont_wrap .department1 dd a.type_7.active {border-top-left-radius:0; border-top-right-radius:0; border-bottom-right-radius:0;}
.cont_wrap .department1 dd a.type_8:hover,
.cont_wrap .department1 dd a.type_8.active {border-top-left-radius:0; border-top-right-radius:0; border-bottom-left-radius:0;}
.cont_wrap .department2 {width:100%; display:block; border: 1px solid #ccc; border-radius: 10px; margin-top:20px; vertical-align: middle;  padding:12px; box-sizing:border-box;}
.cont_wrap .department2 dt {width:20%; display:inline-block; text-align: center; color:#444; font-size:20px; font-weight:500;}
.cont_wrap .department2 dt a {width:100%; height:24px; display:block; text-align: center; margin-top:20px; font-size:0; text-indent:-9999px; background:url(../images/more.gif) no-repeat 50% 100%;}
.cont_wrap .department2 dd  {display:inline-block; width:79.8%; height:auto; min-height:122px; vertical-align:middle;  text-align: left; background:#f8f8f8; border-radius:10px; padding:30px; box-sizing:border-box;}

.cont_wrap .department2 dd a {display:inline-block; color:#666; line-height:34px;}
.cont_wrap .department2 dd a:after {display:inline-block; content:""; width:1px; height:15px; background:#ddd; margin:0 15px;}
.cont_wrap .department2 dd a:last-child:after {background:none;} 
.cont_wrap .department2 dd a:hover,
.cont_wrap .department2 dd a.active {text-decoration:underline; color:#981b45; background:none;}


/* 학과상세 테이블*/
.my_selection {position:relative; margin: 0 auto;width:100%; margin-top:20px; border:4px solid #ddd; padding:10px; box-sizing:border-box;}
.my_selection dl dt {display:inline-block; margin-top:11px;width:6%; color:#444; font-size:14px; font-weight:500; text-align:left; vertical-align:top; padding-left: 10px; box-sizing: border-box;}
.my_selection dl dd  {display:inline-block; width:92.7%; padding:5px 10px; background:#f5f5f5; box-sizing:border-box; margin-bottom:2px; line-height:20px;}
.my_selection dl dd span {display:inline-block;width: 14%;font-size: 14px;line-height: 25px;word-break: keep-all;;}
.my_selection dl dd span._long {width: 23%;}
.my_selection dl dd span._long_2 {width: 29%;margin-left: 3%;}
.my_selection dl dd input[type=radio] + label {color:#666 !important; font-size:14px; background-size:15px 15px; color:#444; padding-left:20px; margin:0; line-height: 15px; cursor: pointer;}
.my_selection dl dd span._my_score{margin-top:5px !important;}
.my_selection_txtBox{word-break: keep-all;}
.my_selection .btn_set {float: right;  margin-right:10px;  margin-top: 0px;}
.my_selection .btn_set button {display:inline-block; color:#fff; padding:8px 20px; text-align:center; font-weight:400; outline:none; margin:0 3px; background:#878d96;border:none;font-size: 14px}
.my_selection .btn_set button:hover {color:#fff; background:#254288;}

/* 학과상세 네비게이션 체크박스 추가 :: 20250627 추가 */
.checkbox-basic {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-width: 23%;
  cursor: pointer;
  user-select: none;
  position: relative;
  vertical-align: top;
}
.checkbox-basic input[type="checkbox"] {
  display: none;
}
.checkbox-basic .checkbox-box {
  position: relative;
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.checkbox-basic .checkbox-label{
    width:auto !important;
}
.checkbox-basic:hover .checkbox-box {
  border-color: var(--color-accent, #aaa);
}
.checkbox-basic input[type="checkbox"]:focus-visible + .checkbox-box {
  outline: 2px solid var(--color-focus, #084897);
  outline-offset: 2px;
}
.checkbox-basic input[type="checkbox"]:checked+ .checkbox-box{
	background-color:  #084897;
	border: 1px solid #084897;
}
.checkbox-basic input[type="checkbox"]:checked + .checkbox-box::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 4px;
  width: 3px;
  height: 7px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.checkbox-basic input[type="checkbox"]:disabled + .checkbox-box {
  background-color: #ddd;
  border-color: #ccc;
  cursor: not-allowed;
}
.checkbox-basic input[type="checkbox"]:disabled ~ .checkbox-label {
  color: #aaa;
  cursor: not-allowed;
}
.checkbox-basic .checkbox-label {
  font-size: 14px;
  color: #666;
}
/* // 학과상세 네비게이션 체크박스 추가 :: 20250627 추가 */

/*  사이드 퀵메뉴 */
.sideBanner {
    position: absolute;
    top: 100px;
    right: -90px;
    display: flex;
    flex-direction: column;
    width: 90px;
    /* height: 200px; */
    border:1px solid #ddd;
    /* border-radius: 16px; */
    background-color: #f9f9f9;
}
.sideBanner a{
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    padding:12px 4px;
    min-height: 100px;
    font-size: 14px;
    text-align: center;
    word-break: keep-all;
    border-bottom:1px solid #dfdfdf;
    flex:1;
    gap: 4px;
}
.sideBanner a:last-child{
    border-bottom: none;
}
.sideBanner a span.icon{
    display: inline-flex;
    width:100%;
    height: 36px;
    background-repeat: no-repeat;
}
.sideBanner a.won span.icon{
    background-image: url('../images/icon-won.png');
    background-size: 22px auto;
    background-position: center center;
}
.sideBanner a.kakaoch span.icon{
    background-image: url('../images/icon-kakaoch.png');
    background-size: 24px auto;
    background-position: center center;
}
.sideBanner a.qna span.icon{
    background-image: url('../images/icon-qna.png');
    background-size: 34px auto;
    background-position: center center;
}
.sideBanner a span.txt{
    font-size: 14px;
    color:#111;
    font-weight: 500;
    line-height: 1.1em;

}
.sideBanner a span.btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top:4px;
    padding:2px 4px;
    width:auto;
    font-size: 12px;
    color:#333;
    background-color: #f3f3f3;
    border-radius: 40px;
}		
.sideBanner a:hover{
    background-color: #e7eef1;
}
.sideBanner a:hover span.btn{
    background-color: #fff;
    color:#222;
}
/* // 사이드 퀵메뉴 */

._ipsiTypeCategory {
  display: block!important;
  width: 100%!important;
  border-bottom: 1px solid #CCCCCC;
  margin-top: 25px;
  margin-bottom: 10px;
}

.btn_set {float: right;}
.btn_set button {display:inline-block; color:#254288; padding:8px 35px; text-align:center; font-weight:400; outline:none; border:2px solid #254288; border-radius:5px; margin:0 3px; background:none;} 
.btn_set button:hover {color:#fff; background:#254288;}

.table_wrap {margin-top:50px;}
.table_wrap.p_table {display:block;}
.table_wrap.m_table {display:none;}
.table_wrap p {color:#444;}
.grades_area {float:right; margin-top:-20px;}
.grades_area li {float:left; padding-left:20px;line-height:40px;}
.grades_area li .s_stability { font-size:20px;padding-right:3px;color:#00b7f3;}
.grades_area li .s_possibility {font-size:20px;padding-right:3px;color:#a2dd25;}
.grades_area li .s_anxiety {font-size:20px;padding-right:3px;color:#fd8282;}

.tbl_type02 {width: 100%; margin-top:20px; border:1px solid #ccc; border-bottom:none; display: inline-table;}

.grades_area li span.mypoint {
  display: inline-block;
    background: url(../images/ico_pointer.png) no-repeat 0 -3px;
    width: 20px;
    height: 30px;
    z-index: 9;    
    background-size: 80%;
    vertical-align: middle;
}
.grades_area li span.colorBox {
    display: inline-block;
    width: 25px;
    height: 12px;
    margin-right: 5px;
}
.grades_area li span.colorBox.color-blue {
    background: rgba(0,166,221,0.5);
}



.tbl_type02 th {background:#f5f2f0; color:#444; font-weight:400; text-align:center; border-bottom:1px solid #ddd; border-right:1px solid #ddd;padding:10px 0; line-height:22px; word-wrap: break-word;font-size: 14px}
.tbl_type02 th:last-child{border-right:none;}
.tbl_type02 th.rating span {display:inline-block; width:9.5%;}
.tbl_type02 th.green{background:#e8f0cc;}
.tbl_type02 tbody tr:hover{cursor:pointer;background:#f5f2f0;}
.tbl_type02 td {text-align:center; border-bottom:1px solid #ddd; border-right:1px solid #ddd;padding:10px 8px; line-height: 22px;font-size: 14px}
.tbl_type02 td:last-child{border-right:none;}
.tbl_type02 td.taL{padding-left:15px;text-align: left}
.loc_guide .tbl_type02{margin-top:0;}
.loc_guide .tbl_type02 td{border:none;border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.tbl_type02 td p.loc_tbl_tit{font-weight: 600;}
.tbl_type02 td ul.loc_tbl_list{margin-bottom:10px;}
.tbl_type02 td ul.loc_tbl_list:last-child{margin-bottom:0px;}
.tbl_type02 td ul.loc_tbl_list li{font-weight: 400;}
/*.tbl_type02 td .range:before {display:inline-block; content:""; width:20px; height:30px; background:url(../images/ico_pointer.png) no-repeat 0 0; margin-left:-100%;}
.tbl_type02 td .range {display:inline-block; height: 30px; background:rgba(127,210,238,0.7);}*/
/*S : 개발자 수정*/
.tbl_type02 td .range {display:inline-block; height: 30px; background:rgba(0, 99, 221, 0.35);}
.tbl_type02 td .mypoint {background:url(../images/ico_pointer.png) no-repeat 0 0;width:20px; height:30px;z-index: 9;margin-left: -10px;}
/*E : 개발자 수정*/
.tbl_type02 td .detail_view {display:block; width:100%; height:34px; background:url(../images/detail_view.png) no-repeat 50% 50%;background-size: 22px;}
.tbl_type02 td .detail_view:hover {background:url(../images/detail_view_ov.png) no-repeat 50% 50%;background-size: 22px;}
.tbl_type02 td .grades {display:block; width:100%; height:35px; background-position:50% 50%; background-repeat:no-repeat;}
.tbl_type02 td .p_stability, .tbl_type02 td .p_possibility, .tbl_type02 td .p_anxiety {font-size:35px;} /* 내성적 아이콘 크기 */
.tbl_type02 td .p_stability {color:#00b7f3;} /* 안정 */
.tbl_type02 td .p_possibility {color:#a2dd25;} /* 가능 */
.tbl_type02 td .p_anxiety {color:#fd8282;}  /* 불안 */
#table th {outline:none;}
table.dataTable thead .sorting,table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled{cursor:pointer;/*cursor:hand;*/background-repeat:no-repeat;background-position:center left 5px}
table.dataTable thead .sorting{background-image:url("../images/sort_both.png") }
table.dataTable thead .sorting_asc{background-image:url("../images/sort_asc.png")}
table.dataTable thead .sorting_desc{background-image:url("../images/sort_desc.png")}
table.dataTable thead .sorting_asc_disabled{background-image:url("../images/sort_asc_disabled.png")}
table.dataTable thead .sorting_desc_disabled{background-image:url("../images/sort_desc_disabled.png")}
.dataTables_length {display:none;}
.dataTables_wrapper .dataTables_info {display:none;}
.dataTables_wrapper .dataTables_filter {display:none;}
.dataTables_wrapper .dataTables_paginate {display:none;}


.tbl_type02 td {padding: 0px 5px;}

tbody.interested td[rowspan], tr.interested td{background:#f1f8fd;}

/* 학과상세 팝업 */
.detail_layer {position:relative;display:none;}
.detail_layer .layer_bg {z-index:3000;}
.popup_layer { position: relative;position: fixed; display: block;  width: 1600px; background-color: #fff; left: 50%; margin-left:-800px; top: 60px; border-top:3px solid #254288; z-index: 3100;height: calc(90% - 60px); overflow: auto; }
.popup_layer > .tit { margin: 50px 30px 10px;font-size: 34px;color: #254288; font-weight:500;line-height: 1.1em;}
/*.popup_layer > .tit > a{color:#777;}*/
.t_btn {display:inline-block;position: relative;padding:0;top:-3px;}
.t_btn button {display:inline-block;background-color: #254288; outline:none; border:none; padding:5px 12px; color:#fff;border-radius:3px;transition: 0.3s} 
.t_btn button i{margin-right:5px;}
.t_btn button:hover, .t_btn button:focus{background-color: #254288;}
.popup_layer .tit > .btnClose {display: inline-block; position: absolute; width:50px; height:50px; right: 0px; top:0px; background:url(../images/popup_close.png) no-repeat center center; text-indent:-9999px; outline:none; border:none; z-index: 10}

.breadcrumb {margin:0 auto 10px;width:95%;text-align: right;}
.breadcrumb span {margin-right:8px; text-align:center;font-size: 14px}
.breadcrumb span.sec_line {background: url(../images/breadcrumb_arr.png) no-repeat 0%;padding-left: 10px;}

.nav_bar {margin:0 auto;padding:8px 0;width:100%;background:#f5f5f5;}
.nav_bar .pop_tnb {float:left;margin-left:2.5%;/*margin-right:2%;*/width:94%;}
.nav_bar .pop_tnb:after{display: block;content:"";clear:both;}
.nav_bar .pop_tnb li {float:left; }
.nav_bar .pop_tnb li:first-child a{/*padding-left:0 !important;*/}
.nav_bar .pop_tnb li:last-child a {background:none;}
.nav_bar .pop_tnb li a {display:inline-block; color:#777; padding:3px 20px !important; background:url(../images/gnb-bar.gif) no-repeat 100% 51%;font-size:15px;line-height: 1.2em;}
.nav_bar .pop_tnb li a:hover {color:#26336a;font-weight: 500}
.nav_bar .pop_tnb li a.active {color:#26336a;font-weight: 500;}

.pop_content {margin:50px auto 0;width:95%;}
#layer_container {}
#container {width: 100%; margin: 0 auto;}

#layer_container ul.tabs {margin: 0; padding: 0; float: left; font-size: 14px;list-style: none;  height: 40px;  border-bottom: 1px solid #254288;  border-left: 1px solid #ccc; width: 100%;}
#layer_container ul.tabs li {float: left; text-align:center; cursor: pointer; width:16.5555%; height: 39px; line-height: 35px; border: 1px solid #ccc; border-bottom-color:#254288; border-left: none; background: #fbfbfb; overflow: hidden;  position: relative;}
#layer_container ul.tabs li.active {background: #fff; border: 1px solid #254288; border-bottom-color: #fff; color:#254288; margin-left:-1px;}
#layer_container .tab_container {clear: both; float: left; width: 100%; background: #fff; padding: 10px 0 50px;}
#layer_container .tab_content {display: none;}
#layer_container .tab_content h4 {color:#444; font-size:20px; font-weight:500; margin-top:30px;}
#layer_container .tab_container .tab_content ul {width:100%;}
#layer_container .tab_content .table_wrap {margin-top:20px;}
#layer_container .tab_content .tbl_type02 th {padding:15px 0;}
#layer_container .tab_content .tbl_type02 td {padding:0px 20px; line-height:24px;height:45px;}
#layer_container .tab_content .tbl_type02 td .range {position: absolute; margin-top:-15px;}
.guide {margin-top:30px;}
.guide p {display:block; line-height:20px; padding-left:10px;font-size:14px;}
.guide p:before {display: inline-block; content: ""; width: 20px; height: 24px; margin-left: -20px; background: url(../images/dot.gif) no-repeat 50% 80%;}
.guide1 {margin-top:30px;}
.guide1 p {display:block; line-height:20px; padding-left:10px;font-size:14px;}

.chart_wrap {width:100%; margin-top:30px; border:1px solid #ddd;}
.chart_wrap li {display:inline-block; width:32.5%; border-right:1px solid #ddd; padding:30px; min-width: 310px; margin: 0 auto; box-sizing:border-box;}
.chart_wrap li:last-child {border:none;}
.highcharts-title {font-family:'Noto Sans KR', Malgun Gothic,dotum,arial,sans-serif; color:#444; font-size:18px; font-weight:400;}
.highcharts-button {display:none;}
.highcharts-credits {display:none;}
.highcharts-axis-title {display:none;}
.chart_wrap table {font-size:0;}
.highcharts-legend-item tspan {font-family:'Noto Sans KR', Malgun Gothic,dotum,arial,sans-serif;}
.highcharts-color-0 rect  {fill: rgb(255,128,0);  stroke: rgb(255,128,0);}
.highcharts-color-1 rect  {fill: rgb(2,167,221);  stroke: rgb(2,167,221);}
    
.btn_view {display:inline-block; float:right; width:24px; height:24px; font-size:0; margin-top: -20px;  padding-right:30px; background:url(../images/more.gif) no-repeat 100% 50%; background-size:24px 24px;}
.major_info {width:100%; margin-top:20px;}
.major_info dl {border:1px solid #ddd; margin-top:20px; padding:30px; box-sizing:border-box;}
.major_info dl dt {display:inline-block; width:15%; text-align:center; padding-top:70px; color:#254288; font-weight:400; vertical-align:top;}
.major_info dl dt.majorInfo {background:url(../images/ico_majorInfo.png) no-repeat 50% 0;}
.major_info dl dt.education {background:url(../images/ico_education.png) no-repeat 50% 0;}
.major_info dl dt.field {background:url(../images/ico_jinlo.png) no-repeat 50% 0;}
.major_info dl dt.jinlo {background:url(../images/ico_jinlo.png) no-repeat 50% 0;}
.major_info dl dt.certificate {background:url(../images/ico_certificate.png) no-repeat 50% 0;}
.major_info dl dt.tel{background:url(../images/ico_tel.png) no-repeat 50% 0;}
.major_info dl dt.subject{background:url(../images/ico_subject.png) no-repeat 50% 0;}
.major_info dl dt.program{background:url(../images/ico_program.png) no-repeat 50% 0;}
.major_info dl dd {display:inline-block; width:80%; text-align:left; line-height:24px; margin-left:30px; color:#777; font-size:15px;}
.major_info dl dd.educ span:before {display:inline-block; content:""; width:10px; height:24px; margin-left:-30px; background:url(../images/dot.gif) no-repeat 50% 80%;}
.major_info dl dd.educ span {display:block; padding-left:30px;}
.major_info dl dd.fiel span:before {display:inline-block; content:""; width:10px; height:24px; margin-left:-15px; background:url(../images/dot.gif) no-repeat 50% 80%;}
.major_info dl dd.fiel span {display:block; padding-left:10px;}
.major_info dl dd.fiel span strong {display:block;color:#444; font-weight:500; margin-top: -25px;}
.major_info dl dd.cert span:before {display:inline-block; content:""; width:10px; height:24px; margin-left:-30px;background:url(../images/dot.gif) no-repeat 50% 80%;}
.major_info dl dd.cert span {display:inline-block; padding-left:30px; margin-right:30px; }
.major_info dl dd.tel span {display:block; padding-left:30px;}


/* 오시는 길 */
#map { margin-top:30px;padding:30px 0;}
#map ul.tabs {width: 100%; height: 60px; margin: 0 auto; padding: 0; list-style: none; text-align:center;}
#map ul.tabs li {float: left; text-align:center; cursor: pointer; width:50%; padding:20px 0; color:#333; font-size:20px; border: 1px solid #333; overflow: hidden;  position: relative;box-sizing: border-box;}
#map ul.tabs li:first-child {border-top-right-radius:0; border-bottom-right-radius:0;}
#map ul.tabs li:last-child {border-top-left-radius:0; border-bottom-left-radius:0;}
#map ul.tabs li:hover,
#map ul.tabs li.active {background: #333; color:#fff;}

#map .map_container {width:100%; margin: 0 auto;  box-sizing: border-box;}
.tab_content .map_center {width:100%;margin: 0px auto}
.root_daum_roughmap{width: 100% !important;}
#map .map {width:100%; text-align: center;overflow: hidden;}
#map .map_info {width:100%; /* padding: 0 0px 0 30px; */margin:30px auto; text-align:left;}
#map .map_info dl {display:inline-block;margin:5px 0;padding:0 0px;transition:0.3s;width:100%;}
#map .map_info dl dt {float:left;position:relative;font-size:18px;font-weight:600;color:#444;width:13%;min-width: 150px;}
#map .map_info dl dt i {margin-right:5px;color:#0058a2;}
#map .map_info dl dt img {margin-right:10px;}
#map .map_info dl dt em{display: none}
#map .map_info dl dd {float:left;font-size:16px;width:70%;text-align: left;}
#map .btn {position: relative; width:100%; top: 20px; text-align:right;}
#map .btn a {display:inline-block; width:200px; height:40px; line-height:40px; color:#fff; text-align: center; background:#f97b92 url(../images/ico_more.png) no-repeat 80% 50%; border-radius:5px;padding-right:30px; margin-left:10px; box-sizing: border-box;}


.loc_guide {width:100%; margin:50px auto;}
.loc_guide dl {padding:30px 0 30px 150px; border-top:1px dotted #ddd;}
.loc_guide dl.bus {background:url(../images/ico_bus.png) no-repeat 50px 30px;}
.loc_guide dl.subway {background:url(../images/ico_subway.png) no-repeat 50px 30px; border-top:none;}
.loc_guide dl.car {background:url(../images/ico_car.png) no-repeat 50px 30px;}
.loc_guide dl.location {background:url(../images/ico_location.png) no-repeat 50px 30px;}
.loc_guide dl.plane {background:url(../images/ico_plane.png) no-repeat 50px 30px;}
.loc_guide dl dt {display:block; color:#222; font-size:24px; font-weight:600; margin-bottom:20px;}
.loc_guide dl dd {color:#444; font-weight:500;padding-bottom:10px; font-size:16px;  font-weight:400;line-height: 1.5em;}
.loc_guide dl dd p{ margin-bottom:8px;}
.loc_guide dl dd p > span{display: inline-flex;padding:2px 8px;color:#333;font-size:18px;font-weight: 600;background-color: #eee;}
.loc_guide dl dd strong {font-weight:600;}
.float_left{float:left;}
.bus_number span ul {display:block; width:100%;height:100px;}
.bus_number span ul li{float:left;margin-right:30px;width:25%;}
.loc_guide dl.walking dd span {display:block; margin-top:20px;}
.loc_guide dl.car dd {display:block; margin:10px 0;}
.loc_guide dl.car dd .area {display:inline-block; width:100px; color:#444; font-weight:500; vertical-align:top;}
.loc_guide dl.car dd .way {display:inline-block; width:900px;}



/*USB 로그 엑셀 다운로드 버튼 css*/
.btn_excel_down {
    display: inline-block;
    height: 40px;
    font-size: 14px;
    font-weight: 400;
    /*line-height: 60px;*/
    padding: 1px 4px;
    text-align: center;
    border-radius: 5px;
    outline: none;
    border: none;
    background:#444;
    color:#fff; 
    width: 100px;
}
.btn_excel_down:hover {color:#fff; background:#333;}

.tbl_type_ipsitype {width: 100%; margin-top:10px; border:1px solid #ccc;font-size:14px;}
.tbl_type_ipsitype th {background:#f8f8f8; color:#444; font-weight:400; text-align:center; border-bottom:1px solid #ddd; border-right:1px solid #ddd;padding:10px 0; line-height:22px; word-wrap: break-word;letter-spacing: 0.02em;}

.tbl_type_ipsitype th.rating span {display:inline-block; width:9.5%;}
.tbl_type_ipsitype tbody tr:hover{cursor:pointer;background:#f8f8f8;}
.tbl_type_ipsitype td {text-align:left; border-bottom:1px solid #ddd; border-right:1px solid #ddd;padding:5px 10px; line-height: 22px;letter-spacing: -0.02em;}
.tbl_type_ipsitype td p{letter-spacing: 0.02em}


.grades_area {float:right; margin-top:-20px;}
.grades_area li {float:left; padding-left:35px; margin-left:20px; background-size:25px 25px; background-repeat:no-repeat; background-position:0 0; line-height:25px;}
.grades_area li.gr_A {background-image:url(../images/ico_A.png)}
.grades_area li.gr_B {background-image:url(../images/ico_B.png)}
.grades_area li.gr_C {background-image:url(../images/ico_C.png)}
.grades_area li.gr_D {background-image:url(../images/ico_D.png)}
.grades_area li:first-child{margin-left:0px;}

.tbl_type02 td .grades {display:block; width:100%; height:35px; background-position:50% 50%; background-repeat:no-repeat;background-size:30px 30px;}
.tbl_type02 td .p_max {background-image:url(../images/ico_A.png);}
.tbl_type02 td .p_avg {background-image:url(../images/ico_B.png)}
.tbl_type02 td .p_min {background-image:url(../images/ico_C.png)}
.tbl_type02 td .p_row {background-image:url(../images/ico_D.png)}