@charset "utf-8";

@media all and (max-width:1920px) and (max-height:1080px) {
	#vis .vis {height:1080px;}
	#vis .vis .box1 .txt {top: 490px;}
	#vis .vis .box2 .txt {top: 410px; left: 30px;}
	/*#vis .vis .box1 .desc {top: 550px;}*/
	#vis .vis .box2 .desc {top: 550px;}
}


@media all and (max-width:1600px){
	#vis .vis {height:100%;}
}

@media all and (max-width:1440px){
	
	/* index */
	#header .top .inner {height: 80px;}
	#header .top .logo img { width: 160px; margin-top: -5px;}
	#header .top .btn {margin-top: -10px; background-size: 35px 25px;}
	#vis .vis .box1 .txt {right: 60px;}
	#vis .vis .box2 .txt {left: 60px;}
	#vis .vis .box1 .txt dt {font-size: 40px; margin-top: 20px;}
	#vis .vis .box2 .txt .close {right: 100px;}
	#vis .vis .box1 .txt .close img, 
	#vis .vis .box2 .txt .close img {width:40px;}
	#vis .vis .box1 .desc {right: 350px;}
	#vis .vis .box2 .desc {left: 350px;}
	#nav .inner {min-width: 200px;}

}

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

	/* index */
	#vis .vis_tit img {width:280px;}
	#vis .vis_tit {top: 150px;}
	#vis .vis_tit .vis_txt {font-size: 26px; line-height: 38px; margin-top:20px;}
	#vis .vis .box .txt {top: 340px;}
	#vis .vis .box2 .txt dt {margin-top: 60px;}
	#vis .vis .box1 .desc {top: 380px;}
	#vis .vis .box2 .desc {top: 400px;}
}	



@media all and (max-width:1280px) and (max-height:1024px) {

	/* index */
	#vis .vis_tit {top: 215px; margin-left: -530px;}
	#vis .vis .box .txt {top: 470px;}
	#vis .vis .box2 .txt dt {margin-top: 55px; margin-left: -40px;}
	#vis .vis .box1 .desc {top: 570px;  right: 250px;}
	#vis .vis .box2 .desc {top: 700px;  left: 170px;}

}


@media all and (max-width:1280px) and (max-height:800px) {

	/* index */
	#vis .vis_tit {top: 160px; margin-left: -530px;}
	#vis .vis .box .txt {top: 360px;}
	#vis .vis .box2 .txt dt {margin-top: 60px;}
	#vis .vis .box1 .desc {top:450px;  right: 250px;}
	#vis .vis .box2 .desc {top: 310px;  left: 250px;}

}

@media all and (max-width:1136px) and (max-height:640px) {

	/* index */
	#nav .inner {min-width: 160px;}
	#nav .close img {width:25px;}
	#nav .gnb > li > a {font-size: 18px;}
	#nav .gnb li ul li a {font-size: 15px;}
	#vis .vis_tit {top: 140px; margin-left: -520px;}	
	#vis .vis_tit img {width: 200px;}
	#vis .vis_tit .vis_txt {font-size: 20px; line-height: 30px;}
	#vis .vis .box .txt {top: 280px;}
	#vis .vis .box1 .desc {top: 350px; right: 200px;}
	#vis .vis .box2 .desc {top: 230px; left: 220px;}
	#vis .vis .box2 .txt .close {top: 150px;}

}
/*
@media all and (max-width:1136px) {
	.content_area {width: 1000px;}
	#selectable li {width: 18.5%;}
	.popup_layer {width: 1000px; margin-left: -500px;}
	.chart_wrap li {border-right:none; padding: 10px; min-width: 290px;}
	.map_area {width: 1000px;}
	.map {width: 70%;}
	#daumRoughmapContainer1520074996102 {width: 100% !important;}
	.loc_guide {width:90%;}
	.loc_guide dl.car dd .way {width:80%;}

}*/


@media all and (max-width:1024px) and (max-height:1366px) {
	
	/* index */
	#vis .vis .box1 {background-position: -200px 0;}
	#vis .vis_tit {top: 215px; margin-left: -460px;}
	#vis .vis .box .txt {top: 640px;}
	#vis .vis .box .txt dt {font-size: 35px;}
	#vis .vis .box1 .desc {top: 900px;  right: 80px;}
	#vis .vis .box2 .desc {top: 900px;  left: 60px;}

	.sub_bg {height: 1220px;}
}


