@charset "utf-8";

/* main visual */
#main .main_visual .slide .img_bx{ position:relative; height:370px; }
#main .main_visual .slide .img_bx img{ position:Absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; object-position:30% center; }
#main .main_visual .slide .img_bx img.m{ display:none; }
#main .main_visual .slide .txt_bx{ position:absolute; left:50%; top:50%; width:calc(100% - 40px); max-width:1600px; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%); text-align:right; }
#main .main_visual .slide .txt_bx ul{ margin-bottom:20px; font-size:0; transform: translate3d(100px,0,0); -webkit-transition:all 0.8s; -moz-transition:all 0.8s; transition:all 0.8s; transition-timing-function: ease; opacity:0;}
#main .main_visual .slide .txt_bx ul li{ display:inline-block; vertical-align:top; position:relative; margin-right:68px; font-size:44px; line-height:44px; color:#892ad5; font-family: 'OTEnjoystoriesBA'; text-shadow:0 0 10px rgba(255,255,255,1)}
#main .main_visual .slide .txt_bx ul li:after{ content:''; position:absolute; right:-50px; top:50%; margin-top:-18px; width:28px; height:36px; background:url('../images/main/main_ar.png') no-repeat center; background-size:cover; }
#main .main_visual .slide .txt_bx ul li:last-child{ margin-right:0; }
#main .main_visual .slide .txt_bx ul li:last-child:After{ display:none; }
#main .main_visual .slide .txt_bx .txt1{ margin-bottom:20px; font-size:30px; line-height:40px; color:#162b84; font-weight:800; font-family: 'SCoreDream'; text-shadow:0 0 10px rgba(255,255,255,1); word-break: keep-all; word-wrap: break-word; transform: translate3d(100px,0,0); -webkit-transition:all 0.8s; -moz-transition:all 0.8s; transition:all 0.8s; transition-timing-function: ease; opacity:0;}
#main .main_visual .slide .txt_bx .txt2{ font-size:34px; line-height:44px; color:#950000; font-weight:800; font-family: 'SCoreDream'; text-shadow:0 0 10px rgba(255,255,255,1); word-break: keep-all; word-wrap: break-word; transform: translate3d(100px,0,0); -webkit-transition:all 0.8s; -moz-transition:all 0.8s; transition:all 0.8s; transition-timing-function: ease;  opacity:0; }
#main .main_visual .slide .slick-dots{ position:Absolute; left:0; bottom:10px; text-align:Center; font-size:0; width:100%; }
#main .main_visual .slide .slick-dots li{ display:inline-block; vertical-align:top; margin:0 7px; }
#main .main_visual .slide .slick-dots li button{ display:block; padding:0; width:24px; height:24px; font-size:14px; line-height:24px; color:#fff; font-weight:600; border-radius:50%; text-align:Center; opacity:0.4; }
#main .main_visual .slide .slick-dots li:nth-child(1) button{ background:#295cee; }
#main .main_visual .slide .slick-dots li:nth-child(2) button{ background:#339933; }
#main .main_visual .slide .slick-dots li:nth-child(3) button{ background:#ff731b; }
#main .main_visual .slide .slick-dots li.slick-active button{ opacity:1; }

#main .main_visual .slide .active .txt_bx ul{ opacity:1; transform: translate3d(0,0,0);}
#main .main_visual .slide .active .txt_bx .txt1{ opacity:1; transform: translate3d(0,0,0); transition-delay: .1s; }
#main .main_visual .slide .active .txt_bx .txt2{ opacity:1; transform: translate3d(0,0,0); transition-delay: .2s;}

/* sec01 */
#main .sec01{ margin-bottom:20px; border-bottom: 10px solid transparent; border-image: linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(255,0,255,1) 16%, rgba(0,0,255,1) 32%, rgba(0,255,255,1) 50%, rgba(0,255,0,1) 68%, rgba(255,255,0,1) 84%, rgba(255,0,0,1) 100%); border-image-slice: 1; width: 100%;}
#main .sec01{ position:relative; z-index:10; font-size:0; }
#main .sec01:after{ content:''; display:block; clear:both; }
#main .sec01 > div{ position:relative; display:inline-block; vertical-align:top; box-sizing:border-box; box-sizing:border-box; }
#main .sec01 > .left{ margin-top:-40px; width:25%; border-radius:20px 20px 0 0; border:6px solid #ff731b; border-bottom:0; background:#fff;  box-shadow:4px 0 20px rgba(0, 0, 0, 0.3) inset;  }
#main .sec01 > .left img{ position:absolute; left:calc(50% - 170px); bottom:0; width:40%; max-width:156px; }
#main .sec01 > .left .txt1{ padding:8px 45px 3px; text-align:right; }
#main .sec01 > .left .txt1 div{ display:inline-block; width:142px; text-align:Center; }
#main .sec01 > .left .txt1 strong{ display:block; margin-bottom:5px; font-size:17px; line-height:27px; color:#ff731b; font-weight:800;font-family: 'SCoreDream'; }
#main .sec01 > .left .txt1 p{ font-size:30px; line-height:26px; color:#339933;  font-family: 'OTEnjoystoriesBA'; }
#main .sec01 > .left .txt1 span{ display:block; font-size:13px; line-height:23px; color:#ff731b; font-weight:800;font-family: 'SCoreDream';}
#main .sec01 > .left .txt2{ padding:8px 35px; font-size:12px; line-height:12px; color:#fff; letter-spacing:-0.06em; font-weight:500; background:#ff731b; text-align:right; }
#main .sec01 > .left .txt2 p{ display:inline-block; text-align:Center; }
#main .sec01 > .left .txt2 span{ font-size:10px; }

