@charset "utf-8";

@media all and (max-width:1920px){
	.cont_wrap .department1 {width: 23.9%;}	
	.cont_wrap .department2 dd {width: 79.7%;}
	.my_selection dl dd {width: 92.7%;}	
}

@media all and (max-width:1600px){
	.popup_layer {width: 96%; margin-left:-48%; }
}

@media all and (max-width:1440px){
	.form_area {width: 90%;}

    .sideBanner{right: -80px;}
}

@media all and (max-width:1366px){
	#header .l_tnb {float:left;margin:18px 0 0 20px;}
	#header .r_tnb {}
	#header .visitor {}
	#header.large .inner{height: 80px;}
	.inputForm select {width:100%}
	.form_area {top:-20px;}

    .content_area{width:calc(100% - 90px);padding-right:90px;}
    .sideBanner{right:8px;}
}

@media all and (max-width:1366px){
	.grades_popup{width: 90%; max-width: 90%;}
}

@media all and (max-width:1280px) and (max-height:1024px){
	/*#header .visitor {top:40px;left:40px;}*/
	#header .r_tnb {}
	#header .l_tnb { left: 0px;}
	.inputForm label.label03 {left: 70px;}
	.inputForm input{height:60px; font-size:18px;}
	.inputForm select {width: 100%;}
	.select2-container .select2-selection--single{width:100% !important;}
	.select2-container--default .select2-selection--single {/*margin-right:5px;*/}
	.inputForm select.w5-5 {width: 47%;}
	.inputForm input.grades {width: 70.5%;height:60px}

	.sub_bg { height: auto} /* 20220523 수정  */
	#footer {height:100px;}

	.form_area {}
}

@media all and (min-width:1200px){
	/* ANIMATION */
	.anibox {position:relative;opacity:0;transition:0.7s;}
	.aniscene1 {transform:scale(1.1,1.1);}
	.aniscene2 {transform:scale(1.1,1.1);}
	.aniscene3 {transform:scale(1.1,1.1);}
	.aniscene4 {bottom:0;}

	.goani .anibox {opacity:1;}
	.goani .aniscene1 {transform:scale(1,1);}
	.goani .aniscene2 {transform:scale(1,1);transition-delay:0.3s;}
	.goani .aniscene3 {transform:scale(1,1);transition-delay:0.6s;}
	.goani .aniscene4 {transform:scale(1,1);transition-delay:0.9s;}

}

@media all and (max-width:1200px) {
	#header .logo a{width:180px;margin-right:10px;}
	#header ul.visitor{top: 12px;}
	#header .r_tnb{right: 10px;}

	.form_area{width:96%;}

	.popup_layer{width:96%;left:50%;margin-left:-48%;}
	#layer_container ul.tabs li {width:16.444444%; }

	.popup_layer.grade_layer{width:96%;max-width:98%;margin-left:-48%;}

	.grades_popup_jung {width: 98% !important; max-width: 98% !important; margin-left:-49%; top:90px;}/* 20221108 추가 */
}

@media all and (max-width:1136px) {
	#header {width:100%;}
	#header .inner {height: 80px;}
	#header .l_tnb {top: 20px;margin:18px 0 0 0px;}
	#header .logo { top: 15px;}
	#header .logo a {}
	#header .l_tnb > li {}
	#header .l_tnb > li > a {padding: 10px 25px 15px 10px;  line-height:22px; font-size:20px;}
	#header .l_tnb > li > a.l_tnb1 {background-image:none;}
	#header .l_tnb > li > a.l_tnb2 {background-image:none;}
	#header .r_tnb > li {}
	#header .r_tnb > li > a {padding:8px 8px;  line-height:16px; font-size:16px; }
	#header .visitor {right: 10px;top:16px;}
	#header.small .l_tnb{margin-top: 14px;}
	.form_area {top:-30px;}
	.inputForm {}
	.inputForm input.grades {width: calc(100% - 193px);}
	.btn_calculate {}
	#footer .foot_logo {width: 180px; height: 41px; margin-left:20px;}
	.content_area {}
	.s_vis {height: 200px;}
	.s_vis h2 {top: 75px; font-size: 40px;width:30%;}
	.cont_wrap{padding:10px;}
	.cont_wrap .department1 {margin: 30px 10px 0 0;}
	.cont_wrap .department2 dd {width: 79.5%;}
	/*.my_selection dl dd {width: 84%;}*/
	.my_selection dl dd.label_txt span {width:40%;}
	#selectable li {width: 18.5%;}
	.popup_layer {}
	.t_btn {}
	#layer_container {margin-top: 60px;}
	.chart_wrap li {border-right:none; padding: 10px; min-width: 28%;width:32%;}
    
    .sideBanner{width:80px;right:4px}
    .sideBanner a span.txt{font-size: 13px;}

	#map .map_info dl {}
	#daumRoughmapContainer1653358129238 {width: 100% !important;}
	#daumRoughmapContainer1653539664904 {width: 100% !important;}
	#map h3:before {width: 30%;}
	#map h3:after  {width: 30%;}

	.loc_guide {}
	.loc_guide dl.car dd .way {width:80%;}
}