@media all and (max-width:1024px) {
	
	/* 정보입력 */
	.form_area {width: 700px; padding: 30px;}
	#goTop {opacity:0;}
	.sub_bg {height: auto;}
}


@media all and (max-width:1024px) and (max-height:675px) {
	
	/* index */
	#nav .inner {min-width: 180px;}
	#vis .vis .box1 {background-position: -80px 0;}
	#vis .vis_tit {top: 150px;}
	#vis .vis .box .txt {top: 300px;}	
	#vis .vis .box1 .txt {right: 40px;}
	#vis .vis .box2 .txt {left: 40px;}
	#vis .vis .box .txt dd {font-size:0;}
	#vis .vis .box1 .desc {top: 400px;  right: 80px;}
	#vis .vis .box2 .desc {top: 430px;  left: 40px;}
	#vis .vis .box .txt .close img {width:30px;}
	#vis .vis .box2 .txt .close {right: -70px; top: 5px;}
}


@media all and (max-width:768px) and (max-height:929px) {
	
	/* index */
	#vis .vis_tit {top: 150px; margin-left: -340px; height: 100px;}
	#vis .vis .box1 .txt {top: 420px;}
	#vis .vis .box2 .txt {top: 310px; left: 60px;}
	#vis .vis .box1 .desc {top: 410px; left: -50px;}
	#vis .vis .box2 .desc {top: 480px; left: 50px;}
	#vis .vis .box1 .desc .tab,
	#vis .vis .box2 .desc .tab{padding: 0; font-size: 21px; width: 140px;}
	#vis .vis .box1 .txt .close{top: -130px; right: 20px;}
	#vis .vis .box2 .txt .close {right: -40px;}
	
}


@media all and (max-width:768px) {
	#header {padding:0 10px;}
	#header .inner {height:60px;}
	/*#header .logo {margin-left: -90px;}
	#header .logo {top:9px;}
	#header .logo a {width:180px; background-size:100% 100%;}*/
	#header .tnb,
	#header .r_tnb {display:none;}
	#header .l_tnb {display:none;}
	#header .visitor {display:none;}
	#header .menu {display:block;}
	/*#nav {top:60px;}*/
	.navon #header .menu i {color:#666;}
	.navon #nav {height:100%;overflow:auto; z-index: 1001;}
	.navon #nav .bg {opacity:1;}
	.navon #nav .inner {transform:scale(1,1);opacity:1;}
	.sub.navon #nav {height:100%;padding-top:0;overflow:auto;}
	#aside {display:none;}

	#top .gnb {display:none;}
	#r_tab {display:none;}
	.content_area {width: 700px;}
	#selectable li {width: 30%; margin-top: 5px; margin-bottom:5px;}
	#selectable li:last-child {margin-right:auto;}
	#table_wrapper {width:100%;}
	#table_wrapper .tbl_type02 {overflow: auto;}
	.table_wrap.p_table {display:none;}
	.table_wrap.m_table {display:block;}
	
	.pop_content {padding: 20px;}
	/*.breadcrumb {margin-right: 0px;}*/
	.t_btn {margin-right: 20px; margin-top: 7px;}
	ul.tabs li {width: 24%; font-size: 14px;}
	.tab_content .tbl_type02 .m_none {display:none;}
	.chart_wrap li {width: 100%;  min-width: 310px; border-bottom:1px solid #ddd;}
	.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;}
	.major_info dl dd.cert span {width: 28%;}
	.tab_content .tbl_type02 td {padding: 10px; line-height: 22px;}
	.map_area {width: 700px;}
	.map {width: 60%;}
	.loc_guide {width:95%;}
	.loc_guide dl.car dd .way {width:95%;}
	.map_info {width: 40%; height: 400px; padding: 20px 20px 0;}
	.loc_guide dl.subway dd span {display: block; margin-left: 0; margin-top: 10px;}
	.research_pop .popup_layer {width: 700px; margin-left: -350px;}

	#footer div.copy{float: left; font-size: 11px; margin-top: 50px; margin-left: 53px;}
	.school_list dl dd p{width: 80%; display: inline-block;}

	.table_wrap{padding: 0 10px;}
	.tbl_type02 td{padding: 10px;}
	.my_selection{padding: 30px 10px; margin: 0;}
	.my_selection dl {margin: 20px 10px;}

	.tbl_type02 tbody th.mo_none{display: none}
	.tbl_type02 tbody td{padding:0;}
	.tbl_type02 tbody th, .tbl_type02 tbody td.posR{border-bottom:none !important;}

	.tbl_type02 tbody td p.mo_view{display:block !important;width:96.5%;padding:10px;background-color: #E8E8E8;border-top:1px solid #00757f;}
	.tbl_type02 tbody td > div {padding:10px;}
	.tbl_type02 tbody td > div.btn_set_wrap{position:relative;padding:20px;}
	.tbl_type02 tbody td > div.btn_set_wrap > div.btn_set{position:absolute;top:55px;} border-bottom:1px solid #00757f !important;

	.history{margin-top: 65px;}
	.history_sel {height: 164px; padding: 30px 10px 10px;}
	.history_sel li{width: 50%; height: 74px;}
	.history_sel li a{background-size: 28px 27px; font-weight: normal; padding: 22px 15px 20px;}

	.history_bg{margin-top: 265px; height: 100px;}
	.history_bg .inner{padding: 0 20px;}
	.history_bg ul{margin: 0;}
	.history_bg ul li{padding: 40px;}

	.btn_set{top: 30px;}

	/* 20181029 Ãß°¡*/
	#layer_container .tab_container{padding:30px 0 0;}
	.grades_popup{ padding:30px 30px 20px;width:96%;margin-left: -48%;top:130px;}
	.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;}
	/* //20181029 Ãß°¡ */
}