#main .sec01 > .right{ float:right; display:flex; flex-wrap:wrap; width:75%; }
#main .sec01 > .right > div{ position:relative; display:flex; flex-wrap:wrap; align-items: center; align-content: center; width:33.33%; min-height:150px; background:#0094ff; box-shadow:10px 0 20px rgba(0,0,0,.2)}
#main .sec01 > .right > div:nth-child(1){ z-index:2; }
#main .sec01 > .right > div:nth-child(2){ z-index:1; }
#main .sec01 > .right > div > strong{ display:block; width:100%; margin-bottom:10px; font-size:24px; line-height:34px; color:#fff; font-weight:800; font-family: 'SCoreDream'; text-align:Center; word-break: keep-all; word-wrap: break-word;}
#main .sec01 > .right > div > strong span{ color:#ff731b; }
#main .sec01 > .right > div > p{ margin:0 auto; width:100%; max-width:273px; font-size:18px; line-height:26px; color:#fff; font-weight:500; word-break: keep-all; word-wrap: break-word; }
#main .sec01 > .right > div:nth-child(1) > p{ max-width:283px; }

/* sec02 */
#main .sec02{ margin-bottom:60px; }
#main .sec02 .inner{ margin:0 auto; width:calc(100% - 40px); max-width:1600px; }
#main .sec02 .bx_wrap{display:flex; margin-right:-20px;}
#main .sec02 .bx_wrap .no_list{ display:flex; align-items: center; justify-content: center; padding:0; height:calc(100% - 60px); }
#main .sec02 .bx_wrap > div{ display:inline-block; vertical-align:top; margin-right:20px; }
#main .sec02 .bx_wrap > div .tit{ display:flex; padding:0 20px; height:60px; align-items: center; box-sizing:border-box; border-radius:10px; }
#main .sec02 .bx_wrap > div .tit > strong{ display:inline-block; font-size:16px; line-height:22px; color:#222; font-weight:800; letter-spacing:-0.05em; font-family: 'SCoreDream'; word-break: keep-all; word-wrap: break-word; }
#main .sec02 .bx_wrap > div .tit > strong .s1{ color:#295df2; }
#main .sec02 .bx_wrap > div .tit > strong .s2{ color:#339933; }
#main .sec02 .bx_wrap > div .tit > strong .s3{ color:#ff06ff; }
#main .sec02 .bx_wrap > div .tit > strong .s4{ color:#06783d; }
#main .sec02 .bx_wrap > div .tit .btn{ display:inline-block; font-size:16px; line-height:40px; color:#ffde00; font-weight:800; letter-spacing:-0.05em; font-family: 'SCoreDream'; border-radius:10px 0 10px 0; text-align:center; }
#main .sec02 .bx_wrap > div .tit .btn > span{ display:inline-block; vertical-align:top; margin:0 9px; font-size:0; }
#main .sec02 .bx_wrap > div .tit .btn > span > span{ display:inline-block; vertical-align:top; margin-right:-2px; width:9px; height:40px; background:url('../images/main/sec02_ar.png') no-repeat center; background-size:contain; animation: linkar 2s infinite; animation-timing-function: ease-in-out; }
#main .sec02 .bx_wrap > div .tit .btn > span > span:nth-child(2){ opacity:0.5; animation-delay: 100ms; }
#main .sec02 .bx_wrap > div .tit .btn > span > span:nth-child(3){ opacity:0.2; animation-delay: 200ms; }
#main .sec02 .bx_wrap > div .tit .btn > strong{ display:inline-block; vertical-align:top; font-size:20px; }
#main .sec02 .bx_wrap > div ul{ padding:0 20px 10px; }
#main .sec02 .bx_wrap > div ul li{ position:relative; box-sizing:border-box; }
#main .sec02 .bx_wrap > div ul li:after{ content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:url('../images/main/list_line.jpg') repeat-x left center; }
#main .sec02 .bx_wrap > div ul li:last-child{ padding-bottom:0; margin-bottom:0; }
#main .sec02 .bx_wrap > div ul li:last-child:after{ display:none; }
#main .sec02 .bx_wrap > div ul li .li_txt{ position:relative; display:block; font-size:0; }
#main .sec02 .bx_wrap > div ul li .li_txt > div{ display:inline-block; vertical-align:top; font-size:14px; line-height:40px; color:#222; font-weight:700; box-sizing:border-box; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
#main .sec02 .bx_wrap > div ul li .li_txt > div p.txt{ display:inline-block; vertical-align:top; max-width:95%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
#main .sec02 .bx_wrap > div ul li .li_txt > div p .s1{ color:#295df2; }
#main .sec02 .bx_wrap > div ul li .li_txt > div p .s2{ color:#339933; }
#main .sec02 .bx_wrap > div ul li .li_txt > div p .s3{ color:#ff06ff; }

