/* �깭釉붾┸�슜   
============================================================================================================================================
============================================================================================================================================ */
@media all and (max-width: 1200px) {
	/*================ 怨듯넻�궗�슜 ================*/
	.cen {
		padding: 0 15px;
	}

	/*====== �꽌釉뚭났�넻 ======*/
	.sub_tab {
		width: calc(100% - 30px);
		left: 15px;
	}

	/*====== �꽌釉뚭났�넻 �걹 ======*/

	/*================ 怨듯넻�궗�슜 �걹 ================*/

	/*================ GNV ================*/
	/*================ GNV �걹 ================*/

	/*================ �뒳�씪�씠�뜑 ================*/

	/*================ �뒳�씪�씠�뜑 �걹 ================*/

	/*================ �뫖�꽣 ================*/
	.footer_site_map .gnv_d2_wrap {
		font-size: 12px;
	}

	/*================ �뫖�꽣 �걹 ================*/

	/*============= 鍮꾩쟾 諛� 紐⑺몴 =============*/
	.vision_info_tit>div {
		font-size: 3em;
	}

	/*============= CI�냼媛� =============*/
	.ci_type_box {
		width: calc(50% - 10px);
		margin-right: 20px;
	}
	.ci_type_box:nth-child(2n) {
		margin-right: 0;
	}
	.down_btn {
		font-size: 12px;
	}
	.down_btn img {
		width: 12px;
	}

	/*============= �뜽�꽕�씪 寃뚯떆�뙋  =============*/
	.thumb_box {
		width: calc(50% - 30px);
		    margin: 0 14px 20px 14px;
	}
}

@media all and (max-width: 1000px) {
	/*================ 怨듯넻�궗�슜 ================*/
	body {
		overflow-x: hidden;
	}
	.half_div_wrap {
		display: block;
	}
	.half_div {
		width: 100%;
		display: block;
	}
	.half_div_ab {
		width: 100%;
		height: auto;
		left: 0px;
		top: 0;
		position: relative;
	}
	.half_div:nth-child(1) {
		padding-right: 0;
	}
	.half_div:nth-child(2) {
		padding-left: 0;
	}

	/*====== �꽌釉뚭났�넻 ======*/
	.sub_tit_wrap .cen {
		
	}
	.sub_tab {
		max-width: 360px;
		max-height: 65px;
		left: 50%;
		transform: translateX(-50%);
		overflow: hidden;
		display: block;
		font-size: 18px;
		z-index: 1;
	}
	.sub_tab.on {
		max-height: 700px;
		transition: all .3s;
	}
	.sub_tab_btn.now {
		position: relative;
		font-weight: 500;
	}
	.sub_tab_btn {
		border-top: rgba(255, 255, 255, 0.1) 1px solid;
		border-bottom: rgba(0, 0, 0, 0.05) 1px solid;
	}
	.sub_tab_btn.now:after {
		content: '';
		width: 15px;
		height: 10px;
		background-image: url('/images/global/select_w.svg');
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		position: absolute;
		right: 15px;
		top: 30px;
		transition: all .3s;
	}
	.sub_tab.on .sub_tab_btn.now:after {
		transform: rotate(180deg);
	}

	/*====== �꽌釉뚭났�넻 �걹 ======*/

	/*================ 怨듯넻�궗�슜 �걹 ================*/

	/*================ GNV ================*/
	.gnv_mobile_menu_btn {
		display: block;
	}
	.gnv_menu_wrap {
		width: 100%;
		max-width: 250px;
		position: absolute;
		right: -calc();
		z-index: 30;
		transition: all .3s;
		right: -100%;
		top: 0;
		padding-top: 127px;
	}
	.gnv_menu_wrap .cen {
		padding: 0;
	}
	.gnv_menu_wrap.on {
		right: 0%;
	}
	.gnv_menu {
		width: 100%;
		float: none;
		border-top: rgba(255, 255, 255, 0.1) 1px solid;
		border-bottom: rgba(0, 0, 0, 0.05) 1px solid;
		clear: both;
	}
	.gnv_menu.on .gnv_d1:nth-child(1) {
		
	}
	.gnv_menu .gnv_d2_wrap {
		position: relative;
	}
	.gnv_menu:hover .gnv_d2_wrap {
		max-height: 0px;
		position: relative;
	}
	.gnv_menu.on .gnv_d2_wrap {
		max-height: 500px;
	}

	/*================ GNV �걹 ================*/

	/*================ �뒳�씪�씠�뜑 ================*/

	/*================ �뒳�씪�씠�뜑 �걹 ================*/

	/*================ �뫖�꽣 ================*/
	.footer_site_map_wrap {
		display: none;
	}

	/*================ �뫖�꽣 �걹 ================*/

	/*================ 硫붿씤 ================*/
	.main_quickmenu_wrap {
		margin: 25px 0;
		height: 200px;
	}
	.main_quickmenu_wrap>div {
		background: #f1f1f1;
		border: #fff 2px solid;
	}
	.main_greeting_wrap {
		background-size: 200px;
	}
	.main_greeting_tit {
		font-size: 1em;
	}
	.main_greeting_content>div:nth-child(1) {
		font-size: 2em;
	}
	.main_greeting_content>div:nth-child(2) {
		font-size: 1em;
	}
	.main_greeting_sign {
		font-size: 1em;
	}

	/*================ 硫붿씤 �걹 ================*/

	/*============= �씠�궗吏� =============*/
	.director_box {
		width: calc(50% - 10px);
		padding: 20px;
		margin-right: 20px;
		margin-bottom: 30px;
	}
	.director_box:nth-child(3n) {
		margin-right: 20px;
	}
	.director_box:nth-child(2n) {
		margin-right: 0px;
	}
}