@media all and (max-width:736px) {
	
	/* index */
	#vis .vis_tit {display:none;}
	#vis .vis .box .txt {top: 135px;}
	#vis .vis .box .txt dd {font-size:16px;}
	#vis .vis .box1 .txt {right: 80px;}
	#vis .vis .box2 .txt {left: 80px;}
	#vis .vis .box1 .txt .close {top: 150px;}
	#vis .vis .box2 .txt .close {right: -50px;}
	#vis .vis .box1 .desc {opacity:0;}
	#vis .vis .box2 .desc {opacity:0;}

	/* 정보입력 */
	/*.inputForm {padding: 0 50px;}*/
	.con_title .form_tit {font-size: 40px; margin-top: 10px;}

}

@media all and (max-width:734px) {
	.highschool_search {width: 400px;top: 250px; margin-left: -200px;padding: 20px;}
	.search{width: 355px;}
	.search input[type='text']{font-size: 15px;}
	.search_txt{font-size: 14px; margin-top: 55px; line-height: 22px;}
	.school_list dl dd{padding-left: 0; width: 53%;}
	
	/* index */	
	#vis .vis .box .txt { top: 145px;}

}


@media all and (max-width:720px) and (max-height:1280px) {

	/* index */
	#vis {overflow-y:scroll; background:#000; background-size:cover;}
	#vis .vis_tit {display:block;}
	#vis .vis {display:none;}
	#vis .m_vis {display:block;}	
	#vis .m_vis .roll {display:block;}
	#vis .m_vis .roll img {max-width:100%;}
	#vis .bx-pager {display:block;}
	#header .top .inner {height: 100px;}
	#header .top .logo img {width: 200px; margin-top:0;}
	#header .top .btn {margin-top: -15px;  background-size: 40px 30px;}
	#vis .vis_tit {margin-left: -280px;}
	#vis .vis_tit img {width: 325px;}
	#vis .vis_tit .vis_txt {font-size: 30px; line-height: 45px; margin-top: 30px;}

}
@media all and (max-width:684px)  {
	.content_area {width: 650px;}
	.popup_layer {width: 600px; margin-left: -300px;}
	/*.breadcrumb {margin-top: 10px;}*/
	.nav_bar {margin-top: 80px;}
	.nav_bar .pop_tnb {margin-left: 0;}
	/*.nav_bar .pop_tnb li a {padding: 0 10px;}*/
	.major_info dl dd.cert span {padding-left: 20px;}
	.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)  {
	.content_area {width: 620px;}
	.map_area {width: 620px;}
	.research_pop .popup_layer {width: 600px; margin-left: -300px;}
}