#main .sec02 .bx_wrap .left{ width:calc(38.3% - 20px); background:#fff; border-radius:10px 10px 10px 0; box-shadow:0 10px 20px rgba(0,0,0,.1); overflow:hidden; font-size:0; } 
#main .sec02 .bx_wrap .left .tit{  box-shadow: 0 0 20px rgba(255, 115, 27, 0.4) inset;  }
#main .sec02 .bx_wrap .left .tit > strong{ width:calc(100% - 154px)}
#main .sec02 .bx_wrap .left .tit .btn{ width:154px; background:#ff731b; }
/*#main .sec02 .bx_wrap .left .tit .btn:hover{ background:#06783d; }*/
#main .sec02 .bx_wrap .left .tit:hover .btn{ background:#06783d; }
#main .sec02 .bx_wrap .left ul li{ padding-left:20px; }
#main .sec02 .bx_wrap .left ul li:before{ content:''; position:absolute; left:0; top:50%; margin-top:-6px; width:10px; height:12px; background:url('../images/main/sec01_bullet.png') no-repeat center; background-size:cover; }
#main .sec02 .bx_wrap .left ul li .li_txt{ cursor:auto; }
#main .sec02 .bx_wrap .left ul li .li_txt:hover p, #main .sec02 .bx_wrap .left ul li .li_txt:hover div{ text-decoration:none !important; }
#main .sec02 .bx_wrap .left ul li .location{ color:#2554db; }
/* #main .sec02 .bx_wrap .left ul li .li_txt > div:nth-child(1){ width:calc(60% - 80px); }
#main .sec02 .bx_wrap .left ul li .li_txt > div:nth-child(2){ width:80px; }
#main .sec02 .bx_wrap .left ul li .li_txt > div:nth-child(3){ width:40%; text-align:right; }*/
#main .sec02 .bx_wrap .left ul li .li_txt > div:nth-child(2) p.txt{ float:right; max-width:90%; } 
#main .sec02 .bx_wrap .left ul li .li_txt > div:nth-child(1){ width:50%; }
#main .sec02 .bx_wrap .left ul li .li_txt > div:nth-child(2){ width:50%; text-align:right; }

#main .sec02 .simply-scroll,#main .sec02 .simply-scroll .simply-scroll-clip{ width:100%; height:660px; margin:0; }
#main .sec02 .simply-scroll .simply-scroll-list li{ width:100%; height:auto; }

#main .sec02 .bx_wrap .mid{ width:calc(23.4% - 20px); padding-top:5px; }
#main .sec02 .bx_wrap .mid a{ display:block; margin-bottom:22px; }
#main .sec02 .bx_wrap .mid a:last-child{ margin-bottom:0; }
#main .sec02 .bx_wrap .mid a .tit_bx{ position:relative; display:flex; align-items: center; margin-bottom:7px; min-height:46px; padding:0 40px 0 71px; font-size:16px; line-height:20px; color:#222; font-weight:800; word-break: keep-all; word-wrap: break-word; font-family: 'SCoreDream'; }
#main .sec02 .bx_wrap .mid a .tit_bx:before{ content:''; position:absolute; left:0; top:0; width:60px; height:47px; background:url('../images/main/sec02_flag.png') no-repeat center; background-size:cover; }
#main .sec02 .bx_wrap .mid a .tit_bx > span{ display:inline-block; position:absolute; right:0; top:50%; margin-top:-20px; width:40px; height:40px; border-radius:10px 0 10px 0; background:#004899; text-align:center; }
#main .sec02 .bx_wrap .mid a .tit_bx > span > span{ display:inline-block; vertical-align:top; margin-right:-2px; width:9px; height:40px; background:url('../images/main/sec02_ar02.png') no-repeat center; background-size:contain; animation: linkar 2s infinite; animation-timing-function: ease-in-out; }
#main .sec02 .bx_wrap .mid a .tit_bx > span > span:nth-child(2){ opacity:0.5; animation-delay: 100ms; }
#main .sec02 .bx_wrap .mid a .tit_bx > span > span:nth-child(3){ opacity:0.2; animation-delay: 200ms; }
#main .sec02 .bx_wrap .mid a .img_bx{ position:relative; height:170px; border-radius:10px; overflow:hidden; }
#main .sec02 .bx_wrap .mid a .img_bx img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s; }
#main .sec02 .bx_wrap .mid a:hover .img_bx img{ transform: scale(1.05);  -webkit-transform: scale(1.05);  -moz-transform: scale(1.05); }

#main .sec02 .bx_wrap .right{ width:calc(38.3% - 20px); background:#fff; border-radius:10px 10px 0 10px; box-shadow:0 10px 20px rgba(0,0,0,.1); overflow:hidden; font-size:0; }
#main .sec02 .bx_wrap .right .tit{ box-shadow: 0 0 20px rgba(6, 120, 61, 0.4) inset; }
#main .sec02 .bx_wrap .right .tit > strong{ width:calc(100% - 169px); }
#main .sec02 .bx_wrap .right .tit .btn{ width:169px; background:#06783d; }
/*#main .sec02 .bx_wrap .right .tit .btn:hover{ background:#ff731b; }*/
#main .sec02 .bx_wrap .right .tit:hover .btn{ background:#ff731b; }

