@media screen and (max-width:991px) {

html,body {letter-spacing:-0.03em; font-size:62.5%;}

section,article,header,footer,nav,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dd,dt,img,a,form,input,select,option,fieldset,textarea,button,label,figure {font-size:1.4rem; }


.ip_comm	{height:42px; }

.cont_center	{width:94%;}

.center	{width:94%; }


/*header*/

.hd_top p {font-size: 28px; }

#header {top:40px; padding:20px 0; }

#header h1 a {height:auto; font-size:20px;}
#header h1 a strong {margin-left:5px; }

#nav {display:block; position: fixed; left:0; top:0; width:100%; height:100%; padding:50px 30px; background-color: #fff; display: none; z-index: 100;}
.on #nav {display: block;}
#nav > div {margin-left:0; margin-bottom:40px;}
#nav .dep1 {height: auto; font-size: 1.5rem; font-weight: 700; text-decoration: underline;}
#nav .dep2 {display: block; position: static; transform:translateX(0); width:100%; margin-top:15px; padding:0; border-radius:0px; }
#nav .dep2 li {padding:10px 0; text-align: left;}
#nav .dep2 li a {font-size: 1.85rem;}
#nav .dep2 li a:hover {text-decoration: underline;}


.btn_nav {display: flex;}

/*========= main ===========*/

#visual article {height:500px; padding-right:0; }
#visual .p1 {font-size: 1.8rem;}
#visual .p2 {margin-top: 15px; line-height:1.3; font-size:3.2rem; }
#visual .p2 br {display: none;}
#visual .p3 {line-height: 1.3; font-size: 1.5rem;}
#visual article a {width:150px; height:40px; margin-top:30px; background-color: #222; font-size: 1.35rem; color: #fff;}



.wrap_apply {display:flex; justify-content: space-between; position:static; transform:translate(0,0); width:100%; padding:40px 3%;}
.apply {width:60%; padding:0px; border-radius:0px; }
.apply hgroup {}
.apply hgroup h2 {text-align: center; font-size: 2rem;}
.apply ul li .ip_comm {font-size: 1.45rem;}

.wrap_apply .sns {width:35%; flex-direction: column; justify-content:space-between; margin-top:10px;}
.wrap_apply .kakao,
.wrap_apply .naver {width:100%; height:49%; border-radius:10px;}
.wrap_apply .kakao {font-size: 1.5rem; }
.wrap_apply .naver > a {font-size: 1.5rem;}

.main1 {width:100%; background-color:#f9f9f9; padding:40px 3%;}
.main1 a {display:block; width: calc((100% - 10px)/2); height:auto; padding:25px 15px; border-radius:10px; background-color:#fff; }
.main1 a figure {width: 130px; margin:0 auto ;margin-bottom:10px;}
.main1 a figure img {width:100%; height:auto;}
.main1 a dl {margin-left: 0px; text-align: center;}
.main1 a dt {font-size:1.8rem; }
.main1 a dd {line-height:1.5; font-size: 1.45rem; }

.btn_more {width: 30px; height:30px; font-size: 1.5rem; }

.main2 {padding:60px 0; }
.main2 hgroup {margin-bottom: 30px;}
.main2 hgroup h2 {font-size: 2.4rem; }
.main2 ul { border-radius:10px; }
.main2 ul li {padding:20px; }
.main2 ul li .date {font-size: 1.3rem; }
.main2 ul li .date span {font-size: 2rem;}
.main2 ul li .set_tit {margin-left:20px;}
.main2 ul li .set_tit a {font-size: 1.6rem; }
.main2 ul li .name {right:20px; font-size: 1.45rem;}


.main3 {display:block;}
.main3 .latest {width:100%; padding:50px 3%; border-right:0;  border-bottom:1px solid #eee; box-sizing:border-box; }
	.main3 .latest:nth-child(1) {padding-right:3%;}
	.main3 .latest:nth-child(2) {padding:50px 3%;}
	.main3 .latest:nth-child(3) {padding-left:3%; }
.main3 .latest h2 {font-size: 2rem; }
.main3 .latest li a {font-size:1.5rem;}
.main3 .latest li span {font-size: 1.3rem; }
.main3 .latest .btn_more { right:3%; font-size: 1.4rem;}
.main3 .latest:last-child .btn_more {right:3%;}

/*========= footer ===========*/
#footer {padding:50px 0;}
#footer p,
#footer ul {line-height:1.5;}
#footer ul li {line-height:1.5;}
#footer .info li {line-height: 1.5; font-size: 1.3rem;}
#footer .copyright {font-size:1.2rem; }


/*========= quick ===========*/
.quick {width: 130px;}
.quick a {height: 44px; padding:0 10px; font-size: 1.5rem; }
.quick a img {width:auto; height:18px; margin-right: 5px; }


/*========= sub ===========*/

#sub_visual {background-size:cover;}
#sub_visual .center {height:200px; padding-bottom:20px;}
#sub_visual h2 { font-size:2.4rem;}
#sub_visual p {font-size:1.5rem;}

#contents.sub {padding-top: 40px; padding-bottom: 100px;}


.p_comm {line-height: 1.7; font-size: 1.5rem; }
.p_comm + .p_comm {margin-top: 15px;}


.sub_menu {flex-wrap:wrap; flex-wrap:wrap; margin:20px auto 40px auto; }
.sub_menu a {flex:auto; width:25%; height:44px; border-bottom:1px solid #eee; font-size: 1.45rem;}

.page_title {margin-top:60px;}
.page_title h3 {font-size:2.4rem; }

.p1 {font-size: 2.2rem; }


.li_comm {}
.li_comm li {position: relative; margin-bottom: 10px; padding-left: 10px; font-size: 16px; font-weight: 600; line-height: 1.2;}
.li_comm li::before {content:"-"; position: absolute; left:0; top:0;}
.li_comm li:last-child {margin-bottom: 0px;}

	.sub0201 section {background-image:none}
	.sub0202 section {background-image:none}
	.sub0203 section {background-image:none}
	.sub0204 section {background-image:none}
	.sub0205 section {background-image:none}
	.sub0206 section {background-image:none}
	.sub0207 section {background-image:none}
	.sub0208 section {background-image:none}
.sub02 h4 { font-size: 1.7rem; }
.sub02 section {display:block; }
.sub02 section .intro {width:100%;}
.sub02 section .detail {width:100%;}

.sub02 .point {margin-top: 30px; }
.sub02 .point dt {font-size: 1.5rem; }
.sub02 .point dd {width:calc(100% - 90px);}
.sub02 .point dd li { font-size: 1.5rem;}

.sub02 .pd_detail {padding:20px 0; }
.sub02 .pd_detail dt,
.sub02 .pd_detail dd {padding:0 10px; line-height: 1.5; font-size: 1.45rem;}
.sub02 .pd_detail dt {width: 120px; }
.sub02 .pd_detail dd {width: calc(100% - 120px);}



.sub04 li{margin-bottom:20px; }


.pc_pop{position:fixed; right:10px; bottom:10px; }
.pc_pop li{width:75px; height:75px; border-radius:100px; text-align:center; background:#fff200;  margin-bottom:5px; box-sizing:border-box; padding-top:15px;  }
.pc_pop li h3{font-size:12px; color:#412e34; font-weight:600; margin:2px 0; }
.pc_pop li h5{display:none; }






}