@media all and (max-width:568px)  {
	/* index */
	#vis .vis_tit {margin-left: -160px;}
	#vis .vis_tit img {width: 300px;}
	#vis .vis_tit .vis_txt {font-size: 20px; line-height: 32px; margin-top: 7px;}
	#vis .m_vis .q_menu .link .con strong {font-size: 25px;}
	#vis .m_vis .q_menu .link img {width: 25px;}
	#vis .m_vis .q_menu .link {width: 150px; height: 150px;}
	.search_txt{margin-top: 75px;}

	/* 정보입력 */
	#top {height: 60px;}
	#top .logo {left: 30px;  top: 10px;}
	#top .logo a {width: 130px; height: 39px; background-size: 130px 39px;}
	#top .btn {width: 70px; height: 60px; background-size: 23px 17px;}
	/*.form_area {width: 400px;}*/
	.form_radio {margin: 30px auto 10px;}
	input[type=radio] + label {font-size: 16px; background-size: 20px 20px; padding-left: 30px; margin: 0 20px;line-height: 20px;}
	/*.inputForm {padding: 0 20px;}*/
	.inputForm label {margin-top: 20px; font-size: 14px; height: 30px;}
	.inputForm .tit {padding-top: 5px;}
	.inputForm .highschool {margin-top:0 !important; }
	.inputForm input {height: 54px; margin-top: 6px; padding-left: 80px; font-size: 14px;}
	.inputForm select {border-bottom: 2px solid #a1c2ea; margin-top: 0; font-size:14px;}
	.select2-container--default .select2-selection--single .select2-selection__arrow{top:50%;}
	.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 66px; font-size: 14px; margin-top: 0; }
	.select2-container--default .select2-selection--single { padding-left:20px;}
	.select2-container--default .select2-selection--multiple .select2-selection__rendered {margin-top: 0; padding-left:50px;}
	.select2-container--default .select2-selection--multiple {border-bottom: 1px solid #ddd;}
	.select2-container .select2-search--inline .select2-search__field {font-size: 16px;}
	.select2-container .select2-selection--single .select2-selection__rendered {padding-left: 60px;}
	.select2-container--default .select2-selection--multiple .select2-selection__choice {padding: 5px; font-size: 16px;margin-top: 20px;}
	.select2-container--default .select2-results > .select2-results__options {max-height: 150px;}
	.select2-results__option {padding: 5px 20px; font-size: 14px;}
	.select2-search--dropdown {padding: 5px;}
	.select2-search--dropdown .select2-search__field {padding: 5px;}
	.form_txt_under{font-size: 13px; line-height: 18px; padding: 0 20px;}
	.btn_calculate {right: 50px; margin-top: 16px; width: 150px; height: 36px; font-size: 12px; line-height: 34px;}
	.btn_area {margin-top: 30px;}
	.btn_area button {width: 140px; height: 40px; font-size: 18px; font-weight: 400; line-height: 40px; margin: 0 3px;}
	.btn_set{top: 80px;}
	.btn_set button {padding: 7px 10px; font-size:14px;}
	.highschool_search,
	.rating_info {width: 400px;top: 250px; margin-left: -200px;padding: 20px;}
	.search input[type='text'] {font-size: 14px;}
	.search {width: 360px; margin-top: 25px;}
	.school_list dl {font-size: 14px;}
	.btn_close {right: 10px; top: 10px;}
	.content_area {width: 500px;}
	.con_title .line_txt {line-height: 22px;}
	#selectable li {width: 47.5%;}	
	.tbl_type01 th {width:20%;}	
	.tbl_type01 td {padding: 10px;}	
	.grades_area {margin: 20px 0 10px;}
	#layer_container .grades_area {margin-top: -105px !important;}
	.tbl_type02 {font-size:14px;}
	.tbl_type02 td .grades {background-size:100% 100%;}

	.popup_layer {width: 440px; margin-left: -220px;}
	/*.nav_bar .pop_tnb li a {padding: 0 6px; font-size: 14px;}*/
	.tab_container {padding: 0px 0 20px;}
	.tab_content h4 {margin-top: 10px;}

	#footer {height: 120px; padding: 15px 0;}	
	#footer .sns li {margin: 0 15px;}
	#footer address {margin-top: 15px; font-size: 12px; line-height: 22px;}
	.map_area {width: 500px;}
	.map_bg {margin-top: 60px;}
	.research_pop .popup_layer {width: 540px; margin-left: -270px;}
	.school_list dl dd .choice{ width: 45px; right: 20px;}

	/* 20181029 Ãß°¡*/
	.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%;}
	/* //20181029 Ãß°¡ */
}