#main .sec02 .bx_wrap .right ul li .li_txt{ position:relative; }
#main .sec02 .bx_wrap .right ul li .li_txt > div:nth-child(1){ width:calc(100% - 175px); }
#main .sec02 .bx_wrap .right ul li .li_txt > div:nth-child(2){ width:90px; }
#main .sec02 .bx_wrap .right ul li .li_txt > div:nth-child(3){ width:85px; text-align:right; }
#main .sec02 .bx_wrap .right ul li.li_re > .li_txt > div{ padding-left:0; }
#main .sec02 .bx_wrap .right ul li.li_re .li_txt{ padding-left:0; }
#main .sec02 .bx_wrap .right ul li .li_txt span{ padding-right:20px; }
#main .sec02 .bx_wrap .right ul li .li_txt p.txt{ max-width:70%; }
#main .sec02 .bx_wrap .right ul li.li_re .li_txt .re{ display:inline-block; vertical-align:middle; padding:0; margin-right:7px; width:28px; font-size:11px; line-height:18px; color:#fff; font-weight:700; background:#c7bdb2; border-radius:9px; text-align:Center; }
#main .sec02 .bx_wrap .right ul li.li_re .li_txt .re_line{ display:inline-block; vertical-align:middle; margin-top:-1px; margin-right:1px; padding:0; color:#c7bdb2; }
#main .sec02 .bx_wrap .right ul li .li_txt .new{ display:inline-block; vertical-align:middle; padding:0; margin-left:6px; width:16px; font-size:11px; line-height:16px; color:#fff; font-weight:700; background:#39b54a; border-radius:3px; text-align:Center;}

/* sec03 */
#main .sec03 .inner{ position:relative; margin:0 auto 30px; padding:10px; width:calc(100% - 40px); max-width:1600px; background:#eee; box-sizing:border-box; }
#main .sec03 .inner:before{ content:''; position:Absolute; left:0; top:0; width:54px; height:40px; background:#ff731b; }
#main .sec03 .inner:after{ content:''; position:Absolute; right:0; bottom:0; width:54px; height:40px; background:#ff731b; }
#main .sec03 .inner .bx_wrap{ position:relative; z-index:1; background:#fff; padding:35px 0 45px; }
#main .sec03 .inner .bx_wrap .txt_bx{ margin-bottom:25px; font-size:24px; line-height:34px; color:#222; font-weight:500; text-align:Center; font-family: 'SCoreDream'; }
#main .sec03 .inner .bx_wrap .txt_bx .s1{ position:relative; top:5px; font-size:40px; color:#004899; font-weight:700; font-family: 'KoPubWorldBatang'; }
#main .sec03 .inner .bx_wrap .txt_bx .s2{ font-size:30px; font-weight:800; color:#ff8a00; }
#main .sec03 .inner .bx_wrap .list_bx{ text-align:Center; }
#main .sec03 .inner .bx_wrap .list_bx ul{ font-size:0; text-align:center; }
#main .sec03 .inner .bx_wrap .list_bx ul li{ position:relative; display:inline-block; vertical-align:middle; margin-left:98px;}
#main .sec03 .inner .bx_wrap .list_bx ul li:after{ content:''; position:absolute; left:-68px; top:50%; margin-top:-19px; width:37px; height:37px; background:url('../images/main/sec03_plus.png') no-repeat center; background-size:cover; }
#main .sec03 .inner .bx_wrap .list_bx ul li:first-child{ margin-left:0; }
#main .sec03 .inner .bx_wrap .list_bx ul li:first-child:after{ display:none; }
#main .sec03 .inner .bx_wrap .list_bx ul li:last-child:after{ margin-top:-12px; width:33px; height:24px; background:url('../images/main/sec03_equal.png') no-repeat center; background-size:cover; }

/* sec04 */
#main .sec04{ margin-bottom:60px; }
#main .sec04 .inner{ position:relative; padding-bottom:10px; margin:0 auto; width:calc(100% - 40px); max-width:1840px; border-top:10px solid #eee; }
#main .sec04 .inner:after{ content:''; position:absolute; left:0; bottom:0; width:100%;  border-bottom: 10px solid transparent; border-image: linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(255,0,255,1) 16%, rgba(0,0,255,1) 32%, rgba(0,255,255,1) 50%, rgba(0,255,0,1) 68%, rgba(255,255,0,1) 84%, rgba(255,0,0,1) 100%); border-image-slice: 1; width:100%;}
#main .sec04 .inner > div{ display:flex; flex-wrap:wrap; align-items: center;margin-bottom:10px; font-size:0; }
#main .sec04 .inner > div:last-child{ margin-bottom:0; }
#main .sec04 .inner > div .tit_bx{ display:flex; flex-wrap:wrap; align-content: center; padding:0 0 0 30px; width:230px; height:120px; box-sizing:border-box; clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);}
#main .sec04 .inner > div .tit_bx strong{ display:block; width:100%; font-size:26px; line-height:36px; color:#fff; font-weight:800; font-family: 'SCoreDream'; }
#main .sec04 .inner > div .tit_bx span{ display:block; width:100%; font-size:16px; line-height:26px; color:#fff; font-weight:800; font-family: 'SCoreDream'; }
#main .sec04 .inner > div .list_bx{ padding-left:30px; width:calc(100% - 230px); box-sizing:border-box; }
#main .sec04 .inner > div .list_bx img{ max-width:100%; }