@media all and (max-width:1024px) {
	#header .logo {left:59%}
	#header .r_tnb {}
	.inputForm {}
	#header .visitor {}
	.inputForm label { padding-left: 20px;margin-top:28px;/*left:33px;*/}
	/*.inputForm label.label01 {left: 29px;top: 250px;}*/
	/*.inputForm label.label01_1 {left: 29px;top: 315px;}*/
/*	.inputForm label.label02 {left: 55px;top: 364px;}
	.inputForm label.label03 {left: 55px;top: 430px;}*/
	.inputForm input {width: 100%; height:50px !important; font-size:18px;}
	.inputForm select {width: 100%;}
	.select2-container--default .select2-selection--single {/*margin-left:2px;*/}
	.inputForm select.select01 {width: 46%;}
	.inputForm input{height:50px !important;}
	.inputForm input.grades {height:50px !important;}
	.select2-container .select2-selection--single{height:50px !important;}
	.select2-container--default .select2-selection--single .select2-selection__rendered{height:50px !important;line-height: 50px !important;}
	/* Á¤º¸ÀÔ·Â */
	.sub_bg {height: auto;}
	.form_area {padding: 30px 20px; }

	.btn_calculate {font-size:16px;}

	.grades_popup{width: 96%; max-width: 96%;}

	#footer .inner {width: 100%;}
	#footer address {margin-left: 250px;}
	#footer address span.point{width:35%}
	#footer address span{letter-spacing:-0.5px;width:100%}
	#goTop {opacity:0;}

	.content_area {padding-bottom: 30px;}
	.clear_50 {height: 70px;}
	.content_area h3 {margin-top: 50px;}
	.cont_wrap{padding:0;}
	.cont_wrap .department1 {margin: 30px 8px 0 0;}
	.box_txt {font-size: 24px; margin: 30px auto; line-height: 40px; padding: 20px 0;}
	.box_txt .point_purple {font-size: 26px;}

	.pop_content2{padding:20px 3%;}
	.tbl_calculation thead th, .tbl_calculation tbody th, .tbl_calculation tbody td{font-size: 15px}
	.tbl_calculation tbody th input[type=radio] + label {
		font-size: 16px;
	    height: 20px;
	    background-size: 20px 20px;
	}
	.popup_layer.grade_layer .txtBox p{font-size: 15px}
	.tb_grade thead th , .tb_grade tbody th, .tb_grade tbody td{font-size: 15px;}

	#layer_container {margin-top:0px;}
	.my_selection{margin-top:0px;}
	.my_selection dl dt {padding-left: 0;}
	.my_selection dl dd span {}
	.my_selection dl dd span._long{margin-left: 3%;width: 80%;}
	.tbl_type02 td .grades,
	.tbl_type02 td .detail_view,
	.tbl_type02 td .detail_view:hover {}

    .content_area{padding-left:4px; width: calc(100% - 90px - 4px);}
    /* .sideBanner {width: 80px;right: 4px;} */

	#map {margin-top:0px;padding-bottom:0;}
	#map ul.tabs {}
    .grades_area{margin-top:-12px}
	.grades_area li {padding-left: 25px;line-height:20px; background-size: 20px auto;}

	.tb-score th, .tb-score td {padding: 0 1px !important; font-size: 12px !important;}
}

@media all and (max-width:1024px) and (max-height:1366px){
	.t_btn {margin-left:0px;}
}

@media all and (max-width:1024px) and (max-height:768px){
	.t_btn {margin-left:0px;}
}

@media all and (max-width:900px) {
	#header .r_tnb{right:10px;}
	#header .visitor{display: none;}
	#header.small .r_tnb{right:10px;}
	.my_selection dl dt {width:10%; }
	.my_selection dl dd  {width:89.5%; }
	.my_selection dl dd span {}

	.grades_popup_jung table tbody td select{min-width: 70px;}  /* 20221108 추가 */
}

@media (min-width: 769px) and (max-width: 1100px) {

	.inputForm label { margin-top:28px;}
	.inputForm li.color_red { padding-left: 30px;}
	.s_vis h2 {    font-size: 30px;}
	/* .grades_area li {width: 80px;} */
	.my_selection dl dd span {}
	.bus_number span ul li {width:100%;}
}