@media all and (max-width:414px)  {
	/* index */	
	#header .top .inner { height: 80px;}
	#header .top .logo {left:20px;}
	#header .top .logo img {width: 160px; margin-top: -5px;}
	#header .top .btn { margin-top: -10px;  background-size: 30px 20px; right:10px;}
	#nav .inner {min-width: 160px;}
	#nav .close img {width:25px;}
	#nav .gnb > li > a {font-size: 18px;}
	#vis .vis_tit {margin-left: -160px; top: 120px;}
	#vis .m_vis .q_menu {top: 415px; margin-left: -170px; width: 340px;}
	/*#vis .m_vis .q_menu .link {width: 140px; height: 140px;}*/
	#vis .m_vis .q_menu .link .con strong {font-size: 20px;}

	
	.btn_area button {width: 120px; font-size: 16px;}
	.btn_calculate {width: 117px;}
	.content_area {width: 340px; margin: 50px auto 70px;}
	#selectable li {width: 100%;}
	.tbl_type01 th {width:25%;}
	.content_area h3 {margin-top: 30px; font-size: 22px;}
	.tbl_type02 td {padding: 10px; line-height: 20px}
	.btn_set button {padding: 8px; font-size:14px;}
	.con_title .line_txt {font-size: 14px;}
	.my_selection dl dd input[type=radio] + label {font-size: 14px;}
	.my_selection dl dd {margin-top:10px; display: block;}
	.table_wrap p {font-size:14px;}
	.popup_layer {width: 340px; margin-left: -170px;}
	.popup_layer > .tit {margin: 20px; font-size: 30px;}
	.popup_layer .tit>.btnClose {right: 0; top: 0;}
	/*.breadcrumb li {margin-right: 15px;padding-left: 10px; font-size: 14px;}*/
	.nav_bar {height: 80px; margin-top: 60px;}
	/*.nav_bar .pop_tnb li a {padding: 0 20px;}*/
	.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: 130px 30px 30px 30px;}
	.loc_guide dl.walking {background-position:50% 20px;}
	.loc_guide dl.subway {background-position:50% 20px;}
	.loc_guide dl.car {background-position:50% 20px;}
	.map_title .form_tit {font-size: 35px; margin-top: 10px;}
	.research_pop .popup_layer {width: 380px; margin-left: -190px;}
	.research_pop .pop_content {padding: 20px;}
	/*.research_pop #layer_container {margin-top: 30px;}*/
	.research_info {margin-top: -30px; padding: 15px;}
	.research_cont fieldset input[type="checkbox"] + label {margin-top:15px;}

	.history_bg ul li{font-size: 23px; font-weight: normal;}
	.history_sel{height: 215px; padding-top: 20px;}
	.history_sel li{width: 100%; height: 55px;}
	.history_sel li a{padding: 15px; background-position: 15px 10px;}
	.history_bg{margin-top: 310px;}
}


@media all and (max-width:375px) and (max-height:812px) {
	/* index */	
	#vis {background:#00a6dd url(../images/mvis_1.jpg) no-repeat 0 0; background-size:cover;}	
	#vis .roll {display:none; opacity:0;}
	#vis .vis_tit {margin-left: -150px;}	
	#vis .bx-pager {opacity:0;}

}

@media all and (max-width:375px) {
	/*.form_area {width: 350px;}*/
	#footer address {font-size: 13px; line-height: 20px;}
	.btn_area button {width: 100px;}
	.highschool_search {width: 340px; margin-left: -170px; padding: 10px;}
	.search {width: 320px;}
	.school_list dl dt {line-height:20px;}
	.school_list dl dd {line-height:20px;}
	.map_area {width: 360px; margin:20px auto;}
	.research_pop .popup_layer {width: 340px; margin-left: -170px;}
}

@media all and (max-width:375px) and (max-height:603px) {
	/* index */	
	#vis {background:#000;}	
	#vis .roll {display:none; opacity:1;}
	#vis .vis_tit {margin-left: -150px;}	
	#vis .bx-pager {opacity:1;}

}


@media all and (max-width:360px) {
	/* index */		
	#vis {background:#000;}	
	#vis .roll {display:block; opacity:1;}
	#vis .vis_tit {margin-left: -160px;}
	#vis .bx-pager {display:none;}	
	.map_area {width: 340px;}
}