#main .sec04 .inner > div.bx01{ border-bottom:1px solid #2554db; }
#main .sec04 .inner > div.bx02{ border-bottom:1px solid #2e892e; }

#main .sec04 .inner > div.bx01 .tit_bx{ background:#2554db; }
#main .sec04 .inner > div.bx02 .tit_bx{ background:#2e892e; }
#main .sec04 .inner > div.bx03 .tit_bx{ background:#ff731b; }

/* sec05 */
#main .sec05{ padding:20px 0; background:#ddd; }
#main .sec05 .bx_wrap{ display:flex; flex-wrap:wrap; font-size:0; margin-right:-20px; margin-bottom:-20px; }
#main .sec05 .bx_wrap > li{ display:inline-block; vertical-align:Top; padding:20px; width:calc(33.33% - 20px); margin-right:20px; margin-bottom:20px; border-radius:10px; background:#ccc; box-sizing:border-box; box-shadow:10px 0  20px rgba(0, 0, 0, 0.2) inset; }
#main .sec05 .bx_wrap > li > div{ display:flex; flex-wrap:wrap; height:100%; border-radius:10px; overflow:hidden; background:#fff; }
#main .sec05 .bx_wrap > li .tit_bx{ width:100%; height:70px;  padding:0 9%; font-size:0; background: linear-gradient(90deg, rgba(161,105,212,1) 0%, rgba(137,30,221,1) 100%); box-sizing:border-box;}
#main .sec05 .bx_wrap > li .tit_bx strong{ display:inline-block; vertical-align:middle; width:calc(100% - 30px); font-size:26px; line-height:70px; color:#fff; font-weight:800; font-family: 'SCoreDream'; }
#main .sec05 .bx_wrap > li .tit_bx .btn_more{ position:relative; display:inline-block; vertical-align:middle; width:30px; height:30px; text-indent:-9999px; border:2px solid #fff; box-sizing:border-box; border-radius:10px 0 10px 0; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s; }
#main .sec05 .bx_wrap > li .tit_bx .btn_more:after{ content:''; position:Absolute; left:50%; top:50%; margin-left:-6px; margin-top:-6px; width:12px; height:12px; background:url('../images/btn/btn_more.png') no-repeat center; background-size:cover; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s;}
#main .sec05 .bx_wrap > li .tit_bx:hover .btn_more{ border-radius:0 10px 0 10px; }
#main .sec05 .bx_wrap > li .tit_bx:hover .btn_more:after{ -webkit-transform: rotate( 180deg ); -moz-transform: rotate( 180deg ); transform: rotate( 180deg ); }
#main .sec05 .bx_wrap > li .list_bx{ display:flex; flex-wrap:wrap; align-content: center; width:100%; min-height:210px; padding:5% 8.2%; box-sizing:border-box; }
#main .sec05 .bx_wrap > li .list_tit{ display:block; width:100%; margin-bottom:10px; font-size:20px; line-height:30px; color:#891edd; font-weight:800; font-family: 'SCoreDream'; }
#main .sec05 .bx_wrap > li ul{ width:100%; }
#main .sec05 .bx_wrap > li ul li{ position:relative; margin-bottom:10px; padding-left:10px; font-size:16px; line-height:26px; color:#222; font-weight:500; word-break: keep-all; word-wrap: break-word; }
#main .sec05 .bx_wrap > li ul li:last-child{ margin-bottom:0; }
#main .sec05 .bx_wrap > li ul li:after{ content:''; position:absolute; left:0; top:10px; width:3px; height:3px; background:#000; border-radius:50%; }
#main .sec05 .bx_wrap > li .btn_write{ display:block; align-self: end; width:100%; height:80px; padding:0 10%; font-size:14px; line-height:80px; color:#891edd; font-weight:700; text-align:right; background:#eee url('../images/main/sec05_icon04.png') no-repeat 10% center; box-sizing:border-box; }

#main .sec05 .bx_wrap > li.li01 .tit_bx{ background: linear-gradient(90deg, rgba(0,197,236,1) 0%, rgba(3,120,234,1) 100%); }
#main .sec05 .bx_wrap > li.li02 .tit_bx{ background: linear-gradient(90deg, rgba(181,242,30,1) 0%, rgba(59,182,72,1) 100%); }
#main .sec05 .bx_wrap > li.li03 .tit_bx{ background: linear-gradient(90deg, rgba(225,220,23,1) 0%, rgba(247,163,30,1) 100%); }

#main .sec05 .bx_wrap > li.li01 .list_tit{ color:#0374ea; }
#main .sec05 .bx_wrap > li.li02 .list_tit{ color:#39b54a; }
#main .sec05 .bx_wrap > li.li03 .list_tit{ color:#f77b1e; }

