@charset "UTF-8";


@media screen and (max-width:1300px){
	.img_col_box.col3 > div {float: left; display: block; width: 50%; margin-bottom: 15px;}
	.img_col_box.col3 > div > div { display: block; text-align: center;}
	.img_col_box.col3 > div:nth-child(3) {width: 100%; }
}
@media screen and (max-width:1201px){ 
	.ctp_box .box_arr .img_wrap {width: 120px; height: 120px; line-height: 116px;}
	.ctp_box .box_arr:after {top: 50px;}
	
}
@media screen and (max-width:991px){
	body {font-size: 15px;}
	.bread_box .container {padding: 0;}

	/* tit 타이틀 스타일 */
	.sub_tit_row .sub_tit1 {font-size: 2em;}
	.sub_tit_box > .sub_tit_r {position: relative;  float: right;	clear: both;}


	/* sub_top */
	.sub_top_tit {padding:40px 0; font-size: 1.8em; text-align: center;}
	.sub_share_box {display:none;} 
	.bread_box .btn_list {display: none;}
	.breadcrumb {position: relative; padding-left: 40px;}
	.breadcrumb > li {width: 50%;}

	.btn_list {display: none;}
	
	.breadcrumb.depth3 > li {width: 33.33%;}
	.breadcrumb > li > a {min-width: inherit; height: 40px; line-height: 40px; padding-left: 20px; padding-right: 20px;}
	.breadcrumb > li > p {min-width: inherit; height: 40px; line-height: 40px; padding-left: 20px; padding-right: 20px;}
	.breadcrumb > li.home {position: absolute; left: 0; top: 0; width: auto;}
	.breadcrumb > li.home > a {width: 40px;}
	.breadcrumb > li .depth_list {top: 40px;}
	.breadcrumb > li .depth_list li a {padding-left: 20px;}
	
	/* tab_style */
	.tab_style1 ul.col9 li {float: left; display: block; width: 19%; margin-right: 1%; margin-bottom: 1%; padding-right: 0;}
	.tab_style1 ul.col9 li:nth-child(5n) {margin-right: 0;}
	
	.tab_style3 .tab_row > div {width: 24%;}
	.tab_style3 .tab_row > div:nth-child(4n) {margin-right: 0;}


	/* bg_box */
	.bg_box .left_box {float: none; width: 100%; margin-bottom: 20px;}
	.bg_box .right_box {float: none; width: 100%;}


	/* box_list */
	.box_list.col2 > li {width: 100%; margin-right: 0;}


	/* content */
	.certification_box_list .box {position: relative; float: left; width: 46%; margin:0 2%; margin-bottom: 35px;}
	.certification_box_list .box:after {display: none;}
	.certification_box_list .box:nth-child(1) .tit_box {background-color: #009569;}
	.certification_box_list .box:nth-child(2) .tit_box {background-color: #f56161;}
	.certification_box_list .box:nth-child(3) .tit_box {background-color: #f56161;}
	.certification_box_list .box:nth-child(4) .tit_box {background-color: #009569;}
	.certification_box_list .box:nth-child(5) .tit_box {background-color: #009569;}
	.certification_box_list .box:nth-child(6) .tit_box {background-color: #f56161;}
	.certification_box_list .box:nth-child(7) .tit_box {background-color: #f56161;}	
	.certification_box_list .box:nth-child(8) .tit_box {background-color: #009569;}
	
	.blaze_box > div {float: none; width: 100%; margin-right: 0%; margin-bottom: 15px; overflow: hidden;}

	.color_box.col2 .box {float: none; width: 100%; max-width: 670px; margin: 0 auto 15px;}
	.color_box.col2 .box:nth-child(2n) { margin: 0 auto;}

	.step_box .box {width: 29%; margin: 2%;}
	.step_box .box:after {    right: -7%;}
	
	.ptt_box.mypage .inner_box .left {display: none;}
	.ptt_box.mypage .inner_box .right {display: table-cell; padding: 30px; vertical-align: middle;}

	/* img_box */
	.col2_box {display: table; width: 100%; }
	.col2_box .left {display: block; margin-bottom: 10px;}
	.col2_box .left .tit {margin-bottom: 20px; color: #434343; font-size: 1.250em; font-weight: 500;}
	.col2_box .left .txt {line-height: 2; color: #464545; -ms-word-break: keep-all; word-break: keep-all;}
	.col2_box .right {display: block; width: 100% !important; vertical-align: middle; text-align: left;}

	.technology_wrap .row.col2 > div {float: none; width: 100%; margin-bottom: 15px;}
	.technology_wrap .border_box .left_box {display: none;}
	.technology_wrap .border_box .right_box {width: 100%;}


	.iaai_step .row .step {font-size: 1em;}
	.iaai_step .row .step1,.iaai_step .row .step3 {width: 90px;}
	.iaai_step .row .step2 {padding: 5px 20px;}
	.iaai_step .row .step.arr {width: 30px; padding: 0 5px;}

	.bg_box .full_box .dot_list li {float: none; width: 100%;}

	.greet_img {margin-bottom: 20px;}
	.greet_img .box {position: relative; right: auto; bottom: auto; display: block; width: 100%; height: auto; padding: 40px 20px; background: url(/images/sub/greet_img_box.png) center center/cover no-repeat;} 
	

	.ctp_box .box_arr {width: 100%; margin-bottom:40px;}
	.ctp_box .box_arr .img_wrap {display: none;}
	.ctp_box .box_arr .img_wrap img {width: 40px;}
	.ctp_box .box_arr span {display: block; height: auto;  padding: 20px 0;}
	.ctp_box .box_arr:after {top: auto; bottom: -23px; left: 50%; right: auto; width: 25px; height: 20px; margin-left: -13px; -webkit-background-size: 100% 100%;
	background-size: 100% 100%; -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Safari 3-8 */
  transform: rotate(90deg); }
  .ctp_box .box_arr:last-child {margin-bottom: 0;}

	.technology_wrap .border_box {display: block; width: 100%; min-height: auto;}
	.technology_wrap .border_box .right_box {padding-left: 0;}

}

@media screen and (max-width:767px){
	/* table_style */
	.basic_table_box.scroll .table_hide {min-width: 767px;}
	.basic_table_box.scroll	.table_right_txt {float: left; min-width: 767px;}  

	/* list_style */
	.dot_list.point1.left > li {float: none; width: 100%; margin-bottom: 15px;}
	.dot_list.point1.left > li:nth-last-child(2) {margin-bottom: 15px;}	

	/* border_box */
	.border_box {padding: 20px 25px;}

	/* bg_box */	
	.bg_box {padding: 20px 25px;}


	.border_box .inner_box.col2 ul li {display: block; width: 100%;}
	.border_box .inner_box.col3 ul li {display: block; width: 100%;}
	.tab_style6 li {display: block; width: 100%; border: 1px solid #009569; border-top: none;}
	.tab_style6 li:nth-child(1) {border-top: 1px solid #009569;}
	.tab_style6 li {height: 35px;}
	.tab_style6 li a {line-height: 35px; font-size: 0.8em;}

		/* history_tab */
	.history_tab {width: 100%;}
	/* history_tit */
	.history_tit {border-bottom:1px solid #ccc; padding-bottom:30px;} 
	.history_tit .t1 {padding-bottom: 10px; font-size:2.0em;} 
	.history_tit .t2 {padding-bottom:20px; font-size:1.4em;} 
	.history_tit .t3 {font-size:1.0em;}
	/* history_box.skin2 */
	.history_box.skin2 .img_box {display: none;}
	.history_box.skin2:after {display: none;}
	.history_box.skin2 .his_row {margin:0; padding: 30px; border-bottom: 1px solid #ccc; } 
	.history_box.skin2 .his_row .year {position: static;}
	.history_box.skin2 .his_row .year:after {display:none;} 
	.history_box.skin2 .his_row .his_lr {float: none; width: 100%;}
	.history_box.skin2 .his_row .his_lr2 .year {position: static;}
	.history_box.skin2 .his_row .add_img_box {float: none; width: auto; padding-left: 90px; padding-top: 0;}
	.history_box.skin2 .his_row .add_img_box img {display: block; float: none; width: auto; margin-right: 0; margin-top: 0 !important; margin-bottom: 20px;}
	.history_box.skin2 .his_row .add_img_box img:last-child {margin-bottom: 0;}
	.history_box.skin2 .txt_boxs {padding-left:0; margin-top: 0;} 
	.history_box.skin2 .his_month_box {display:table; position: relative; width: 100%; text-align: left; table-layout: auto;}
	.history_box.skin2 .his_month_box:after {content:''; position:absolute; top:6px; left:5px; z-index:-5; width:1px; height: 200%; background-color: #ccc;}
	.history_box.skin2 .his_month_box:last-child:after {background-color: #fff;}
	.history_box.skin2 .his_month_box .month {display:table-cell; position: static; width: 90px; margin-bottom: 5px; padding-left: 18px; 
	background: url('/images/bull/m_bull_square_blue.jpg') 0 6px no-repeat; text-align: center;}
	.history_box.skin2 .his_month_box .list {display:table-cell; padding-left:0;} 

	.history_box.skin2:before {display: none;}
	.img_wrap.col3 > div {width: 48% !important; margin: 1% !important;}

	.advice_box_list .box {width: 100%; margin-bottom: 10px; padding-bottom: 10px; margin-right: 0; padding-right: 0;}
	.advice_box_list .box .left { width: 150px;}
	.advice_box_list .box .right {width: calc(100% - 150px); padding-left: 20px;}
	.advice_box_list .box .right .cont li {height: 30px;}
	.advice_box_list .box .right .cont li em {height: 30px;}
	.advice_box_list .box .right .cont li span {height: 30px;}


	.img_col_box.col3 {display: block; width: 100%;}
	.img_col_box.col3 > div {float: none; display: block; width: 100%; text-align: center !important; }
	.img_col_box.col3 > div > div {width: 100%; display: block;}
	.img_col_box.col3 > div > div img {}
	.img_col_box.col3 > div:nth-child(3) {width: 100%; }


}

@media screen and (max-width:640px){
	/* tit 타이틀 스타일 */
	.sub_tit_row .sub_tit1 {font-size: 1.750em;}
	.sub_tit2 {font-size: 1.250em;}

	/* sub_layout */
	
	.breadcrumb > li {width: 40%;}
	.breadcrumb > li:last-child {width: 60%;}

	/* box style */
	.row {overflow: hidden;}
	.row.col3 > div {float: left; width: 100%; margin-right:0%; margin-bottom: 20px;}
	.row.col3 > div:last-child {margin-right: 0;}

	/* bg_box */
	.bg_box > div .img {display: none;}

	/* img_box */
	.img_box .right {display: none;}

	/* tab_style */
	.tab_style1 ul.col9 li {float: left; display: block; width: 32%; margin-right: 1.5%; margin-bottom: 1%; padding-right: 0; font-size: 0.933em;}
	.tab_style1 ul.col9 li:nth-child(5n) {margin-right: 1.5%;}
	.tab_style1 ul.col9 li:nth-child(3n) {margin-right: 0%;}
	
	/* tab_style2 */
	.tab_style2 > ul > li {font-size: 0.8em;}

	/* 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;}
	.transport_list > li {padding-bottom: 30px; border-bottom: 1px solid #dedede;}


	/* content */
	.certification_box_list .box {position: relative; float: none; width: 96%;  margin:0 auto 20px !important; max-width: 340px; margin-bottom: 35px;}
	.certification_box_list .box .con_box {min-height: auto;}
	.certification_box_list .box:nth-child(odd) .tit_box {background-color: #009569 !important;}
	.certification_box_list .box:nth-child(even) .tit_box {background-color: #f56161 !important;}


	
	.popup_layer .content_layer .certification {padding: 30px;}
	.popup_layer .content_layer .certification .close_btn {right: 10px; top:10px;}
	.popup_layer .content_layer .certification .tit {padding-top: 30px; padding-bottom:10px;}
	.popup_layer .content_layer .certification .info_table .left {display: block; float: none; width: 100%;}
	.popup_layer .content_layer .certification .info_table .right { display: block; float: none; width: 100%;}


	.img_col_box > div {display: block;}


	.sub_each.col2 > .left_box {float: none; width: 100%; margin-bottom: 40px;}
	.sub_each.col2 > .right_box {float: none; width: 100%;}
	.img_wrap.col2 > div {float: none; width: 100%; margin-bottom: 10px;}
	.border_box.col3 > div {position: relative; display: block; width: 100%; height: auto; border-right: none; margin-bottom: 30px;}
	.border_box.col3 > div:last-child {margin-bottom: 0;}
	

	.step_box .box {width: 42%; margin: 2% 4%;}
	.step_box .box:after { right: -7%;}
	.step_box .box .tit_box {height: 60px; line-height: 60px;}
	.step_box .box .cont_box {height: 80px;}

	/* tab_style4 */
	.tab_style4 li {float: left; display: block; width: 16.66%; border-top: none;}
	.tab_style4 li:nth-child(1) {width: 100%;border-top: 1px solid #009569;}
	.tab_style4 li:nth-child(2),.tab_style4 li:nth-child(8) {border-left: 1px solid #009569;}

	.sch_bg_box {padding: 20px 15px;}
	.sch_bg_box_row .lbl {display: inline-block; width: auto; margin-bottom: 10px; text-align: left;}


	.iaai_step {width: 100%; padding-top: 30px; background: url(/images/basic/lr_arr_ico.png) 48% 0 no-repeat;
    background-size: 30px;
    animation: tblScrollAni 2s infinite; overflow: auto;}
	.iaai_step .row {min-width: 580px;}


	.bg_box.arr .box_arr {width: 100%; margin-right: 0; padding-bottom: 30px;}
	.bg_box.arr .box_arr span {display: block; height: auto;}
	.bg_box.arr .box_arr:last-child {padding-bottom: 0;}
	.bg_box.arr .box_arr:after {right: auto; left: 50%; top: auto; bottom: 8px;     transform: rotate(90deg);}
	
	.greet_img .box h1 span {font-size: 1.2em;}
	.greet_box .tit {font-size: 1.5em;}


	.info_info_box .box {width: 48%; margin: 1% ;}






}

@media screen and (max-width:480px){
	/* tab_style3 */
	.tab_style3 .tab_4p > div {width: 49%;}
	/* sub_layout */
	#sub_real_contents {padding: 10px 10px 120px;}

	/* sub_top */
	.breadcrumb {padding-left: 0;}
	.breadcrumb > li.home {display: none;}
	
	.breadcrumb > li {width: 100% !important; text-align: center; border-right: none !important;}
	.breadcrumb > li:last-child {border-top: 1px solid #e0e0e0;}

	.sub_top_tit {font-size:1.5em;}
	.breadcrumb > li > a {padding-left: 10px; font-size: 0.867em;}
	.breadcrumb > li > p {padding-left: 10px; font-size: 0.867em;}
	.breadcrumb > li .depth_list li a {padding-left: 10px;}

	/* box style */
	.row {}
	.row.col2 > div{float: none; width: 100%; margin-right: 0%; margin-bottom: 30px;}
	.row.col2 > div:last-child {margin-right: 0;}

	.step_box .box {width: 98%; margin: 2% 1%;}
	.step_box .box:after { right: -7%;}

	.step_box .box .cont_box {display: block; height: auto; padding: 20px;}


	.board_write .hide_tr {display: none;}	
	.board_write .hide_tr.on {display: table-row;}


	.info_info_box .box {width: 98%; margin: 1% ;}

	.img_wrap.col3 > div {width: 98% !important; margin: 1% !important;}

	.advice_box_list .box .left {float: none; width: 100%; max-width: 150px; margin: 0 auto ;}
	.advice_box_list .box .right {float: none; width: 100%; padding-left: 0;}


}