@font-face {
    font-family: 'KyoboHandwriting2020A';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2112@1.0/KyoboHandwriting2020A.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.sub_top_box{ position:relative;height:600px; background:url(../img/sub/sub_v.jpg); background-position:100% 100%; background-size:cover;  color:#fff; margin:120px 100px;}
.sub_top_box .sub_vTxt{ padding-top:250px;}
.sub_top_box .sub_vTxt .eTit{ text-align:center; letter-spacing:0;}
.sub_top_box .sub_vTxt .snbTit{ font-size:57px; margin-top:10px; text-align:center; font-weight:700;}
.category{  }
.subTitleSubject{ margin-bottom:50px;}

.category {position:absolute; bottom:0; left:450px; width:calc(100% - 450px); background:rgb(0,0,0,0.5)}
.category ul{display: flex;flex-wrap: wrap;}
.category li{ position:relative; position:relative;}
.category li+li:before{ content:''; position:absolute; top:50%;transform: translateY(-50%); left:0; width:1px; height:20px; border-left:1px solid rgb(255,255,255,0.3)}

.category a{ color:#fff; display:block;padding:30px 45px; font-size:25px; }
.category .selected2 a{ position:relative; background:#e74011; color:#fff; font-weight:600;}

.root_daum_roughmap{ width:100% !important; }
.root_daum_roughmap .wrap_map{height:660px !important;}



.p00001 .s01{ position:relative; margin-bottom:100px;}
.p00001 .s01 .mo{ display:none}
.p00001 .s01 div{ position:absolute; top:150px; left:150px; height:calc(100% - 300px);}
.p00001 .s01 div strong{ font-size:57px; font-weight:700;}
.p00001 .s01 div .sTit{ margin-top:20px; font-size:27px; line-height:37px;}
.p00001 .s01 div .name{ position:absolute; bottom:0; left:0; margin-top:100px; font-size:23px;}
.p00001 .s01 div .name span{font-family: 'KyoboHandwriting2020A'; font-size:37px; margin-left:20px;}
.p00001 .s01 img{ width:100%;}
.p00001 .s02 h2{ font-size:30px; font-weight:500; margin-bottom:30px; }
.p00001 .s02 p{ color:#333; font-size:25px;}
.p00001 .s02 p+p{ margin-top:20px;}

.p00002 .s01 p{ font-size:57px; font-weight:700; margin-bottom:50px;}
.p00002 .s02{ background:#f6f6f6; }
.p00002 .s02 dt{flex-basis: 37%; padding-top:150px;}
.p00002 .s02 dt h2{ position:relative; font-size:150px; font-weight:900; z-index:3;}
.p00002 .s02 dt h2:after{ content:'since'; position:absolute; bottom:-50px; left:100px; font-size:130px; font-weight:900; color:#ddd; z-index:-1;}
.p00002 .s02 dt h3{ margin-top:100px; letter-spacing:0;}
.p00002 .s02 dt p{ font-size:32px; margin-top:30px;}
.p00002 .s02 dd{ background:#fff;padding:150px 100px; }
.p00002 .s02 dd ul{gap:0 100px;}
.p00002 .s02 dd ul:nth-child(1){ padding-bottom:50px;}
.p00002 .s02 dd ul+ul{border-top: 1px dashed #cccccc; padding-top:50px; margin-top:50px;}
.p00002 .s02 dd ul li:nth-child(1){ font-size:47px; color:#06C; font-weight:700}
.p00002 .s02 dd ul li:nth-child(2) p{ position:relative; padding-left:50px; line-height:30px;}
.p00002 .s02 dd ul li:nth-child(2) p+p{ margin-top:15px;}
.p00002 .s02 dd ul li:nth-child(2) p span{ position:absolute; top:0; left:0; font-weight:700; width:30px; text-align:center;}

.p00003 .s01{ margin-bottom:70px;}
.p00003 .s02 { position:relative;}
.p00003 .s02 h2{ font-size:40px; font-weight:700; border-bottom:1px #ddd solid; padding-bottom:30px; margin-bottom:30px;}
.p00003 .s02 .area{ display: flex; font-weight:600; font-size:25px;}
.p00003 .s02 .area p+p{ margin-left:50px;}
.p00003 .s02 .area p span{ color:#777; padding-right:15px;}
.p00003 .s03{ position:absolute; right:0; top:0; display:flex;}
.p00003 .s03 a{ display:flex;align-items: center;justify-content: center; width:170px; height:170px; border:1px dashed #a7a7a7; background:#fff; border-radius:50%; text-align:center;transition: all 0.3s; cursor:pointer;}
.p00003 .s03 a+a{ margin-left:20px;}
.p00003 .s03 a .icon{ font-size:30px;}
.p00003 .s03 a span{ display:block; margin:5px 0;}
.p00003 .s03 a .arrow{ color:#999;}
.p00003 .s03 a:hover{ background:#06C; color:#fff;}
.p00003 .s03 a:hover .arrow{ color:#fff; opacity:0.5;}

.p00004 dt{flex-basis:45%;}
.p00004 dt img{ width:100%;}
.p00004 dd{ padding:70px; }
.p00004 dd li{ color:#555; font-size:25px}
.p00004 dd li+li{ margin-top:10px;}
.p00004 dd li:before{ content:'-'; display:inline-block; margin-right:15px;}
.p00004 dl+dl{ margin-top:70px;}
.p00004 dl:nth-of-type(2n){flex-direction: row-reverse;}
.p00004 h2{ position:relative; font-size:45px; font-weight:700; border-bottom:1px #ddd solid; padding-bottom:30px; margin-bottom:30px;}
.p00004 h2:before{ content:''; position:absolute; bottom:-2px; width:150px; height:1px; border-top:1px #06C solid;}


.policy.privacy * {color: #222222;font-weight: 300;line-height: 1.625;font-family: 'Pretendard',sans-serif;}
.policy.privacy h3 {font-weight: 700; text-align:center; font-size:37px; border-bottom:1px #ddd solid; padding-bottom:15px;}
.policy.privacy h4 {color: #222222;font-weight: 700;}
.policy.privacy .pBox,.policy.privacy .dlBox,.policy.privacy .subTextBox {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.policy.privacy .title .pBox {gap: 30px 0;margin: 40px 0;}
.policy.privacy .dlBox {gap: 50px 0;}
.policy.privacy .dlBox > dl > dt {color: #333333; font-size:23px;font-weight: 500;}
.policy.privacy .dlBox > dl > dd > p {margin: 15px 0;}
.policy.privacy .dlBox > dl > dd > ul {padding: 0 0 0 20px;}
.policy.privacy .square {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;gap: 0 5px;}
.policy.privacy .square::before {content: "■";font-size: 0.2em;margin: 5px 0 0;}
.policy.privacy .square > p {width: 100%;padding: 0 0 0 13px;}
.policy.privacy .subTextBox {gap: 24px 0;}
.policy.privacy .subTextBox h6 {font-weight: 500;margin: 0 0 4px; font-size:20px;}
.policy.privacy .subText {margin: 4px 0;}
.policy.privacy .subText dd {padding: 0 0 0 11px;}
.policy.privacy .contact {margin: 60px 0 0;}
.policy.privacy .contact ol {margin: 30px 0 0;}
@media all and (max-width : 1920px){
	
	.sub_top_box{ margin:100px 70px; height:450px;}
	.sub_top_box .sub_vTxt { padding-top:200px;}
	.sub_top_box .sub_vTxt .snbTit{ font-size:47px;}
	.category  {left:320px; width:calc(100% - 320px);}
	.category a{ font-size:20px; padding:20px 35px;}
	
	.p00001 .s01{margin-bottom:70px;}
	.p00001 .s02 h2{ font-size:25px; }
	.p00001 .s01 div{ top:100px; left:100px;height:calc(100% - 200px);}
	.p00001 .s01 div strong{ font-size:47px;}
	.p00001 .s01 div .sTit{font-size:23px; line-height:30px;}
	.p00001 .s02 p{ font-size:21px;}


	.p00002 .s02 dd{padding:100px 100px; }
	.p00002 .s02 dt{padding-top:100px;}
	.p00002 .s02 dt p{ font-size:27px;}
	.p00002 .s02 dt h2{ font-size:120px;}
	.p00002 .s02 dt h2:after{font-size:100px;bottom:-35px;}
	.p00002 .s02 dd ul li:nth-child(1){ font-size:40px}
	.p00002 .s02 dd ul li:nth-child(2) p+p{ margin-top:10px;}
	
	.p00003 .s02 h2{ font-size:35px;}
	.p00003 .s02 .area{font-size:20px;}
	.p00003 .s03 a{width:150px; height:150px;}
	
	.root_daum_roughmap .wrap_map{height:570px !important;}
	
	.p00004 h2{ font-size:40px;}
	.p00004 dd li{ font-size:20px;}
}


@media all and (max-width : 1680px){
		.sub_top_box {margin:70px 10px; height: 350px;}
	
}
@media all and (max-width : 1280px){
	

	
	.sub_top_box .sub_vTxt{ margin:0 10px;padding-top: 125px;}
	

	.p00001, .p00003, .p00004 { margin:0 10px;}
	.p00001 .s01 div { top:70px;left: 70px;}
	.p00001 .s01 div strong{ font-size:37px;}
	.p00001 .s01 div .sTit{ font-size:20px;}
	.p00001 .s01 div .name{ position:relative; margin-top:50px}
	

	.p00002 .s01 p{ font-size:47px;}
	.p00002 .s02{ padding:0 10px;}
	.p00002 .s02 dd ul{ display:block;}
	.p00002 .s02 dd ul li+li{ margin-top:20px;}
	.p00002 .s02 dd ul li:nth-child(2) p + p {margin-top:5px;}
	
	
	.root_daum_roughmap .wrap_map{height:470px !important;}
	
	.p00003 .s02 h2{ font-size:30px;}
	.p00003 .s03 a {width: 100px;height: 100px;}
	.p00003 .s03 a .icon{ font-size:20px;}
	.p00003 .s03{ top:15px;}
	

}


@media all and (max-width : 1152px){
	
	.p00002 .s01 p{ font-size:37px;}
	.p00002 .s02 dt {flex-basis: 45%;}
	.p00002 .s02 dd {padding: 70px;}
	
	.p00004 dd { padding:50px;}
	
	
	
	
}
@media all and (max-width : 960px){
	
	.category{ display:none;}


	
	.p00001 .s01 div strong{ font-size:30px;}
	.p00001 .s01 div .sTit{ font-size:17px; line-height:20px;}
	.p00001 .s02 p{ font-size:17px;}
	
	
	.p00002 .s02 dl{ display:block;}
	.p00002 .s02 dt h3{ margin-top:50px;}
	.p00002 .s02 dt h3 br, .p00002 .s02 dt p br{ display:none;}
	.p00002 .s02 dt p{ margin-bottom:30px; margin-top:10px;}
	.p00002 .s02 dd{ margin-bottom:10px;}
	
	
	.p00003 .s03{ position:relative; margin-top:10px;}
	.p00003 .s03 a{ position:relative;border-radius:10px; width:calc((100% / 2) - 10px); justify-content: flex-start;}
	.p00003 .s03 a p{ display:flex;align-items: center; padding-left:20px;}
	.p00003 .s03 a .icon{ margin-right:10px;}
	.p00003 .s03 a .arrow{ position:absolute; top:50%; right:20px;  transform: translateY(-50%);}
	
	
	.p00004 h2{ font-size:30px;}
}




@media all and (max-width : 768px){
	.cscroll_768 {-webkit-overflow-scrolling:touch; overflow-x: scroll; overflow-y: auto; width:100%; margin-bottom:10px;}
	.cscroll_768 table { width:800px;}
	
	.p00004 dl{ display:block;}
	
}


@media all and (max-width : 640px){
	
	.sub_top_box{ height:250px;}
	.sub_top_box .sub_vTxt{ padding-top:80px; text-align:center;}
	.sub_top_box .sub_vTxt .snbTit{ font-size:37px;}
	
	.p00001 .s01 div { position:relative;top:0px;left:0px; background:#36C; color:#fff; padding:30px;}
	.p00001 .s01 .pc{ display:none;}
	.p00001 .s01 .mo{ display:block}
	
	.p00002 .s01 p{ font-size:27px;}
	.p00002 .s02 dt h2{ display:none;}
	.p00002 .s02 dt h3{ margin-top:0;}
	
	.p00002 .s02 dd{ padding:30px;}
	
	.p00004 dd{ padding:30px 10px 0 10px;}
	.p00004 h2{padding-bottom:15px;margin-bottom:15px;}


	
}

@media all and (max-width : 480px){
	
	.sub_top_box{ height:200px;}
	.sub_top_box .sub_vTxt .eTit{ font-size:14px;}
	.sub_top_box .sub_vTxt{ padding-top:70px;}
	.sub_top_box .sub_vTxt .snbTit{ font-size:30px;}
	

	.p00001 .s01 div .name{ font-size:17px;}
	.p00001 .s01 div .name span{ font-size:27px; margin-left:10px;}
	.p00002 .s02{ margin-bottom:70px; padding-bottom:5px;}
	.p00002 .s02 dt {padding-top:50px;}
	.p00002 .s02 dd{ padding:20px;}
	.p00002 .s02 dd ul li:nth-child(1){ font-size:30px;}
	.p00002 .s02 dd ul:nth-child(1){ padding-bottom:20px;}
	.p00002 .s02 dd ul + ul{ padding-top:20px; margin-top:20px;}
	
	.p00003 .s02 h2{ font-size:25px;}
	.p00003 .s02 .area{ display:block;}
	.p00003 .s02 .area p + p {margin-left:0px; margin-top:10px;}
	.p00003 .s03 a{ height:70px;}
	
	
	.p00004 dd li{ font-size:17px;}

	
	
}