#main .sec05 .bx_wrap > li.li01 .btn_write{ color:#0374ea; background:#eee url('../images/main/sec05_icon01.png') no-repeat 11% center; }
#main .sec05 .bx_wrap > li.li02 .btn_write{ color:#39b54a; background:#eee url('../images/main/sec05_icon02.png') no-repeat 11% center; }
#main .sec05 .bx_wrap > li.li03 .btn_write{ color:#f77b1e; background:#eee url('../images/main/sec05_icon03.png') no-repeat 10% center; }

/* PC */
@media all and (min-width:1025px){

#main .sec01 > .right > div > p.type2 {max-width: 285px;}
	
#main .sec02 .bx_wrap > div.right ul li .li_txt:hover *{ color:#06783d; text-decoration:underline; }
}

@media all and (max-width:1300px){
	
	#main .sec01 > .left{ width:30%; }
	#main .sec01 > .left img{ left:10px; }
	#main .sec01 > .left .txt1{ padding:20px 30px 20px 3px; }
	#main .sec01 > .left .txt1 div{ width:110px; }
	#main .sec01 > .left .txt1 strong{  margin-bottom:3px; font-size:13px; line-height:24px; }
	#main .sec01 > .left .txt1 p{ font-size:20px; line-height:16px; }
	#main .sec01 > .left .txt1 span{ font-size:10px; line-height:20px;  }
	#main .sec01 > .left .txt2{ padding:13px 10px 12px 35px; font-size:10px; line-height:12px; }
	
	#main .sec01 > .right{ width:70%; }
	#main .sec01 > .right > div > strong{ font-size:20px; }
	#main .sec01 > .right > div > p{ font-size:14px; line-height:22px; max-width:216px; }
	#main .sec01 > .right > div > p.type2 {max-width:223px;}
	#main .sec01 > .right > div:nth-child(1) > p{ max-width:220px; }
	
	#main .sec02 .bx_wrap{ display:grid; margin:0; }
	#main .sec02 .bx_wrap > div{ margin:0 ; }
	#main .sec02 .bx_wrap .left{ margin-bottom:30px; width:100%; }
	#main .sec02 .simply-scroll, #main .sec02 .simply-scroll .simply-scroll-clip{ height:400px; }
	
	#main .sec02 .bx_wrap .mid{ padding-top:0; order:3; width:calc(100% + 15px); font-size:0; margin-right:-15px; }
	#main .sec02 .bx_wrap .mid a{ display:inline-block; vertical-align:Top; margin-right:15px; width:calc(33.33% - 15px); margin-bottom:15px; }	

	#main .sec02 .bx_wrap .right{ margin-bottom:30px; width:100%; }
}

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

	#main .sec03 .inner .bx_wrap .list_bx ul li{ margin-left:55px; }
	#main .sec03 .inner .bx_wrap .list_bx ul li:after{ left:-45px; }

}
/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){
	
	/* main visual */
	#main .main_visual .slide .img_bx{ height:382px; }	
	#main .main_visual .slide .txt_bx{ top:44%; }
	#main .main_visual .slide .txt_bx ul{ margin-bottom:18px; }
	#main .main_visual .slide .txt_bx ul li{ margin-right:35px; font-size:22px; line-height:22px; text-shadow:0 0 5px rgba(255,255,255,1)}
	#main .main_visual .slide .txt_bx ul li:after{ right:-20px; margin-top:-9px; width:14px; height:18px; }
 
	#main .main_visual .slide .txt_bx .txt1{ margin-bottom:22px; font-size:15px; line-height:20px; text-shadow:0 0 5px rgba(255,255,255,1); }
	#main .main_visual .slide .txt_bx .txt2{font-size:20px; line-height:25px; text-shadow:0 0 5px rgba(255,255,255,1); }
	#main .main_visual .slide .slick-dots{ bottom:28px; }
	#main .main_visual .slide .slick-dots li{  margin:0 5px; }
	#main .main_visual .slide .slick-dots li button{ width:24px; height:24px; font-size:14px; line-height:24px; }
	

	/* sec01 */
	#main .sec01{ margin-bottom:30px; border-bottom: 5px solid transparent; }
	#main .sec01{ position:relative; z-index:10; font-size:0; }
	#main .sec01 > .left{ margin-top:-8px; width:100%; border-radius:10px 10px 0 0; border:3px solid #ff731b; box-shadow:2px 0 10px rgba(0, 0, 0, 0.3) inset;  }
	#main .sec01 > .left img{ left:11%; width:34%; max-width:117px; }
	#main .sec01 > .left .txt1{ padding:8px 10px 3px 0; text-align:right; }
	#main .sec01 > .left .txt1 div{ width:50%; }
	#main .sec01 > .left .txt1 strong{ margin-bottom:3px; font-size:13px; line-height:18px; }
	#main .sec01 > .left .txt1 p{ font-size:22px; line-height:20px; }
	#main .sec01 > .left .txt1 span{ font-size:10px; line-height:17px; }
	#main .sec01 > .left .txt2{ padding:8px 10px 8px 0; font-size:11px; line-height:12px; }
	#main .sec01 > .left .txt2 p{ width:50%; }
	#main .sec01 > .left .txt2 span{ font-size:10px; }

	#main .sec01 > .right{ width:100%; }
	#main .sec01 > .right > div{ width:33.33%; min-height:100px; box-shadow:5px 0 10px rgba(0,0,0,.2)}
	#main .sec01 > .right > div > strong{ margin-bottom:5px; font-size:18px; line-height:23px; }
	#main .sec01 > .right > div > p{ max-width:100%; font-size:14px; line-height:19px; text-align:Center; }
	#main .sec01 > .right > div > p.type2 {max-width: 100%;}
	#main .sec01 > .right > div:nth-child(1) > p{ max-width:100%; }

	/* sec02 */
	#main .sec02{ margin-bottom:30px; }
	#main .sec02 .bx_wrap{ display:grid; margin-right:0; margin-bottom:0; }
	#main .sec02 .bx_wrap .no_list{ height:200px; }
	#main .sec02 .bx_wrap > div{ margin-right:0; }
	#main .sec02 .bx_wrap > div .tit{ padding:0 10px; height:60px;  border-radius:5px; }
	#main .sec02 .bx_wrap > div .tit > strong{ font-size:13px; line-height:18px; }
	
	#main .sec02 .bx_wrap > div .tit .btn{ font-size:10px; line-height:40px; border-radius:5px 0 5px 0; }
	#main .sec02 .bx_wrap > div .tit .btn > span{ margin:0 4px; }
	#main .sec02 .bx_wrap > div .tit .btn > span > span{ margin-right:-1px; width:6px; height:40px; }
	#main .sec02 .bx_wrap > div .tit .btn > strong{ font-size:15px; }
	#main .sec02 .bx_wrap > div ul{ padding:0 10px 5px; }
	#main .sec02 .bx_wrap > div ul li:after{ background-size:2px auto; }
	#main .sec02 .bx_wrap > div ul li .li_txt > div{ font-size:10px; line-height:25px; } 

	#main .sec02 .bx_wrap .left{ margin-bottom:15px; width:100%; border-radius:5px; box-shadow:0 5px 10px rgba(0,0,0,.1); } 
	#main .sec02 .bx_wrap .left .tit{  box-shadow: 0 0 10px rgba(255, 115, 27, 0.4) inset;  }
	#main .sec02 .bx_wrap .left .tit > strong{ width:calc(100% - 100px)}
	#main .sec02 .bx_wrap .left .tit .btn{ width:100px; }
	#main .sec02 .bx_wrap .left ul li{ padding-left:10px; }
	#main .sec02 .bx_wrap .left ul li:before{ margin-top:-3px; width:5px; height:6px; }
	/* #main .sec02 .bx_wrap .left ul li .li_txt > div:nth-child(1){ width:calc(60% - 50px); }
	#main .sec02 .bx_wrap .left ul li .li_txt > div:nth-child(2){ width:50px; } */

	#main .sec02 .simply-scroll,#main .sec02 .simply-scroll .simply-scroll-clip{ height:410px; }

	
	#main .sec02 .bx_wrap .mid a .tit_bx{ margin-bottom:10px; min-height:30px; padding:0 30px 0 50px; font-size:12px; line-height:15px; }
	#main .sec02 .bx_wrap .mid a .tit_bx:before{ width:39px; height:30px; }
	#main .sec02 .bx_wrap .mid a .tit_bx > span{ margin-top:-15px; width:30px; height:30px; border-radius:5px 0 5px 0; }
	#main .sec02 .bx_wrap .mid a .tit_bx > span > span{ margin-right:-1px; width:6px; height:30px; }
	#main .sec02 .bx_wrap .mid a .img_bx{ height:150px; border-radius:5px; }

	#main .sec02 .bx_wrap .right{ margin-bottom:15px; width:100%; border-radius:5px; box-shadow:0 5px 10px rgba(0,0,0,.1); }
	#main .sec02 .bx_wrap .right .tit{ box-shadow: 0 0 10px rgba(6, 120, 61, 0.4) inset; }
	#main .sec02 .bx_wrap .right .tit > strong{ width:calc(100% - 100px); }
	#main .sec02 .bx_wrap .right .tit .btn{ width:100px; }

	#main .sec02 .bx_wrap .right ul li .li_txt > div:nth-child(1){ width:calc(100% - 110px); }
	#main .sec02 .bx_wrap .right ul li .li_txt > div:nth-child(2){ width:50px; }
	#main .sec02 .bx_wrap .right ul li .li_txt > div:nth-child(3){ width:60px; }
	#main .sec02 .bx_wrap .right ul li .li_txt span{ padding-right:10px; }
	#main .sec02 .bx_wrap .right ul li.li_re .li_txt .re{ margin-right:4px; width:14px; font-size:7px; line-height:9px; border-radius:4px; }
	#main .sec02 .bx_wrap .right ul li .li_txt .new{ margin-left:3px; width:8px; font-size:7px; line-height:8px; border-radius:2px; }

	/* sec03 */
	#main .sec03 .inner{ margin:0 auto 15px; padding:5px; }
	#main .sec03 .inner:before{ width:27px; height:20px; }
	#main .sec03 .inner:after{ width:27px; height:20px; }
	#main .sec03 .inner .bx_wrap{ padding:15px 20px 25px; }
	#main .sec03 .inner .bx_wrap .txt_bx{ margin-bottom:10px; font-size:12px; line-height:30px; }
	#main .sec03 .inner .bx_wrap .txt_bx .s1{ top:2px; font-size:20px; }
	#main .sec03 .inner .bx_wrap .txt_bx .s2{ font-size:15px; }
	#main .sec03 .inner .bx_wrap .list_bx ul li{ margin-left:25px;}
	#main .sec03 .inner .bx_wrap .list_bx ul li:after{ left:-20px; margin-top:-7px; width:15px; height:15px; }
	#main .sec03 .inner .bx_wrap .list_bx ul li img{ width:68px; }
	#main .sec03 .inner .bx_wrap .list_bx ul li:last-child img{ width:105px; }
	#main .sec03 .inner .bx_wrap .list_bx ul li:last-child:after{ margin-top:-5px; width:13px; height:10px; }

	/* sec04 */
	#main .sec04{ margin-bottom:30px; }
	#main .sec04 .inner{ padding-bottom:5px; border-top:5px solid #eee; }
	#main .sec04 .inner:after{ border-bottom: 5px solid transparent; }
	#main .sec04 .inner > div{ margin-bottom:5px; }
	#main .sec04 .inner > div .tit_bx{ padding:0 0 0 15px; width:130px; height:60px; }
	#main .sec04 .inner > div .tit_bx strong{ font-size:15px; line-height:20px; }
	#main .sec04 .inner > div .tit_bx span{ font-size:10px; line-height:15px; }
	#main .sec04 .inner > div .list_bx{ padding-left:15px; width:calc(100% - 130px); }

	/* sec05 */
	#main .sec05{ padding:20px 0; }
	#main .sec05 .bx_wrap{ margin-right:-10px; margin-bottom:-10px; }
	#main .sec05 .bx_wrap > li{ padding:10px; width:calc(33.33% - 10px); margin-right:10px; margin-bottom:10px; border-radius:5px; box-shadow:5px 0 10px rgba(0, 0, 0, 0.2) inset; }
	#main .sec05 .bx_wrap > li > div{ border-radius:5px; }
	#main .sec05 .bx_wrap > li .tit_bx{ height:40px; padding:0 15px; }
	#main .sec05 .bx_wrap > li .tit_bx strong{ width:calc(100% - 15px); font-size:15px; line-height:40px; }
	#main .sec05 .bx_wrap > li .tit_bx .btn_more{ width:15px; height:15px; border:1px solid #fff;  border-radius:5px 0 5px 0; }
	#main .sec05 .bx_wrap > li .tit_bx .btn_more:after{ margin-left:-3px; margin-top:-3px; width:6px; height:6px; }
	#main .sec05 .bx_wrap > li .list_bx{ min-height:100px; padding:10px 15px; }
	#main .sec05 .bx_wrap > li .list_tit{ margin-bottom:2px; font-size:13px; line-height:18px; }
	
	#main .sec05 .bx_wrap > li ul li{ margin-bottom:1px; padding-left:5px; font-size:11px; line-height:16px; }
	#main .sec05 .bx_wrap > li ul li:after{ top:6px; width:2px; height:2px; }
	#main .sec05 .bx_wrap > li .btn_write{ height:40px; padding:0 15px 0 0; font-size:11px; line-height:40px; background-position:17px center; background-size:17px auto;}

	#main .sec05 .bx_wrap > li.li01 .btn_write{ background-position:18px center; background-size:23px auto; }
	#main .sec05 .bx_wrap > li.li02 .btn_write{ background-position:18px center; background-size:21px auto; }
	#main .sec05 .bx_wrap > li.li03 .btn_write{ background-position:15px center; background-size:25px auto; }

}

