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

/* head_txt */
.head_txt{padding:0 0 70px 0; word-break: keep-all;}
.head_txt.line{border-bottom:1px solid #e5e5e5;  }
.head_txt .ttl00{clear: both;font-size: 3rem;margin:0;position:relative;font-weight: 600;color: var(--mainColor);text-align: center;line-height: 1.2;}
.head_txt .ttl00 + p{ text-align:center; margin-top: 10px; margin-bottom: 0 !important;}
.head_txt .txt1{font-size: 6rem;line-height: 1.4;color: #222;letter-spacing: -0.05em;font-style: italic;}
.head_txt .txt2{font-size: 3.4rem;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.8rem;text-align: center;color:#555;line-height: 1.7;}
.head_txt p:last-child{margin-bottom:0 !important;}
.head_txt .txt1 + p{ margin-top:10px;}
.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:1024px) {
	.head_txt{padding: 0 0 45px 0;}
	.head_txt .ttl00{font-size: 2.2rem;}
	.head_txt .txt1{font-size: 3.5rem; }
	.head_txt .txt2{font-size: 2rem; }
	.head_txt .txt3{font-size:1.6rem;}
	.head_txt .txt4{font-size:1.4rem; }
}
@media only screen and (max-width:768px) {
	.head_txt{padding: 0px 0 30px 0;}
	.head_txt .ttl00{font-size: 2rem;}
	.head_txt .txt1{margin-bottom:10px;font-size: 2.75rem;word-break: keep-all;}
	.head_txt .txt2{font-size: 1.75rem;}
	.head_txt .txt3{font-size:1rem}
	.head_txt .txt4{font-size:1.3rem;}
	.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{overflow: hidden;}
.hello_box .pic{ overflow: hidden;}
.hello_box .txt_wrap{margin-top:5rem;}
.hello_box .txt{width: 49%;float: left;word-break: keep-all;}
.hello_box .txt p{margin-bottom:25px;color: #333;font-size: 2.2rem;}
.hello_box .txt p:last-child{margin-bottom:0 !important;}
.hello_box .tbl{width: 47%;float: right;font-size: 2rem;margin: 0; border-width:2px 0 1px 0}
@media only screen and (max-width:1024px) {
	.hello_box .txt_wrap{margin-top:4rem;}
	.hello_box .txt{width: 100%;float: none;}
	.hello_box .txt p{margin-bottom:25px;font-size: 1.8rem;}
	.hello_box .tbl{width: 100%;float: none;font-size: 1.8rem; margin:2rem 0}
}
@media only screen and (max-width:1024px) {
	.hello_box .txt_wrap{margin-top:3rem;}
	.hello_box .txt p{margin-bottom:25px;font-size: 1.6rem;}
	.hello_box .tbl{font-size: 1.5rem;}
}

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



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


/* policy */
.policy{width: 100%; height: 100%; }
.policy h5{font-weight: 700;margin: 3.5rem 0 0;font-size: 1.25em;text-align: left;color: #222;}
.policy h5:before{display:none;}
.policy h5:first-child{margin-top: 0 !important;}
.policy h6{font-size:1.05em;color:#333;margin-top: 1.25rem;font-weight: 700;}
.policy h5 + h6{margin-top:0.8rem}
.policy-area{margin-top: 20px;}
.policy-box{width: 100%; padding: 15px 30px;height: 180px; overflow-y: scroll; border:1px solid #e1e1e1; background-color: #FCFCFC;}
.policy-area strong{font-size:1.25em; font-weight: 500; margin: 35px 0 20px 0; display: block; color:#222;} 
.policy .dl-list{ padding:5px 0}
.policy .dl-list dt{ margin-bottom:5px; position:relative; padding:0 0 0 10px !important; color:#444; font-weight:500; font-size:1.05em;}
.policy .dl-list dt:before{ content:''; display:block; width:4px; height:4px; background:#444; position:absolute; left:0; top:0.6em;}
.policy .dl-list dd{margin-bottom:20px;position:relative; padding-left:10px; color:#666}
.policy .dl-list dd:last-child{ margin-bottom: 0;}
.policy .dl-list dd li{margin-bottom: 0.3rem;}
.policy .number-list > li{padding-left: 1.5rem;}
.policy li{position: relative;margin-bottom: 0.5rem;color: #464646;}
.policy .number-list > li:nth-child(1)::before {content: "1.";}
.policy .number-list > li:nth-child(2)::before {content: "2.";}
.policy .number-list > li:nth-child(3)::before {content: "3.";}
.policy .number-list > li:nth-child(4)::before {content: "4.";}
.policy .number-list > li::before, .policy .circle-list > li::before, .policy .kr-list > li::before, .policy .brace-list > li::before, .policy .line-list > li::before {content: "";position: absolute;top: 0;left: 0;line-height: 1.5;}
.policy li > ul, .policy li > ol {margin-bottom: 1rem;margin-top: 0.3rem;}
.policy li > ul li, .policy li > ol li {margin-bottom: 0.3rem;}
.policy ul, .policy ol, .policy p, .policy dl {margin-top: 0.8rem;}
.policy p + ul{ margin-top:0.4rem;}
.policy .table {margin: 0.8rem 0; border: 1px solid #d9d9d9;border-width: 1px 1px 0 1px;}
.policy .table th {background-color: #fafafa; border-right: 1px solid #d9d9d9;}
.policy .table th, .policy .table td {border-bottom: 1px solid #d9d9d9;text-align: left;padding: 0.5rem 0.8rem;}
.policy p, .policy th, .policy td, .policy li, .policy .content a, .policy dt, .policy dd {color: #464646;}
.policy .line-list > li {padding-left: 1.5rem;}
.policy .line-list > li::before {content: "-";}
.policy .kr-list > li:nth-child(1)::before {content: "가.";}
.policy .kr-list > li:nth-child(2)::before {content: "나.";}
.policy .kr-list > li:nth-child(3)::before {content: "다.";}
.policy .kr-list > li:nth-child(4)::before {content: "라.";}
.policy .circle-list > li, .policy .kr-list > li, .policy .brace-list > li { padding-left: 2rem;}
.policy .circle-list > li:nth-child(1)::before {content: "①";}
.policy .circle-list > li:nth-child(2)::before {content: "②";}
.policy .circle-list > li:nth-child(3)::before { content: "③";}
.policy .brace-list > li:nth-child(1)::before { content: "⑴";}
.policy .brace-list > li:nth-child(2)::before { content: "⑵";}
.policy .brace-list > li:nth-child(3)::before { content: "⑶";}
.policy .brace-list > li:nth-child(4)::before { content: "⑷";}
.policy .tabSec ul{ margin-top:0;}
.policy .tabSec ul li{ margin-bottom: 0;}

@media only screen and (max-width:1080px){
	.policy h5{ margin: 2.5rem 0 0;}
}
@media only screen and (max-width:768px){
	.policy h5{ margin: 1.5rem 0 0;font-size: 1.25em;}
	.policy li > ul, .policy li > ol { margin-bottom: 0.5rem; margin-top: 0.1rem;}
	.policy ul, .policy ol, .policy p, .policy dl{margin-top: 0.5rem;} 
	.policy li{ margin-bottom: 0.2rem;}
}