@import url('../../css/default.css');
@import url('../../css/common.css');
@import url('../../css/header.css');

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

@font-face {
    font-family: 'MaruBuri-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/MaruBuri-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.area_subVisual{ width:100%; height:300px;}
.go_title{ font-size:60px; margin:20px 0;}


.depth{ padding:20px 0; background:#1c3854; text-align:center;}
.depth li{ display:inline-block; vertical-align:top; }
.depth li:before{ content:''; width:1px; height:10px; border-left:1px #ccc solid; padding-left:25px; margin-left:25px; opacity:0.5;}
.depth li:nth-child(1):before{ display:none;}
.depth a{ font-size:23px; font-weight:500; color:#fff;}
.depth .selected3 a{ color:#ef8304}


.location{ margin-top:70px;}

.category { margin-bottom:30px;}
.category ul li{ display:inline-block; margin-right:5px;border:1px #ddd solid; padding:7px 15px;}

.category .selected{ background:#efefef}


.time_txt{ font-size:25px; font-weight:500;}

.pro_info{  padding:15px 20px; background:#e5edf3; }
.pro_info span{ background:#1a85ad; color:#fff; display:inline-block; padding:5px 10px; font-weight:500; border-radius:7px; margin-right:5px;}
.pro_info p{ display:inline-block;}
.pro_info .pro_direction{ margin-left:20px;}
.pro_info .txt_pro {display: inline-block;margin-top: 10px;margin-left:20px}
.pro_info .txt_pro2 {display: inline-block; margin-left:20px }
.pro_info .txt_pro3{display: inline-block; margin-top: 10px; margin-left:20px;}
.pro_info .txt_pro4{display: inline-block; margin-top: 10px; }
.pro_info b{ font-weight:bold; display:inline-block; margin:5px;}



.pro_plan{  background:#f2f6f9; padding:50px; margin-bottom:30px; font-size:23px;}
.pro_plan .pTit{ font-weight:500; font-size:27px;}
.tv_pro_info dl{ border-top:1px #ddd solid; font-size:20px; border-bottom:1px #ddd solid; padding-bottom:30px;}
.tv_pro_info dl dt, .tv_pro_info dl dd{ display:inline-block; vertical-align:top }
.tv_pro_info dl dt{ position:relative; width:20%; font-size:35px; font-weight:500;  border-top:2px #F33 solid; padding-top:30px;}

.tv_pro_info dl dd{ width:calc((100% - 20%) - 35px); margin-left:30px; padding-top:30px;}


.tv_sTit{ font-size:25px;}

.page127 li{ display:inline-block; width:calc((100% / 2) - 19px); margin-bottom:30px; vertical-align:top; border:1px #ddd solid; margin-right:30px;}
.page127 li:nth-child(2n+2){ margin-right:0;}
.page127 .area{ padding:50px;}
.page127 .area p{ font-size:37px; font-weight:bold; font-family: 'UhBeeMiMi';}
.page127 .tit{font-size:45px; font-weight:bold; font-family: 'UhBeeMiMi'; text-align:center; background:#efefef; padding:15px 0; margin-bottom:20px;}


.page131{ background:url(./image/sub/2/page131.jpg) 50% 50% no-repeat; background-size:cover; padding:250px 0; text-align:center; font-family: 'MaruBuri-Regular'; font-size:23px; line-height:35px;}
.page131 p:nth-child(2){ margin-top:50px;}

.page133{ background:url(./image/sub/2/page133.jpg) 100% 50% no-repeat; background-size:cover; padding:100px 400px 100px 100px; font-family: 'MaruBuri-Regular'; font-size:20px; line-height:35px;}
.page133 p{ font-size:23px; font-weight:bold; margin-top:50px;}

.page147{ background:url(./image/sub/2/page147.jpg) 50% 20% no-repeat; background-size:cover;  text-align:center; }
.page147 .s01{ padding:200px 0; font-weight:bold; font-size:45px; color:#000;}
.page147 .s02{ color:#fff;padding:250px 0 250px 0; font-size:30px;}



.page161{ background:url(./image/sub/2/page161.jpg) 50% 0% no-repeat; background-size:cover;   font-family: 'MaruBuri-Regular'; font-size:23px; line-height:35px; padding:300px 0 300px 150px; color:#fff;}

.radio_detail{ text-align:center;}
.radio_detail img{ width:80%;}



.rTit{ font-size:30px; font-weight:500;}
.page143 .psTit{ background:#224299; color:#fff; padding:10px 30px; border-radius:7px;}
.page143 .psTit span{ display:inline-block; background:#fff; color:#009; font-weight:500; padding:5px 10px; border-radius:7px; margin-right:5px;}
.page143 .psTit span:nth-child(2){ margin-left:30px;}
.page143 .area{ position:relative; margin-top:20px; padding:35px 0px 0 60px;}
.page143 .area .rTit{ font-family: 'UhBeeMiMi'; font-weight:bold}
.page143 .area:before{ position:absolute; top:0; left:0; font-size:70px; opacity:0.1; font-weight:bold}
.page143 .area:nth-child(1):before{ content:'01'}
.page143 .area:nth-child(2):before{ content:'02'}
.page143 .area:nth-child(3):before{ content:'03'}
.page143 .area:nth-child(4):before{ content:'04'}
.page143 .area:nth-child(5):before{ content:'05'}
.page143 .area:nth-child(6):before{ content:'06'}
.page143 .area:nth-child(7):before{ content:'07'}
.page143 .area:nth-child(8):before{ content:'08'}
.page143 .area:nth-child(9):before{ content:'09'}
.page143 .area:nth-child(10):before{ content:'10'}
.page143 .area:nth-child(11):before{ content:'11'}

@media screen and (max-width: 1920px){
	.area_subVisual{ height:250px;}
	
	.location{ margin-top:50px;}
	
	.depth{ padding:15px 0;}
	.depth a{ font-size:19px;}
	.depth li:before{ height:10px;  padding-left:15px; margin-left:15px;}
	
	.go_title{ font-size:47px;padding-left:10px;}
	
	.pro_plan{ font-size:20px; padding:30px 50px;}
	.pro_plan .pTit{font-size:25px;}
	
	
	.page131{font-size:20px; line-height:30px;padding:150px 0 200px 0;}
	.page133{ font-size:17px; line-height:30px;}
	.page133 p{ font-size:20px;  margin-top:50px;}
	
	.page161{font-size:20px; line-height:35px; padding:300px 100px;}
	
	.radio_detail img{ width:100%;}
}



@media screen and (max-width: 1280px){
	.area_subVisual{ height:200px;}
	.location{ padding-left:10px;}
	
	.depth a{ font-size:17px;}
	
	.page133{ padding:50px 50px 0 50px; background:none;}
	
	.page133 p{ margin-top:25px;}
	.page133 .mobile_bg{ margin-top:30px;background:url(./image/sub/2/page133.jpg) 100% 50% no-repeat; background-size:auto 100%; width:100%; height:500px;}
	
	.page147 .s01{ padding:150px 0; font-size:40px;}
	.page147 .s02{ padding:200px 0; font-size:25px;}
	
	.page161{font-size:20px; line-height:35px; padding:250px 50px;}
	.page143 .psTit{ margin:0 15px;}
}


@media screen and (max-width:640px){
	.area_subVisual{ height:150px;}
	
	.go_title{ font-size:25px; }
	
	.depth{ background:none; text-align:left; margin-left:10px;}
	.depth a{ display:inline-block; font-size:15px; border:1px #ddd solid; padding:5px 10px; color:#333; margin:0 2px 5px 2px;}
	.depth .selected3 a{ background:#ee4900; color:#fff; border:1px #ee4900 solid;}
	
	.depth li:before{ display:none;}
	
	.pro_plan{ font-size:17px; padding:20px;}
	.pro_plan .pTit{ font-size:20px;}
	
	.page131{font-size:17px; line-height:30px;padding:100px 0 250px 0;}
	.page131 p:nth-child(2){ margin-top:30px;}
	
	.page133{ padding:10px 10px 0 10px;}
	.page133 .mobile_bg{ height:300px; background-size:auto 150%;}
	
	.page147{ background-position:50% 0%;}
	.page147 .s01{ padding:100px 0; font-size:30px;}
	.page147 .s02{padding:100px 0; font-size:20px;}
	
	.page161{font-size:17px; line-height:30px; padding:200px 20px 200px 20px;}
	
	
	
	
}

@media screen and (max-width:480px){
	.area_subVisual{ height:100px;}
	
	.page147 .s01{ padding:100px 0 50px 0; font-size:25px;}
	.page147 .s02{ padding:100px 10px 100px 10px; font-size:17px;}
	.page147 .s02 br{ display:none;}
	
	.page161{padding:200px 20px 100px 20px;}
}