@media all and (max-width:320px) {
	/*.form_area {width: 310px;}*/
	#footer {height: 135px;}
	#footer address{left:10px;}
	#footer div.copy{display: none;}
	.btn_calculate {width: 110px; font-size:12px; right: 40px;s}
	.btn_area button {width: 90px;}
	.inputForm {padding: 10px;}
	.content_area {width: 300px;}
	.map_area {width: 320px;}
	.research_pop .popup_layer {width: 310px; margin-left: -155px;}
}


/*************************** 20180531 ***************************/
@media all and (max-width:1024px) {
#header .gnb > li > a{padding: 0 18px;}

.map_con{margin-top: 40px;}
.map_con .map_g{width: 60%;}
.map_con .add{width: 40%;}
.map_con .add strong{font-size: 27px; color: #00757f; margin-bottom: 20px;}
.map_con .add dl{margin-top: 20px;}
.map_con .add dl dt{font-size: 21px; margin-top: 10px;}
.map_con .add dl dd{font-size: 17px; margin-top: 7px; line-height: 20px;}
.transpo{margin-top: 50px;}
.transpo ul li .in strong{color: #00757f; font-size: 21px;}
.transpo ul li .in p{font-size: 19px; color: #666; margin-top: 13px; line-height: 23px;}
.transpo ul li .in p em{color: #333;}
.transpo ul li .in .btn a{display: inline-block; color: #fff; font-size: 16px; text-align: center; background: #01aeb2; padding:8px 15px; margin: 3px; box-sizing: border-box;}

#footer{padding-left: 0;}
#footer div.copy{display: none;}

.nav_bar{padding-bottom: 30px;}
.t_btn {margin:10px 25px 15px 0;}
.tbl_type02 td .stability,
.tbl_type02 td .possibility,
.tbl_type02 td .anxiety {background-size: contain; height: 28px; margin: 7px 0;}

.popup_layer{width: 1000px; margin-left: -500px;}
}

@media all and (max-width:768px) {
#header .gnb{display: none;}
#header .logo{left: 10px; top:20px;}
#header .logo a{width: 160px; height: 37px; background-size: cover;}
#nav{top: 85px;}
.nav_bar{min-height: 390px; margin-top: 0;}
.nav_bar strong{font-size: 16px;}
.nav_bar .pop_tnb{margin-left: 0;}
.nav_bar .pop_tnb li{width: 90%; margin-left: 6%;}
.nav_bar .pop_tnb li a{font-size: 14px; padding-left: 12px;}
.my_selection dl dd input[type=radio] + label{font-size: 14px;}

.breadcrumb{margin: 0;}
.breadcrumb li{font-size: 16px;margin-bottom: 15px;}
.breadcrumb li:first-child{padding-left: 0;}

.my_selection dl dt{position: relative; display:block; width:100%; font-size: 17px;}
.my_selection dl dt span,
.my_selection dl:nth-child(2) dt span{padding-bottom: 13px;}
.my_selection dl dd{width: 100%;}
.btn_set{position: relative;margin-top: -43px; margin-bottom: 11px; top: 0;}

/*레이어팝업*/
.popup_layer,
.highschool_search,
.rating_info {width: 700px; margin-left: -350px;}

.contaner{margin: 0 30px;}
.history_bg2{padding-top: 110px;}

.con_title .eng_tit {font-size: 17px;}
.con_title .form_tit {font-size: 36px;}
.con_title .form_txt {font-size: 14px; margin-top: 20px; line-height: 22px;}
.inputForm label{font-size: 16px;}
.inputForm input{font-size: 16px;}
.search input[type='text']{margin-left: 0; width: 90%; font-size: 16px;}
.search_txt{font-size: 14px; line-height: 21px;}
.rating_info > .pop_txt{font-size: 14px; margin-top: 10px;}
.btn_calculate{right: 30px;}

.search{width: 595px;}
.tbl_type02 th:nth-child(6),
.tbl_type02 td:nth-child(6){border-right: none;}

/* 정보입력 */
.form_area {width: 600px;}
.inputForm{padding: 0;}
.form_txt_under{padding-left: 30px;}

/*오시는길*/
.history_map{padding-top: 110px;}
.history_map ul{margin: 0;}

.map_con{margin-top: 50px;}
.map_con .map_g{width: 100%;}
.map_con .map_g_in{margin-right: 0%;}

.map_con .add{width: 100%;}
.map_con .add_in{margin-left: 0; margin-top: 20px;}
.map_con .add dl dt,
.map_con .add dl dd{font-size: 17px;}
.map_con .btn a{display: inline-block; color: #fff; font-size: 14px; text-align: center; background: #01aeb2 url(../images/ico_more.png) no-repeat 85% 50%; padding:8px 60px 8px 40px; margin:15px 15px 0 0; box-sizing: border-box;}

.transpo{margin-top: 35px; font-size: 0;}
.transpo ul{ border-top: 0;}
.transpo ul:first-child{border-top: 1px solid #ddd; }
.transpo ul:last-child{border-bottom: 0; }
.transpo ul li{width: 100%; border-bottom: 1px solid #ddd; padding:25px 0; margin: 0; min-height: 72px; vertical-align: top;}
.transpo ul li .in{margin: 0 3% 0 80px;}
.transpo ul li .in strong{font-size: 17px;}
.transpo ul li .in p{font-size: 14px; margin-top: 8px;}
.transpo ul li .in .btn a{font-size: 14px; padding: 5px 10px;}
.transpo ul li.bus{background-position: 0 20px;}
.transpo ul li.subway{background-position: 0 20px;}

/*footer*/
#footer{padding-left: 50px;}
#footer address{left: 0;}
#footer .foot_logo{display: none;}

}

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

#contents{margin: 0;}
.contaner{margin: 0 10px;}

.tbl_type02 td .detail_view {background-size:60% 60%;}
.tbl_type02 td .detail_view:hover {background-size:60% 60%;}
.tbl_type02 td:nth-child(7){padding: 10px 3px;}

/*레이어팝업*/
.pop_content{padding: 0 30px;}
.popup_layer,
.highschool_search,
.rating_info {width: 340px; margin-left: -170px;}
.popup_layer > .tit {margin: 20px; font-size: 30px;}
.popup_layer .tit>.btnClose {right: 0; top: 0;}

.search{width: 90%;}
.search .search_btn{right: 0;}


.school_list dl dt{display: block; width: 100%; font-weight: bold;}
.school_list dl dd{display: block; width: 100%; padding-left: 0;}
.school_list dl dd .choice{position: relative; right: 0; width: 100%; display: block; margin-top: 8px;}

.rating_info .average dl dd{padding: 10px 40px;}

.my_selection{padding: 10px 0;}
.my_selection dl{margin: 0;}
.my_selection dl dd{margin-top: 0;}
.table_wrap{padding: 0;}


/*고교정보*/
.form_area {width: 380px; padding:20px; box-sizing:border-box;}
.popup_layer > .pop_tit > .tit,
.rating_info > .pop_tit > .tit{font-size: 23px;}
.rating_info > .pop_tit > .tit {margin-bottom: 10px;}
.rating_info .average dl dt{font-size: 16px;}
.btn_calculate{right: 22px;}


/*오시는길*/
.map_con .add strong{font-size: 23px;}
.map_con .add dl dt{font-size: 18px;}
.map_con .add dl dd{font-size: 16px;line-height:23px;}
.map_con .btn a{padding:8px 50px; margin:5px 10px 7px 0;}
.transpo ul li .in strong{font-size: 18px;}
/*.transpo ul li .in p{font-size: 16px;}*/
.transpo ul li .in span{font-size: 14px;}
}

@media all and (max-width:375px) {
.form_area {width: 320px; padding:20px; box-sizing:border-box;}
#footer{padding-left: 10px;}
.rating_info .tit>.btn_close{top:-5px;}

.history_map ul li,
.history_bg2 ul li{padding: 50px 0 38px 30px;}

/*레이어팝업*/
.popup_layer,
.highschool_search,
.rating_info {width: 300px; margin-left: -150px;}
.highschool_search,
.rating_info{padding: 15px;}
.popup_layer > .pop_tit > .tit{margin-top: 20px;}
.popup_layer .pop_tit{margin: 0 10px;}
.breadcrumb li{font-size: 14px; padding: 0 10px;}
.pop_tnb{margin:10px;}
.btn_set{margin-top: 0; background: #fff; padding-bottom: 10px; margin-bottom: 0;}
/*.t_btn{float: left;}*/

.nav_bar{margin: 0 10px;}
.pop_content{padding: 10px;}
ul.tabs li{width: 32%;}

.chart_wrap li{width: 310px;}
.tab_content .table_wrap,
.tbl_type02{margin-top: 2px; overflow: auto;}
}