@media all and (max-width:840px){
	#main .sec02 .bx_wrap .mid{ width:100%; margin-right:0; }
	#main .sec02 .bx_wrap .mid a{ margin-right:0; width:100%  }
	#main .sec02 .bx_wrap .mid a .img_bx{ height:auto; padding-bottom:47%; }
}

/* 모바일 */
@media all and (max-width:768px){
	
	/* main visual */	
	#main .main_visual .slide .img_bx img.pc{ display:none; }
	#main .main_visual .slide .img_bx img.m{ display:block; }
	#main .main_visual .slide .txt_bx { text-align:center; }
	#main .main_visual .slide .txt_bx ul{transform: translate3d(0,50px,0); }
	#main .main_visual .slide .txt_bx .txt1{ transform: translate3d(0,50px,0); margin:0 auto 15px; max-width:270px; }
	#main .main_visual .slide .txt_bx .txt2{ transform: translate3d(0,50px,0); margin:0 auto; max-width:270px; }
	
	#main .sec01 > .right > div{ width:100%;} 
	/* sec03 */
	#main .sec03 .inner .bx_wrap .list_bx ul li:last-child{ display:block; margin:40px 0 0; }
	#main .sec03 .inner .bx_wrap .list_bx ul li:last-child:after{ left:50%; margin-left:-7px; top:-25px; margin-top:0; }

	/* sec05 */
	#main .sec05 .bx_wrap{ margin-right:0; }
	#main .sec05 .bx_wrap > li{ width:100%; margin-right:0; }

}