@media all and (max-width: 910px) {
	/*================ 怨듯넻�궗�슜 ================*/
	/*====== �럹�씠吏� ���씠�� ======*/
	.breadcrumb {
		display: none;
	}

	/*================ 怨듯넻�궗�슜 �걹 ================*/

	/*================ GNV ================*/
	/*================ GNV �걹 ================*/

	/*================ �뒳�씪�씠�뜑 ================*/

	/*================ �뒳�씪�씠�뜑 �걹 ================*/

	/*================ �뫖�꽣 ================*/
	.footer_info_wrap .cen {
		display: block;
	}
	.footer_info {
		display: block;
	}
	.footer_sns_wrap {
		display: block;
	}
	.footer_sns_wrap {
		margin: 20px auto 0 auto;
		text-align: center;
	}
	.footer_sns_wrap>div:not(:first-child) {
		margin-left: 0px;
	}
	.footer_sns_wrap>div {
		margin: 0 10px;
	}
	.footer_logo {
		margin: 0 auto 30px auto;
	}
	.footer_link {
		flex-flow: row wrap;
		background: #f1f1f1;
	}
	.footer_link div {
		width: 50%;
		padding: 10px 0;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 13px;
	}
	.footer_link>div:not(:last-child) {
		border-right: none;
	}
	.footer_link>div:not(:last-child), .footer_link>div {
		border-right: #fff 1px solid;
		border-bottom: #fff 1px solid;
	}
	.footer_detail {
		font-size: 13px;
	}

	/*================ �뫖�꽣 �걹 ================*/

	/*============= 湲곌��옣 �씤�궗留� =============*/
	.greeting_content .image {
		float: none;
		width: 160px;
		margin-bottom: 25px;
	}
	.greeting_content .image>div:nth-child(1) {
		width: 200px;
		padding-bottom: 230px;
	}
	.greeting_content .text {
		width: 80%;
		display: inline;
		float: none;
	}

	/*============= �뿰�쁺 =============*/
	.history_year {
		float: none;
		margin-bottom: 30px;
	}
	.history_detail {
		float: none;
		width: calc(100% - 20px);
		margin-left: 20px;
	}

	/*================ 寃뚯떆�뙋 ================*/
	.board_c {
		border-bottom: #f1f1f1 1px solid;
		line-height: 1.5em;
		font-size: 14px;
	}
	.board_c.num {
		
	}
	.board_c.type {
		
	}
	.board_c.file {
		display: none;
	}
	.board_c.writer {
		display: none;
	}
	.board_c.date {
		
	}
	.board_c.view {
		display: none;
	}
}

