/* 공통 */
html, body{height:100%;}
body{word-break:keep-all;}
.inner{ max-width: 1920px; margin: 0 auto; height: 100%; box-sizing: border-box; position: relative}
.inner:after{content: ''; display: block; clear: both;}
.hide{display: block; width: 1px; height: 1px; overflow: hidden; position: absolute; z-index: -1}
.device-check{position: absolute; z-index: -1; height: 1px; width: 1px;}
.device-check .pc{display: block;}
.device-check .tablet,
.device-check .mobile{display: none;}


/* layout */

.device-check{position: absolute; z-index: -1; height: 1px; width: 1px;}
.device-check .pc{display: block;}
.device-check .tablet,
.device-check .mobile{display: none;}

.header{position: absolute; width: 100%; z-index: 10; height: 93px; background: #F4F4F6; text-align: center;}
.header .inner{max-width: initial;}

.header .logo{display: block; margin-left: 45px; position: absolute; left: 0; top: 0;}
.header .logo a{display: block; width: 244px; height: 92px; background: url(../images/common/img_logo.png) no-repeat center center; }

.header .nav{display: inline-block; margin-left: 850px;}
.header .nav > ul{text-align:center; /*margin-right: -43px;*/ font-size: 0; display: inline-block; vertical-align: top; margin-right: -600px;}
.header .nav > ul > li{display: inline-block; vertical-align: top; position: relative;}
.header .nav > ul > li > a{font-size: 22px; display: block; padding: 0 30px; line-height: 93px; height: 93px; font-weight: 500; position: relative;}
.header .nav > ul > li.active > a::after,
.header .nav > ul > li:hover > a::after{content: "▼";position: absolute;bottom: 14px;width: 100%;height: 16px;text-align: center;font-size: 10px;line-height: 10px;left: 0;}
.header .nav > ul > li .sub{display:none; position: absolute; left: 45%; margin-left: -100px; background: rgba(255, 255, 255, .9); border:1px solid #e1e1e1; border-top: 0; padding: 15px 0; box-shadow: 3px 3px 3px rgba(0, 0, 0, .05);}
/* .header .nav > ul > li:first-child .sub{display: block;} */
.header .nav > ul > li:hover .sub{display: block;}
.header .nav > ul > li .sub > ul{width: 230px;}
.header .nav > ul > li .sub > ul > li{}
.header .nav > ul > li .sub > ul > li > a{font-size: 16px; display: block;height:34px; line-height: 34px; letter-spacing: -1px; }
.header .nav > ul > li .sub > ul > li:last-child > a{padding-top: 30px;}
.header .nav > ul > li .sub > ul > li.active > a,
.header .nav > ul > li .sub > ul > li > a:hover{color: #E74E00;}

.header .right{position: absolute; right: 0; top: 0;}
.header .right > *{display: inline-block; vertical-align: middle;}
.header .right .btn-1{}
.header .right .btn-1 > *{display: inline-block; vertical-align: middle; position: relative; padding: 0 18px;}
.header .right .btn-1 > * + *:before{content: ''; display: block; height: 10px; width: 1px; background: #C1C1C1; position: absolute; left: 0; top: 50%; margin-top: -5px;}
.header .right .btn-1 > a{font-size: 18px; color: #6B6B6B; height: 93px; line-height: 93px; position: relative;}
.header .right .btn-1 > a:hover:after{content: "▼";position: absolute;bottom: 14px;width: 100%;height: 16px;text-align: center;font-size: 10px;line-height: 10px;left: 0;}
.header .right .btn-1 .local{height: 93px;}
.header .right .btn-1 .local > span{font-size: 18px; color: #6B6B6B; cursor: pointer; line-height: 93px;}
.header .right .btn-1 .local > span:before{content: '\f0ac'; font-family: 'Font Awesome 5 Free';font-weight: 900; color: #6B6B6B; display: inline-block; vertical-align: middle; margin: 0 7px 0 0;}
.header .right .btn-1 .local > span:after{content: '\f107'; font-family: 'Font Awesome 5 Free';font-weight: 900; color: #6B6B6B; display: inline-block; vertical-align: middle; margin: 0 0 0 10px;}
.header .right .btn-1 .local > ul{display: none; position: absolute; top: 93px; left: 0; width: 100px;border:1px solid #e1e1e1; border-top: 0; padding: 15px 0; box-shadow: 3px 3px 3px rgba(0, 0, 0, .05); background: rgba(255, 255, 255, .9);}
.header .right .btn-1 .local:hover > ul{display: block;}
.header .right .btn-1 .local > ul > li{}
.header .right .btn-1 .local > ul > li > a{display: block; line-height: 27px; font-size: 16px; color: #6B6B6B;}
.header .right .btn-1 .local > ul > li > a:hover{color: #E74E00;}
.header .right .btn-2{font-size: 0;}
.header .right .btn-2 > button{background: #5E5E5E; height: 93px; width: 93px; vertical-align: top;}
.header .right .btn-2 > button:before{content: '\f002'; font-family: 'Font Awesome 5 Free';font-weight: 900; color: #fff; font-size: 27px;}
.header .right .btn-2 > button + button{border-left: 1px solid #787879;}
.header .right .btn-2 > button.btn-search{}
.header .right .btn-2 > button.btn-mega::before{content: '\f0c9'}
.mega_on .header .right .btn-2 > button.btn-mega::before{content: '\f00d'}
.header .mega{display: none;}
.mega_on .header .mega{display:block; position: absolute;top: 93px;background: #fff;left: 0;right: 0;}
.mega_on .header .mega > ul{ width: 100%; }
.mega_on .header .mega > ul::after{content: ''; display: block; clear: both;}
.mega_on .header .mega > ul > li{  display: flex; text-align: left; box-sizing: border-box; position: relative; padding: 30px 25px 30px 135px;}
.mega_on .header .mega > ul > li + li{border-left: 1px solid #DBDBDB;}
.mega_on .header .mega > ul > li > a{position: absolute; left: 25px; top: 30px; display: block; font-size: 20px; padding-top: 50px;}
.mega_on .header .mega > ul > li > a:before{content: ''; display: block; position: absolute; left: 0; top: 0; width: 45px; height: 41px; background: url(../images/common/ico_mage_1.png) no-repeat 0 0;}
.mega_on .header .mega > ul > li:nth-child(2) > a:before{background-image: url(../images/common/ico_mage_2.png); width: 61px; height: 41px;}
.mega_on .header .mega > ul > li:nth-child(3) > a:before{background-image: url(../images/common/ico_mage_3.png); width: 57px; height: 33px;}
.mega_on .header .mega > ul > li:nth-child(4) > a:before{background-image: url(../images/common/ico_mage_4.png); width: 41px; height: 41px;}
.mega_on .header .mega > ul > li:nth-child(5) > a:before{background-image: url(../images/common/ico_mage_5.png); width: 44px; height: 43px;}
.mega_on .header .mega > ul > li .sub{}
.mega_on .header .mega > ul > li .sub > ul{}
.mega_on .header .mega > ul > li .sub > ul > li{}
.mega_on .header .mega > ul > li .sub > ul > li + li{margin-top: 10px;}
.mega_on .header .mega > ul > li .sub > ul > li > a{font-size: 18px; padding:0 0 0 10px; position: relative; display: block; line-height: 1.2}
.mega_on .header .mega > ul > li .sub > ul > li > a:hover{text-decoration: underline;}
.mega_on .header .mega > ul > li .sub > ul > li > a:before{content: ''; position: absolute; left: 0; top: 10px; width: 2px; height: 2px; background:#E74E00;}

.mega_on .header .mega > ul > li .sub-1{    margin: 5px 0 0 11px;padding: 15px 10px;background: rgba(204, 204, 204,0.2);}
.mega_on .header .mega > ul > li .sub-1 > ul{}
.mega_on .header .mega > ul > li .sub-1 > ul > li{}
.mega_on .header .mega > ul > li .sub-1 > ul > li + li{margin-top: 10px;}
.mega_on .header .mega > ul > li .sub-1 > ul > li > a{}
.mega_on .header .mega > ul > li .sub-1 > ul > li > a:hover{text-decoration: underline;}
.mega_on .header .mega > ul > li:hover{background: #464646;}
.mega_on .header .mega > ul > li:hover .sub > ul > li > a{color: #fff;}
.mega_on .header .mega > ul > li:hover .sub > ul > li > a:before{background:#fff;}
.mega_on .header .mega > ul > li:hover > a{color: #fff;}
.mega_on .header .mega > ul > li:hover > a:before{background-position: 0 bottom;}
.mega_on .header .mega > ul > li:hover  .sub-1 > ul > li > a{color: #fff;}


@media all and (min-width: 1200px){
	.header .nav:hover > ul > li:hover > a{border-bottom-color: #00A651;}
}

body:not(.main) .container .inner{max-width:1786px;}
.container{padding-top: 93px; }
.main .container{background: #DAEBFF; overflow:hidden;} /*91 처리*/
.main .container .visual{}
.main .container .visual .slider{}
.main .container .visual .slider .slick-slide{}
.main .container .visual .slider .slick-dots{position: absolute; left: 0; right: 0; bottom: 55px; font-size: 0; text-align: center;}
.main .container .visual .slider .slick-dots > li{display: inline-block;}
.main .container .visual .slider .slick-dots > li + li{margin-left: 17px;}
.main .container .visual .slider .slick-dots > li > button{width: 28px; height: 28px; border-radius: 14px; background: #fff; opacity: .6; text-indent: -9999px;}
.main .container .visual .slider .slick-dots > li.slick-active > button{opacity: 1; width: 75px;}
.main .container .visual .unit{background: url(../images/main/img_visual_1.jpg) no-repeat center center; background-size: cover; height: 780px;}
.main .container .visual .unit .txt{padding: 177px 330px 0; font-size: 56px; color: #fff; line-height: 70px;}
.main .container .section{padding: 125px 0; position: relative; }
.main .container .section .scroll-check{position: absolute; top: 50%; height: 30px; left: 0; width: 100%; z-index: -1}
.main .container .section > .inner{padding: 0 65px; position: relative; z-index: 1}
.main .container .section.show-on-scroll > .inner{opacity: 0; transform: translateY(100px); transition: all 1s;
	-webkit-transform:translateY(100px);
	-moz-transform :translateY(100px);
	-ms-transform:translateY(100px);
	-o-transform:translateY(100px);

	-webkit-transition:all 1s;
	-moz-transition :all 1s;
	-ms-transition:all 1s;
	-o-transition:all 1s;

}
.main .container .section.is-visible > .inner{opacity: 1; transform: translateY(0);
	-webkit-transform:translateY(0);
	-moz-transform :translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
}
.main .container .section .img-area{float: left; width:767px}
.main .container .section .img-area > span{padding-bottom: 73.4%; display: block; background: url(../images/main/img_section_1.png) no-repeat left 0;}
.main .container .section.main-2 .img-area > span{background-image: url(../images/main/img_section_2.png);}
.main .container .section.main-3 .img-area > span{background-image: url(../images/main/img_section_3.png);}
.main .container .section.main-4 .img-area > span{background-image: url(../images/main/img_section_4.png);}
.main .container .section.main-5 .img-area > span{background-image: url(../images/main/img_section_5.png);}
.main .container .section .txt-area{float: right; width: calc(100% - 767px)}
.main .container .section .txt-area .tit{color: #666; font-size: 100px; font-weight: normal;}
.main .container .section .txt-area .subs{font-size: 38px; font-weight: 500; margin: 37px 0 15px 0}
.main .container .section .txt-area .subs-1{font-size: 24px; color: #A2A2A2; line-height: 30px;}
.main .container .section .txt-area .ico-list{margin: 55px 0 0 -15px;}
.main .container .section .txt-area .ico-list > ul{}
.main .container .section .txt-area .ico-list > ul::after{content: ''; display: block; clear: both;}
.main .container .section .txt-area .ico-list > ul > li{float: left; width: 168px;}
.main .container .section .txt-area .ico-list > ul > li > a{text-align: center; display: block; font-size: 18px; color: #787878; line-height: 26px;}
.main .container .section .txt-area .ico-list > ul > li > a:before{content: ''; display: block; height:138px; width: 138px; background:#fff url(../images/main/ico_section_1.png) no-repeat 0 0; margin: 0 auto 14px; border-radius: 100%;}
.main .container .section.main-2 .txt-area .ico-list > ul > li > a:before{background-image: url(../images/main/ico_section_2.png)}
.main .container .section.main-3 .txt-area .ico-list > ul > li > a:before{background-image: url(../images/main/ico_section_3.png)}
.main .container .section.main-4 .txt-area .ico-list > ul > li > a:before{background-image: url(../images/main/ico_section_4.png)}
.main .container .section.main-5 .txt-area .ico-list > ul > li > a:before{background-image: url(../images/main/ico_section_5.png)}
.main .container .section .txt-area .ico-list > ul > li > a:hover:before{background-color: #EC6806; background-position-y: bottom !important;}
.main .container .section .txt-area .ico-list > ul > li:nth-child(2) > a:before{background-position: -139px 0}
.main .container .section .txt-area .ico-list > ul > li:nth-child(3) > a:before{background-position: -278px 0}
.main .container .section .txt-area .ico-list > ul > li:nth-child(4) > a:before{background-position: -417px 0}
.main .container .section .txt-area .ico-list > ul > li:nth-child(5) > a:before{background-position: -556px 0}
.main .container .section .txt-area .ico-list > ul > li:nth-child(6) > a:before{background-position: -695px 0}
.main .container .section:nth-child(2n+1) .img-area{float: right}
.main .container .section:nth-child(2n+1) .txt-area{float: left}
.main .container .section:nth-child(2n+1):before{content: '';position: absolute;width: 2400px;/*height: 725px;*/left: 50%;top: -20px;margin-left: -1200px;transform: rotate(2deg);background-color: #EEF6FE;z-index: 0; bottom: -30px;}
/* .main .container .section:nth-child(2n+1) .txt-area .ico-list > ul > li > a:before{background-color: #fff;} */
.main .container .section:nth-child(2n+1) .txt-area .ico-list > ul > li > a:hover:before{background-color: #EC6806;}
.main .container .section.main-6:before{display: none;}
.main .container .section.main-6,
.main .container .section.main-7{padding: 0 0 60px; background: #fff;}
.main .container .section .tit-area{border-top: 1px solid #DDD;text-align: center; padding-top: 60px; margin-bottom: 50px;}
.main .container .section .tit-area .tit{color: #262626; font-size: 36px; font-weight: normal;}
.main .container .section .tit-area .tab{margin-top: 30px;}
.main .container .section .tit-area .tab > a{font-size: 24px; color: #262626; display: inline-block; margin: 0 7px;}
.main .container .section .box-list{}
.main .container .section .box-list > ul{margin: 0 -20px;}
.main .container .section .box-list > ul:after{content: ''; display: block; clear: both;}
.main .container .section .box-list > ul > li{float: left; width: 20%; box-sizing: border-box; padding: 0 20px;}
.main .container .section .box-list > ul > li > a{border: 1px solid #E6E6E6; display: block; padding: 25px 30px;}
.main .container .section .box-list > ul > li > a .img{margin: -25px -30px 25px}
.main .container .section .box-list > ul > li > a .img > img{width: 100%}
.main .container .section .box-list > ul > li > a .cate{color: #ADADAD; font-size: 16px;}
.main .container .section .box-list > ul > li > a > strong{display: block; font-size: 23px; font-weight: normal; line-height: 36px; height: 72px; margin: 14px 0 13px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.main .container .section .box-list > ul > li > a .subs{font-size: 18px; color: #A2A2A2; line-height: 30px; height: 90px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.main .container .section .box-list > ul > li > a .bottom{position: relative}
.main .container .section .box-list > ul > li > a .bottom::after{content: '+'; display: block; width: 38px; height: 38px; border: 1px solid #D6D6D6; border-radius: 100%; position: absolute; right: 0; top: -13px; line-height: 38px; text-align: center; font-size: 30px; color: #B9B9B9; font-weight: 300}
.main .container .section .box-list > u l > li > a:hover .bottom::after{background: #EC6806; border-color: #EC6806; color: #fff;}
.main .container .section .box-list > ul > li > a .bottom > span{color: #ADADAD; font-size: 18px; display: block; padding-right: 50px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; }
.main .container .section .box-list > ul > li > a > strong + .bottom{margin-top: 74px;}
.main .container .section .box-list > ul > li > a .subs + .bottom{margin-top: 60px;}
.quick-area{position: fixed;bottom: 190px; right: 0; z-index: 2;}
.quick-area .btn-top{width: 62px; height: 71px; background: #EC6806; color: #fff; text-align: center; font-size: 18px;}
.quick-area .btn-top:before{content: '\f106'; font-family: 'Font Awesome 5 Free';font-weight: 900; font-size: 24px; display: block; margin-bottom: -5px;}
.footer{position: relative;}
.footer .info-area{background: #43464D; color: #DFDFDF; text-align: center; padding: 83px 0 60px;}
.footer .info-area a{color: #DFDFDF;}
.footer .info-area .link{}
.footer .info-area .link > ul{}
.footer .info-area .link > ul > li{display: inline-block;}
.footer .info-area .link > ul > li + li{margin-left: 25px;}
.footer .info-area .link > ul > li > a{font-size: 24px; color: #DFDFDF;}
.footer .info-area .logo{margin: 53px auto 25px; width: 270px; height: 91px; background: url(../images/common/img_footer_logo.png) no-repeat; display: block;}
.footer .info-area .address{border-top: 1px solid #565658; padding: 33px 0 0}
.footer .info-area .address > ul{}
.footer .info-area .address > ul > li{color: #C7C7C7; font-size: 24px;}
.footer .info-area .address > ul > li + li{margin-top: 10px;}
.footer .bottom-area{padding: 55px 0}
.footer .bottom-area .slider{padding: 0 75px; position: relative;}
.footer .bottom-area .slider .unit{}
.footer .bottom-area .slider .unit > a{display: block; text-align: center; padding: 0 20px;}
.footer .bottom-area .slider .unit > a > span > img{max-width: 100%; display: inline-block;}
.footer .bottom-area .slick-arrow.slick-prev,
.footer .bottom-area .slick-arrow.slick-next{font-size: 0; position: absolute; left: -75px; top: 50%; height: 56px; width: 75px; margin-top: -28px;}
.footer .bottom-area .slick-arrow.slick-prev:before,
.footer .bottom-area .slick-arrow.slick-next:before{content: '\f104'; font-family: 'Font Awesome 5 Free';font-weight: 900; font-size: 30px; color: #CBCBCB;}
.footer .bottom-area .slick-arrow.slick-next{left: auto; right: -75px;}
.footer .bottom-area .slick-arrow.slick-next:before{content:'\f105'}
.footer .fmenu-area{background: #1E2025; padding: 40px 0 70px;}


/* 검색창 */
/* #h_btn{position:absolute;right:0;top:0;}
#h_btn li{float:left}
#h_btn li.search_btn{width:85px;}
#h_btn li.search_btn a{display:block;height:75px;background:#545454 url(../img/h_icon_search_w.png) center center no-repeat;}
#h_btn li.search_btn a.search_on{background:#545454 url(../img/icon_cate_close_m.jpg) center center no-repeat;background-size:18px;}
#h_btn li.navi_btn{width:85px;border-left:1px solid #696969;}
#h_btn li.navi_btn a{display:block;height:75px;background:#545454 url(../img/h_icon_menu_w.png) center center no-repeat;} */

.hd_sch_wr{position:absolute;top:93px;left:0;width:100%;background-color:#5E5E5E;z-index:99;padding:55px 0 65px;display:none;overflow: hidden;}
.sch_on .hd_sch_wr{display: block}
.sch_on .header .right .btn-2 > button.btn-search::before{content: "\f00d"}
.hd_sch_wr .inner{max-width:590px;padding:0 20px;margin:0 auto;}
#hd_sch{max-width:500px;border-bottom:2px solid #646464;background:none;border-radius:0;overflow:hidden;margin:0 auto;position:relative;}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch #sch_stx{height:40px;width:90%;background:none;;border:0;border-right:0;float:left;font-size:15px;color:#fff;}
#hd_sch #sch_stx::placeholder{color:#fff;}
#hd_sch #sch_submit {position:absolute;right:0;top:0;height:100%;border:0;background:none;background:  url(../img/h_icon_search_w.png) center center no-repeat;width:26px;cursor:pointer;}
#hd_sch #sch_submit:before{content: '\f002'; font-family: 'Font Awesome 5 Free';font-weight: 900; color: #fff; font-size: 16px;}

#popular {margin:8px 0 0;position:relative}
#popular h2{display:inline-block;font-size:0.92em;color:#4b8bff;background:#fff;line-height:20px;padding:0 5px;border:1px solid #dcdcde;vertical-align:top}
/* #popular .popular_inner{position:absolute;left:70px;top:2px;height:18px;overflow:hidden} */
#popular ul{display:inline-block;text-align:center;font-size:0;}
#popular ul:after {display:block;visibility:hidden;clear:both;content:""}
#popular li{display:inline-block;line-height:18px;padding:14px 30px 12px;background-color:#919191;margin:5px;border-radius:30px;}
#popular li a{font-size:13px;color:#121212;}

.footer .fmenu-area a{color: #fff;}
.footer .fmenu-area .inner{}
.footer .fmenu-area .inner > ul{text-align: center; font-size: 0}
.footer .fmenu-area .inner > ul > li{display: inline-block; vertical-align: top; text-align: left;}
.footer .fmenu-area .inner > ul > li + li{margin-left: 130px;}
.footer .fmenu-area .inner > ul > li > a{font-size: 24px; display: block; margin-bottom: 25px;}
.footer .fmenu-area .inner > ul > li .sub{}
.footer .fmenu-area .inner > ul > li .sub > ul{}
.footer .fmenu-area .inner > ul > li .sub > ul > li{}
.footer .fmenu-area .inner > ul > li .sub > ul > li + li{margin-top: 17px;}
.footer .fmenu-area .inner > ul > li .sub > ul > li > a{font-size: 20px; color: #8F9192;}
.footer .fmenu-area .inner > ul > li .sub > ul > li > a:hover{color: #fff;}

/* 서브 */
/* .wrap:not(.main) .section .inner{max-width: 1200px;}
.wrap:not(.main) .header .nav > ul > li > a{color:#fff;}
.wrap:not(.main) .header .btn-sitemap{color: #fff; border-color: #fff;}
.wrap:not(.main) .header .nav > ul > li .sub > ul > li > a{color: #181818;letter-spacing: -1px}
.wrap:not(.main) .header .nav > ul > li .sub > ul > li > a:hover{color: #1A7C46}
.wrap:not(.main) .header .logo a{background-image: url(../images/common/img_logo_sub.png)}

.wrap:not(.main) .header .btn-sitemap > span{background-image: url(../images/common/ico_sitemap_w.png)} */
@media all and (max-width: 1786px){
	.main .container .section > .inner{max-width: 1440px; padding:0}
	.main .container .section .img-area{width: 520px;}
	.main .container .section .img-area > span{background-size: 100% auto}
	.main .container .section.main-2 .img-area > span{background-size: auto 100%}
	.main .container .section .txt-area{width: calc(100% - 660px);}
	.main .container .section .txt-area .tit{font-size: 80px;}
	.main .container .section .txt-area .subs{font-size: 30px; margin: 27px 0 12px 0;}
	.main .container .section .txt-area .subs-1{font-size: 19px;line-height: 26px;}
	.main .container .section .txt-area .ico-list > ul > li > a:before{width:100px; height: 100px; background-size: auto 200%}
	.main .container .section .txt-area .ico-list > ul > li:nth-child(2) > a:before{background-position: -100px 0}
	.main .container .section .txt-area .ico-list > ul > li:nth-child(3) > a:before{background-position: -200px 0}
	.main .container .section .txt-area .ico-list > ul > li:nth-child(4) > a:before{background-position: -300px 0}
	.main .container .section .txt-area .ico-list > ul > li:nth-child(5) > a:before{background-position: -400px 0}
	.main .container .section .txt-area .ico-list > ul > li:nth-child(6) > a:before{background-position: -500px 0}
	.main .container .section .txt-area .ico-list > ul > li{width: 128px;}

	.main .container .section .box-list > ul {margin: 0 -10px;}
	.main .container .section .box-list > ul > li{padding: 0 10px;}
	.main .container .section .box-list > ul > li > a{padding: 15px 20px;}
	.main .container .section .box-list > ul > li > a .img{margin: -15px -21px 15px;}
	.main .container .section .box-list > ul > li > a .cate{font-size: 14px;}
	.main .container .section .box-list > ul > li > a > strong{font-size: 18px;line-height: 26px;height: 52px; margin: 11px 0 10px;}
	.main .container .section .box-list > ul > li > a > strong + .bottom{margin-top: 44px}
	.main .container .section .box-list > ul > li > a .bottom > span{font-size: 14px;}
	.main .container .section .box-list > ul > li > a .bottom::after{width: 28px;height: 28px; top: -6px; line-height: 28px;font-size: 23px;}
	.main .container .section .box-list > ul > li > a .subs{font-size: 16px;line-height: 25px;height: 75px;}

	.main .container .visual .unit .txt{padding: 150px 0 0 0; text-align: center; font-size: 30px;line-height: 43px;}
	.main .container .visual .slider .slick-dots > li > button{height: 15px;border-radius: 7px; width: 15px;}
	.main .container .visual .slider .slick-dots > li.slick-active > button{width: 35px;}
	.main .container .visual .slider .slick-dots > li + li{margin-left: 8px;}
	.main .container .visual .slider .slick-dots{bottom: 35px;}
	.footer .fmenu-area .inner > ul > li + li{margin-left: 50px;}
}

@media all and (max-width: 1440px){
	.header .logo a{width: 160px; background-size: 100% auto;}
	.header .right .btn-1{display: none;}
	.header .nav > ul > li > a{padding: 0 20px;}
	.header .nav > ul{margin-right: -350px;}
	.device-check .pc,
	.device-check .mobile{display: none;}	
	.device-check .tablet{display: block;}

	.mega_on .header .mega > ul > li > a{position: relative; top: auto; left: auto; padding: 0;}
	.mega_on .header .mega > ul > li .sub{margin-top: 30px;}
	.mega_on .header .mega > ul > li{padding: 30px 25px;}
	.mega_on .header .mega > ul > li > a:before{position: static; display: inline-block; vertical-align: middle; margin-right:10px;}


	.main .container .section > .inner{max-width: 1020px;}
	.main .container .section .img-area{width: 300px;}
	.main .container .section .txt-area{width: calc(100% - 390px);}
	.main .container .section .txt-area .ico-list > ul > li{width: 99px;}
	.main .container .section .txt-area .ico-list > ul > li > a:before{width: 70px; height: 70px;}
	.main .container .section .txt-area .ico-list > ul > li > a{    font-size: 15px;line-height: 17px;}
	.main .container .section .txt-area .ico-list > ul > li:nth-child(2) > a:before{background-position: -70px 0}
	.main .container .section .txt-area .ico-list > ul > li:nth-child(3) > a:before{background-position: -140px 0}
	.main .container .section .txt-area .ico-list > ul > li:nth-child(4) > a:before{background-position: -210px 0}
	.main .container .section .txt-area .ico-list > ul > li:nth-child(5) > a:before{background-position: -280px 0}
	.main .container .section .txt-area .ico-list > ul > li:nth-child(6) > a:before{background-position: -350px 0}

	.main .container .section .box-list > ul > li > a > strong{font-size: 16px;line-height: 23px;height: 46px;margin: 7px 0 9px;}
	.main .container .section .box-list > ul > li > a .bottom > span{font-size: 13px; padding-right: 0;}
	.main .container .section .box-list > ul > li > a .bottom::after{display: none;}
	.main .container .section .tit-area{padding-top: 50px;margin-bottom: 30px;}
	.main .container .section .tit-area .tit{font-size: 30px;}
	.main .container .section .tit-area .tab{margin-top: 20px;}
	.main .container .section .tit-area .tab > a{font-size: 20px;}
	.main .container .section .box-list > ul > li > a .subs{font-size: 14px;line-height: 20px;height: 60px;}
	.main .container .section .box-list > ul > li > a .subs + .bottom{margin-top: 40px;}

	.main .container .section .txt-area .tit{font-size: 40px}
	.main .container .section .txt-area .subs{font-size: 26px;margin: 23px 0 10px 0;}
	.main .container .section .txt-area .subs-1{font-size: 17px;}
	.main .container .section .txt-area .ico-list{margin-top: 35px;}

	.footer .info-area .link > ul > li > a{font-size: 18px;}
	.footer .info-area .logo{background-size: cover; width: 247px; height: 83px;margin: 32px auto 15px;}
	.footer .info-area .address > ul > li{font-size: 15px;}
	.footer .info-area{padding: 63px 0 50px;}
	.footer .info-area .address > ul > li + li{margin-top: 7px;}
	.footer .bottom-area{padding: 35px 0;}
	.footer .fmenu-area .inner > ul > li + li{margin-left: 40px;}
	.footer .fmenu-area .inner > ul > li .sub > ul > li > a{font-size: 18px; letter-spacing: -1px;}
}

@media all and (max-width: 1024px){
	.device-check .pc,
	.device-check .tablet{display: none;}	
	.device-check .mobile{display: block;}

	.container{padding-top: 70px;}
	
	.header{height: 70px;}
	.header .logo{margin-left: 20px;}
	.header .logo a{height: 70px; width: 152px;}
	.header .right .btn-2 > button{height: 70px; width: 70px;}
	.header .right .btn-2 > button:before{font-size: 17px;}
	.header .nav{display: none;}
	.header .nav > ul > li:hover .sub{display: none;}
	.header .nav > ul > li:hover > a::after{display: none;}
	body.nav_on{overflow: hidden;}
	body.nav_on .nav{display: block;position: absolute;top: 70px;background: #fff;width: 100%;height: calc(100vh - 70px); overflow-y: auto;}
	body.nav_on .header .right .btn-1{display: block;position: absolute; right: 150px; top: 0;}
	body.nav_on .header .right .btn-1 > a{display: none; }
	body.nav_on .header .right .btn-1 > * + *:before{display: none;}
	body.nav_on .header .right .btn-1 .local > span{display: none;}
	body.nav_on .header .right .btn-1 .local{height: 70px;}
	body.nav_on .header .right .btn-1 .local > ul{display: block; top: 0;right: 0;left: auto;width: 200px; text-align: right; background: transparent; border: 0; box-shadow: none; padding:21px 15px 21px 0;}
	body.nav_on .header .right .btn-1 .local > ul > li{display:inline-block;}
	body.nav_on .header .right .btn-1 .local > ul > li + li{margin-left: 10px;}
	body.nav_on .header .right .btn-1 .local > ul > li > a{font-size: 14px;}
	.header .nav > ul{display: block; padding: 0 40px; }
	.header .nav > ul > li{display: block; border-bottom: 1px solid #ddd;}
	.header .nav > ul > li > a{padding: 0;font-size: 17px;height: 60px;line-height: 60px;}
	.header .nav > ul > li.active > a{/*background: #eee;*/ color: #E74E00;}
	.header .nav > ul > li.active > a::after{display: none}
	.header .nav > ul > li.on .sub{display: block; position: initial; margin: 0; border: 0; box-shadow: none; border-top: 1px solid #ddd;    background: #f9f9f9;font-size: 14px;}
	.header .nav > ul > li .sub > ul{width: auto;}
	.header .nav > ul > li .sub > ul > li > a{height: 38px; line-height: 38px;}
	body.nav_on .header .right .btn-2 > button.btn-mega::before{content: '\f00d'}
	.hd_sch_wr{top: 70px;}

	.mega_on .header .mega{display: none;}
	

	/* .main .container .section .tit-area .tit{font-size: 32px;}
	.main .container .section .tit-area .tab > a{font-size: 19px; margin: 0 5px;} */

	.main .container .section .img-area,
	.main .container .section .txt-area{float: none;}
	.main .container .section > .inner{padding: 0 40px;}
	.main .container .section .img-area{margin: 50px auto 0; width: auto;max-width: 500px; }
	.main .container .section .txt-area{text-align: center}
	.main .container .section{padding: 80px 0;}
	.main .container .section .txt-area .tit{font-size: 33px;}
	.main .container .section .txt-area .subs{font-size: 21px; margin: 17px 0 10px 0;}
	.main .container .section .txt-area .subs-1{font-size: 15px; line-height: 21px;}
	.main .container .section .txt-area{width: auto;}
	.main .container .section .txt-area .ico-list > ul > li{float: none; display: inline-block; vertical-align: top;}
	.main .container .section:nth-child(2n+1) .img-area,
	.main .container .section:nth-child(2n+1) .txt-area{float: none;}

	.main .container .section .box-list > ul > li{float: none;width: auto;}
	.main .container .section .box-list > ul > li > a > strong + .bottom{margin-top: 0;}
	.main .container .section .box-list > ul > li + li{margin-top: 30px;}
	.main .container .section .box-list > ul > li > a > strong{height: auto;}
	.main .container .section .box-list > ul > li > a .subs{height: auto;}

	.footer .info-area .link > ul > li > a{font-size: 14px;}
	.footer .info-area .link > ul > li + li{margin-left: 15px;}
	.footer .info-area .logo{width: 207px;height: 70px; margin: 30px auto;}
	.footer .info-area .address > ul > li{font-size: 13px; line-height: 1.2}
	.quick-area .btn-top:before{font-size: 21px;}
	.quick-area .btn-top{width: 47px;height: 60px;font-size: 15px;}
	#popular li{padding:10px 22px 7px;}
	#popular li a{font-size:11px;}
	.footer .bottom-area .slider{padding: 0 55px}
	.footer .bottom-area .slick-arrow.slick-prev{left: -55px; width: 55px}
	.footer .bottom-area .slick-arrow.slick-next{right: -55px; width: 55px}

	.footer .fmenu-area .inner{padding: 0 20px;}
	.footer .fmenu-area .inner > ul{border-top: 1px dotted #fff;}
	.footer .fmenu-area .inner > ul > li{display: block; border-bottom: 1px dotted #fff;}
	.footer .fmenu-area .inner > ul > li .sub{display: none;border-top: 1px dotted #fff; padding: 20px 0 20px 10px; }
	.footer .fmenu-area .inner > ul > li.m-on .sub{display: block;}
	.footer .fmenu-area .inner > ul > li + li{margin-left: 0;}
	.footer .fmenu-area .inner > ul > li > a{margin-bottom: 0; font-size: 18px; padding: 10px 0; position: relative}
	.footer .fmenu-area .inner > ul > li > a::before,
	.footer .fmenu-area .inner > ul > li > a::after{content: ''; width: 14px; height: 2px; position: absolute; display: block; background: #fff; right: 10px; top: 50%; margin-left: -1px;}
	.footer .fmenu-area .inner > ul > li > a::before{transform: rotate(90deg)}
	.footer .fmenu-area .inner > ul > li.m-on > a::before{display: none;}
}

@media all and (max-width: 680px){
	.quick-area{position: absolute;bottom: auto;top: 0;}
	.quick-area .btn-top{width: 26px; height: 30px; font-size: 10px;}
	.quick-area .btn-top:before{font-size: 12px;}
	.main .container .section > .inner{padding: 0 30px;}
	.main .container .section .txt-area{text-align: left;}
	.main .container .section{padding: 25px 0}
	.main .container .section:nth-child(2n+1):before{bottom: 20px;}
	.main .container .section .txt-area .tit{font-size: 24px;}
	.main .container .section .txt-area .subs{font-size: 16px;margin: 14px 0 8px 0; line-height: 23px;}
	.main .container .section .txt-area .subs-1{font-size: 13px; line-height: 17px;}
	.main .container .section .txt-area .subs-1 > br{display: none;}
	.main .container .section .txt-area .ico-list{margin-top: 20px; margin-left: 0;}
	.main .container .section .txt-area .ico-list > ul > li{width: 45px;}
	.main .container .section .txt-area .ico-list > ul > li > a:before{width: 34px; height: 34px;margin-bottom: 5px;}
	.main .container .section .txt-area .ico-list > ul > li > a {font-size: 10px;line-height: 1;letter-spacing: -1.5px;}
	.main .container .section .img-area {margin-top: 30px;margin-bottom:50px;}
	.main .container .section .txt-area .ico-list > ul > li:nth-child(2) > a:before {background-position: -34px 0;}
	.main .container .section .txt-area .ico-list > ul > li:nth-child(3) > a:before {background-position: -68px 0;}
	.main .container .section .txt-area .ico-list > ul > li:nth-child(4) > a:before {background-position: -102px 0;}
	.main .container .section .txt-area .ico-list > ul > li:nth-child(5) > a:before {background-position: -136px 0;}
	.main .container .section .txt-area .ico-list > ul > li:nth-child(6) > a:before {background-position: -170px 0;}

	.main .container .section .tit-area{padding-top: 30px;margin-bottom: 20px;}
	.main .container .section .tit-area .tit{font-size:18px;}

	.main .container .section .box-list > ul > li > a .cate{font-size: 12px;}

	.footer .info-area .link > ul{margin-top:-10px;}
	.footer .info-area .link > ul > li{margin-top: 10px;}
	.footer .info-area .address > ul > li:nth-child(4){margin-top: 25px;}
	.footer .info-area .address > ul > li > span{display: block;}	
	.footer .info-area .address > ul > li > span + span{margin-top: 5px;}

	.footer .bottom-area .slider{padding: 0 35px}
	.footer .bottom-area .slick-arrow.slick-prev{left: -35px; width: 35px; }
	.footer .bottom-area .slick-arrow.slick-next{right: -35px; width: 35px; }
	.footer .bottom-area .slick-arrow.slick-prev:before,
	.footer .bottom-area .slick-arrow.slick-next:before{font-size: 17px}
	.header .right .btn-2 > button{background: transparent;border-left: 1px solid #e1e1e1 !important;}
	.header .right .btn-2 > button:before{color:#333; }
	.sch_on .header .right .btn-2 > button.btn-search{background: #5E5E5E;}
	.sch_on .header .right .btn-2 > button.btn-search:before{color: #fff;}
	.nav_on .header .right .btn-2 > button.btn-mega{background: #5E5E5E;}
	.nav_on .header .right .btn-2 > button.btn-mega::before{color: #fff;}
}