.wd1200{width:1200px;margin:0 auto;}
.pc{display:block;}
.mobile{display:none !important;}
.rel{position:relative;}
section{padding:12rem 0;}

header .fix-top{overflow:hidden;list-style:none;padding:0;margin:0;position:fixed; top:0; width:100%;z-index:99999;}
header .fix-top li{float:left; width:33.3%;height:6rem; line-height:6rem;text-align:center;}
header .fix-top li:nth-child(1){background:#67da74;}
header .fix-top li:nth-child(2){background:#f3d193;}
header .fix-top li:nth-child(3){background:#67dac4;}
header .fix-top li a{color:#333;font-size:2.4rem;font-weight:bold;width:100%; height:100%;display:block;}
header .fix-top li a img{vertical-align:middle;margin-top:-0.2em;height:1.55em;}

header nav{position:relative;border-bottom:2px solid #ebebeb;height:10rem;padding:0 10rem;padding-top:6rem;z-index:9999;}
header nav h1{margin:0; width:25rem; height:5rem; background:url(../images/logo.png) no-repeat 0 0 / contain;position:absolute; top:8.5rem;}
header nav h1 a{display:block; width:100%; height:100%;font-size:0;}
header nav ul{margin:0; padding:0; list-style:none; text-align:center;padding-top:3.5rem;}
header nav > ul > li{display:inline-block;vertical-align:top;width:17rem;position:relative;}
header nav > ul > li > a{font-size:2rem;color:#111;font-weight:bold;display:inline-block;margin-bottom:7rem;}
header nav ul ul{display:none;position:absolute;width:100%;padding-top:0;z-index:9999;}
header nav ul ul li a{font-size:1.8rem; color:#444;}
header nav ul ul li a:hover{font-weight:bold;}
header nav ul ul li {margin-bottom:1.2rem;}

header nav .ab-util{position:absolute; right:10rem; top:8.8rem;}
header nav .ab-util a{display:inline-block; margin-left:1.5rem;vertical-align:middle;}
header nav .ab-util a img{height:4.4rem;}
header nav .ab-util #mobile-menu{display:none;}

header .nav-bg{display:none;background:#fff; border-bottom:2px solid #ebebeb;height:28rem;overflow:hidden;position:absolute;width:100%;z-index:1;}
header .nav-bg p{color:#f4f4f4; font-weight:bold;text-align:center;margin:0;font-size:6rem;position:absolute; left:50%;margin-left:-5.5em;bottom:-0.3em;font-family: 'Montserrat', sans-serif;}

.m_cover {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100000;
	background: rgba(0, 0, 0, 0.5);
	display: none;
}

.m_accordion {
  width: 250px;
  height: 100%;
  background: #fff;
  position: fixed;
  top: 0;
  right: -250px;
  z-index: 100001;
  opacity: 1;
  overflow-y:auto;padding:0 !important;
}

.m_accordion div {
  width: 100%;
}
.m_accordion h3{margin:0;}
.m_accordion h3 a {
  border-bottom: 1px solid #ddd;
  width: 100%;padding: 20px;
  font-size: 18px;
  color: #333;
  display: block;
  box-sizing:border-box;
}

.m_accordion h3.ui-state-focus a{color:#f8a600;}

.m_accordion div ul{padding:0;}
.m_accordion div ul li a {
  display: block;
  color: #333;
  font-size: 16px;
  padding: 20px 30px;text-align:left;
  line-height: 1.3;
  background: #fff;
  border-bottom: 1px solid #ddd;
}

#visual div p{position:absolute;right:10%; bottom:10%;text-align:right;color:#222; font-size:4.16vw;font-weight:bold;line-height:1.4;
text-shadow: 0 0 2rem rgba(255,255,255,1),0 0 2rem rgba(255,255,255,1),0 0 2rem rgba(255,255,255,1),0 0 2rem rgba(255,255,255,1),0 0 2rem rgba(255,255,255,1),0 0 2rem rgba(255,255,255,1),-1rem 0 2rem rgba(255,255,255,1),1rem 0 2rem rgba(255,255,255,1),0 -1rem 2rem rgba(255,255,255,1),0 1rem 2rem rgba(255,255,255,1);}
#visual div p b{color:#f8a600;position:relative; z-index:2;}

#main01{background:url(../images/m01-bg.png) no-repeat right bottom 1rem;background-size:23vw;}
#main01 h2{text-align:center;font-size:4.8rem;margin-top:0;}
#main01 h2 img{display:block; margin:0 auto;}
#main01 h2 b{color:#f8cc00;}
#main01 .flex-r,#main01 .flex-l{display:flex;}
#main01 .flex-r div,#main01 .flex-l div{width:50%;box-sizing:border-box;}
#main01 div.txt{padding-top:9rem; padding-left:9rem;position:relative;word-break:keep-all;}
#main01 div.img{border:1px solid #999;text-align:center;padding:4rem;}
#main01 div.img img{width:28.5rem;max-width:100%;}
#main01 .flex-l div.img{order:1;}
#main01 div.txt h3{position:relative;font-size:2.8rem;color:#111;display:inline-block;margin:0;}
#main01 div.txt h3::before{content:''; display:block; position:absolute;z-index:-1; bottom:0.2em; left:-0.2em; right:-0.2em; background:#f8cc00; height:0.5em;}
#main01 div.txt ul{list-style:none;padding-left:0;margin:0;}
#main01 div.txt ul li{font-size:2.2rem;color:#444;margin-top:0.9em;}
#main01 div.txt.n01::before{content:'01'; font-family: 'Montserrat', sans-serif;line-height:1;color:#f7f7f7; font-weight:bold; display:inline-block; position:absolute;top:-1.8rem; z-index:-9;right:0;font-size:12rem;}
#main01 div.txt.n02::before{content:'02'; font-family: 'Montserrat', sans-serif;line-height:1;color:#f7f7f7; font-weight:bold; display:inline-block; position:absolute;top:-1.8rem; z-index:-9;right:0;font-size:12rem;}
#main01 div.txt.n03::before{content:'03'; font-family: 'Montserrat', sans-serif;line-height:1;color:#f7f7f7; font-weight:bold; display:inline-block; position:absolute;top:-1.8rem; z-index:-9;right:0;font-size:12rem;}

#main02{background-color:#ffdf4a; background-image:url(../images/m02-bg1.png), url(../images/m02-bg2.png);background-repeat: no-repeat, no-repeat; background-position: top left, bottom right;background-size:26%, 50%;}
#main02 h2{margin:0;font-size:3.8rem;color:#333;line-height:1.3;}
#main02 h2 img{height:1.85em;float:left;margin-top:0.4em;margin-right:0.4em;}
#main02 ul{margin:0; padding:0; list-style:none;overflow:hidden;margin:4rem -1% -1%;}
#main02 ul li{background:#fff;float:left;width:23%; margin:1%;height:11.5rem;display:table;}
#main02 ul li div{display:table-cell; vertical-align:middle;}
#main02 ul li div p{font-size:1.8rem;margin:0;line-height:1.2;padding-left:33%;}
#main02 ul li div p b{font-weight:normal;font-size:2.6rem;}
#main02 ul li:nth-child(1) div{background:url(../images/m02-icon01.png) no-repeat center left 12%;background-size:auto 5.6rem;}
#main02 ul li:nth-child(2) div{background:url(../images/m02-icon02.png) no-repeat center left 12%;background-size:auto 5.6rem;}
#main02 ul li:nth-child(3) div{background:url(../images/m02-icon03.png) no-repeat center left 12%;background-size:auto 5.6rem;}
#main02 ul li:nth-child(4) div{background:url(../images/m02-icon04.png) no-repeat center left 12%;background-size:auto 5.6rem;}
#main02 ul li:nth-child(5) div{background:url(../images/m02-icon05.png) no-repeat center left 12%;background-size:auto 5.6rem;}
#main02 ul li:nth-child(6) div{background:url(../images/m02-icon06.png) no-repeat center left 12%;background-size:auto 5.6rem;}
#main02 ul li:nth-child(7) div{background:url(../images/m02-icon07.png) no-repeat center left 12%;background-size:auto 5.6rem;}
#main02 ul li:nth-child(8) div{background:url(../images/m02-icon08.png) no-repeat center left 12%;background-size:auto 5.6rem;}
#main02 ul li:nth-child(9) div{background:url(../images/m02-icon09.png) no-repeat center left 12%;background-size:auto 5.6rem;}
#main02 ul li:nth-child(10) div{background:url(../images/m02-icon10.png) no-repeat center left 12%;background-size:auto 5.6rem;}
#main02 ul li:nth-child(11) div{background:url(../images/m02-icon11.png) no-repeat center left 12%;background-size:auto 5.6rem;}
#main02 ul li:nth-child(12) div{background:url(../images/m02-icon12.png) no-repeat center left 12%;background-size:auto 5.6rem;}

#main03{background-image:url(../images/m03-bg1.png), url(../images/m03-bg2.png);background-repeat: no-repeat, no-repeat; background-position: top right, bottom left;background-size:40%, 35%;}
#main03 h2{font-size:3.8rem;margin:0;}
#main03 p{color:#333; font-size:2.4rem;margin-bottom:5.6rem;}
#main03 .img-box{background:#f8f8f8;text-align:center;padding:6.5rem 0;}
#main03 .img-box img{max-width:85%;}

#main04{background:#ffe56e;text-align:center;}
#main04 .tit-box{background:#fff; border-radius:75px;text-align:center;padding:3.2rem;}
#main04 .tit-box h2{display:inline-block; color:#fff; background:#7ca343;font-size:2.4rem;padding:0 0.4em 0.2em 0.4em;margin:0.6rem 0;;}
#main04 .tit-box p{color:#333;font-size:4.8rem;font-weight:bold;margin:0;display:inline-block;}
#main04 .tit-box p::before{color:#7ca343; content:'“ ';}
#main04 .tit-box p::after{color:#7ca343; content:' ”';}

#main04 .m04box{background:#fdebd6;padding:6.4rem;box-sizing:border-box;margin-top:6rem;text-align:center;}
#main04 .m04box > img{max-width:100%;margin:0 auto 6rem;}
#main04 .m04box ul{overflow:hidden;padding:0; margin:0; list-style:none;margin:0 -1%;}
#main04 .m04box ul li{background:#fff;float:left;width:31%;margin:1%;}
#main04 .m04box ul li p{display:table; height:16rem; width:100%;background:#fbd4a6;margin:0;}
#main04 .m04box ul li p span{display:table-cell;vertical-align:middle;font-size:2.7rem; color:#333;}

#main04 .m04box ul li:nth-child(n+4) p{background:#ffc075;}

#main04 .m04box ul li:nth-child(1)::before{content:''; display:block; width:100%; padding-bottom:80%;background:url(../images/m04-img01.png) no-repeat center center / 98%;}
#main04 .m04box ul li:nth-child(2)::before{content:''; display:block; width:100%; padding-bottom:80%;background:url(../images/m04-img02.png) no-repeat center center / 98%;}
#main04 .m04box ul li:nth-child(3)::before{content:''; display:block; width:100%; padding-bottom:80%;background:url(../images/m04-img03.png) no-repeat center center / 98%;}
#main04 .m04box ul li:nth-child(4)::before{content:''; display:block; width:100%; padding-bottom:80%;background:url(../images/m04-img04.png) no-repeat center center / 98%;}
#main04 .m04box ul li:nth-child(5)::before{content:''; display:block; width:100%; padding-bottom:80%;background:url(../images/m04-img05.png) no-repeat center center / 98%;}
#main04 .m04box ul li:nth-child(6)::before{content:''; display:block; width:100%; padding-bottom:80%;background:url(../images/m04-img06.png) no-repeat center center / 98%;}

footer{background:#333;padding:6rem 10rem;}
footer .top{position:absolute; top:6rem; right:10rem;}
footer .top a{font-size:2.2rem;color:rgba(255,255,255,0.6);}
footer .top a img{margin-bottom:0.1em;height:0.6em;}

footer > img{max-width:60%;}
footer ul{list-style:none; padding:0;overflow:hidden;}
footer ul li{float:left;margin-right:4em;}
footer ul li a{color:#c9c9c9;font-size:1.6rem;}
footer ul li ~ li::before{content:''; display:inline-block; position:relative;height:1.2em; right:2em;width:1px; background:#999;}

footer address{font-style:normal;color:#c9c9c9;font-size:1.6rem;}
footer address span{display:inline-block; margin-right:1em;}
footer address span a{color:#c9c9c9;}
footer .copyright{color:#939393;font-size:1.6rem;margin:0;}



.fix-bottom{position:fixed;background:#333;text-align:center;width:11.8rme;border:1px solid #ddd; height:28.6rem;right:0; bottom:calc(50% - 14.3rem);}
.fix-bottom ul{padding:0; margin:0;list-style:none;}
.fix-bottom ul .kakao a{display:block;padding-top:6.9rem; padding-bottom:1rem;font-weight:bold;color:#555;font-size:1.5rem;border-bottom:1px solid #ddd;background:#fff url(../images/kakao.png) no-repeat top 1rem center / 60%;}
.fix-bottom ul .comp a{display:block;padding:1.5rem;line-height:1.2;font-weight:bold;color:#333;font-size:1.8rem;border-bottom:1px solid #ddd;background:#f8cc00;}
.fix-bottom ul .comp a span{font-size:1.5rem;}
.fix-bottom ul .disa a{display:block;padding:1.5rem;line-height:1.2;font-weight:bold;color:#333;font-size:1.8rem;border-bottom:1px solid #ddd;background:#7ca343;}
.fix-bottom ul .disa a span{font-size:1.5rem;}
.fix-bottom ul .top a{display:block;font-weight:bold;font-size:1.5rem;color:#fff;padding:0.8rem;}


/* Main_Popup */
.main_popup { max-width:90%;background:#fff; z-index:10000000; border:1px solid #1c1c1c; position:absolute; 
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3)  ; 
-webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3)  ; 
-moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3)  ; }
.main_popup p{margin:0;}
.main_popup dl { overflow:hidden;background:#1c1c1c; height:40px;margin:0;}
.main_popup dl dt { float:left; padding:10px 0 0 10px;}
.main_popup dl dt a { font-size:13px; color:#fff;}
.main_popup dl dd { float:right; text-align:right; padding:10px 10px 0 0 ;}
.main_popup dl dd a { text-align:right; font-size:12px; color:rgba(255, 255, 255, 0.5);}
.main_popup .main_popup_con { overflow:hidden;}
.main_popup .main_popup_con img { width:100% !important;height:auto !important;}