@charset "UTF-8";

/*
:root {
  --font_mainTitle: 4.5rem;
  --font_miniTitle: 3.1rem;
  --font_contTitle: 2.5rem;
}
*/

body, input, textarea, select, button, table {font-family: 'Arial', 'Amiri', 'Noto Naskh Arabic', 'Tahoma', sans-serif;}

#content01 .container .content01_title {margin-right:-5%;}
#content01 .container .content01_title .txt {font-size: 3.7rem;}
/* #content01 .container .content01_title .txt br {display:none;} */
#content01 .container .content01_title > p {max-width:600px; margin-left:0;}
#header .header_container .left {width:180px !important;}
#header .header_container .center {flex:1 !important; min-width:0 !important; width:auto  !important;}
#header .header_container .center .nav_area .pc_nav {align-items:center;}
#header .header_container .right {display:flex; margin-left:auto; width:auto;}


.lang.mo {margin-right:0;}

#content04 {padding-bottom:10%;}


.quick_button .wrapper .quickBtn .msg {min-width:200px !important;}
.quick_button .wrapper .quick_menu li a .msg {display:flex; align-items:center; justify-content:center; width:200px !important; line-height:1.2;}


.block {display:block;}
/*

#header .header_container .right .pc_link {display:inline-block;}
#header .header_container .right .pc_link a {display:block; width:190px !important; padding-left:10px !important; padding-right:10px !important; text-align:center !important;}
#header .header_container .right .pc_link a img {width:16px !important; height:14px !important; max-width:none !important; opacity:1;}
*/

#content07 .container > div {height:auto;}
#content07 .container .content07_map .top {position:relative; overflow:hidden; height:430px;}
#content07 .container .content07_map .top .map_box {position:absolute; top:-150px; left:-10px; right:-10px; bottom:-150px;}
#content07 .container .content07_map .top .map_box iframe {width:100% !important; height:100% !important;}

#content07 .container > div .top {height:auto;}

#content07 .container .content07_contact .top ul li {flex-wrap:wrap;}
#content07 .container .content07_contact .top ul li > span {width:100%; margin-bottom:5px;}
#content07 .container .content07_contact .top ul li ol {width:100%;}
#content07 .container .content07_contact .top ul li ol span em {white-space:nowrap;}

#content07 .container .content07_cs .top ul li {flex-wrap:wrap;}
#content07 .container .content07_cs .top ul li > span {width:100%; margin-bottom:5px;}
#content07 .container .content07_cs .top ul li ol {width:100%;}
#content07 .container .content07_cs .top ul li ol span em {white-space:nowrap;}
#content07 .container .content07_cs .top ul li .info {width:100%;}
#content07 .container .content07_cs .top ul li .info span {width:180px;}
#content07 .container .content07_cs .top ul li .info p {flex:1; min-width:0;}

#content07 .container > div .bottom {height:50px;}

#footer .container .footer_title .left span {white-space:nowrap;}

.btn_google {display:block; width:100% !important; text-align:center !important; border:0 !important;}
.btn_google img {width:150px;}

#mobile_map .img_area {position:relative; overflow:hidden; height:60vw;}
#mobile_map .img_area .map_box {position:absolute; top:-150px; left:-10px; right:-10px; bottom:-150px;}
#mobile_map .img_area .map_box iframe {width:100% !important; height:100% !important;}

.btn_mobile_en {display:none;}

@media all and (max-width:1930px){
	.w_none {display:none !important;}
}
@media all and (max-width:1920px){
	#content01 .container .content01_title {margin-right:0%;}
	#content01 .container .content01_title .txt {font-size: 3.2rem;}

	
}
@media all and (max-width:1780px){
	#content01 .container .content01_title .txt {font-size: 3rem;}
	/* #content01 .container .content01_title .txt br {display:none;} */

	#header .header_container .center {display:flex; justify-content:center;}
	#header .header_container .right {display:none;}

	.nav_area {display:none !important;}

}
@media all and (max-width:1350px){
	#content01 .container .content01_title .txt {font-size: 2.5rem;}
	
}
@media all and (max-width:1280px){
	#content01 .container .content01_title .txt {font-size: 2rem;}
}

@media all and (max-width:900px){
	#content01 .container .content01_title .txt {font-size: 1.5rem;}
	
}