@media all and (max-width:768px) {
	#header {padding:0 0px;}
	#header .inner {height:60px !important;}

	#header .logo {}
	#header .logo a {margin-top:0px;background-size:70% auto;height: 65px;}
	#header .tnb,
	#header .r_tnb {display:none;}
	#header .l_tnb {display:none;}
	#header .visitor {display:none;}
	#header .menu {display:block;}
	#header.large .inner{height: 60px;}
	#header.small .inner .logo a{margin-top:0px !important;}
	#nav {top:60px;}
	#nav .top a{font-size: 14px}
	.navon #header .menu i {color:#333;}
	.navon #nav {height:100%;overflow:auto;}
	.navon #nav .bg {opacity:1;}
	.navon #nav .inner {transform:scale(1,1);opacity:1;}
	.sub.navon #nav {height:100%;padding-top:0;overflow:auto;}

    .sub_bg {height:auto;} /* 20220523 수정  */
	.con_title .form_tit {font-size: 25px; margin-top: 0px;}
	.con_title .eng_tit{font-size: 14px}
	.con_title .form_txt {color: #333; font-size: 13px; margin-top: 15px;}
	.form_area {left: 0; top: -80px;}
	.inputForm {width:100%}

	.inputForm label {display: none}
	.inputForm input {width: 100% !important; height:50px; font-size:15px;padding-left: 20px;}
	.inputForm input.grades {width:68.2%}
	.inputForm select {width: 100% !important;height:50px;font-size: 15px;}
	.inputForm select.select01{width:100%;}	
	.btn_calculate {margin:10px 0 0 0;width: 100%; height: 50px;line-height: 50px;border-radius:0px}
	.select2-container .select2-selection--single {height:50px;}
	.select2-container .select2-selection--multiple {height: 50px;background-size: 13px auto;}
	.select2-container .select2-selection--single .select2-selection__rendered{padding-left: 20px !important}
	.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 50px; font-size: 15px !important;}
	.select2-container--default .select2-selection--multiple .select2-selection__rendered {height: 50px;     overflow: unset !important;}
	.select2-container .select2-search--inline {width:100%;}
	.select2-container .select2-search--inline .select2-search__field {font-size: 18px;padding-left: 20px;width:100% !important;}
	.select2-container--default .select2-selection--multiple .select2-selection__choice {position: relative;top:-4px;z-index: 100000}
	.select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-search__field {padding-left:20px !important;font-size: 15px !important;}
	.select2-container--default .select2-selection--single .select2-selection__arrow,
	.select2-container .select2-selection--multiple{top:50%;background-size: 13px auto !important;right:10px !important;}
	.select2-container .select2-selection--multiple{background-position:right 10px top 55% }
	.inputForm input.grades{height: 50px;}
	.btn_area{margin-top:0;}
	.btn_area button { padding:10px 25px;margin-top:10px;font-size: 18px;min-width:120px;}
	.inputForm ul.txtBox{font-size: 13px}
	.highschool_search{width:96%;left:50%;margin-left:-48%;}

	#footer {height: 120px;position: relative;bottom:0px;}
	#footer .foot_logo {display:none;}
	#footer address {position:relative;top:-10px;margin-left: 30px; font-size:14px;line-height: 22px;}
	#footer address span.point{width:25%}
	#footer address span{letter-spacing:-0.5px;width:100%}
	#goTop {display:none;}

	#top .gnb {display:none;}
	#r_tab {display:none;}
	.content_area {}	
	#contents {margin-left: 0;}
	.clear_50 {height: 60px;}
	.s_vis {height: 150px;}
	.s_vis h2 {top: 55px; font-size: 30px;color:#666;background: rgba(255, 255, 255, 0.8);}
	.box_txt {font-size: 20px; margin: 20px auto; line-height: 30px; padding: 15px 0; }
	.box_txt .point_purple {font-size: 22px;}
	.content_area h3 {margin-top: 30px; font-size: 24px;}
	.cont_wrap .department1 {width: 48%; margin: 20px 10px 0 0;}
	.cont_wrap .department1 dt {font-size: 18px;}
	.cont_wrap .department2 dt  {font-size: 18px;}
	.cont_wrap .department2 dt a {background-size:20px 20px;}
	.cont_wrap .department2 dd {padding: 20px;}
	.tbl_type02 td .grades {background-size: 30px 30px;}
	.tbl_type02 td .detail_view,
	.tbl_type02 td .detail_view:hover {background-size: 34px 34px}

	.popup_layer.grade_layer > .titBox > .tit1{font-size: 25px}
	.popup_layer.grade_layer > .titBox > .tit2{font-size: 17px}
	.tbl_calculation thead th, .tbl_calculation tbody th, .tbl_calculation tbody td{font-size: 14px}
	.tbl_calculation tbody td span {width:50%;}
	.tbl_calculation tbody th input[type=radio] + label {
    	padding-left: 25px !important;
		font-size: 15px;
		margin-left:-8px  !important;
	    height: 18px;
	    width:70%;
	    background-size: 18px 18px;
	}
	.tb_grade thead th , .tb_grade tbody th, .tb_grade tbody td{font-size: 14px;}
	.tb_grade tbody th br{display: block;}
	.tb_grade tbody td a.gp_td_bt{font-size: 13px}

	#table_wrapper {width:100%;}
	#table_wrapper .tbl_type02 {overflow: auto;}
	.table_wrap.p_table {display:none;}
	.table_wrap.m_table {display:block;}
	.my_selection{padding:10px;}
	.my_selection dl dt {padding-left: 0px; }
	.my_selection dl dd {}
	.my_selection dl dd span {width: 24%;}
	.my_selection dl dd span._long_2 {margin-left: 3%;width: 80%;}
	.my_selection dl dd.label_txt span {width:40%;}
	.my_selection dl dd .checkbox-basic{width:48%;}   /* 20250627 추가 */
	.my_selection dl dd.score {line-height:40px;}
	.my_selection .btn_set button {padding:5px 10px !important;font-size:13px !important;}
	.popup_layer {}
	.popup_layer > .tit {margin: 30px 15px 10px;font-size: 30px;}
	.pop_content {margin:30px auto 0;}
	.breadcrumb {position: relative;}
	.nav_bar .pop_tnb li a{font-size:14px;}
	#layer_container ul.tabs {height: 62px;border-bottom:none;}
    #layer_container ul.tabs li {margin-top:-1px;margin-left:-1px; width:33.1111%; height: 30px; line-height: 30px;border-left: 1px solid #ccc;border-bottom-color:#ccc;z-index: 4000;}
    #layer_container ul.tabs li.active {margin-left:-1px;border-bottom-color: #0c2e86;z-index: 4001;}
    
    #layer2 #layer_container ul.tabs li{margin-top:0;margin-left:0;width:32%} /*20220523 추가 */

    .content_area{width: calc(100% - 70px - 4px);padding-right: 70px;}
    .sideBanner{width:60px;}
    .sideBanner a span.txt{font-size: 11px;}
    .sideBanner a span.btn{font-size: 11px;}

	.m_none {display:none !important;}
	.p_none {display: block !important;;}
	.chart_wrap li { padding: 10px; min-width: 42%;width:49%;}
	.major_info dl {padding: 20px; margin-top:5px;}
	.major_info dl dt {width: 100%;}
	.major_info dl dd {display: block; width: 100%; line-height: 24px; margin-left: 0; margin-top: 20px;}
	.tab_content .tbl_type02 td {line-height: 22px;}
	.breadcrumb span {}
	.nav_bar {clear: both;position: relative;}
	.nav_bar .pop_tnb {margin-left: 10px;}
	#_ipsiTypeText {    margin-top: 20px !important;}
	#layer_container { margin-top: 0px;}

	.t_btn {}
	.t_btn button{padding:3px 8px;font-size:13px;}
	.content_area h3:before, #map h3:before,
	.content_area h3:after, #map h3:after  {width: 0;}
	
	#map {padding: 30px 3%}
	#map .map_info {margin:10px auto;}
	#map .map_info dl {display: block;margin:10px 0;}
	#map .map_info dl dt {font-size:15px;}
	#map .map_info dl dd {font-size:15px;}
	#map .map {margin-top: 10px;}
	#map ul.tabs li {padding:15px 0;font-size:16px;}
	.loc_guide {margin:20px auto;}
	.loc_guide dl{   padding: 30px 0 30px 50px}
	.loc_guide dl.bus {background:url(../images/ico_bus.png) no-repeat left 30px; background-size: 30px}
	.loc_guide dl.subway {background:url(../images/ico_subway.png) no-repeat left 30px; border-top:none;background-size: 30px}
	.loc_guide dl.car {background:url(../images/ico_car.png) no-repeat left 30px;background-size: 30px}
	.loc_guide dl.plane {background:url(../images/ico_plane.png) no-repeat left 30px;background-size: 32px}
	.loc_guide dl dt{font-size: 18px;}
	.loc_guide dl dd{font-size: 16px;}
	.loc_guide dl dd p > span{font-size: 16px;}

	.loc_guide table{width:100%;border-top:1px solid #ddd;}
	.loc_guide table tbody th, .loc_guide table tbody td{padding:15px 10px 15px 10px;}
	.loc_guide table tbody th{font-size:14px;}
	.loc_guide table tbody td{font-size:15px;line-height:1.3em;}

	.root_daum_roughmap{height: 270px;}

	.research_pop .popup_layer {}

	.grades_area li {padding-left:5px;line-height:20px;}
	.bus_number span ul li{width: 100%;line-height:30px}

	#layer_container .tab_container{padding:10px 0 50px;}
	.grades_popup{ padding:30px 20px 20px;top:90px;width: 98%; max-width: 98%;}
	.grades_tit{font-size:25px;}
	.txt_em{line-height:1.3em}
	.txt_em li{font-size: 14px;}
	.tbl_grades thead th, .tbl_grades tbody th, .tbl_grades tbody td{font-size:14px;}
	.tbl_grades tbody th{width:16%;}
	.tbl_grades tbody td input[type='text'] {width:76%;font-size:14px;}
	.tbl_grades tbody td span{margin:2px 10px;}
	.tbl_grades tbody td input[type='radio'] {width:14px; height:14px;}
	.tbl_grades tbody td input[type='radio'] + label {font-size:14px; }
	.tbl_grades tbody td select{width:82%;}
	.btnBox{margin:20px auto 0;}
	.bottomBtn a{padding:10px 10px;font-size:15px;}

	.grades_popup .gp_bottom .bt_wrap a{padding: 10px 16px;font-size: 15px;}	 
	.grades_popup .gp_bottom .bt_wrap a.bt_white{padding: 9px 15px;}
	.grades_popup .gp_bottom .bt_wrap a.bt_gomain{display: none;;}

	/* 정시 성적입력 레이어 팝업 :: 20251210 */
	.grades_popup table .txt_em li{font-size: 14px;}
	.grades_popup table thead th, .grades_popup table tbody th, .grades_popup table tbody td{font-size:14px;}
	.grades_popup table tbody th{width:16%;}
	.grades_popup table tbody td input[type='text'] {width:76%;font-size:14px;}
	.grades_popup table tbody td input[type='number'] {width:76%;font-size:14px;}
	.grades_popup table tbody td span{margin:2px 10px;}
	.grades_popup table tbody td input[type='radio'] {width:14px; height:14px;}
	.grades_popup table tbody td input[type='radio'] + label {font-size:14px; }
	.grades_popup table tbody td input[type="checkbox"] + label{font-size:14px !important;}
	.grades_popup table tbody td select{width:82%;font-size: 14px;}

	.grades_popup table.tbl_grades_jungsi tbody td input[type=radio] + label {
        padding-left: 20px;
        margin: 0 2%;
        font-size: 14px;
        background-size: 16px auto;
    }
	/* // 정시 성적입력 레이어 팝업 :: 20251210 */	


	/* 정시 추가 */
	.grades_popup_jung{ padding:30px 30px 20px;width:98%;margin-left: -49%;top:70px;}
	.grades_popup_jung .grades_tit{font-size:25px;} 
	.grades_popup_jung .txtBox p.txt1{font-size:13px;}
	.grades_popup_jung .txtBox p.txt-em{font-size:13px;}
	.grades_popup_jung .gp_bottom .bt_wrap a{padding:10px 16px;font-size:14px;}

	#layer_grades .txt_em li{font-size: 14px;}
	#layer_grades .tbl_grades thead th, #layer_grades .tbl_grades tbody th, #layer_grades .tbl_grades tbody td{font-size:14px;}
	#layer_grades .tbl_grades tbody th{width:16%;}
	#layer_grades .tbl_grades tbody td input[type='text'] {width:76%;font-size:14px;}
	#layer_grades .tbl_grades tbody td input[type='number'] {width:76%;font-size:14px;}
	#layer_grades .tbl_grades tbody td span{margin:2px 10px;}
	#layer_grades .tbl_grades tbody td input[type='radio'] {width:14px; height:14px;}
	#layer_grades .tbl_grades tbody td input[type='radio'] + label {font-size:14px; }
	#layer_grades .tbl_grades tbody td input[type="checkbox"] + label{font-size:14px !important;}
	#layer_grades .tbl_grades tbody td select{width:82%;font-size: 14px;}
	/* // 정시 추가 */	
}

@media all and (max-width:720px) {
	.my_selection{padding:0 10px 5px;}
	.my_selection dl dt{margin-bottom:5px;width:100%;}
	.my_selection dl dd{width:100%;}
}

@media all and (max-width:684px) {

	#footer{display: none;}
	.highschool_search {padding: 30px;}
	.content_area {padding-bottom: 20px;}

	.popup_layer {}
	.popup_layer > .tit {margin: 20px 15px; font-size: 25px;}
	.breadcrumb {margin-top: 10px;}
	.nav_bar {}
	.nav_bar .pop_tnb {margin-left: 0;}
	.nav_bar .pop_tnb li a {padding: 0 10px;}

	.map_area {width: 650px;}
	.map_info .btn {margin-top: 50px;}
	.research_pop .popup_layer {width: 650px; margin-left: -325px;}
}

@media all and (max-width:640px)  {
	#header ul.visitor{display: none;}
	.pop_content2 .gp_bottom .bt_wrap a{padding:10px 15px;font-size:14px;}
	.tb_grade tbody td a.gp_td_bt{padding:3px 5px;line-height: 1.2em}

	.grades_popup table tbody td a.gp_td_bt{margin:1px 1px;padding:3px 6px;font-size:12px;}

	.form_area {}
	.privacy_chk{text-align: left;}
	.resultBox{padding: 15px 0px 5px;}
	.resultBox table thead th,
	.resultBox table tbody th,
	.resultBox table tbody td{font-size: 14px;}
	.content_area {}
	.my_selection dl dt {font-size: 16px;}

	.map_area {width: 620px;}
	.research_pop .popup_layer {width: 600px; margin-left: -300px;}
	.my_selection dl dd input[type=radio] + label {font-size: 14px;}
	.my_selection dl dd span {width: 28%;}
	.my_selection dl dd span._my_score{margin-top:0 !important;width:105% !important;}
	.my_selection dl dd span._long {margin-left:3%;width: 95%;}
	.my_selection dl dd span._long_2 {margin-left:3%;width: 95%;}
	._ipsiTypeCategory{ display:inline-block;margin-top: 15px !important;}
	.btn_set button {padding: 5px 10px;margin:0 1px;font-size: 13px;}
	.table_wrap p {font-size: 14px;}
	.grades_area li {padding-left: 0px; margin-left: 0px; background-size: 20px 20px; line-height: 20px; font-size: 14px;}
	.grades_area li .s_stability { font-size:17px;padding-right:6px;}
	.grades_area li .s_possibility {font-size:17px;padding-right:6px;}
	.grades_area li .s_anxiety {font-size:17px;padding-right:6px;}
	.tbl_type02 td .grades, .tbl_type02 td .detail_view, .tbl_type02 td .detail_view:hover {background-size: 80% 80%;}

	.chart_wrap li { padding: 10px; min-width: 100%;width:100%;border-bottom: 1px solid #ddd}

	#footer {display: none}
}

@media all and (max-width:568px) {
	#nav .top a{width:33.33333%;}
	#nav .top a:nth-child(1),
	#nav .top a:nth-child(2),
	#nav .top a:nth-child(3){border-bottom:1px solid rgba(255,255,255,0.2);}
	.form_area {}
	.inputForm label {display: none;}
	.inputForm select {width: 70%;padding-left:10px !important}
	.inputForm select.select01 {width: 70%;padding-left:10px}
	.inputForm input {padding-left:10px;width:100% !important;}
	.inputForm input.grades {width: 70%;}
	.btn_calculate{}
	.btn_area {}
	.select2-container .select2-selection--single {height:50px;}
	.select2-container .select2-selection--single .select2-selection__rendered {padding-left:10px !important;}
	.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 50px; font-size: 18px;}
	.select2-container--default .select2-selection--multiple .select2-selection__rendered {height: 50px;}
	.select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-search__field {padding-left:10px !important;}
	.select2-search--dropdown .select2-search__field {padding: 5px;}
	.select2-results__option {padding: 5px 20px;}
	.select2-container--default .select2-selection--multiple .select2-selection__choice {left: 10px !important;;}
	.content_area {}
	.s_vis {height: 100px;}
	.s_vis h2 {top: 30px; font-size: 30px;width:50%;color:#666;}
	.sub_bg{height:auto;}

	#selectable li {width: 47.5%;}	
	.tbl_type01 th {width:20%;}	
	.tbl_type01 td {padding: 10px;}	
	.grades_area {margin: 20px 0 10px;}
	.tbl_type02 th{font-size:13px;}
	.tbl_type02 td{font-size:12px; line-height: 16px;}
	.tbl_type02 th,
	.tbl_type02 td {padding: 5px;}

	.grades_area li {padding-left:0px;line-height:20px;}
	.grades_area li .s_possibility, .grades_area li .s_stability , .grades_area li .s_anxiety  {font-size:17px;}
	.tbl_type02 td .p_stability, .tbl_type02 td .p_possibility, .tbl_type02 td .p_anxiety {font-size:20px;} /* 내성적 아이콘 크기 */
	.popup_layer {}
	#layer_container ul.tabs li {width: 30%;}

	.grades_popup .result_wrap{padding: 20px 15px 15px;width: calc(100% - 30px);}

	.btn_area .privacy_btn{font-size: 15px;}
	.privacy_body {padding: 5px 5px;}
	.privacy_body pre{padding:5px;font-size:14px;line-height: 1.3em;}
	.privacy_chk input[type=radio] + label{font-size: 15px;}
	.privacy_chk input[type=radio] + label {
	  font-size: 15px;
	  background-size: 17px 17px;
	  padding-left: 22px;
	  margin-right: 0px;
	  margin-bottom:5px;
	  line-height: 17px;
	  cursor: pointer;
	}
	#layer2 .tbl_grades thead th, 
	#layer2 .tbl_grades tbody th, 
	#layer2 .tbl_grades tbody td{font-size: 14px;}
	#layer2 .tbl_grades tbody td input[type='text'],
	#layer2 .tbl_grades tbody td input[type='number']{width:70%;font-size: 14px;margin-right:0;}
	#layer2 .tbl_grades tbody td select{padding: 2px 2px;width:87%;font-size: 14px;margin-right:0;}


	.grades_popup_jung{ padding:30px 10px 20px;}
	.grades_popup_jung .grades_tit{font-size:20px;}
	#layer_grades .txt_em{font-size: 13px;}
	#layer_grades .tbl_grades tbody td input[type='text'] {width:56%;}
	#layer_grades .tbl_grades tbody td input[type='number'] {width:56%;}
	#layer_grades .tbl_grades tbody td select{width:66%;}

	.btn_area button { padding:8px 20px;margin-top:10px;font-size: 16px;min-width:120px;}

	
	.nav_bar .pop_tnb li a {padding: 0 6px; font-size: 14px;}
	.tab_container {padding: 20px 0 20px;}
	.tab_content h4 {margin-top: 10px;}
	.cont_wrap .department1 {width: 47.8%; margin: 10px 5px 0 5px;}
	.cont_wrap .department2 {margin-top:10px;}
	.cont_wrap .department2 dd {width:75%; padding: 15px; margin-left:15px;} 
	.major_info dl dd.educ span:before { margin-left: -10px;}
	.major_info dl dd.educ span {padding-left: 15px;}
	.btn_view {width: 20px; height: 20px;background-size: 20px 20px;}
	.major_info {padding-top: 10px;}

	#map .map_info{ padding: 0 0px 0 10px;}	
	#map .map_info dl dt{margin-bottom:10px;width:100%;}
	#map .map_info dl dd{width:100%;}

	.research_pop .popup_layer {}
	#footer{height:150px;}

	.grades_popup{ padding:30px 10px 20px; top:100px; }
	.grades_tit{font-size:20px;}
	.txt_em{font-size: 13px;}
	.tbl_grades tbody td input[type='text'] {width:56%;font-size:14px;}
	.tbl_grades tbody td select{width:66%;}
}


@media all and (max-width:500px)  {
    #layer_container ul.tabs {font-size: 13px;}
    #layer_container ul.tabs li {width:33%;}
}

@media all and (max-width:414px) {
	.t_btn{margin-top:5px;}
}

@media all and (max-width:414px) {
	.form_area {padding:30px 10px;}
	.inputForm input.grades {width:100%;}
	.btn_area button {}
	.btn_calculate {width: 100%; margin-left:0;  font-size: 16px;}
	.highschool_search {padding: 15px;}
	.search {margin-top: 30px;}
	.school_tip {margin-top:15px; line-height: 20px;}
	.school_list td {font-size:14px; line-height: 22px;}
	.school_list td .choice {width: 50px;}
	.search input[type='text'] {font-size: 14px; width: 70%;}

	.content_area {padding-bottom:10px;}
	.clear_50 {height: 40px;}
	.s_vis h2 {left: 20px;}
	.box_txt {width:95%; font-size: 16px;}
	.box_txt .point_purple {font-size: 18px;}
	.content_area h3 {font-size: 20px;}	
	.cont_wrap .department1 {width: 100%; height: 165px;padding: 8px; margin:5px 0;}
	.cont_wrap .department1 dt, .cont_wrap .department2 dt {font-size: 16px;}
	.cont_wrap .department1 dd a, .cont_wrap .department2 dd a {font-size: 14px;}
	.cont_wrap .department2 {padding: 8px;}
	.cont_wrap .department2 dt {width:100%; margin:10px;}
	.cont_wrap .department2 dt a {position: absolute; margin-top: -25px; margin-left:30px; background-size:15px;}
	.cont_wrap .department2 dd {width: 100%; padding: 10px; margin-left: 0; min-height: 80px;}
	.cont_wrap .department2 dd a {line-height: 26px;}
	
	.table_wrap {margin-top: 30px; width:100%;} 
	.tbl_type02 td .grades, .tbl_type02 td .detail_view, .tbl_type02 td .detail_view:hover {background-size: 100% 100%;}

	.btn_set button {padding: 5px 10px; font-size: 14px; margin: 3px 0;}
	.con_title .line_txt {font-size: 14px;}
	.my_selection dl dt {vertical-align: top; line-height: 24px;}
	.my_selection dl dd input[type=radio] + label {font-size: 14px; word-break: break-all;}
	.my_selection dl dd {}
	.my_selection dl dd span {width:47%;}  /* 20250627 수정 */
	.my_selection dl dd .checkbox-basic{width:100%;}   /* 20250627 추가 */
	.table_wrap p {font-size:14px;}
	.pop_content {}
	.popup_layer {}
	.popup_layer > .tit {    margin: 20px 10px;font-size: 22px;}
	.popup_layer .tit>.btnClose {right: 0; top: 0; background-size: 20px 20px;}
	.t_btn {}
	.t_btn button {font-size: 12px}
	.nav_bar {}
	.nav_bar .pop_tnb li a {padding: 0 20px;}
	.breadcrumb span {font-size:13px;}
	.breadcrumb span.sec_line:before {display:none;}
	.breadcrumb span.third_line:before {display:none;}

	.major_info dl dd.educ span:before {margin-left: 0; margin-right: 0; }
	.major_info dl dd.educ span {padding-left: 0;}
	.major_info dl dd.cert span {width: 100%;}
	.major_info .tbl_type02 {overflow: auto; margin-top: 10px; width: 100%; display: block;}
	.map_bg {height:150px;}
	.map_title {top: 50px;}
	.map_area {width: 400px;}
	.map {width: 100%;}
	.map_info {width: 100%; margin:20px 0;}
	.map_info .btn {margin-top: 30px;}
	.loc_guide {width: 100%;  display: block; margin-top: 50px;clear: both;}
	.loc_guide dl {padding: 20px 0px 20px 0px;}
	.loc_guide dl.walking {background:none;}
	.loc_guide dl.subway {background:none;}
	.loc_guide dl.car {background:none;}
	.loc_guide dl.bus {background:none;}
	.loc_guide dl.plane {background:none;}
	.loc_guide dl.location {background:none;}
	.loc_guide dl dt{font-size: 17px}
	.loc_guide dl dd{font-size: 14px;}
	
	#map .btn a {display:block; width: 100%; margin-left: 0; margin-bottom: 5px;}
	.content_area h3 {margin-top: 10px;}
}

 @media all and (max-width:400px)  {
     #layer_container ul.tabs li {width:48.55555%; }
 }


@media all and (max-width:375px) {
	.form_area {}	
	.privacy_chk input[type=radio] + label{margin-left:0 !important;}

	#footer address {font-size: 13px; line-height: 20px; margin-left: 10px;}
	#footer.main_footer{display: none;}
	.cont_wrap {}
	.content_area {}

	.btn_area button {}
	.highschool_search {padding: 10px;}
	.search {width: 320px;}
	.school_list dl dt {line-height:20px;}
	.school_list dl dd {line-height:20px;}
	.tbl_type02 td .grades, .tbl_type02 td .detail_view, .tbl_type02 td .detail_view:hover {background-size: 18px 18px;}
	.popup_layer {}
	.breadcrumb {position: relative;width: 100%;}
	.breadcrumb span {width:28.5%;}
	#map ul.tabs li {padding:10px 0;font-size:15px;}

	.map_area {width: 360px; margin:20px auto;}
	.research_pop .popup_layer {width: 340px; margin-left: -170px;}
}

@media all and (max-width:360px) {
	.form_area {}
	.map_area {width: 340px;}
}

@media all and (max-width:320px) {
	.form_area {}
	#footer {height: 100px}
	
	.inputForm {padding: 10px 0;}
	.clear_50 {height: 55px;}
	#contents {padding: 20px 0;}
	.my_selection dl dd {margin-left:0;}
	.popup_layer {}
	.breadcrumb span {width: 93px; margin: 2px;}
	.t_btn {}
	.nav_bar {}
	ul.tabs li {width: 32%;}
	.highcharts-container {margin-left:-20px; overflow:hidden;}
	.chart_wrap li {width: auto;  min-width: 300px;background: transparent;}

	.map_area {width: 320px;}
	.research_pop .popup_layer {width: 310px; margin-left: -155px;}
}