@charset "utf-8";
/* CSS Document */


/* sec */
.sec{padding:0 0 130px 0;word-break: keep-all;}
.sec + .sec{padding-top:130px;border-top: 1px solid #e0dad5;}
.sec.bg{  background:#f4f9fc; }
.sec:last-child{padding-bottom:0;}
#page .sec.bg:first-child{ padding-top:130px}
@media only screen and (max-width:1080px) {
	.sec{ padding:0 0 80px 0;}
	.sec + .sec,
	#page .sec.bg:first-child{ padding-top:80px;}
}
@media only screen and (max-width:768px) {
	.sec{ padding:0 0 50px 0;}
	.sec + .sec,
	#page .sec.bg:first-child{ padding-top:50px;}
}


/* head_txt */
.head_txt{padding:0 0 70px 0; word-break: keep-all;}
.head_txt.line{border-bottom:1px solid #e5e5e5;  }
.head_txt .txt1{font-size: 3.5rem;line-height: 1.4;font-weight: 300;/* text-align:center; */color: #46403a;}
.head_txt .txt2{font-size: 1.75em;line-height: 1.4; text-align:center; color:#333;}
.head_txt .txt3{font-size:1.25em; text-align: center; word-break: keep-all;}
.head_txt .txt4{font-size:1.125em;text-align: center;color:#555;line-height: 1.7;}
.head_txt .txt2 + p,
.head_txt .txt3 + p,
.head_txt .txt4 + p{ margin-top:30px;}
.head_txt .txt3 + .txt1{margin-top:50px;}
.head_txt .txt4 + .txt4{margin-top:10px;}
@media only screen and (max-width:1080px) {
	.head_txt{padding: 0 0 45px 0;}
}
@media only screen and (max-width:768px) {
	.head_txt{padding: 0px 0 30px 0;}
	.head_txt .txt1{margin-bottom:10px; font-size:1.55em; word-break: keep-all;}
	.head_txt .txt2{font-size: 1.35em;}
	.head_txt .txt3{font-size:1em; text-align: center;}
	.head_txt .txt4{font-size:0.9em; text-align: center;}
	.head_txt .txt2 + p,
	.head_txt .txt3 + p,
	.head_txt .txt4 + p{ margin-top:10px;}
	.head_txt .txt3 + .txt1{margin-top:25px;}
	.head_txt br{display: none;}
}
@media only screen and (max-width:480px) {	
	.head_txt p br{display: none;}
}

/* hello_box */
.hello_box{display:flex;flex-direction: row-reverse;gap: 5%;align-items: flex-start;}
.hello_box .pic{width: 385px;border-radius: 10px;overflow: hidden;}
.hello_box .txt{width: 60%;margin-right: auto;}
.hello_box .head_txt{padding-bottom: 50px;}
.hello_box .head_txt .txt1{text-align:left;margin-bottom:0 !important;color:#46403a;font-size: 3.5rem;/* font-weight: 500; */}
.hello_box .txt p{margin-bottom:25px;color:#595959;font-size: 1.7rem;}
.hello_box .txt p:last-child{margin-bottom:0 !important;}
.hello_box .txt .sign{ margin-top:30px; font-size:1.4rem; margin-bottom:0 !important;}
.hello_box .txt .sign .name{font-size:2rem;display:block;font-weight: 500;}

.hello_box + .hello_box{display: block;}
.hello_box + .hello_box .head_txt{padding-bottom: 30px;}

.hello_box .list01 {font-size:1.7rem;margin-bottom: 40px;}

@media only screen and (max-width:768px) {
	.hello_box{flex-direction: column; gap: 20px;}
	.hello_box > div{ width:100% !important;}
	.hello_box .pic{width: 100%;}
	.hello_box .head_txt{padding-bottom:20px;}
	.hello_box .head_txt .txt1{ font-size: 1.55em; }
	.hello_box .txt p {font-size:1.4rem; margin-bottom:10px;}
	.hello_box .txt .sign{ margin-top:15px; font-size:1.3rem}
	.hello_box .txt .sign .name{ font-size:1.6rem; }
	
	.hello_box + .hello_box .head_txt{padding-bottom: 10px;}
	.hello_box .list01 { font-size:1.4rem; margin-bottom:15px;}
}


/* map */
.mapBox{background-color:#ddd;height: 520px; border:1px solid #ddd;z-index: -1;}
.mapBox iframe{ width:100%; height: 100%; border:0;}
.mapBox .root_daum_roughmap{width:100% !important; padding: 0;border: 0;}
.mapBox .root_daum_roughmap{height:100% !important;}
.mapBox .root_daum_roughmap .wrap_map{height:100% !important;}
.mapBox .root_daum_roughmap .wrap_controllers{display:none;}
.mapBox .map_border{ display: none;}

.add_info{margin-top: 20px; margin: 0 -1.5%; overflow: hidden;}
.add_info ul li{display:table; height: 80px; border-bottom: 1px solid #ddd; line-height:1.4; margin: 0 1.5%; float: left; width: 47%; }
.add_info ul li.full{width:100%; float:none; }
.add_info ul li > div{display:table-cell; vertical-align:middle}
.add_info ul li > div .tit{width: 90px; display: inline-block; vertical-align: middle;}
.add_info ul li > div .tit:before{content:''; display: inline-block; vertical-align: middle; width:16px; height: 16px; background:url('../images/sub/lectorList_ico.png') no-repeat 50% 0;}
.add_info ul li > div.ico01 .tit:before{background-position: 50% 0;}
.add_info ul li > div.ico02 .tit:before{background-position: 50% -50px;}
.add_info ul li > div.ico03 .tit:before{background-position: 50% -100px;}
.add_info ul li > div.ico04 .tit:before{background-position: 50% -200px;}
.add_info ul li > div.ico05 .tit:before{background-position: 50% -150px;}
.add_info ul li > div .tit span{display: inline-block; vertical-align: middle; margin-left: 7px; font-size: 1em; font-weight: 600; letter-spacing: -0.25px; color: var(--mainColor);}
.add_info ul li > div .info{width: calc(100% - 100px); display: inline-block; vertical-align: middle; font-size: 1em; letter-spacing: -0.5px; line-height:1.5; color: #555; word-break:keep-all}

.map_wrap{}
.map_wrap .innerWrap {}
.map_wrap .innerWrap > div {width:100%;display: flex;flex-wrap:wrap;flex-direction: row-reverse;gap:5%}
.map_wrap .innerWrap > div .ttl02{ width:100%;}
.map_wrap .innerWrap > div .mapBox{ height: 400px; width:50%;}
.map_wrap .innerWrap > div .add_info {width:45%;margin: 0 auto 0 0;}
.map_wrap .innerWrap > div .add_info ul li{ float:none; width:100%; }

@media only screen and (max-width: 1080px) {
	.mapBox {height: 500px;}
	.map_wrap .innerWrap > div .mapBox{ height: 350px;}
}
@media only screen and (max-width: 768px) {	
	.mapBox {height: 300px;}	
	.add_info ul li{float: none; width: 100%; height: auto; padding:1em 0;} 
	
	.map_wrap .innerWrap > div {width:100%; display: block; gap:0%}
	.map_wrap .innerWrap > div .mapBox{ height: 300px; width:100%}
	.map_wrap .innerWrap > div .add_info {width:100%; margin: 0 -1.5%;}
}
@media only screen and (max-width:480px) {
	#map,
	.map_wrap .innerWrap > div .mapBox{ height:260px;}
}


/* agreement */
.agreement {padding: 25px 25px 15px 25px;overflow: hidden;border: 1px solid #ddd;max-height: 200px;overflow-y: auto;margin-bottom: 10px;font-size: 0.95em;}
.agreement h4:first-child { margin-top:0;}
.agreement h4 {margin:25px 0 13px 0; font-size:1.2em; color:#444;}
.agreement h4:before{display: none;}
.agreement h6 { margin:15px 0 10px 0; font-size:1.1em;}
.agreement p { margin-bottom:10px;}
@media only screen and (max-width:640px) {
	.agreement{ padding: 15px;}
	.agreement p { margin-bottom:5px;}
	.agreement h4{margin:15px 0 8px 0; }
	.agreement h6 { margin:10px 0 5px 0;}
}


/** etc **/
/* sitemap */
#sitemap {width:100%;overflow: hidden;display: flex;/* gap: 3.5%; */border: 1px solid #dbd8d7;border-width: 0 1px 1px 1px;border-top: 2px solid #222;border-bottom: 1px solid #222;}
#sitemap > div.menu {position:relative;overflow: hidden;flex: 1;/* margin-bottom:30px; */min-height: 250px;border-right: 1px solid #dbd8d7;}
#sitemap > div.menu:last-child{border-right:0;} 
#sitemap .menu p.tit{margin-bottom: 0;line-height:0;/* border-top: 2px solid var(--mainColor); *//* border-bottom: 1px solid #d1cdcb; */text-align: center;}
#sitemap .menu p.tit > a{font-size: 1.25em;line-height:1em;color: #222;display: block;padding: 1em 0;font-weight: 700;background: #f7f2ef;}
#sitemap .menu p.tit:before{display:none;}

#sitemap .menu .sitemapList {margin: 0 auto;overflow:hidden;padding: 1.5em 0px 0px 1.5em;}
#sitemap .menu .sitemapList:after {content:"";display:block;visibility:hidden;clear:both;}
#sitemap .menu .sitemapList li{display:block;position: relative;}
#sitemap .menu .sitemapList li a{position:relative;display:block;padding-left: 12px;color:#333;text-align:left;margin-bottom: 0.5em;font-size: 1.125em;letter-spacing: -1.5px;line-height: 1.4;}
#sitemap .menu .sitemapList li a:before{content:'';position:absolute;left:0;top: 10px;width:5px;height: 1px;background:#333;border-radius:50%;}
#sitemap .menu .sitemapList li ul{padding: 2px 0 5px 12px;} 
#sitemap .menu .sitemapList li li{ float:none; width:100%; position:relative;}
#sitemap .menu .sitemapList li:last-child{ margin-bottom:0;}

#sitemap .menu .sitemapList li li a{font-size: .95em;color:#666 !important;line-height: 1.4;font-weight:300;padding-left: 10px;}
#sitemap .menu .sitemapList li li a:before{content:'';position:absolute;left:2px;top: 7px;width: 2px;height: 2px;border-radius: 50%;background:#666 !important;}

@media only screen and (max-width:1080px) {	
	#sitemap { }	
	#sitemap .menu p.tit > a{font-size: 1.15em;padding: 0.8em 0;}
	#sitemap .menu .sitemapList > li{ width:inherit !important; float: none !important;}
	#sitemap .menu .sitemapList > li > a{font-size: 1em;}
}

@media only screen and (max-width:768px) {
	#sitemap {gap:0; flex-wrap:wrap; flex-direction:column;}	
	#sitemap > div.menu {/* margin: 0 0 2em 0 !important; */min-height: inherit !important;border-right: 0;}
	#sitemap .menu:first-child p.tit{ border-top:0}
	#sitemap .menu p.tit{border-top:1px solid #222}
	#sitemap .menu .sitemapList{padding:1.5em}
}	

/* email_reject */
.email_reject {text-align:center;line-height:1.6;white-space:pre-line;background:transparent url('../images/common/email_reject.png') center top no-repeat;padding: 180px 10px 0 10px;overflow:hidden;}
.email_reject em{ display:block;}

@media only screen and (max-width:768px) {	
	.email_reject em{ display: inline;}	
}