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

/* pic_pc / pic_mobile */
.pic_pc {}
.pic_mobile{ display: none;}
@media only screen and (max-width:768px) {
	.pic_pc { display: none;}
	.pic_mobile{ display: block;}
}


/* guide_box */
.top_guide{position: relative; margin-bottom: 60px;border-radius: 0 0 80px 0;background: #f7f6f4; }
.top_guide .inner{display:table; min-height: 210px;width: 100%; position: relative; padding: 55px 0;}
.top_guide .txtBox{ position: relative; padding: 0px 45px 0px 410px;overflow: hidden;display: table-cell;vertical-align: middle;}
.top_guide:before{content:'';display:block;position:absolute;bottom: 0;left: 0;width: 380px;height: 100%;background-image: url('../images/sub/top_guide_pic.png'); background-repeat:no-repeat;background-position: 50% 100%; }
.top_guide.ico01:before{background-position: center bottom -38px;}
.top_guide.ico02:before{background-image: url('../images/sub/top_guide_pic02.png'); background-position: center bottom -15px}
.top_guide.ico03:before{background-image: url('../images/sub/top_guide_pic03.png'); background-position: center bottom 15px}
.top_guide .tit{color: #222;font-size: 1.625em;  font-size: 1.45em;line-height: 1.2em;margin-bottom: 20px;font-weight: 500;}
.top_guide .txt {color: #3c3c3c;font-size: 1.125em;font-size: 1em;margin-bottom: 0 !important;}

@media only screen and (max-width:1080px){
	.top_guide{margin-bottom:25px;}
	.top_guide .inner{min-height:inherit; padding: 0;}
	.top_guide .txtBox{padding: 35px 40px 35px 310px;min-height: inherit;}
	.top_guide:before{ width: 290px;background-size: contain; background-position: 50% 100% !important;}
	.top_guide .tit{margin-bottom:15px;}
	.top_guide .txt br{ display:none;}
}
@media only screen and (max-width:768px){
	.top_guide{border-radius:0 0 40px 0;margin-bottom: 10px;}	
	.top_guide .txtBox{padding: 150px 20px 25px 20px; }
	.top_guide:before{ width: 100%; background-size: 154px;left: 0;bottom: inherit;top: 10px;height: 130px;}
	.top_guide .tit{font-size: 1.45em;margin-bottom: 10px;}
	.top_guide .txt{font-size:1em}
}
@media only screen and (max-width:480px){
	.top_guide{margin-bottom:0; border-radius:0 0 30px 0;}
}

/* step_guide */
.step_guide{ background:#eff1f3; border-radius: 10px; overflow: hidden; padding:50px 85px; margin-bottom: 40px; word-break: keep-all;}
.step_guide > ul {width:100%;}
.step_guide > ul > li{padding: 0 10px;float:left;position:relative;}
.step_guide > ul > li:after{content:'';display:block;position:absolute;width: 10px;height: 12px;background:url('../images/common/ico_next.svg') no-repeat;right: -6px;top:50%;margin-top: -10px;background-size:contain; opacity: 0.35;}
.step_guide > ul > li:last-child:after{ display:none;}
.step_guide > ul > li > div{background:#fff;display: table;width: 100%;padding: 30px 25px;min-height: 139px;border-radius: 25px 10px;box-shadow: 13px 13px 20px 0px rgba(41, 41, 41, 0.1);}
.step_guide > ul > li > div p{display:table-cell;vertical-align: top;color: #333;font-weight: 500; font-size: 1em;line-height: 1.2em;}
.step_guide > ul > li > div p em{color:#e94e1f;display: block;font-weight: 700;margin-bottom: 10px;font-size: 0.88em;line-height: 1.2em;width: 100%;}
.step_guide > ul > li > div p .txt_sm{font-size:0.7em;line-height: 1.4;display: block;margin-top: 5px;}
.step_guide > ul > li > div p .s_tit{display: block;/* border-bottom:1px dotted #ddd; *//* padding-bottom:7px; */margin-bottom:7px;font-size: 0.88em;background: #e94e1f;/* border-radius: 3px; */padding: 5px 7px;line-height: 1em;color: #fff;}

.step_guide > ul > li.key > div { background: #e94e1f;z-index: 2;text-decoration:none;}
.step_guide > ul > li.key > div p{color:#fff;vertical-align: middle;text-align: center;font-size: 1.25em;}
.step_guide > ul > li.key > div p em{ color:#fff;font-weight:400;}
.step_guide.cols02 > ul > li{width: 50%;}
.step_guide.cols03 > ul > li{width: 33.3333%;}
.step_guide.cols04 > ul > li{width: 25%;}
.step_guide.cols05 > ul > li{width: 20%;}
.step_guide.cols06 > ul > li{width: 16.6666666%;}
.step_guide.cols07 > ul > li{width: 14.2222222%;}

.step_guide.step_flex > ul{display:flex;flex-wrap: wrap;}
.step_guide.step_flex > ul > li{flex: 1 1 20%;margin-bottom: 20px;}
.step_guide.step_flex.cols03 > ul > li,
.step_guide.step_flex.cols04 > ul > li,
.step_guide.step_flex.cols05 > ul > li,
.step_guide.step_flex.cols06 > ul > li,
.step_guide.step_flex.cols07 > ul > li{flex:none;}
.step_guide.step_flex > ul > li > div{display:flex;min-height: inherit;height: 100%;}
.step_guide.step_flex > ul > li > div p{display: block;width: 100%;}
.step_guide.step_flex > ul > li.key > div p{display:flex;align-items: center;justify-content: center;}

@media only screen and (max-width:1080px){
	.step_guide{  padding:25px 35px 10px 35px;}
	.step_guide > ul > li{margin-bottom:15px;}
	.step_guide > ul > li > div{height: 130px;padding-bottom: 0;padding-top: 0;}
	.step_guide > ul > li > div p{font-size:1.05em;vertical-align: middle;}
	.step_guide.cols06 > ul > li{width:33.3333333%;}
	.step_guide.cols07 > ul > li{width:25%; }

	.step_guide.step_flex > ul > li > div{padding:20px;}
}
@media only screen and (max-width:768px){
	.step_guide{  padding:25px 15px 10px 15px;}
	.step_guide > ul > li > div{min-height: 87px;height: auto;padding:20px 25px;}
	.step_guide > ul > li > div p br{display:none;}
	.step_guide > ul > li{margin-bottom:15px;}
	.step_guide > ul > li > div p .txt_sm{font-size:0.8em; display:inline-block;}
	.step_guide.cols03 > ul > li,
	.step_guide.cols04 > ul > li,
	.step_guide.cols05 > ul > li,
	.step_guide.cols06 > ul > li,
	.step_guide.cols07 > ul > li{width:50%; }
}
@media only screen and (max-width:480px){
	.step_guide{  padding:20px 20px;}
	
	.step_guide > ul > li{margin-bottom:15px; padding:0}
	.step_guide.cols02 > ul > li,
	.step_guide.cols03 > ul > li,
	.step_guide.cols04 > ul > li,
	.step_guide.cols05 > ul > li,
	.step_guide.cols06 > ul > li,
	.step_guide.cols07 > ul > li{width:100%; }
	.step_guide > ul > li > div{ min-height:inherit; padding:20px;}
	.step_guide > ul > li > div p br{ display:none;}
	.step_guide > ul > li > div p em{margin-bottom:7px;}
	.step_guide > ul > li:after{left: 50%;-webkit-transform: rotate(90deg) translateX(-50%);-ms-transform: rotate(90deg) translateX(-50%);transform: rotate(90deg) translateX(-50%);top: auto;bottom: -20px;height: 12px;}

	.step_guide.step_flex > ul {flex-direction: column;}
}


/* pic_list */
.pic_list{ overflow: hidden;}
.pic_list li{ min-height:300px; border:1px solid #fcbd00; border-radius:10px; overflow: hidden; margin-bottom: 20px; padding:50px 50px 50px 360px; position: relative;}
.pic_list li:before{ content:''; display: block; width:230px; height: 230px; border-radius:230px; background:#ddd; overflow: hidden; position: absolute; left: 50px; top:40px; background-position:50% 50%; background-size:cover; background-repeat: no-repeat;}
.pic_list li .tit{ color:#333; font-size: 1.95em; font-weight:500; line-height: 1.1em; margin-bottom:25px; }
/*.pic_list li .desc{ font-size:1.125em;}*/
.pic_list li .btn_area{text-align:left; padding-top: 30px;}
.pic_list.edu li.pic01:before{ background-image:url('../images/sub/pic_edu01.jpg');}
.pic_list.edu li.pic02:before{ background-image:url('../images/sub/pic_edu02.jpg');}
.pic_list.edu li.pic03:before{ background-image:url('../images/sub/pic_edu03.jpg');}
.pic_list.support li.pic01:before{ background-image:url('../images/sub/pic_support01.jpg');}
.pic_list.support li.pic02:before{ background-image:url('../images/sub/pic_support02.jpg');}
@media only screen and (max-width:1080px){
	.pic_list li{ padding: 40px 40px 40px 280px;min-height: 265px;}
	.pic_list li:before{width:200px; height:200px;left: 40px;top: 35px;}
	.pic_list li .tit{margin-bottom:10px; /* font-size:2em; */}
	.pic_list li .desc br{ display: none;}
}
@media only screen and (max-width:768px){
	.pic_list li{ padding: 25px;min-height: inherit; text-align:center;}
	.pic_list li:before{width:150px; height:150px;left: inherit;top: inherit; position:relative; margin:0 auto 15px auto;}
	.pic_list li .tit{margin-bottom:10px; font-size:1.8em;}

	.pic_list li .btn_area{text-align:center;padding-top: 10px;}
}
@media only screen and (max-width:768px){
	.pic_list li{ padding:20px 25px 25px 25px;}
	.pic_list li .tit{margin-bottom:10px; font-size:1.65em;}
	.pic_list li .desc{font-size:1em;}
}


/* box_list_type */
.box_list_type {}
.box_list_type .box_list_item { padding: 50px 0 45px 0;border-top: 1px solid #ddd; overflow: hidden; /*min-height: 220px;*/}
.box_list_type .box_list_item:first-child{border-top:0;}
.box_list_item .list_cont .txt {color:#666;word-break: keep-all; margin-bottom: 30px;}
.box_list_item .list_cont .pic{ margin-bottom: 30px;}
.box_list_item .list_cont .pic span{ display: block;text-align: center; margin-top: 10px; color:#909090; font-size: 0.88em;}
.list_tit {	float: left;	min-width: 320px;	width: auto;}
.list_tit h4 {font-size: 1.5em; color: #222; font-weight: 500; line-height: 1.2; position: relative;}
.list_tit h4 span{ font-size:0.8em; font-weight: 400; display: block; color:#868686; margin-top: 5px; }
.list_tit h4 b{ color:#1145ad; display: inline-block;position: relative;z-index: 0;text-indent: 2px;}
.list_tit h4 b:after{ content:''; display: block; /* position:absolute; */ /* left: -2px; */ /* bottom: 0px; */ background:#e0f3fe; border-radius: 10px;height:10px; width: 103%;margin: -8px auto 0 auto;z-index: -1;}
.list_cont { float: right;width: calc(100% - 340px); font-size: 1.05em;}
.list_cont h5:first-child, .list_cont h6:first-child{ margin-top: 0 !important;}
.list_cont .ttl03{ margin-top:35px; }
.list_cont .txt_large {font-size: 1.125em;}
.list_cont:after { display: block; content: ""; clear: both; width: 100%}
.list_cont .item + .item{margin-top:1.8em;padding-top:1.8em;border-top:1px solid #e6e6e6;}
@media only screen and (max-width:1080px) {

	.box_list_type .box_list_item {padding: 40px 0; min-height: inherit;}
	.list_tit,
	.list_cont  { float: none; width: 100%}
	.list_tit { margin-bottom: 10px; }
	.list_tit h4 br, .list_cont .txt_large br{ display:none;}
	.list_tit h4 span{ display: inline-block; margin-top: 0;}	
}
@media only screen and (max-width:768px) {
	.box_list_type .box_list_item {padding: 30px 0;}
	.list_cont .ttl03{ margin-top:20px; }
}


/* explanBox  */
.explanBox {}
.explanBox .inner{ width:900px; margin: -110px auto 0 auto;padding-top: 50px;background: #fff;}
.explanBox .inner .ttl01{ text-align: center;font-weight: 700;font-size: 2em;}
.explanBox .inner .ttl01 + .desc{ text-align:center;font-size: 1.125em;margin-bottom: 70px;}

.explanBox .dl_list{ border-top:2px solid #222;}
.explanBox .dl_list dl{ padding: 30px 0px 30px 250px; position:relative; border-bottom:1px solid #e6e6e6;}
.explanBox .dl_list dl:last-child{border-bottom:none;}
.explanBox .dl_list dl:before{ content:''; display:block; width:168px; height:168px; background:#f5f5f5 url('../images/sub/ico_sprite03.png') no-repeat 50% 0; border-radius:168px; position:absolute; left:30px; top:30px; }
.explanBox .dl_list dt{ color:#e94e1e; font-size:25px; font-size: 1.35em;font-weight:500; line-height:1.1em; margin-bottom:20px;}
.explanBox .dl_list dd{ position:relative;}
.explanBox .dl_list dd ul{ }
.explanBox .dl_list dd ul li{ padding-left: 88px; position:relative; margin-bottom:15px;font-size: 0.95em;}
.explanBox .dl_list dd ul li b{ display:block; position:absolute; left:0; top:0; color:#222; font-weight:500; font-size:1.05em;}
.explanBox:before{content:''; display:block; height:350px; width:100%; background-position:50% 100%; background-repeat:no-repeat; background-size:cover;}
.explanBox.bg0302:before{ background-image:url('../images/sub/explan_bg0302.jpg');}
.explanBox.bg0303:before{ background-image:url('../images/sub/explan_bg0303.jpg');}
.explanBox.bg0402:before{ background-image:url('../images/sub/explan_bg0402.jpg');}
.explanBox.bg0403:before{ background-image:url('../images/sub/explan_bg0403.jpg');}
.explanBox.bg0404:before{ background-image:url('../images/sub/explan_bg0404.jpg');}
.explanBox.bg0302 .dl_list dl.ico01:before{ background-position: 50% 0; }
.explanBox.bg0302 .dl_list dl.ico02:before{ background-position: 50% -170px; }
.explanBox.bg0303 .dl_list dl.ico01:before{ background-position: 50% -340px; }

.explanBox .roundBox{ background:#f3f3f3; border-radius:10px 55px; padding: 55px; overflow:hidden;}
.explanBox .roundBox .tit{ float:left; letter-spacing: -0.05em; color: #252525;  font-size: 1.5em;line-height: 1.2em; font-weight: 500;width: 35%;}
.explanBox .roundBox .tit img{ display: block;margin-bottom: 7px;}
.explanBox .roundBox  .checkList{ float:right; width: 65%; /* font-size: 0.9em; */border: 1px solid #b9ab9b;border-width: 0 0 0 1px;padding-left: 45px;}
.explanBox .roundBox  .checkList li{ margin-bottom: 15px;}
.explanBox .roundBox  .checkList li:last-child{ margin-bottom:0;}
.explanBox .roundBox + .info_ex01{ margin-top:20px;}
@media only screen and (max-width:1080px) {
	.explanBox .inner{ width:95%; }
	.explanBox .dl_list dd ul li{font-size:1em;}
	.explanBox .roundBox .checkList{font-size:1em;}
}
@media only screen and (max-width:768px) {
	.explanBox:before{ height:250px;}
	.explanBox .inner{padding-top: 30px;}
	.explanBox .inner .ttl01 + .desc br{ display: none;}
	.explanBox .inner .ttl01{ font-size: 1.8em; margin:30px auto 10px auto;}
	.explanBox .inner .ttl01 + .desc{font-size: 1.05em;  margin-bottom: 40px; padding: 0 15px;}
	.explanBox .dl_list dl{ padding: 25px 0px 15px 125px;}
	.explanBox .dl_list dl:before{ width: 100px; height: 100px;left: 0;background-size: 105px;}
	.explanBox .dl_list dt{margin-bottom:10px; font-size:1.5em;}
	.explanBox .dl_list dd ul li{ padding-left:70px; margin-bottom: 10px;}
	.explanBox .dl_list dd ul li br{display: none;}
	.explanBox.bg0302 .dl_list dl.ico01:before{ background-position: 50% 0; }
	.explanBox.bg0302 .dl_list dl.ico02:before{ background-position: 50% -105px; }
	.explanBox.bg0303 .dl_list dl.ico01:before{ background-position: 50% -310px; }

	.explanBox .roundBox{ border-radius:10px 35px;padding: 30px;}
	.explanBox .roundBox .tit, .explanBox .roundBox .checkList{float: none;}
	.explanBox .roundBox .tit br, .explanBox .roundBox .checkList li br{ display:none;}
	.explanBox .roundBox .tit{ font-size:1.35em;width: 100%;}
	.explanBox .roundBox .tit img{ display: inline-block; width:150px; margin: -4px 5px 0 0;}
	.explanBox .roundBox .checkList{ margin-top: 5px;padding: 20px 0 0 0;width: auto;border-width: 1px 0 0 0;}
	.explanBox .roundBox .checkList li{ margin-bottom: 5px;}
}
@media only screen and (max-width:480px) {
	.explanBox .dl_list dl{padding:25px 0;}
	.explanBox .dl_list dl:before{ position:relative; left:inherit; top:inherit; margin:0 auto 15px auto;}
	.explanBox .dl_list dt{text-align:center;}
	.explanBox .roundBox .tit img{display: block;}
	
}


/* stepBox */
.stepBox { overflow: hidden; margin-bottom: 60px;text-align: center;}
.stepBox li{display: inline-block; position: relative; width: 32.5%; vertical-align: top;text-align: center; /* overflow: hidden; */}
.stepBox li .ico{ display:block; background:#f5f5f5 url('../images/sub/ico_sprite03.png') no-repeat; width:170px; height:170px; border-radius:170px;z-index: 1;position: relative;margin: 0 auto;}
.explanBox .stepBox li .ico01{ background-position: 0 -500px; }
.explanBox .stepBox li .ico02{ background-position: 0 -670px; }
.explanBox .stepBox li .ico03{ background-position: 0 -840px; }
.explanBox .stepBox li .ico04{ background-position: 0 -1000px; }
.explanBox .stepBox li .ico05{ background-position: 0 -1170px; }
.explanBox .stepBox li .ico06{ background-position: 0 -1340px; }
.explanBox .stepBox li .ico07{ background-position: 0 -1500px; }
.stepBox li .ico:after{content: ''; position: absolute; top: 50%; right: -74%; width: 70%; height: 2px; background: url('../images/sub/ico_arrow_dot.gif');z-index: 0;}
.stepBox li:last-child .ico:after{ display:none;}
.stepBox li em{ position:absolute; left: 15px; top:0; border-radius:38px; width:38px; height:38px; line-height:38px; background:#e94e1e; color:#fff; display:block;z-index: 2;}
.stepBox li .txt{ font-size: 1.125em; color:#222; line-height:1.4em; margin-top:20px;}
@media only screen and (max-width:768px) {
	.stepBox{ margin-bottom:50px;}
	.stepBox li{ width: 32%;}
	.stepBox li .ico{ width:100px; height: 100px;background-size: 115px;}
	.explanBox .stepBox li .ico01{ background-position: 50% -345px; }
	.explanBox .stepBox li .ico02{ background-position: 50% -460px; }
	.explanBox .stepBox li .ico03{ background-position: 50% -575px; }
	.explanBox .stepBox li .ico04{ background-position: 50% -800px; }
	.explanBox .stepBox li .ico05{ background-position: 50% -915px; }
	.explanBox .stepBox li .ico06{ background-position: 50% -1020px; }
	.explanBox .stepBox li .ico07{ background-position: 50% -1135px; }
	.stepBox li .ico:after{width:100%; right: -108%;}
	.stepBox li em{ width:25px; height:25px; line-height:25px;}
	.stepBox li .txt{ font-size:1.05em;}
}
@media only screen and (max-width:480px) {
	.stepBox{ margin-bottom:40px;}
	.stepBox li .ico{ width:80px; height: 80px;background-size: 85px;}
	.explanBox .stepBox li .ico01{ background-position: 50% -250px; }
	.explanBox .stepBox li .ico02{ background-position: 50% -335px; }
	.explanBox .stepBox li .ico03{ background-position: 50% -420px; }
	.explanBox .stepBox li .ico04{ background-position: 50% -505px; }
	.explanBox .stepBox li .ico05{ background-position: 50% -590px; }
	.explanBox .stepBox li .ico06{ background-position: 50% -675px; }
	.explanBox .stepBox li .ico07{ background-position: 50% -760px; }
	.stepBox li em{ width:20px; height:20px; line-height:20px;left: 10px;font-size: 0.8em;}
}


/* list_schedule */
.list_schedule{ overflow: hidden; margin-bottom: 10px;}
.list_schedule li { position: relative;color:#555; border-radius: 30px 10px; line-height: 50px; margin-bottom: 10px; width:48%; float:left; overflow: hidden; padding-left:120px; border:1px solid #555;}
.list_schedule li:nth-child(even){float:right;}
.list_schedule li em{ color:#fff;  background:#555; font-weight: 700; text-align: center; display: block; width:95px; position: absolute; left: 0; top:0;}
.list_schedule li.col_key{border-color:#e94e1f;}
.list_schedule li.col_key em{ background:#e94e1f;}
@media only screen and (max-width:768px) {
	.list_schedule li{ padding-left: 75px; border-radius: 20px 7px; width:48.5%;}
	.list_schedule li em{ width:65px;}
}
@media only screen and (max-width:670px) {	
	.list_schedule li{ width:100%; float:none !important; line-height:45px;}
}
@media only screen and (max-width:480px) {
	.list_schedule li{ padding-left: 65px;}
	.list_schedule li em{ width:55px;}
}

/* certificationBox */
.certificationBox::after{content:'';display:block;clear:both}
.certificationBox .item{float:left;border:1px solid #ddd;text-align:center;border-radius:10px;  background-color:#fff; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.certificationBox.cols2 .item{width:49%;}
.certificationBox.cols2 .item:nth-child(even){float:right;}
.certificationBox.cols3 .item{width:32%;}
.certificationBox.cols3 .item:nth-child(2){ margin: 0 2%;}
.certificationBox.cols4 .item{width: 23.5%; margin: 0 0 0 2%;}
.certificationBox.cols4 .item:first-child{margin-left:0;}
.certificationBox.row_03 .item{min-height: 302px;}
.certificationBox.row_04 .item{min-height: 326px;}
.certificationBox .item button, .certificationBox .item a, .certificationBox .item > div{display: block; padding:40px 15px; width:100%;}
.certificationBox .item .tit:before{content:'';display:block;width:65px;height:65px;margin:0 auto 30px;background: #f3f3f3 url("../images/sub/ico_sprite.png") no-repeat;border-radius: 65px;}
.certificationBox .item.hp .tit:before{background-position:0 0}
.certificationBox .item.ipin .tit:before{background-position:0 -70px}
.certificationBox .item.consult01 .tit:before{background-position:0 -140px}
.certificationBox .item.consult02 .tit:before{background-position:0 -210px}
.certificationBox .item.consult03 .tit:before{background-position:0 -280px}
.certificationBox .item .tit{font-size:23px;font-size: 1.35em;font-weight:500;color:#222; position: relative; margin-bottom: 20px;transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.certificationBox .item .desc {line-height:1.4; color:#555; font-size:0.88em;}
.certificationBox .item.on,
.certificationBox .item:hover,
.certificationBox .item:focus{border-color: #fe7800;box-shadow:0px 20px 40px 0px rgba(179,191,203,0.2);}
.certificationBox .item:hover a,
.certificationBox .item:focus a{ text-decoration: none;}
.certificationBox .item.on .tit,
.certificationBox .item:hover .tit,
.certificationBox .item:focus .tit{ margin-top:-3px; font-weight:700;color: #e94e1f; }

.wideBox .certificationBox .item > div{ padding:45px 15px 65px 15px;}
.certificationBox.st02 .item .tit{line-height: 1.1em;}
.certificationBox.st02 .item .tit:before{ width:100px; height: 100px; background:#f3f3f3 url("../images/sub/ico_sprite02.png") no-repeat; background-size:cover; border-radius: 100px;}
.certificationBox.st02 .item.ico01 .tit:before{background-position:0 -0px}
.certificationBox.st02 .item.ico02 .tit:before{background-position:0 -110px;}
.certificationBox.st02 .item.ico03 .tit:before{background-position:0 -220px;}
.certificationBox.st02 .item.ico04 .tit:before{background-position:0 -330px;}
.certificationBox.st02 .item.ico05 .tit:before{background-position:0 -440px;}
.certificationBox.st02 .item.ico06 .tit:before{background-position:0 -550px;}
.certificationBox.st02 .item .desc{ font-size:1em;}
.certificationBox.st02 .item:hover, .certificationBox.st02 .item:focus {border-color:#ddd;box-shadow:none;}
.certificationBox.st02 .item:hover .tit, .certificationBox.st02 .item:focus .tit{ margin-top:0; font-weight:500;color:#222;}
.certificationBox.st02 .item.row_03{ min-height: 333px;}
.certificationBox.st02 .item.row_04{min-height: 363px;}

@media only screen and (max-width:768px) {
	.certificationBox .item{width:100% !important; float:none !important; margin: 0 0 10px 0 !important; min-height: inherit !important;}
	.certificationBox .item button, .certificationBox .item a, .certificationBox .item > div{padding: 15px !important;min-height: 95px;}
	.certificationBox .item .tit{text-align:left;padding-left: 85px;margin: 5px 0 !important; font-size: 1.25em;}
	.certificationBox .item .tit:before{margin:0;position: absolute;top: -6px;left: 0;}
	.certificationBox .item .desc{text-align:left; padding-left: 85px;}
	.certificationBox .item .desc br{display:none;}
	
	.certificationBox.st02 .item .tit:before{width:71px; height: 71px; }
	.certificationBox.st02 .item.ico02 .tit:before{background-position:0 -78px;}
	.certificationBox.st02 .item.ico03 .tit:before{background-position:0 -156px;}
	.certificationBox.st02 .item.ico04 .tit:before{background-position:0 -234px;}
	.certificationBox.st02 .item.ico05 .tit:before{background-position:0 -312px;}
	.certificationBox.st02 .item.ico06 .tit:before{background-position:0 -390px;}
	
}

/* use_box */
.use_box{ position: relative; overflow: hidden; text-align: center; font-size: 0.88em;}
.use_box:after{ content:''; border-radius: 200px; border:dotted 3px #91918f; background:#f1f4f8; overflow: hidden; width:855px; height: 625px;  position: absolute; left: 50%; top:50px; margin-left: -427px; z-index: -2;}
.use_box > ul{text-align: center;}
.use_box li{float:left;}
.use_box li div{display:table; width:100%; overflow: hidden;}
.use_box li p{ display: table-cell; vertical-align: middle; line-height: 1.2em; font-weight:500;}
.use_box ul > li > div > p .txt_sm{ display: block; font-weight: 300;}

.use_box .con01, .use_box .con03 {display: inline-block; float: none; vertical-align: top;}
.use_box .con01 div{height: 120px;border-radius:60px; border:1px solid #222; background:#fff;}
.use_box .con01 p{ font-size:25px;  font-size: 1.55em; /* width:50%; */ padding: 0 4em;color:#222; font-weight: 700;}
.use_box .con01 .txt_sm{font-size: 20px;font-size: 0.8em; font-weight: 400;}
.use_box .con02 {clear: both; float: none; margin: 50px auto 30px auto; overflow: hidden;}
.use_box .con02 > ul > li{width:33.333333%; position: relative;}
.use_box .con02 > ul > li div{ height:370px; width: 370px; background:url('../images/sub/pic_use0101.jpg') no-repeat 50% 50%; border-radius: 370px;}
.use_box .con02 > ul > li:nth-child(2):after{ content:''; display: block; border:2px dotted #91918f; position: absolute; left: -25%; top:50%;width: 150%;z-index: -1;}
.use_box .con02 > ul > li:nth-child(2) div{ margin: 0 auto;background-image:url('../images/sub/pic_use0102.jpg');}
.use_box .con02 > ul > li:nth-child(3) div{ float: right;background-image:url('../images/sub/pic_use0103.jpg');}
.use_box .con02 > ul > li div p{font-size:35px; font-size: 2.2em;color:#fff; text-shadow: 0 0 7px rgba(0, 0, 0, 0.5);}
.use_box .con02 > ul > li .txt_sm{color:#fff; font-size: 18px;font-size: 0.5em;}
.use_box .con03 > ul{text-align: center;width: 100%;}
.use_box .con03 > ul > li{ width: auto; display: inline-block; float: none;  vertical-align: top;}
.use_box .con03 > ul > li div{width: 220px;height: 220px; margin: 0 36px;background-color: #f38400; border-radius: 220px;}
.use_box .con03 > ul > li:nth-child(even) div{ background-color:#f34500;}
.use_box .con03 > ul > li p{ color:#fff; font-size:25px;font-size: 1.55em;}
.use_box .con03 > ul > li .txt_sm{color:#ffd06a; font-size: 14px;font-size: 0.6em;text-transform: uppercase;}
@media only screen and (max-width:1080px) {
	.use_box{ font-size:0.8em;}
	.use_box:after{width: 506px;height: 400px;margin-left: -253px;border-radius: 130px;border-width: 2px;}
	.use_box .con01 div{ height: 90px;}
	.use_box .con02{margin: 40px auto 20px auto;}
	.use_box .con02 > ul > li{ display:inline-block; float:none;width: auto;}
	.use_box .con02 > ul > li:nth-child(2):after{ border-width: 1px;}
	.use_box .con02 > ul > li div{ width: 220px;height: 220px;margin: 0 2em;}
	.use_box .con02 > ul > li:first-child div,
	.use_box .con03 > ul > li:first-child div{margin-left:0;}
	.use_box .con02 > ul > li:last-child div,
	.use_box .con03 > ul > li:last-child div{margin-right:0;}
	.use_box .con02 > ul > li div p{ font-size: 2em;}
	.use_box .con02 > ul > li .txt_sm{ font-size:0.6em;}
	.use_box .con03 > ul > li div{ width:150px; height:150px;margin: 0 20px;}	
}
@media only screen and (max-width:768px) {
	.use_box:after{width: 450px;height: 325px;margin-left: -225px;border-radius: 100px;top: 30px;}
	.use_box .con01 div{ height: 80px;}
	.use_box .con01 p{ padding:0 2.5em;}
	.use_box .con02{margin: 30px auto 10px auto;}
	.use_box .con02 > ul > li div{ width: 170px;height: 170px;margin: 0 15px;}
	.use_box .con02 > ul > li div p{ font-size: 1.6em;}
	.use_box .con02 > ul > li .txt_sm{ font-size:0.7em;}
	.use_box .con03 > ul > li div{ width: 120px; height: 120px;margin: 0 10px;}	
}
@media only screen and (max-width:575px) {
	.use_box{ font-size:0.7em;}
	.use_box:after{width: 80%;height: 210px;margin-left: -40%;border-radius: 100px;top: 30px;}
	.use_box .con01 div{ height: 65px;}
	.use_box .con01 p{ padding:0 2em;}
	.use_box .con02{margin: 20px auto 10px auto;}
	.use_box .con02 > ul > li{width: 33%;}
	.use_box .con02 > ul > li div{ width: 97%;height: 100px;margin: 0;}
	.use_box .con02 > ul > li div p{ font-size: 1.6em;}
	.use_box .con02 > ul > li .txt_sm{ font-size:0.7em;}
	.use_box .con02,.use_box .con03{width:100%;}
	.use_box .con03 > ul > li{width: 30%;}
	.use_box .con03 > ul > li div{ width: 97%; height: 80px;margin: 0 auto;}	
}
@media only screen and (max-width:415px) {
	.use_box .con02 > ul > li{float:left; display:block;}
	.use_box .con02 > ul > li div p{ font-size: 1.3em;}
	.use_box .con02 > ul > li .txt_sm{ display:none;}
}

/* use_list */
.use_list{ overflow: hidden; margin-bottom: 60px;}
.use_list li{ float:left; margin-right: 1.666666666666%; text-align: center; width:23.75%; overflow: hidden;}
.use_list li:last-child{margin-right: 0;}
.use_list .pic{ overflow: hidden; border-radius: 15px; margin-bottom: 30px;}
.use_list .pic img{width:100%;}
.use_list .txt{ font-size:0.9em;}
.use_list .tit{ font-size:1.25em; margin-bottom: 10px; line-height: 1.4; color:#222; font-weight: 500;}
.use_list .desc{ font-size:1.05em; color:#555;}
@media only screen and (max-width:1080px) {
	.use_list{ margin-bottom:50px;}
	.use_list .desc br{display: none;}
}
@media only screen and (max-width:768px) {
	.use_list{ margin-bottom:40px;}
	.use_list .tit br{display: none;}
	.use_list li{  width:48%; text-align: left; margin: 0 0 20px 0;}
	.use_list li:nth-child(even){float:right;}
	.use_list .pic{ margin-bottom: 15px; border-radius:10px;}
	.use_list .txt{ font-size:1em;}
	.use_list .tit{margin-bottom: 5px; font-size:1.2em;line-height: 1.3em;}
	.use_list .desc{min-height: 48px; font-size: 1em;}
}
@media only screen and (max-width:480px) {
	.use_list{ margin-bottom:30px;}
	.use_list li{width:100%; float:none !important;}
	.use_list .desc{min-height:inherit;}
}	



/* foot_quick */
.foot_quick{ background:url('../images/sub/foot_quick.jpg') no-repeat 50% 50%; background-size:cover; overflow: hidden; clear: both; margin-top: 0 !important;}
.foot_quick li{ float:left; text-align: center; border-radius: 20px; background:#fff; min-height: 160px; margin-right: 2.4995%; width: 31.667%;box-shadow: 0px 5px 20px 0px rgba(10, 15, 20, 0.35);}
.foot_quick li:last-child{margin-right: 0;}
.foot_quick li:before{ content:''; display: block; margin: -30px auto 17px auto; width:60px; height: 60px; background:#dc3514; border-radius:60px; border:2px solid #fff; background-position: 50% 50%; background-repeat: no-repeat;}
.foot_quick .ico_call:before{ background-image:url('../images/sub/foot_quick_ico01.png');}
.foot_quick .ico_kakao:before{ background-image:url('../images/sub/foot_quick_ico02.png');}
.foot_quick .ico_map:before{ background-image:url('../images/sub/foot_quick_ico03.png');}
.foot_quick li .tit{ color:#222; font-size:1.25em; line-height: 1.1em; margin-bottom: 13px; font-weight: 700;}
.foot_quick li .desc{ color:#555; font-size:1.05em; line-height: 1.4em;}
.foot_quick li a{ line-height: 1em; display: block; word-break: break-all;}
.foot_quick a:hover, .foot_quick a:foucs{ text-decoration: none;}
.foot_quick .txt_large{display: block;margin-bottom: 5px;font-weight: 600;}
.foot_quick .ico_call .txt_large { font-size: 1.88em;margin-bottom: 0;}
@media only screen and (max-width:1080px) {
	.foot_quick .ico_call .txt_large{ font-size:1.6em;}
}
@media only screen and (max-width:768px) {
	.foot_quick li{width: 96%;  float: none;margin: 0 auto 10px auto !important; position:relative;min-height: inherit;padding: 15px 15px 15px 85px;text-align: left;border-radius: 10px;}
	.foot_quick li:last-child{margin-bottom: 0 !important;}
	.foot_quick li:before{position:absolute; left: 12px; top: 15px; margin:0;}
	.foot_quick li .tit{ margin-bottom:5px;}
}
@media only screen and (max-width:480px) {
	.foot_quick .txt_large{ font-size:1.2em !important;}
}

/* map */
#map{background-color:#ddd; height: 560px; border:1px solid #ddd;}
#map .root_daum_roughmap{width:100% !important; padding: 0;border: 0;}
#map .root_daum_roughmap, #map .root_daum_roughmap .wrap_map{height:100% !important;}
#map .map_border{ display: none;}

.add_info{margin-top: 35px; overflow: hidden;}
.add_info ul li{line-height:1.4; margin: 0 0 10px 0; }
.add_info ul li > div{}
.add_info ul li > div .tit{width: 110px; display: inline-block; vertical-align: middle;}
.add_info ul li > div .tit:before{content:''; display: inline-block; vertical-align: middle; width: 17px; height: 17px; 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% -150px;}
.add_info ul li > div.ico05 .tit:before{background-position: 50% -200px;}
.add_info ul li > div .tit span{display: inline-block; vertical-align: top; margin-left: 7px; font-size: 1em; font-weight: 500; letter-spacing: -0.25px; color: #222;}
.add_info ul li > div .info{width: calc(100% - 120px); display: inline-block; vertical-align: top; font-size: 1em; letter-spacing: -0.5px; line-height:1.5; color: #555; word-break:keep-all}
.add_info ul li > div .info a{color:#e94e1f; position:relative; display: inline-block;vertical-align: middle; }
.add_info ul li > div .info a:after{ content:''; display: block; width:100%; background:#e94e1f; height:1px;}
.add_info ul li > div .info a:hover, .add_info ul li > div .info a:focus{text-decoration:none; font-weight:700;}

.traffic_box{ overflow:hidden; margin-top:70px}
.traffic_list{ float:left; border:1px solid #ddd; width: 49%; border-radius: 10px;padding: 45px 15px 15px 180px; position:relative;min-height: 240px;}
.traffic_list:nth-child(even){float:right;}
.traffic_list:before{ content:''; display:block; width:100px; height:100px; background:#f4f4f4 url('../images/sub/traffic01.png') no-repeat 50% 50%; border-radius:100px; position:absolute; left:45px; top: 40px; }
.traffic_list.list_02:before{ background-image: url('../images/sub/traffic02.png');}
.traffic_list .tit{ color:#222; font-size: 1.35em;line-height: 1em;margin-bottom: 18px;}
.traffic_list .desc{ margin-bottom:10px; line-height:1.2em;}
.traffic_list li{ margin-bottom: 8px; line-height:1.2em; font-size:0.88em;}
.traffic_box .ico_traffic{ display:inline-block; width: 48px; text-align:center; background:#ddd; color:#fff; border-radius:50px; line-height:20px; font-size:12px; margin-right:10px;vertical-align: middle;letter-spacing: -0.05em;}
.traffic_box .ico_traffic.bus_normal{ background-color:#00a3a0;}
.traffic_box .ico_traffic.bus_express{ background-color:#f75133;}
.traffic_box .ico_traffic.bus_ma{ background-color: #5fb73c;}
.traffic_box .ico_traffic.humetro_line1{ background-color:#ff8939;}
.traffic_box .ico_traffic.humetro_line2{ background-color:#3cb44a;}
.traffic_box .ico_traffic.humetro_line3{ background-color:#cea33a;}
.traffic_box .ico_traffic.humetro_donghae{ background-color:#3356b4;}

@media only screen and (max-width:1080px) {
	#map{height:350px;}
	.traffic_box{ margin-top:50px;}
	.traffic_list{padding:25px 15px 25px 100px; min-height: 220px;}
	.traffic_list:before{width:70px; height:70px; left:15px; top:15px;}
}
@media only screen and (max-width: 768px) {
	#map {height: 300px;}
	.add_info ul li{margin-bottom:7px;}
	.add_info ul li > div .tit{ width:90px;}
	.add_info ul li > div .info{width: calc(100% - 100px);}
	.traffic_box{ margin-top:40px;}
	.traffic_list{float:none; width:100%; margin-bottom:10px;min-height:inherit;}
	.traffic_list .tit{ margin-bottom:10px;}
}
@media only screen and (max-width:480px) {
	#map{ height:260px;}	
	.traffic_box{ margin-top:30px;}
	.traffic_list{padding:100px 20px 20px 20px;}
	.traffic_list:before{left:50%; margin-left:-35px;}
	.traffic_list .tit, .traffic_list .desc{text-align: center;}
}


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

/* sitemap */
#sitemap {width:100%; }
#sitemap > div.menu { position:relative;overflow: hidden; margin-bottom: 20px; border: 1px solid #e94e1f; padding: 30px 50px;border-radius: 10px 10px 40px 10px;}
#sitemap > div.menu:before{content:'';display:block;width:100%;height:3px; } 
#sitemap .menu p.tit{margin-bottom: 0;line-height:0; float: left;width: 20%;display: block;}
#sitemap .menu p.tit > a{font-size: 1.5em;line-height:1em;color: #e94e1f;display: block;font-weight: 500;padding: 1em 0;}

#sitemap .menu .sitemapList {margin: 0 auto;overflow:hidden;padding: 1.5em 0px;float: left;width: 80%;}
#sitemap .menu .sitemapList:after {content:"";display:block;visibility:hidden;clear:both;}
#sitemap .menu .sitemapList > li{display:block;position: relative;float: left;width: 25%;padding-right: 10px;}
#sitemap .menu .sitemapList > li > a{position:relative;display:block;padding: 0 0 0 13px;color: #333;text-align:left;margin-bottom: 5px;font-size: 1.125em;font-weight: 500;}
#sitemap .menu .sitemapList > li > a:before{content:'';position:absolute;left:0;top: 11px;width: 3px;height: 3px;background: #666;border-radius:50%;}
#sitemap .menu .sitemapList ul {padding: 5px 0px 10px 13px;font-size: 1em;}
#sitemap .menu .sitemapList li > ul li {margin-top: 5px;}
#sitemap .menu .sitemapList li > ul li:first-child {margin-top: 0;}
#sitemap .menu .sitemapList li > ul li a {display: block;color: #636363;position: relative;padding-left: 10px;letter-spacing: -0.05em; line-height: 1.4em;}
#sitemap .menu .sitemapList li > ul li a:hover {text-decoration:underline;}
#sitemap .menu .sitemapList li > ul li a:before{content:'-';display: block;color:#333;position: absolute;left: 0;top: 0px;}
#sitemap a[target="_blank"]:after{content:'';display:inline-block;margin: -2px 0px 0 10px;background: url('../images/common/ico_lnb_blank.png') no-repeat 0 0;width: 12px;height: 12px;vertical-align: middle;}

@media only screen and (max-width:1080px) {
	/* email_reject */
	.email_reject em{ display: inline;}
	
	/* sitemap */
	#sitemap .menu .sitemapList li a:before{top:12px;}
	#sitemap .menu p.tit a{  /* font-size: 1.75em; */}
}

@media only screen and (max-width:768px) {
	#sitemap { }
	#sitemap > div.menu{width:48%; display: inline-block;vertical-align: top;margin: 0 0.8% 20px 0.8% !important;padding: 20px 30px;}
	#sitemap .menu p.tit, #sitemap .menu .sitemapList, #sitemap .menu .sitemapList > li{width:100%; float:none;}
	#sitemap .menu p.tit{ border-bottom: 1px solid #ddd;}
	#sitemap .menu p.tit a{padding: 0.85em 0 0.6em 0; font-size: 1.25em;}
}
@media only screen and (max-width:480px) {
	#sitemap > div.menu{width:100%;float:none !important;min-height: inherit;margin: 0 0 10px 0 !important;border-radius: 10px;padding: 10px 25px 0px 25px;}
}



/* event_list */
.event_list{ margin:50px auto;}
.event_list .list{display:flex;flex-wrap:wrap;box-shadow: 0 0 0 2px inset #ddd;}
.event_list .list li{border: 2px solid #ddd;border-width: 0 2px 2px 0px;padding: 20px 10px;width: 50%;}
@media only screen and (max-width:768px) {
	.event_list{margin:30px auto;}
	.event_list .list li{padding:10px;}
}