@media all and (max-width:680px){
	#content01 .container .content01_title .txt {font-size: 1.2rem;}
	#content01 .container .content01_title > p {padding-right:5%;}
	/*
	#content01 .container .content01_title > p br {display:none;}
	#content01 .container .content01_title .txt br {display:block;}
	*/


	#content02 .container .list_slide .swiper-slide .txt_box h2 {font-size:20px;}
	#content04 .content04_title .right {margin-top:25px;}

	.swiper-slide .info_wrap .info {display:block; margin-top:2px;}
	.swiper-slide .info_wrap .info p {margin-top:3px;}
	
	#header .header_container .left {z-index:10;}
	#header .header_container .right {width:auto;}
	#header.black .mo_nav #mo_inner_nav {white-space:nowrap;}

	#mobile_map .info_area ul li {display:block; margin-bottom:5%;}
	#mobile_map .info_area ul li > span {display:block; width:100% !important; margin-bottom:5px; font-size:16px;}


	.form_box .btm_box {margin-top:20px;}

	.quick_button .wrapper .quick_menu li a .msg {width:160px; padding:0 5%; line-height:1.1;}
	

	#footer {height:auto;}
	
	
}

#introduction {position:relative;}
#introduction .tit {position:absolute; top:135px; left:0; right:0; z-index:5; text-align:center; color:#000000;}
#introduction .tit h2 {font-size:48px; font-weight:700;}
#introduction .stit {font-size:18px; color:#000000; font-weight:500; letter-spacing:0.1rem;}
.introduction_list > li {position:relative; padding-top:180px; text-align:right; background:url('/img_core/introduction/introduction_bg.jpg') no-repeat center/cover;}
.introduction_list > li::before {position:absolute; left:0; width:50%; bottom:0; height:180px; background:url('/img_core/introduction/bar.jpg') no-repeat center/cover; content:'';}
.introduction_list .inwrap {display:flex;}
.introduction_list .inwrap > div {width:50%; position:relative; z-index:2;}
.introduction_list .img {height:900px; background:no-repeat right bottom/contain;}
.introduction_list .s01 {padding-top:360px;}
.introduction_list .s01 .img {background-image:url('/img_core/introduction/introduction_img01.png');}
.introduction_list .s02 .img {background-image:url('/img_core/introduction/introduction_img02.png');}
.introduction_list .s03 .img {background-image:url('/img_core/introduction/introduction_img03.png');}
.introduction_list .s04 .img {background-image:url('/img_core/introduction/introduction_img04.png');}
.introduction_list .s05 .img {background-image:url('/img_core/introduction/introduction_img05.png');}
.introduction_list .s06 .img {background-image:url('/img_core/introduction/introduction_img06.png');}
.introduction_list .tcont {padding-top:115px; padding-left:115px; text-align:left; padding-right:50px; border-radius:150px 0 0 0; background:#fff; box-shadow: 0 25px 29px 16px rgba(81,66,53,.05);}
.introduction_list .tcont > div {display:inline-block; text-align:right;}
.introduction_list .name {vertical-align:baseline; font-family: "Gowun Batang", serif;}
.introduction_list .name * {vertical-align:baseline;}
.introduction_list .name strong {display:inline-block; font-size:36px; font-weight:700; color:#000000;}
.introduction_list .name span {display:inline-block; margin-right:15px; font-size:18px; font-weight:400; color:#7d6e62;}
.introduction_list .list li {display:flex; flex-wrap:wrap;}
.introduction_list .list span {}
.introduction_list .list_img {width:100%; max-width:500px; margin-top:30px;}

.slist {margin-top:25px; font-size:18px; color:#2b2b2b; line-height:2;}
.slist li {position:relative; padding-left:10px;}
.slist li::before {position: absolute; top:0; left:0; content:'·';}


@media all and (max-width:1280px){
	#introduction .tit {top:100px;}
	#introduction .tit h2 {font-size:38px;}
	#introduction .stit {font-size:16px;}
	.introduction_list > li {padding-top:140px;}
	.introduction_list .s01 {padding-top:280px;}
	.introduction_list .img {width:42%; height:auto; min-height:700px; background-size:auto 100%;}
	.introduction_list .tcont {width:58%; padding:90px 30px 50px 90px;}
}
@media all and (max-width:992px){
	#introduction .tit {top:10vw;}
	#introduction .tit h2 {font-size:5vw;}
	#introduction .stit {font-size:2.2vw;}
	.introduction_list > li {padding-top:14vw;}
	.introduction_list > li::before {display:none;}
	.introduction_list .s01 {padding-top:28vw;}
	
	.introduction_list .inwrap {flex-wrap:wrap;}
	.introduction_list .inwrap > div {width:100% !important;}
	.introduction_list .img {min-height:auto; background-position:5% top; background-size:90% auto;}
	.introduction_list .img::before {display:block; padding-bottom:70%; content:'';}
	.introduction_list .tcont {padding:9vw 4.5vw 9vw 7vw; border-radius:60px 0 0 0;}
	.introduction_list .name strong {font-size:4.6vw;}
	.introduction_list .name span {margin-right:2vw; font-size:2.3vw;}
	.slist {margin-top:3vw; font-size:3vw;}
}