@charset "UTF-8";

@media screen and (max-width:991px){
	/* sub_top */
	.sub_top {margin-bottom: 0;}
	.sub_top_tit {height: 150px; padding-top: 40px; font-size: 1.8em;}
	.sub_top .sub_top_bg {height: 320px;}
	.sub_top_gnb .sub_top_list a {height: 50px;}
	
	.sub_share_box {display:none; top: 40px; margin-top: 0px; } 
	.bread_box .btn_list > li {margin-left: 5px; padding: 0 7px 0 0;}
	.bread_box .btn_list > li > a {width: 35px; height: 35px; line-height: 30px;}
	.bread_box .btn_list > li > a img {width: 15px;}
	.breadcrumb {position: relative; padding-left: 10px;}
	.head_logo {width: 150px; left: 10px;}
	.head_logo a {background: url('/images/common/head_logo.png') center center/contain no-repeat;}
	.header.scrolled .head_logo a {background: url('/images/common/head_logo2.png') center center/contain no-repeat;}
	.m_gnb_btn span {background-color: #fff;	}
	.header.scrolled .m_gnb_btn span {background-color: #000;	}
	.edu_wrap .sub_sch_box .input_box.date input {max-width: 46%;}


	.complete_top_box .complete_box {display: block;}
	.complete_top_box .complete_box .left {display: block; width: 100%; margin-bottom: 25px;}
	.complete_top_box .complete_box .left .img_wrap {width: 100%; max-width: 300px; margin: 0 auto;}
	.complete_top_box .complete_box .right {display: block; width: 100%; text-align: center;}
	.complete_top_box .complete_box .right .tit {display: inline-block;}
	.complete_top_box .complete_box .right .tit:after {left: 50%; margin-left: -22px;}
	.complete_sub_txt {text-align: center;}


	.board_list tbody td.my_edu {clear: both;}
	
	.board_list tbody td.my_edu1 {clear: both;}
	.board_list tbody td.my_edu a {float: left; width: 80px; margin-right: 10px; text-align: center;}
	.board_list tbody td.my_edu p {float: left;}
	.board_list tbody td.my_edu:before {content: attr(data-th) ": "; float: left; margin-top: 0; padding: 0 10px 0 0; font-size: 1em;}


	/* installation */
	.slide_wrap_top {display: block; width: 100%; max-width: 600px; margin: 0 auto 20px;}
	.slide_wrap_top #installation_slide {display: block; width: 100%;}
	.slide_wrap_top .installation_list {display: block; width: 100%;}
	.slide_wrap_top .installation_list .tit_box {position: relative; height: 50px; line-height: 50px;}
	.slide_wrap_top .installation_list .list_tit {display: none; padding-top: 20px; overflow: hidden;}
	.slide_wrap_top .installation_list .list_tit a {display: inline-block; width: 25%; padding-left: 35px;}
	.slide_wrap_top .installation_list .list_tit a em {width: 25px; height: 25px; }
	.slide_wrap_bottom {display: block; width: 100%; max-width: 600px; margin: 0 auto;}
	
	/* installation_info_wrap */
	.installation_info_wrap .instal_box_wrap .box {width: 31.33%; margin: 1%;}

	.col_box_wrap .col {float: none; width: 100%; margin-bottom: 10px;}

	/* greet_wrap */
	.greet_wrap .left_box {float: none; width: 100%;}
	.greet_wrap .left_box .tit_box h1 {font-size: 1.3em; word-break:keep-all;}
	.greet_wrap .right_box {float: none; width: 100%;}
	.greet_wrap .right_box .img_wrap {display: none;}

	/* info_wrap */
	.col5_box {padding-top: 40px;}
	.col5_box:before {display: none;}
	.col5_box .box {float: left; width: 32.5%; margin-right: 1%; margin-bottom: 1%;}
	.col5_box .box:nth-child(3) {margin-right: 0;}	
	.col5_box .box:after {display: none;}
	.col5_box .box:before {display: none;}


}

@media screen and (max-width:767px){

	/* history basic */
	.history_box {background-image:none;}
	.history_box .img_box {display:none;}
	.his_row {margin-bottom:0; padding:30px 0; border-bottom:1px dashed #ccc;}
	.his_row:last-child {border-bottom:0 none;}
	.his_row .his_lr {float:none; width:100%; padding-top:0;}
	.his_row:nth-child(odd) .his_lr {padding-right:0;}
	.his_row:nth-child(even) .his_lr {float:none; padding-left:0;}
	.his_row .year {position:relative; top:0; width:100%; margin-bottom:15px; padding-left:18px; font-size:1.6em; text-align:left;}
	.his_row:nth-child(even) .his_lr .year {left:0;}
	.his_row .year:after {width:10px; height:10px; margin-top:-5px;}
	.his_row:nth-child(odd) .his_lr .year:after {right:-40px; left:0;}
	.his_row:nth-child(even) .his_lr .year:after {left:0;}
	.his_month_box .month {width:65px; padding-left:18px;}
	.his_row .add_img_box {float:none; width:100%; padding-top:20px;}
	.his_row .add_img_box img {max-height:150px;}  

}

@media screen and (max-width:640px){


	.complete_top_box {padding: 40px 0;}
	.complete_btn .common_btn {height: 40px; line-height: 40px; }
	
	
	/* installation */
	.installation_top .border_box .left {display: block; width: 100%; margin-bottom: 15px; vertical-align: middle; text-align: center;}
	.installation_top .border_box .left img {width: 75px;}
	.installation_top .border_box .right {display: block; vertical-align: middle;}	
	.installation_top .border_box .right h1 {text-align: center;}


	.slide_wrap_top .installation_list .list_tit a {width: 33.33%;}
	.slide_wrap_top #installation_slide .slick-prev, .slide_wrap_top #installation_slide .slick-next {width: 20px; height: 37px; -webkit-background-size: cover;
	background-size: cover;}
	.slide_wrap_top #installation_slide .slick-next {right: 20px; width: ;}
	.slide_wrap_top #installation_slide .slick-prev {left: 20px;}


	/* installation_info_wrap */
	.instal_box_wrap .box {width: 48%; margin: 1%; padding: 35px 0 10px;}	
	.instal_box_wrap .box .img_wrap {display: none;}

	/* info_wrap */
	.info_wrap .vision_box {background: none;}
	.info_wrap .vision_box2 .box {float: none; width: 100%; margin-bottom: 10px;;}

/* basic contact */
	.map_info_box {display:block;}
	.map_info_box .left {display:block; width:100%; margin-bottom:50px; padding-right:0;}
	.map_info_box .right {display:block; padding-left:0; border-left:0 none;}


	.confirm_img_wrap {display: none;}
	.custom_confirm_box {padding: 20px;}
	.confirm_txt_wrap {display: block; padding-left: 0px;}

	
}

@media screen and (max-width:480px){
	.sub_top_tit {height: 100px; padding-top: 20px; font-size:1.5em;}
	.sub_top .sub_top_bg {height: 270px;}
	.breadcrumb > li > a {padding-left: 10px; font-size: 0.867em;}
	.breadcrumb > li .depth_list li a {padding-left: 10px;}

	.sub_top_gnb .sub_top_list li { vertical-align: middle;}
	.breadcrumb {width: 100%; margin-bottom: 5px;}

	.depth2_tit h1 {font-size: 2em;}


	.popup_layer .cont_layer {width: 98%;}
	.popup_layer .cont_layer .pop_box {width: 100%;}
	.popup_layer .cont_layer .pop_box .input_box .box label {display: block; width: 100%;}
	.popup_layer .cont_layer .pop_box .input_box .box select, .popup_layer .cont_layer .pop_box .input_box .box input {display: block; width: 100%;}

	/* installation */
	.slide_wrap_top .installation_list .list_tit a {width: 50%;}


	/* info_wrap */
	.info_wrap .top_box img {width: 200px; left: 20px;}
	.col5_box .box {width: 48% !important; margin: 1% !important;}

	/* tab_style */
	.tab_style .tab {font-size: 0.889em;}


	


}