@media all and (max-width: 750px) {
	/*================ �뒳�씪�씠�뜑 ================*/
	.visual_main_con {
		max-width: 100%;
	}
	/*================ �뒳�씪�씠�뜑 �걹 ================*/
	/*================ �뫖�꽣 ================*/
	.footer_banner_wrap {
		height: auto;
	}
	.footer_banner {
		width: 100%;
		height: 200px;
		position: relative;
		float: none;
		clear: both;
	}
	.slick-slide.footer_banner_slider {
		height: 200px;
	}
	.fbs_con {
		height: 200px;
	}
	.footer_callcenter {
		width: 100%;
		height: 150px;
		position: relative;
		float: none;
		clear: both;
		background-size: 90px;
		background-position: right 30px bottom 30px;
	}
	.footer_callcenter>div>div:nth-child(2) {
		font-size: 30px;
	}

	/*================ �뫖�꽣 �걹 ================*/

	/*================ 硫붿씤 ================*/
	.main_service_wrap {
		display: block;
	}
	.main_service {
		width: 100%;
		padding: 30px 20px;
		text-align: left;
	}
	.main_service:not(:last-child) {
		margin-bottom: 15px;
	}
	.main_service_btn {
		margin: 15px auto 0 20px;
	}
	.main_service:nth-child(1) {
		background-size: 30%;
		background-position: right bottom;
	}
	.main_service:nth-child(2) {
		background-size: 22%;
		background-position: left 95% bottom;
	}
	.main_service:nth-child(3) {
		background-size: 30%;
		background-position: right bottom;
	}
	.main_service:nth-child(4) {
		background-size: 25%;
		background-position: right bottom;
	}
	.main_service:nth-child(5) {
		background-size: 15%;
		background-position: left 95% bottom;
	}
	.main_greeting_wrap {
		background-size: 200px;
		background-position: right 5% bottom;
	}
	.main_greeting_tit {
		font-size: .8em;
	}
	.main_greeting_content>div:nth-child(1) {
		font-size: 1.5em;
	}
	.main_greeting_content>div:nth-child(2) {
		font-size: .8em;
	}
	.main_greeting_sign {
		font-size: .8em;
	}

	/*================ 硫붿씤 �걹 ================*/

	/*============= 鍮꾩쟾 諛� 紐⑺몴 =============*/
	.vision_info_tit>div {
		font-size: 3em;
	}
	.vision_info_contents {
		width: 100%;
		display: block;
	}
	.vision_info_round {
		width: 50%;
		padding-bottom: 50%;
		margin: 20px auto;
	}
	.vision_info_round>div {
		
	}
	.vision_plan_t, .vision_plan_r, .vision_plan_tit {
		display: block;
	}
	.vision_plan_r:not(:last-child)>div[class="vision_plan_tit"] {
		padding-bottom: 15px;
	}
	.vision_plan_tit {
		padding-right: 0;
	}
	.vision_plan_con {
		display: block;
		padding-left: 35px;
	}

	/*============= �쑄由ш꼍�쁺 =============*/
	.ethics {
		font-size: 20px;
		line-height: 1.5em;
	}
	.ethics>div:nth-child(2) br {
		display: none;
	}
	.ethics_contents {
		letter-spacing: -2px;
		padding: 50px 20px;
	}
	.ethics_down_load>div:nth-child(1) {
		padding-bottom: 15px;
		float: none;
	}

	/*============= �삤�떆�뒗湲� =============*/
	.map_info_wrap {
		width: 90%;
		padding: 15px;
		display: block;
	}
	.map_tit {
		width: 100%;
		padding-bottom: 20px;
		border-right: none;
		border-bottom: rgba(255, 255, 255, 0.5) 1px solid;
		display: block;
	}
	.map_tit>div:nth-child(2) {
		margin-top: 1em;
		margin-left: .2em;
		font-size: .5em;
		line-height: 1.2em;
		font-weight: 400;
	}
	.map_info {
		margin-top: 20px;
		padding-left: 0px;
		display: block;
	}
	.map_info>div:nth-child(1) {
		letter-spacing: -1.5px;
	}

	/*============= CI�냼媛� =============*/
	.ci_text>div {
		font-size: 3vw;
		line-height: 2em;
	}
}

