@charset "UTF-8";
@import url("sub_respond2.css");


@media screen and (max-width:1201px){ 
	#sub_real_contents {padding: 20px; padding-bottom: 120px;}


	/* ideology_wrap */
	.ideology_con .plus_box {width: 665px;}
	.ideology_con .plus_box {-webkit-transition: 0.3s all; -moz-transition: 0.3s all;	-ms-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all;}
	.ideology_con .plus_box .plus {width: 70px;}
	.ideology_con .plus_box .plus {-webkit-transition: 0.3s all; -moz-transition: 0.3s all;	-ms-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all;}

	/* consulting */
	.consulting1 .box_arr {width: 110px; margin-bottom: 2%; margin-right: 15px; text-align: center;}



	.consulting2_box3 .tit {font-size: 1em;}
	.flex_block2 .img {flex:0 0 350px;}
	.left_safety .box {width: 380px;}
}
@media screen and (max-width:991px){
	.list_info_mission dl dt:after {
		position: absolute;
		right:auto;
		bottom: -31px;
		width: 1px;
		height: 31px;
		content: '';
	}
	.list_info_mission dl dd {
		text-align:center;
		border-radius:10px;
		height:auto;
		font-size:15px;
	}
	.flex_list .dashed li {width:100%;flex:1 1 100%;}
	.list_info_mission dl {
    flex-direction: column;
	}

	.video_area video {max-width:100%;height:50vw;width:100%;}
	.img_fiex_block img {max-width:100% !important;}
	.img_fiex_block {padding:10px;flex-direction: column;}
	.flex_block2 {
		flex-direction: column;
	}
	.left_safety .box {width: 100%;padding: 10px;}
	.flex_block2 .img {flex:0 0 auto;}
	.flex_block2 .center {width: 100%;height: 45vw;background-size: contain;}
	.right_fields ul li {padding: 20px;font-size: 15px;}
	.bread_box .container {padding: 0;}

	/* tit 타이틀 스타일 */
	.sub_tit_row .sub_tit1 {font-size: 2em;}
	.translate_area .txt strong {font-size:15px;}

	
	.greet_top_box .left_box { width: 100%; -webkit-background-size: cover; background-size: cover;}
	.greet_top_box .right_box {display: none;}
	.greet_txt_box .each_box {float: none; width: 100%; margin-bottom: 30px;}


	/* 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;}


	/* ideology_wrap */
	.ideology_con .left {display: block; float: none; width: 100%; margin-bottom: 15px;}
	.ideology_con .left .left_tit1 {margin: 0 auto;}
	.ideology_con .left .left_tit1:after {display: none;}
	.ideology_con .right {display: block; float: none; width: 100%;}
	.ideology_con .right .right_tit {height: 90px; padding-top: 0;}
	.ideology_con .right .right_tit .left:before {display: none;}

	.ideology_con.point4 .left {padding-top: 0;}
	.ideology_con.style2 .right .border_box:before {display: none;}
	.ideology_con.style2 .right .border_box .txt1 {padding: 0 20px; font-size: 1.2em;}



	/* ci_wrap */
	.ci_wrap {}
	/* border_box style2  */
	.ci_wrap .border_box.style2 {padding: 30px;}
	.ci_wrap .border_box.style2 .left_box {display: block; width: 100%; margin-bottom: 25px;}
	.ci_wrap .border_box.style2 .right_box {display: block; width: 100%; padding-left: 0; }
	.ci_wrap .border_box.style2 .right_box .common_btn.download.style2 {margin-left: 0;}


	.video_box .left_40 .left_box {float: left; width: 50%;} 
	.video_box .left_40 .right_box {float: left; width: 50%; padding-left: 30px;}

	.recruitment2_box .box p {font-size: 1.125em; text-align: center;}

	
	/* notice_wrap */	
	.ptt_box.notice .inner_box {padding: 20px 30px; background:#fff}
	.ptt_box.notice .inner_box h1 {font-size: 1.5em;}
	.ptt_box.notice .inner_box h1 span {display: block;}
	.ptt_box.qna .inner_box .dot_list > li {padding-right: 0;}

	/* consulting2 */
	.consulting2_box3 .box {float: none; width: 100%; margin-bottom: 20px; overflow: hidden;}
	.consulting2_box3 .con {height: auto; overflow: hidden;} 
	.consulting2_box3 .con .img_wrap {float: left; width: 45%; margin-right: 5%;}
	.consulting2_box3 .con .dot_list {float: left; width: 50%;}


	.consulting3_btn_wrap .btn_box {float: none; width: 100%; margin-bottom: 10px;  padding-bottom: 10px; padding-right: 10px;}
	.consulting3_btn_wrap .btn_box:last-child {margin-right: 0;}

	.consulting4 .consulting3_border {padding: 20px 25px;}
	.consulting3_border .box3 {position: relative; float: none; width: 100%; margin-right: 0%; margin-bottom: 20px; word-break: keep-all;}
	.consulting3_border .box3:after {display: none;}
	.consulting3_border .box3:last-child {margin-right: 0;}
	.consulting3_border .box3:last-child:after {display: none;}
	
	/* exam_wrap */	
	.exam_wrap .img_box  .left { display: block; height: auto !important;}
	.exam_wrap .img_box  .right {display: block; width: 100% !important; text-align: center;}


	.sub_each_img {display: block; margin-bottom: 20px;}
	.sub_each_img .img_left {display: block; width: 100%;}
	.sub_each_img .img_right {display: none;}
	.sub_each_img .img_right img {vertical-align: bottom;}

	.survey_wrap .img_box {display: block;}
	.survey_wrap .img_box .left {display: block; height: auto !important;}
	.survey_wrap .img_box .right {display: block; width: 100% !important; text-align: center;}

	.survey_tab {margin-bottom: 30px; overflow: hidden;}
	.survey_tab > button {width: 160px; background-image: none; text-align: center;}
	.survey_tab > button.on, .survey_tab > button:hover, .survey_tab > button:focus {background-image: none;}

	.discount_wrap .img_box {display: block;}
	.discount_wrap .img_box .left {display: block; height: auto !important;}
	.discount_wrap .img_box .right {display: block; width: 100% !important; text-align: center;}


	.discount_wrap .discount_box {width: 27%; margin-right: 9%;}

	.document_wrap a.print_btn {display: none;}
	.document_wrap .board_list .chk_td {display: none;}
	.think_wrap a.print_btn {display: none;}
	.think_wrap .board_list .chk_td {display: none;}

	.regulations_wrap .regulations_list .link_btn {width: 295px;}
	.regulations_wrap .regulations_list .link_btn a {width: 90px; margin-right: 10px;}


	.lease_wrap .dot_box h1 {font-size: 1.2em;}
	


	.lease_wrap .lease_left {width: 100%;}
	.lease_wrap .lease_right {display: none;}

	.event_info_wrap .box_arr {width: 48%;}


	.managenment_box .box {width: 25%; margin-bottom: 3px;}

	

}

@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;}



	/* ideology_wrap */
	.ideology_con .right .right_tit {height: auto; padding-bottom: 10px;}
	.ideology_con .right .right_tit div {position: relative; width: 100%; max-width: 400px; height: 40px; margin: 5px auto;}

	.ideology_con .plus_box {width: 530px;}
	.ideology_con .plus_box .box {width: 130px; height: 130px;}	
	.ideology_con .plus_box .plus {height: 130px;}
	.ideology_con.style2.point3 .plus_box .box .tit {font-size: 1.2em;}

	.ideology_con.style3 .pattern_box .box {height: 300px;}
	.ideology_con.style3 .pattern_box .box .inner_box {padding: 20px 5px;}
	.ideology_con.style3 .pattern_box .box .inner_box .img_wrap {margin-bottom: 20px;}
	.ideology_con.style3 .pattern_box .box .inner_box .txt p {font-size: 1em;}

	/* left_tit_wrap */
	.left_tit_wrap {margin-bottom: 30px;}
	.left_tit_wrap .left_box {float: none; width: 100%; margin-bottom: 10px;}
	.left_tit_wrap .right_box {float: none; width: 100%;}

	/* ci_wrap */
	.ci_color_box > div {width: 48%; margin-right: 4%; margin-bottom: 4%;	}
	.ci_color_box > div:nth-child(2n) {margin-right: 0;}



	.video_box .left_40 .left_box {float: none; width: 100%; margin-bottom: 30px;} 
	.video_box .left_40 .right_box {float: none; width: 100%; padding-left: 0; padding-top: 0;}

	/* 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 .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 .month.month2 {width: auto;}
	.history_box.skin2 .txt_boxs2 {padding-top: 0;}
	.history_box.skin2 .his_month_box .list {display:table-cell; padding-left:0;} 

	.history_box.skin2:before {display: none;}

	.recruitment_wrap .left_40 .left_box {width: 100%; margin-bottom: 20px;}
	.recruitment_wrap .left_40 .right_box h1 {font-size: 1.5em; text-align: center;     word-break: keep-all;}
	.recruitment_wrap .left_40 .right_box p {font-size: 1em;}
	.recruitment_wrap .left_40 .right_box {width: 100%; padding-left: 0;}


	.recruitment2_box:after {display: none;}
	.recruitment2_box .box {width: 47%; height: 190px; margin-bottom: 3%;}
	.recruitment2_box .box:nth-child(2n) {margin-right: 0;}
	.recruitment2_box .box p {}
	.recruitment2_box .box img {width: 130px;}


	.recruitment3_box_wrap .recruitment3_box {margin-bottom: 30px;}
	.recruitment3_box_wrap .recruitment3_box .img_wrap {display: none;}
	.recruitment3_box_wrap .recruitment3_box .con {float: none; width: 100%;}

	.consulting4_box2 { overflow: hidden;}
	.consulting4_box2 .box {float: left; width: 100%; margin-right: 0%; margin-bottom: 3%;}
	.consulting4_box2 .box:nth-child(2n) {margin-right: 0;}


	/* exam_wrap */
	.exam_wrap .bg_box.con1 .left {float: none; width: 100%; margin-bottom: 30px;}
	.exam_wrap .bg_box.con1 .right {float: none; width: 100%;}


	
	
	.new_sub_sch_box { padding-right: 0px; padding:15px;}
	.new_sub_sch_box .row {display:block; width:100%; margin-bottom:0px;}
	.new_sub_sch_box .row .form {float: none !important; display: block !important; width: 100% !important; margin-bottom: 10px;}
	.new_sub_sch_box label {display: block !important; width: 70px; margin-bottom: 5px; font-size: 1.06em; vertical-align: middle; text-align: left !important; }
	.new_sub_sch_box select {height: 30px !important;}
	.new_sub_sch_box input {height: 35px !important; padding: 0 3px !important;}
	.new_sub_sch_box .slt_box {display: block !important; padding-right: 0px !important; vertical-align: middle;}
	.new_sub_sch_box .input_box {display: block !important; padding-right: 0px !important; vertical-align: middle;}



	.discount_wrap .discount_box {float: none; width: 95%; min-height: auto; margin-right: 9%; margin: 0 auto 40px !important; padding: 20px;}
	.discount_wrap .discount_box:after {right: auto; left: 50%; top: auto; bottom: -30px; width: 20px; height: 20px; margin-left: -10px; background-size: 100% 100%;
	-ms-transform: rotate(90deg); /* IE 9 */
	-webkit-transform: rotate(90deg); /* Safari 3-8 */
	transform: rotate(90deg);}

	.document_wrap .view_btn_wrap {float: none; width: 100%;}
	.document_wrap .view_btn_wrap a {float: left; width: 49%; margin-left: 2%; padding: 4px 0; text-align: center;}
	.document_wrap .view_btn_wrap a:first-child {margin-left: 0;}

	.think_wrap .sub_sch_box .row1 select {width: 49% !important;}
	.think_wrap .view_btn_wrap {float: none; width: 100%;}
	.think_wrap .view_btn_wrap a {float: left; width: 49%; margin-left: 2%; padding: 4px 0; text-align: center;}
	.think_wrap .view_btn_wrap a:first-child {margin-left: 0;}
	


	.regulations_wrap .regulations_list .tit {display: block; width: 100%; padding: 15px 0 5px;}
	.regulations_wrap .regulations_list .link_btn {display: block; width: 100%; padding: 5px 0 15px 22px; overflow: hidden;}
	.regulations_wrap .regulations_list .link_btn a {width: 70px; height: 25px; line-height: 25px; font-size: 14px;}

	.seminar_wrap .regulations_list .tit {display: block; width: 100%; padding: 15px 0 5px;}
	.seminar_wrap .regulations_list .link_btn {display: block; width: 100%; padding: 5px 0 15px 22px; overflow: hidden;}
	.seminar_wrap .regulations_list .link_btn a {width: 70px; height: 25px; line-height: 25px; font-size: 14px;}



	.lease_wrap .lease_img_box .left {width: 100%; padding: 10px;}
	.lease_wrap .lease_img_box .right {width: 100%; padding-right: 10px;}

	.lease_img_box2 .box {width: 49%; margin: 0 0.5% 15px; }
	.lease_img_box2 .box:nth-child(3) {clear: both;}
	.lease_wrap .join_btn,.lease_wrap .down_btn {width: 180px; margin-left: 0; margin-bottom: 10px; clear: both;}

	.event_list_wrap .board_list .point1 {height: 20px; line-height: 18px; font-size: 12px;}

	.com_history_view_wrap .img_box .right {display: none;}


	.greet_top_box .left_box {height: 250px; padding: 20px;}
	.greet_top_box .left_box h1 {margin-bottom: 30px; color: #ffffff; font-size: 1.5em; font-weight: 500; word-break:keep-all;}
	.greet_top_box .left_box p {font-size: 1em; color: #fff;}

}

@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;}

	/* 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: 1em;}

	/* 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;}



	/* ideology_wrap */
	.ideology_con .pattern_box .box {float: none; width: 100%; max-width: 310px; margin: 0 auto 10px !important; }
	.ideology_con .plus_box {width: auto;}
	.ideology_con .plus_box .box {float: none; width: 310px; height: 80px; margin: 0 auto 5px; border-radius: 0}
	.ideology_con .plus_box .plus {float: none; width: 310px; height: 50px;  margin: 0 auto 5px}
	.ideology_con.style2.point2 .right .border_box .con2 .box_wrap > div {width: 100px;}

	.ideology_con.style3 .pattern_box .box {height: 240px;}
	.ideology_con.style2.point2 .right .border_box .con1 h1 {font-size: 2em;}




	/* ci_wrap */

	.logo_type_box {padding: 40px 15px;}
	.character_box:nth-child(1), .character_box:nth-child(2) {float: none; width: 100%; height: auto;}
	.video_box .row {padding: 20px;}
	.left_40 .left_box {float: none; width: 100%;}
	.left_40 .right_box {float: none; width: 100%; padding-left: 0; padding-top: 0;}



	.consulting2_box3 .con .img_wrap {display: none;}
	.consulting2_box3 .con .dot_list {width: 100%;}


	.consulting3_btn_wrap .btn_box i {display: none;}


	.board_write .m_no_top { border-top: none; padding: 5px 10px;}
	.board_write .m_no_p {padding-top: 30px;}

	.document_wrap .open_more_sch .more_sch_btn {display: inline-block; padding: 7px 60px 7px 50px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; background: url('/images/sub/openmore_arr.png') no-repeat right 40px top 13px; background-color: #19976c; color: #fff; font-weight: 300; box-shadow: 0px 4px 10px 2px #d6d6d6;}
	.document_wrap .open_more_sch .more_sch_btn.on {display: inline-block; padding: 7px 60px 7px 50px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; background: url('/images/sub/clsmore_arr.png') no-repeat right 40px top 13px; background-color: #19976c; color: #fff; font-weight: 300; box-shadow: 0px 4px 10px 2px #d6d6d6;}

	.think_wrap .open_more_sch .more_sch_btn {display: inline-block; padding: 7px 60px 7px 50px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; background: url('/images/sub/openmore_arr.png') no-repeat right 40px top 13px; background-color: #19976c; color: #fff; font-weight: 300; box-shadow: 0px 4px 10px 2px #d6d6d6;}
	.think_wrap .open_more_sch .more_sch_btn.on {display: inline-block; padding: 7px 60px 7px 50px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; background: url('/images/sub/clsmore_arr.png') no-repeat right 40px top 13px; background-color: #19976c; color: #fff; font-weight: 300; box-shadow: 0px 4px 10px 2px #d6d6d6;}

	.regulations_list {padding: 20px;}

	.event_info_wrap .box_arr {width: 100%;}
	.event_info_wrap .box_arr:after {display: none;}



	.com_history_list .txt_box {font-size: 1em;}



	












}

@media screen and (max-width:480px){
	/* 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;}


	/* ideology_wrap */
	.ideology_con .right .right_tit span {font-size: 0.938em;}

	.ideology_con .pattern_box .box {height: 170px;}
	.ideology_con .pattern_box .box .inner_box {padding: 10px 0;}
	.ideology_con .pattern_box .box .inner_box .img_wrap {width: 80px; margin: 0 auto 10px;}

	.ideology_con .plus_box .box {width: 90%;}
	.ideology_con .plus_box .plus {width: 90%;}


	.ideology_con.style2.point2 .right .border_box .con2 p {font-size: 1em;}
	.ideology_con.style2.point2 .right .border_box .con2 .box_wrap > div {width: 60px;}




	/* ci_wrap */
	.ci_color_box > div {width: 100%	}
	.ci_color_box > div:nth-child(2n) {margin-right: 0;}


	/* history_tab */
	.history_tab {margin-bottom: 50px;}
	.history_tab > li a {font-size: 1.18em;}


	.recruitment3_box_wrap .recruitment3_box .link_box .box {display: block; width: 100%; margin-bottom: 10px; padding: 0;}


	/* exam_wrap */	
	.exam_wrap .border_box .left_box {width: 100%; padding: 15px; }

	/* insurance_wrap */
	.insurance_wrap .bg_box .dot_list.point1 li {float: left; width: 100%;}

	/* seminar_wrap */
	.seminar_wrap .regulations_list {padding: 20px 15px;}





}