@charset "utf-8";

#subWrap{ margin-bottom:170px;}
#subWrap h3{ font-size:57px; font-weight:700;}
#subWrap h4{ font-size:37px;}
.subVisual{ position:relative; }
.subVisual img{ width:100%;}

.sub_tit{ position:absolute; left:0; bottom:200px; width:100%; z-index:11; color:#fff;}
.sub_tit h1{ font-size:50px; margin-bottom:5px;}
.sub_tit h2{ font-size:75px; font-weight:400; }


.sub-menu-wrap{ position:absolute; bottom:0; left:0;  width:100%; background:rgb(0,0,0,0.3)}
.sub-menu{display: flex; flex-wrap: wrap;gap:77px; padding:25px 0; }
.sub-menu a{color:#fff; font-size:23px; font-weight:600;}
.sub-menu .active a{ color:#FF0}

.page_tit{ margin:150px 0 50px 0;}
.page_tit h1{ font-size:35px; margin-bottom:10px;}
.location, .location a{ color:#777;}

.table {border-top: 2px solid #111; border-bottom: 1px solid #111; width:100%; text-align:center;}
.table tr>* { padding: .8888888889rem; border-top: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5}
.table tr>*:last-child {border-right: 0}
.table tr>*[rowspan]:not(:first-child) { border-left: 1px solid #e5e5e5}
.table th{ background:rgb(0,0,0,0.05); font-weight:600;}

.basic-dl dl{display: grid; grid-template-columns:450px 1fr; padding:50px 0; border-bottom:1px #ddd solid; }
.basic-dl dl dt{ font-size:30px; font-weight:700;}

.basic-dl-img dl{display: grid; grid-template-columns:650px 1fr; padding:30px 0; border-bottom:1px #ddd solid; } 

.sub-down-btn{ text-align:center;}
.sub-down-btn a{ border:1px solid rgb(0,0,0,0.1); padding:15px 40px; border-radius:20px; display:inline-block; color:#333; letter-spacing:0; }
.sub-down-btn a i{ margin-left:30px;}

.tab-menu {display: flex;padding: 0;margin: 0;list-style: none;gap:15px;}
.tab-menu li {flex: 1;padding: 18px 10px;text-align: center;background: #f5f5f5;color: #666;cursor: pointer;transition: all 0.3s; border-radius:10px;}
.tab-menu li.active {background: #252b75;color: #fff;font-weight: 600;}
.tab-panel {display: none;padding: 40px 0;}
.tab-panel.active {display: block;}


.noticeBox{ background:rgb(0,0,0,0.05); border:1px #ddd solid; padding:50px 0; text-align:center; font-size:20px; border-radius:15px;}
.noticeBox strong{ font-size:30px;}
.noticeBox p{ color:#555; margin-top:10px;}

.conBox{ background:#e5ecf1; padding:50px; text-align:center;}
.conBox h4{ margin-bottom:5px;}

.root_daum_roughmap .cont{ display:none;}
.root_daum_roughmap{ width:100% !important; }
.root_daum_roughmap .wrap_map{height:670px !important;}


.p10001 dl{display: grid; grid-template-columns:45% 1fr;gap:100px;}
.p10001 dl dt img{ width:100%;}
.p10001 dl dd h4{ margin:20px 0 50px 0;}
.p10001 dl dd p+p{ margin-top:10px;}
.p10001 dl dd p b{ font-weight:600; font-size:25px;}

.p10002 .table td{ text-align:left}
.p10002 .s02 h4{ margin-bottom:20px;}
.p10002 .s02 .area{ background:url(../img/sub/ci_bg.jpg) 50% 50%; text-align:center; padding:70px 0; margin:30px 0; }

.p10003 h1{ font-size:77px;}
.p10003 h2{ font-size:37px; margin-bottom:15px;}
.p10003 .s01 p{ color:#666; font-size:25px; line-height:35px;}
.p10003 .s02 { border-top:2px #222 solid; padding-top:50px; margin-top:50px;}
.p10003 .s02 dl{display: grid; grid-template-columns:30% 1fr;}
.p10003 .s02 dl+dl{ border-top:1px #ccc solid; padding-top:50px; margin-top:50px;} 
.p10003 .s02 dl dt{ font-size:37px; font-weight:700;}
.p10003 .s02 dl dd strong{ font-size:30px; display:block; margin-bottom:10px;}
.p10003 .s02 dl dd b{ display:block; font-size:25px; color:#034ea2; font-weight:600; line-height:35px;} 
.p10003 .s02 dl dd ul li{ position:relative; padding-left:80px;}
.p10003 .s02 dl dd ul li:before{ position:absolute; top:5px; left:0;font-weight:800;}
.p10003 .s02 dl dd ul li:nth-child(1):before{ content:'01'; }
.p10003 .s02 dl dd ul li:nth-child(2):before{ content:'02'; }
.p10003 .s02 dl dd ul li:nth-child(3):before{ content:'03'; }
.p10003 .s02 dl dd ul li:nth-child(4):before{ content:'04'; }
.p10003 .s02 dl dd ul li+li{ margin-top:50px;}
.p10003 .s02 dl dd ul li img{ width:100%; margin-top:15px;}


.p10004 dl dt h5{ margin-bottom:5px;}
.p10004 dl dd h6{font-weight:700; font-size:23px; font-weight:700;margin-bottom:5px;}
.p10004 dl dd .area+.area{ margin-top:20px;}
.p10004 dl dd .area p{margin-left: 10px;text-indent: -10px; }
.p10004 dl dd .area p:before{ content:'·'; margin-right:5px;}


.p10005 .s02{ margin-top:50px; border-bottom:2px #222 solid; padding-bottom:50px;}
.p10005 .s02 dl{ display:flex; justify-content: space-between; align-items: center;}
.p10005 .s02 dl dt h2{ font-size:45px; padding-bottom:10px; font-weight:600;}
.p10005 .s02 dl dt b{ font-weight:700; padding-right:5px;}
.p10005 .s02 dl dt span+span{ margin-left:30px;}
.p10005 .s02 dl dd{display:flex;align-items: center; }
.p10005 .s02 a{ display:inline-block; padding:17px 35px; color:#fff; border-radius:10px; }
.p10005 .s02 a i{ display:inline-block; margin-right:10px;}
.p10005 .s02 a.naver{ background:#093; display:flex;align-items: center; }
.p10005 .s02 a.google{ background:#333}
.p10005 .s02 a+a{ margin-left:10px;}
.p10005 .s02 a.naver span:before{ content:''; display:inline-block; background:url(../img/sub/naver-icon.png) no-repeat; background-size:100% auto; width:15px; height:15px;margin-right:10px; }
.p10005 .s03 li{display: grid; grid-template-columns:200px 1fr; border-bottom:1px #ddd solid; padding:15px 0; }
.p10005 .s03 li b{ text-align:center;}

.p20001 .s01 p{ font-size:25px; line-height:35px; margin-bottom:50px; margin-top:10px;}
.p20001 .s02 dl { border-top:2px #333 solid; padding-top:50px;}
.p20001 .s02 dl+dl{ margin-top:50px;}
.p20001 .s02 dl dt{ margin-bottom:30px;}
.p20001 .s02 dl dt p{font-size:27px; line-height:35px; }
.p20001 .s02 dl dt h4{ color:#096; font-weight:600; margin-bottom:10px;}
.p20001 .s02 dl dd p{ color:#555;}
.p20001 .s02 dl dd p+p{ border-top:1px dotted #ddd; padding-top:30px; margin-top:30px;}
.p20001 .s02 dl dd b{ display:block; font-weight:600; font-size:25px; color:#333;} 
.p20001 .s03{ text-align:center; margin-top:50px;}

.p30001 ul{display: grid; grid-template-columns:repeat(4, 1fr); gap:37px; text-align:center;}
.p30001 ul li { position:relative; border:1px solid rgb(0,0,0,0.1); padding:50px; border-radius:20px;}
.p30001 ul li span{position:absolute; top:30px; right:30px; width:70px; height:70px; font-size:18px; color:#fff; display:flex; justify-content: center;align-items: center; z-index:1;background: linear-gradient(315deg, rgba(220, 187, 37, 1) 20%, rgba(92, 68, 177, 1) 80%); border-radius:50%; font-weight:700;}
.p30001 ul li img{ height:270px;}
.p30001 ul li .area{ text-align:left;}
.p30001 ul li .area p{margin-left: 15px;text-indent: -15px; font-size:19px; line-height:23px;}
.p30001 ul li .area p:before{ content:'·'; margin-right:5px;}
.p30001 ul li  h5{ font-size:30px; font-weight:700;}
.p30001 ul li  h6{ font-size:21px;}
.p30001 ul li .size{ background:rgb(0,0,0,0.1);padding:10px 0; border-radius:15px; margin:15px 0;}


.etc-area h2{ margin:30px 0 10px 0; font-size:20px;}
.etc-area .date {text-align: right;color: #666;margin-bottom: 20px; border-bottom:2px #222 solid; padding-bottom:10px;}
.etc-area ul{ margin-top:15px;}
.etc-area ul li+li{ margin-top:5px;}

.content-box {border: 1px solid #efefef;padding: 30px;background-color: #f9f9f9;border-radius: 5px;}
.etc-area  h1{ margin-bottom:15px;}
.content-box h2{ margin:20px 0 10px; 0}
.policy .date { margin-top:20px;}


@media all and (max-width:1920px){	

	#subWrap{ margin-bottom:120px;}
	#subWrap h3{ font-size:47px;}
	#subWrap h4{ font-size:27px;}

	.sub_tit{ bottom:200px;}
	.sub_tit h1{ font-size:37px;}
	.sub_tit h2{ font-size:60px;}
	.sub-menu{gap:50px; }
	.sub-menu a{font-size:19px;}
	
	.page_tit{ margin:100px 0 37px 0;}
	.page_tit h1{ font-size:30px;}
	
	.basic-dl dl{grid-template-columns:350px 1fr; padding:37px 0; }
	
	.basic-dl dl dt{ font-size:30px; font-weight:700;}
	.basic-dl dl dt{ font-size:25px;}	
	.basic-dl-img dl{grid-template-columns:550px 1fr; }
	.sub-down-btn a{  padding:15px 30px; }
	
	

	.root_daum_roughmap .wrap_map{height:570px !important;}
	
	
	.p10001 dl dd p b{font-size:20px;}
	
	.p10003 h1{ font-size:60px;}
	.p10003 h2{ font-size:30px;}
	.p10003 .s01 p{font-size:20px; line-height:27px;}
	.p10003 .s02 dl dd ul li{padding-left:50px;}
	.p10003 .s02 dl dd strong{ font-size:25px;}
	.p10003 .s02 dl dd b{ font-size:20px; line-height:30px;}
	
	.p30001 ul li { padding:37px;}
	.p30001 ul li img{ height:220px;}
	.p30001 ul li span{width:60px; height:60px;font-size:16px; }
	.p30001 ul li  h5{ font-size:25px;}
	.p30001 ul li  h6{ font-size:18px;}
	.p30001 ul li .area p{margin-left: 10px;text-indent: -10px; font-size:16px; line-height:20px;}
	
	.p10004 dl dd h6{font-size:20px}
	
	.p10005 .s02 dl dt h2{ font-size:35px;}
	
	.p20001 .s01 p{ font-size:21px; line-height:30px;}
	.p20001 .s02 dl dt p{font-size:23px; line-height:28px; }
	.p20001 .s02 dl dd b{font-size:20px;}
	.p20001 .s02 dl dd p+p{padding-top:20px; margin-top:20px;}
	

}
@media all and (max-width:1440px){	
	.subVisual{ height:600px; overflow:hidden;}
	.subVisual img{object-fit: cover;object-position: center; width:auto; height:100%;}
	
	.sub_tit{ padding:0 50px; box-sizing:border-box;}
	.sub-menu{ padding:25px 50px;}
	.page_tit{ padding:0 20px;}
	
	.p10001, .p10002, .p10003, .p10005{ padding:0 20px;}
	.p10002 .page_tit{ padding:0;}
	
}
@media all and (max-width:1280px){	
	.sub_tit h1{ font-size:27px;}
	.sub_tit h2{ font-size:55px;}
	
	.sub-menu-wrap{ display:none;}
	
	.p10003 h1 {font-size:50px;}
	.p10003 h2{ font-size:25px}
}

@media all and (max-width:1024px){	
	.sub_tit h1{ font-size:30px;}
	.sub_tit h2{ font-size:35px;}
	
	.p10001 dl{gap:37px;}
	
	.root_daum_roughmap .wrap_map{height:470px !important;}
	
	.p10005 .s02 dl{ display:block;}
	.p10005 .s02 dl dt{ margin-bottom:20px;}
	.p10005 .s02 dl dt h2 {font-size:30px;}
	
}

@media all and (max-width:800px){
	.sub_tit{ bottom:150px;}
	.sub_tit p{ display:none;}
	.sub_tit h1{ font-size:27px;}
	.sub_tit{ bottom:100px;}	
	
	#subWrap h4{ font-size:23px;}
	#subWrap h4 br{ display:none;}
	
	.p10001 dl{ display:block;}
	.p10001 dl dt{ margin-bottom:50px;}
	
	#subWrap h3{ font-size:37px;}

	.p10003 h1 {font-size:40px;}
	.p10003 h2{ font-size:20px}	
	.p10003 .s01 p {font-size:18px;line-height:23px;}
	.p10003 .s02 dl{ display:block;}
	.p10003 .s02 dl dt{ margin-bottom:15px;}
	.p10003 .s02 dl dt br{ display:none}
	
	.root_daum_roughmap .wrap_map{height:370px !important;}
	
}


@media all and (max-width:480px){
	
    .p10002 .table,
    .p10002 .table tbody,
    .p10002 .table tr,
    .p10002 .table th,
    .p10002 .table td {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
    }
	.table tr>*{ border-right:0;}

	.sub_tit h1{ font-size:23px;}
	#subWrap h3{ font-size:30px;}
	
	.p10002 .s02 .area img{ width:50%;}
	
	.p10003 h1 {font-size:35px;}
	.p10003 .s02 dl dt{ font-size:30px;}
	.p10003 .s02 dl dd ul li {padding-left:30px;}
	
	.root_daum_roughmap .wrap_map{height:300px !important;}
	
	.p10005 .s02 dl dt h2 {font-size:25px;}
	
}