/* 紐⑤컮�씪�슜   
============================================================================================================================================
============================================================================================================================================ */
@media all and (max-width: 639px) {
	html {
		min-width: 360px;
	}

	/*================ 怨듯넻�궗�슜 ================*/
	.monly {
		display: block;
	}
	.mobile_newline {
		display: block;
	}
	.con_section {
		margin: 30px 0;
	}
	/*================ 怨듯넻�궗�슜 �걹 ================*/

	/*================ GNV ================*/
	.gnv_link_wrap {
		display: none;
	}
	.gnv_logo {
		width: 270px;
		height: 44px;
		margin: 27px auto 27px 10px;
		background: url('/images/global/mainlogo.svg');
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		cursor: pointer;
	}
	.gnv_mobile_menu_btn {
		right: 15px;
	}

	/*================ GNV �걹 ================*/

	/*================ �뒳�씪�씠�뜑 ================*/
	.slider_box {
		width: 100%;
		padding-bottom: 400px;
		position: relative;
	}
	.visual_01 {
		background-size: 50%;
		background-position: left 150% bottom;
	}
	.visual_main_copy {
		font-size: 38px;
	}
	.visual_main_copy>div:nth-child(1) {
		font-weight: 500;
	}
	.visual_main_copy>div:nth-child(2) {
		
	}
	.visual_main_con {
		max-width: 100%;
		display: block;
	}
	.visual_main_con_btn {
		margin-top: 20px;
	}

	/*================ �뒳�씪�씠�뜑 �걹 ================*/

	/*================ �뫖�꽣 ================*/
	/*================ �뫖�꽣 �걹 ================*/

	/*================ 硫붿씤 ================*/
	.main_quickmenu_wrap>div {
		width: 50%;
		padding-left: 8%;
		height: 50%;
		float: left;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		cursor: pointer;
	}
	.main_greeting_wrap {
		padding: 30px 20px;
		background-position: center bottom 100px;
		background-size: 150px;
	}
	.main_greeting_content>div:nth-child(1) {
		font-size: 1.2em;
		letter-spacing: -2px;
	}
	.main_greeting_sign {
		margin-top: 230px;
	}
	/*================ 硫붿씤 �걹 ================*/

	/*============= 鍮꾩쟾 諛� 紐⑺몴 =============*/
	.vision_info_round {
		width: 70%;
		padding-bottom: 70%;
		margin: 20px auto;
	}

	/*============= �씠�궗吏� =============*/
	.director_box {
		width: 100%;
		padding: 20px;
		margin-right: 0px;
		margin-bottom: 30px;
	}
	.director_box:nth-child(3n) {
		margin-right: 0px;
	}
	.director_box:nth-child(2n) {
		margin-right: 0px;
	}

	/*============= CI�냼媛� =============*/
	.ci_type_box {
		width: calc(50% - 5px);
		margin-right: 10px;
	}
	.ci_type_box:nth-child(2n) {
		margin-right: 0;
	}
	.down_btn {
		font-size: 10px;
	}
	.down_btn img {
		width: 10px;
	}
	.ci_text>div {
		font-size: 5vw;
		line-height: 2em;
	}
	.ci_text>div:nth-child(1), .ci_text>div:nth-child(3) {
		width: 30px;
	}
	
	/*============= �뜽�꽕�씪 寃뚯떆�뙋  =============*/
	.thumb_wrap {
		text-align: center;
	}
	.thumb_box {
		width: 300px;
		margin: 0 0 20px 0;
	}
}

@media all and (max-width: 500px) {
	.main_board_tit>div:nth-child(1) {
		float: none;
		clear: both;
		margin-bottom: 10px;
		font-weight: 600;
		font-size: 16px;
	}
	.main_board_tab_wrap {
		width: 100%;
	}
	.main_board_tab {
		width: calc(25% - 3.75px);
		text-align: center;
		font-size: 13px;
	}
	.main_intro_wrap {
		padding: 20px 0px;
		background: none;
	}
	.main_intro_btn {
		width: 90%;
		margin: 0 auto;
	}
}