@charset "UTF-8";
/*-------------------------------------------------
title       :main
Author      :yeonachoi
Create date :2021-02-18
-------------------------------------------------*/

#main{padding-top:15px;}
.section .left_cont{float:left;width:46.5rem;padding-right:1.15rem;}
.section .right_cont{float:left;width:calc(100% - 46.5rem);padding-left:1.15rem;}
.section + .section{margin-top:2.5rem;}
.flo-left{}
.box{width:50%;float:left;padding:0 1rem;position:relative;}

/*section1*/
#section1{margin-top: 1.5rem}
#section1 .visual_wrap{position: relative;width: 100%;height: 0;padding-bottom: 29.4%;overflow: hidden;display: block;border-radius: 10px;}
#section1 .visual{position: absolute; width: 100%; height: 100%; overflow: hidden; border-radius: 10px;}
#section1 .visual li{border-radius: 10px; height: 100%}
#section1 .visual li>a {display: block; height: 100%; width: 100%}
#section1 .visual .slick-active a:focus:after{content:''; position:absolute; left:0; top:0; width:100%; height:100%; border: 2px dashed #000;}
#section1 .visual li img{width:100%;height:100%;max-width: 100%;border-radius: 10px; position: absolute; left: 0;top: 0}
#section1 .visual .slick-track{height: 100%}
.arrow .start{display:none;}
#section1 .visual.slick-initialized .slick-slide div {position: relative;height: 100%;}
#section1 .arrow_wrap{position:absolute;bottom:0;right:0;z-index: 1;}
#section1 .slick-dots{display:none !important;}
#section1 .arrow{text-align: right;line-height:47px;color:#fff;font-size:1rem;padding:0px 15px 0 10px;border-radius: 0 0 10px 0;}
#section1 .slick-counter{position:absolute;bottom:0;right:0;line-height:47px;color:#fff;background:rgba(0,0,0,0.7);padding-left:15px;width:18%;border-radius: 0 0 10px 0;}
#section1 .arrow .prev,
#section1 .arrow .next{display:inline-block;}
#section1 .quick_wrap ul{position:relative;overflow:hidden;border:1px solid #ddd;border-radius: 10px;display: flex;flex-wrap: wrap; align-items: center;}
#section1 .quick_wrap li{width:calc(100% / 3);color:#555;font-size:.75rem;letter-spacing:0.5px;border-left: 1px solid #ddd;border-top: 1px solid #ddd}
#section1 .quick_wrap li:nth-child(3n+1){border-left:0 none}
#section1 .quick_wrap li:nth-child(-n+3){border-top:0 none}
#section1 .quick_wrap li a{display:block;padding: 1.25rem 0;}
#section1 .quick_wrap li a:hover span,
#section1 .quick_wrap li a:focus span{font-weight:500;-webkit-transition:all .3s;transition:all .3s;}
#section1 .quick_wrap li .img{text-align: center;display:block;margin:auto;width:65px;height:50px;border-radius: 50%;padding-top:18px;}
#section1 .quick_wrap li .txt{display:block;text-align: center;padding-top:6px;}
#section1 .quick_wrap li .txt em{position:relative;font-weight: 600;word-break: keep-all;}
#section1 .quick_wrap li .txt em:before{position:absolute;width:100%;height:3px;background:#0064e0;content:'';bottom:-4px;left:0;-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0;}
#section1 .quick_wrap li a:hover .txt em:before,
#section1 .quick_wrap li a:focus .txt em:before{-webkit-transform:translateY(0);transform:translateY(0);opacity: 1;-webkit-transition:all .3s;transition:all .3s;}


/*section2*/
/*box2*/
.posi{position:relative;}
.box2 .tab-list-wrapper{position:relative;overflow:hidden;width:100%;height:44px;}
.box2 .tab-list-wrapper:before{position:absolute;bottom:0;left:0;width:100%;height:1px;background:#dddddd;content:'';z-index:1;}
.box2 .more{position:absolute;top:-44px;right:0;color:#000;font-size:.75rem;line-height: 1;padding: .34rem;border: 1px solid #d3d3d3;border-radius: 10px;}
.box2 .more>span{position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0, 0, 0, 0);}
.box2 .more,
.box2 .more i {-webkit-transition:all .3s;transition:all .3s;}
.box2 .more:hover{border-color:#000}
.box2 .more:hover i,
.box2 .more:focus i{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.box2 .tab-list{width:100%;height:100%;}
.box2 .tab-list > li{float:left;padding-right:.4rem;}
.box2 .tab-list > li > a{letter-spacing: -0.5px;padding:0 6px 0 3px;color:#767676;position:relative;display:block;-webkit-transition:all .1s;transition:all .1s;height:44px;font-weight: 400;font-size:.96rem;}

.box2 .tab-list > li.on > a,
.box2 .tab-list > li > a:hover,
.box2 .tab-list > li > a:focus{font-size:.96rem;font-weight:600;color:#3F51B5;}
.box2 .tab-list > li.on > a:before,
.box2 .tab-list > li > a:hover:before,
.box2 .tab-list > li > a:focus:before{opacity:1;visibility: visible;transform:scaleX(1);transition:all .3s;}

.box2 .notice-list{position:absolute;width:100%;top:44px;display:none;left:0;height:14.5rem;}
.box2 .tab-list > li.on .notice-list{display:block;}
.box2 .notice-list.active{display:block;}
.box2 .notice-list .thumb_tit{position:relative;padding:1rem 0;}
.box2 .notice-list .thumb_tit .tit_day{height:76px;width:75px;border-radius: 20px 0;color: #fff;background: #3f51b5;;display:inline-block;vertical-align: middle;text-align: center;font-family: 'Play', sans-serif;font-weight: bold;line-height: 1.2;padding-top: 4px;}
.box2 .notice-list .thumb_tit .tit_day:hover,
.box2 .notice-list .thumb_tit a:focus .tit_day{border-color:#767676;-webkit-transition:all .3s;transition:all .3s;}
.box2 .notice-list .thumb_tit .tit_day > strong{font-size:1.6rem;margin-top: .2rem;display: block;}
.box2 .notice-list .thumb_tit .tit_day>span{font-size: .6rem;font-weight: 400;}
.box2 .notice-list .thumb_tit .txt{display:inline-block;vertical-align: middle;width:calc(100% - 80px);padding-left:15px;}
.box2 .notice-list .thumb_tit .txt:hover > *,
.box2 .notice-list .thumb_tit a:focus .txt > *{text-decoration: underline;}
.box2 .notice-list .thumb_tit .txt>span{height:2.4rem;line-height:1.2rem;}
.box2 .notice-list .thumb_tit .txt > strong{display:block;font-size:1.1rem;font-weight:500;color:#000;letter-spacing: -0.6px;padding-bottom: 6px;}
.box2 .notice-list .depth{line-height:1.5;font-weight: 400;letter-spacing: -0.5px;color:#373737;font-size:.8rem;}
.bul01 li a:hover span,
.bul01 li a:focus span{color:#000;font-weight:400;}
.box2 .notice-list a:hover .depth,
.box2 .notice-list a:focus .depth{color:#364f9b;font-weight:400;}

/**/
.notice_wrap .box2 .more{top:-2rem;}

.box2 .thumb_lst{padding-top:1.25rem;}
.bul01 li{position:relative;padding-left:9px;}
.bul01 li:before{width:3px;height:3px;background:#767676;content:'';position:absolute;top:12px;left:0;}
.box2 .thumb_lst li a{display:block;padding:0 4.5rem 0 0;}
.box2 .thumb_lst li span{width:100%;display:inline-block;}
.box2 .thumb_lst li .day{position:absolute;right:0;}
.day{font-size:.68rem;font-weight:500;font-family: 'Play', sans-serif;color:#8d8d8d;}

#section2 .flo-left{margin: 0 -1rem}
#section2 .left_cont:after{content: ''; display: block; clear: both}
#section2 .cate_wrap .cate1{height:150px;}
#section2 .cate_wrap .cate1 > ul{overflow:hidden;width:calc(100% + 13px);}
#section2 .cate_wrap .cate1 > ul > li{width:50%;float:left;position:relative;padding-right:13px;}
#section2 .cate_wrap .cate1 > ul > li > a{display:block;border: 1px solid #ddd; position: relative;border-radius: 10px;overflow: hidden; transition: all .3s}
#section2 .cate_wrap .cate1 > ul > li > a:hover{border-color:#000}
#section2 .cate_wrap .cate1 > ul > li > a > span{display:block;height: 150px; text-align: center}
#section2 .cate_wrap .cate1 > ul > li > a > span > img{height:100%;max-width:100%;}
#section2 .cate_wrap .cate1 > ul > li > a > span.txt{margin-top:1rem;font-size:.9rem;color:#000000;letter-spacing: -0.5px;font-weight:500;position:absolute;top:3.5rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;text-align:center; height: auto}
#section2 .cate_wrap .cate1 li.newdeal .txt{color:#3e3f5a;}
#section2 .cate_wrap .cate2{margin-top:.8rem;padding: .4rem;border-radius: 10px;overflow:hidden;background: #f7f7f7;position:relative;float: left;width: calc(50% - 6px);}
#section2 .cate_wrap .cate2:before{background:url(../../images/korean/main/keit_bg.png) no-repeat;width:92px;height:46px;position:absolute;left:1rem;top: 3.25rem;}
#section2 .cate_wrap .cate2 > strong{font-size: .9rem;letter-spacing: -0.5px;font-weight:500;margin: -0.4rem;margin-bottom: .4rem;display: block;vertical-align: top;line-height:1;text-align: center;background: #3552a7;padding: .6rem;border-radius: 4px 4px 0 0;color: #fff;}
#section2 .cate_wrap .cate_lst{overflow: hidden;}
#section2 .cate_wrap .cate2 ul{display: inline-block;vertical-align: middle;padding-left: .4rem;margin-bottom: .2rem;}
#section2 .cate_wrap .cate2 ul:nth-child(1){}
#section2 .cate_wrap .cate2 ul:nth-child(2){}
#section2 .cate_wrap .cate2 ul li{color:#555;line-height: 1.1;}
#section2 .cate_wrap .cate2 ul li a{display:inline-block;}
#section2 .cate_wrap .cate2 ul li + li{margin-top:8px;}
#section2 .cate_wrap .cate2 ul li em.point{width:15px;height:15px;border-radius: 50%;color:#fff;text-align: center;font-size:.6rem;display:inline-block;margin-right: 0px;vertical-align: middle;line-height:15px;}
#section2 .cate_wrap .cate2 ul li em.point i{color: #373737}
#section2 .cate_wrap .cate2 ul li span{display:inline-block;position:relative;vertical-align: middle;letter-spacing: -1px;font-size: .75rem;}
#section2 .cate_wrap .cate2 ul li span:before{position:absolute;width:0;-webkit-transition:all .3s;transition:all .3s;bottom:-2px;left:0;height:2px;background:#555;content:'';opacity:0;visibility: hidden;}
#section2 .cate_wrap .cate2 ul li a:hover span,
#section2 .cate_wrap .cate2 ul li a:focus span{font-weight:500;}
#section2 .cate_wrap .cate2 ul li a:hover span:before,
#section2 .cate_wrap .cate2 ul li a:focus span:before{opacity: 1;visibility: visible;width:100%;}
#section2 .cate_wrap .cate2:nth-child(3){margin-left: .6rem; }
#section2 .cate_wrap .cate2:nth-child(3) > strong{background:#0077c5}

 /*2022-01-10 esg 경영박스 추가*/
#section2 .cate_wrap .cate3{border:1px solid #bad1cc;border-radius: 5px;background:#edf6f4;padding:.5rem;text-align: center;margin-top: .8rem; width:216px; height:150px;}
#section2 .cate_wrap .cate3 > strong{font-size: 1rem;color:#000;display:inline-block;vertical-align: middle;position:relative;padding-left:3rem;letter-spacing: -.5px;}
#section2 .cate_wrap .cate3 > strong:before{content:'';background:url(../../images/korean/main/esg.png) no-repeat;width:2.1rem;height:1.8rem;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;}
 
.photo_wrap .box3 .tab-list > li > a{display:inline-block;}
.box3 .photo-list{position: relative}
.box3 .photo-list .thumbnail{overflow:hidden;padding-top:.2rem;display:block;}
.box3 .tab-list > li{float:none;padding-right:0;}
.box3 .photo-list .thumbnail:hover strong,
.box3 .photo-list .thumbnail:focus strong{text-decoration: underline;}
.box3 .photo-list .thumbnail .img{width:160px;height:106px;border-radius: 5px;}
.box3 .photo-list .thumbnail .img > img{width:100%;height:100%;max-width:100%;border-radius: 10px;}
.box3 .photo-list .thumbnail > *{display:inline-block;vertical-align: middle;}
.box3 .photo-list .thumbnail > .txt{width:calc(100% - 170px);padding-left:.8rem;}
.box3 .photo-list .thumbnail > .txt > strong{font-size:.9rem;font-weight:500;line-height:1.2;height:2.2rem;word-break: keep-all;}
.box3 .photo-list .thumbnail > .txt .view{padding-top:.5rem;}
.box3 .photo-list .thumbnail > .txt .view span + span{padding-left:.75rem;}
.box3 .photo-list .thumbnail > .txt .view span{color:#767676;font-family: 'Play', sans-serif;font-weight:bold;}
.box3 .photo-list .thumbnail > .txt .view span > *{display:inline-block;vertical-align: middle;}
.box3 .photo-list .thumbnail > .txt .view span > i{font-size:.8rem;margin-right:5px;margin-top:2px;}
.box3 .photo-list .thumbnail > .txt .view span > em{font-size:.75rem;}
.box3 .photo-list .event_wrap{border:1px solid #cbcbcb;border-radius: 5px;margin-top:1rem;position: relative;padding-top:1px;}
.box3 .photo-list .event_wrap li{vertical-align: middle;}
.box3 .photo-list .event_arrow  > a{position:absolute;top:11px;right:.5rem;color:#777;font-size:1rem;display:inline-block;}
.box3 .photo-list .event_arrow  > a.prev{right:1.5rem;}

.box3 .photo-list .event_wrap .tit{font-size:.9rem;font-weight:500;padding:.65rem 1rem;border-bottom:1px solid #cecece;background:#f6f7f9;display:block;position:relative;}
.box3 .photo-list .event_wrap .more{position:absolute;top:14px;right:1rem;font-size:.8rem;color:#272727;}

.box3 .photo-list .event_wrap .tit > em{height:28px;width:28px;border-radius: 50%;background:#536771;color:#fff;font-size:1rem;display:inline-block;text-align: center;line-height:28px;margin-right:5px;}
.box3 .photo-list .event_wrap .txt{padding:.4rem 1rem;color:#555;font-weight:300;}

/*section3*/

#section3 .list_style1{margin-bottom: 1.5rem;}
#section3 .list_style1 .flo-left{margin: 0 -1rem}
#section3 .list_style1 .flo-left:after{content: ""; display: block; clear: both}
#section3 a.more{color:#333333;font-size:.75rem;position:absolute;top:.3rem;right:1rem;line-height: 1;padding: .34rem;border: 1px solid #d3d3d3;border-radius: 10px;}
#section3 a.more>span{position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0, 0, 0, 0);}
#section3 a.more,
#section3 a.more i {-webkit-transition:all .3s;transition:all .3s;}
#section3 a.more:hover{border-color:#000}
#section3 a.more:hover i,
#section3 a.more:focus i{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
#section3 .box > .tit > a.sns{font-family:'Play',sans-serif;font-size:1rem;letter-spacing: -0.5px;font-weight: 800;color:#d2272c;display:inline-block;}
#section3 .box > .tit > a.sns > *{display:inline-block;vertical-align: middle;line-height:1.5;}
#section3 .box > .tit > a.sns > span{padding-left:8px;}
#section3 .box > .tit > a.sns > i{width:30px;height:30px;border-radius:10px;background: #d2272c;color: #fff;text-align:center;}
#section3 .list_box li{width:50%;float:left;padding-right:.75rem;}
#section3 .facebook_wrap .tit > a.sns{color:#455e99;}
#section3 .facebook_wrap .tit > a.sns>i{background: #455e99;}
#section3 .box > .tit{margin-bottom:.5rem;}
#section3 .list_box{overflow:hidden;width:calc(100% + .75rem);}
#section3 .list_box li a{display:block;}
#section3 .list_box li a:hover span,
#section3 .list_box li a:focus span{text-decoration: underline;}

#section3 .list_box li .img{width:100%;height:6.1rem;display: block;}
#section3 .list_box li .img > img{width:100%;height:100%;max-width: 100%;border-radius: 10px;}
#section3 .list_box li a .txt{line-height:1.3;color:#333;letter-spacing: -0.5px;font-weight:300;margin:10px 0;height:2rem;}
#section3 .list_style2{border-radius: 20px;background:#f3f3f3; padding: 8px}
#section3 .list_style2>ul:after{content: ""; display: block; clear: both}
#section3 .list_style2 li{float:left;width:20%;text-align: center;color:#333;letter-spacing: -0.3px;position:relative}
#section3 .list_style2 li a{display:block; padding: .8rem 0; background: #fff; border: 1px solid #dfdfdf; border-radius: 20px; margin: 8px;font-weight: 600;font-size: .76rem; transition: all .3s}

#section3 .list_style2 li a:hover,
#section3 .list_style2 li a:focus{-webkit-box-shadow:3px 2px 1px 1px rgba(0, 0, 0, 0.1);box-shadow:3px 2px 1px 1px rgba(0, 0, 0, 0.1);border-color: #a1a1a1;}
#section3 .list_style2 li a span{position:relative;}
#section3 .list_style2 li a span:before{content:'';height:37px;background-size: contain !important; display:block; margin: 0 auto 5px;background-position: top center !important;}
#section3 .list_style2 li:nth-child(1) a span:before{background:url(../../images/korean/main/list01.png) no-repeat;width:40px;}
#section3 .list_style2 li:nth-child(2) a span:before{background:url(../../images/korean/main/list02.png) no-repeat;width:40px;}
#section3 .list_style2 li:nth-child(3) a span:before{background:url(../../images/korean/main/list03.png) no-repeat;width:40px;}
#section3 .list_style2 li:nth-child(4) a span:before{background:url(../../images/korean/main/list04.png) no-repeat;width:40px;}
#section3 .list_style2 li:nth-child(5) a span:before{background:url(../../images/korean/main/list05.png) no-repeat;width:40px;}
#section3 .banner{position:relative;}
#section3 .banner .arrow button{color:#777;display:inline-block;}
#section3 .banner .arrow{position: absolute;top:5px;right:0;}
#section3 .onslide .slick-counter{position:absolute;top:-44px;right:3.15rem;color:#818181;font-weight:bold;}
#section3 .banner .arrow button.start{display:none;}



#section3 .onslide .slick-counter .current{color:#0f0f0f;}
#section3 .tit{font-size:.96rem;font-weight:600;letter-spacing: -0.3px;color: #3F51B5}
#section3 .ban_wrap{margin-bottom: .6rem;padding-top: 3px;}
#section3 .onslide li{height:116px;border-radius: 5px;}
#section3 .onslide li > a{display:block;height:100%;}
#section3 .onslide li > a:focus{border:1px dotted #000;}
#section3 .onslide li img{border-radius: 10px;width:100%;height:100%;max-width: 100%;}
#section3 .right_cont > div + div{margin-top:2.6rem;}


/*section4*/
.section4{padding:1.25rem 0;}
.section4:before{content: ""; left: 0; right: 0; position: absolute; height: 1px; background: #dddddd;margin-top: -1.25rem;}
.section4 .container{position: relative;}
.section4 li{display:inline-block;vertical-align: bottom;padding-right:3rem;}
.section4 li a{display:block;}
.section4 li a img{vertical-align: middle;}
.section4 ul{padding-left:3.5rem;position: relative;margin-left:3rem;}
.section4 .arrow{width:3.5rem;text-align: center;position: absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:1rem;}
.section4 .arrow button{padding:0;color:#000;display:inline-block;font-size:.9rem;}
.section4 .arrow .start{display:none;}

/*메인 오른쪽 탭목록*/
#tabRight .box2 .tab-list > li.on .notice-list{position:relative; top:auto; height:auto}
#tabRight .box2 .more{top:-43px}
#tabRight .box3 .tab-list > li:nth-child(2){position:relative;padding-top: 1.4rem;}
#tabRight .box2 .thumb_lst{padding-top: 0;}
#tabRight .box2 .posi:nth-child(2){margin-top: 1.2rem;}


@media screen and (max-width:1400px){
    #section1 .quick_wrap ul{height: auto}
    .section .right_cont{padding-left:0;width:30%;}
    .box{padding:0 .6rem;}
    .flo-left{}
    .section .left_cont{width:70%;}
    .notice_wrap .box2 .more span{display:none;}
	#section2 .flo-left{margin: 0 -.6rem}
    #section2 .cate_wrap .cate2 > strong{display:block;text-align: center;}
    #section2 .cate_wrap .cate_lst{float:none;/* text-align: center; */}
    #section2 .cate_wrap .cate2 ul{}
    #section2 .cate_wrap .cate2:before{opacity: .5;left:auto;right:.5rem;top:.5rem;}
	
	#section3 .list_style1 .flo-left{margin: 0 -.6rem}

}
@media screen and (max-width:1300px){
    .box2 .tab-list > li + li{padding-left:0;}
    .box3 .photo-list .thumbnail > .txt .view span{display:block;line-height:1.5;}
    .box3 .photo-list .thumbnail > .txt .view span + span{padding-left:0;}


}
@media screen and (max-width:1200px){
    #section1 .right_cont,
    #section1 .left_cont{float:none;display:block;width:100%;padding-left:0;padding-right:0;margin-bottom:1rem;}
	#section1 .quick_wrap li a{padding: .5rem;}
	#section1 .quick_wrap li .img{height: auto;padding-top:0}
    #section2 .box{}
	#section2 .left_cont{float:none;display:block;width:100%;padding-left:0;padding-right:0;margin-bottom:1rem;}
	#section2 .right_cont{float:none;display:block;width:100%;padding-left:0;padding-right:0;margin-bottom:1rem;}
	
	#section2 .right_cont .posi{width: 50%; float: left; padding: 0 .6rem;}
	#section2 .right_cont .box2:after{content: ""; display:block; clear: both}
	#tabRight .box2 .posi:nth-child(2){margin-top: 0}

    #section2 .box3 .photo-list .thumbnail .img{}
    #section2 .cate_wrap .cate1 > ul > li{}
    #section2 .cate_wrap .cate1 > ul > li > a > span.txt{}
    #section2 .cate_wrap .cate1{}
    #section2 .cate_wrap .cate2{}
	#section2 .cate_wrap .cate2:nth-child(3){}
/*     #section2 .cate_wrap .cate3{width:calc(100% - 224px);margin-top:0;float: left;} */
    .box3 .photo-list .thumbnail > .txt .view span{display:block;}
    .box3 .photo-list .thumbnail > .txt{}
    #section2 .cate_wrap .cate1 > ul{}
    #section2 .cate_wrap .cate1 > ul > li + li{}
    #section2 .cate_wrap .box{padding-top:.6rem;}
    .box2 .more{}
    #section3 a.more{right:.6rem;}
    .posi{}
}

@media screen and (max-width:1024px){
    #section3 .box{}
    #section3 .list_box{width:100%;}
    #section3 .left_cont,
    #section3 .right_cont{width:100%;float:none;display:block;padding-right:0;}
    #section3 .right_cont{margin: 0 -.6rem;margin-top: 1rem;width: auto;}
	#section3 .right_cont:after{content: ''; display: block; clear: both}
	#section3 .right_cont .banner{float: left; width: 50%;padding: 0 .6rem;}
	#section3 .right_cont > div + div{margin-top: 0}
    #section3 .list_box li .img{}
    #section3 .onslide li{}
    #section3 .facebook_wrap{}
    .flo-left{}
    #section3 .list_box{width:calc(100% + 1.5rem);}
    #section3 .list_box li{padding-right:1.5rem;}
    #section3 .onslide .slick-counter{top:-39px;}
    #section2 .cate_wrap .cate2 ul li em.point{margin-right:0;}
    .section .left_cont{padding-right:.6rem;}
    .bul01 li:before{top:9px;}
    #section2 .box3 .photo-list .thumbnail .img{}
    #section2 .cate_wrap .cate2 > strong{margin-bottom:.5rem;}
    #section2 .cate_wrap .cate2{max-height: 310px;}
    #section2 .cate_wrap .cate2 > ul > li{width:100%;float:none;padding-right:0;}
	
}
@media screen and (max-width:930px){
    #main{padding-top:3.4rem;}
    
}

@media screen and (max-width:855px){
    #section2 .box3 .photo-list .thumbnail .img{}
    .box3 .photo-list .thumbnail > .txt{}
    .section .left_cont,
    .section .right_cont{width:100%;float:none;overflow:hidden;padding-right:0;}
    .section .right_cont{margin-top:1rem;}
    .box3 > .posi{height:auto !important;}
    #section1 .arrow{font-weight: bold;}
    #section1 .slick-counter{background:none;width:auto;right:5rem;font-weight: bold;z-index: 1;}
    #section1 .visual_wrap:before{position: absolute;bottom:0;right:0;background: rgba(0,0,0,0.7);width: 7.5rem;height: 2.5rem;content:'';z-index: 1;}
    .layerpopup .open{width:95% !important;}
    .layerpopup .open img{max-width: 100%;width:100%;}
	 #section2 .cate_wrap .cate2{max-height: 310px;}
	
	#section2 .box,
	#section2 .right_cont .posi,
	#section3 .right_cont .banner{width: 100%; float: none}
	
	#tabRight .box2 .posi:nth-child(2){margin-top: 1rem}

}

@media screen and (max-width:768px){
	/* mainPop */
    .mainLayer{max-width:90%}
    .mainLayer img{width:100%}
    .mainLayer .closeLayer2{right:30px;top:7.5%;width:24px;height:24px;background-size:24px auto}
}

@media screen and (max-width:700px){
    #section3 .list_box li .img{height:10rem;}
    #section3 .onslide li{height:9rem;}
    #section2 .cate_wrap .cate1 > ul{width:calc(100% + 11px);}
    #section2 .cate_wrap .cate1 > ul > li{}
    #section2 .cate_wrap .cate1 > ul > li + li{margin-top:0;}
    #section2 .cate_wrap .cate2{}
    #section2 .cate_wrap .cate1{}
    .notice_wrap .box2 .tab-list-wrapper .more,
    .notice_wrap .box2 .tab-list-wrapper .more span{display:block;}
    .box{}
    #section3 .list_style2{}
    #section3 .list_style2 li{width:50%;}
    #section3 .list_style2 li a{margin-bottom:8px;}
    #section3 .list_style2{}
    #section3 .list_style2 li + li:before{display:none;}
   /*  #section2 .cate_wrap .cate3{width: 100%;margin:.5rem 0;} */
    #section2 .cate_wrap .cate_lst,
    #section2 .cate_wrap .cate2 > strong{}
    #section2 .cate_wrap .cate1 > ul > li:nth-child(1){margin-top:0px;} 
	
	#section3 .box{width: 100%; float: none}

}

@media screen and (max-width:530px){
    #section1 .visual li,
    #section1 .visual{}
    #section1 .arrow,
    #section1 .slick-counter{height:28px;line-height:28px;font-weight:300;font-size:.7rem;right:4rem;}
    #section2 .box3 .photo-list .thumbnail .img{height:106px;width:160px;}
    .box3 .photo-list .thumbnail > .txt{}
    #section3 .list_box li .img{height:7rem;}
    #section3 .list_box{width:calc(100% + 11px);}
    #section3 .list_box li{padding-right:11px;}
    #section3 .onslide li{height:5rem;}
    #section1 .visual_wrap:before{height:1.6rem;width:6.5rem;}
    #section2 .cate_wrap .cate2{}
	
	.box2 .tab-list > li > a{font-size: .8rem}

}

@media screen and (max-width:375px){
    #section3 .list_box li .img{height:5rem;}
    #section1 .quick_wrap ul{padding:1rem 0;}
    #section2 .cate_wrap .cate2 {max-height:400px;}

}

@media screen and (max-width:360px){
    .box2 .tab-list > li{padding-right:0;}
}
.hide{display:none}

/*팝업창*/
.layerpopup{position:fixed;left:0;top:0;z-index: 9999;height:100%;background-color:rgba(0,0,0,0.5);width:100%;display:none;}
.layerpopup.active{display:block;}
.layerpopup .close_btn{position:absolute;right:1rem;top:1rem;font-size:1rem;}
.layerpopup .open{width:30rem;margin:auto;position:relative;top:24%;}

/* mainPop */
.mainPop{display:block;z-index:999;position:fixed;left:0;top:0;right:0;bottom:0;text-align:center;background:rgba(0,0,0,0.5)}
.mainLayer div img{max-height: 630px;}
.mainPop:after{content:"";display:inline-block;height:100%;vertical-align:middle}
.mainLayer{z-index:22;display:inline-block;position:relative;text-align:left;vertical-align:middle}
.mainLayer .closeLayer{position:absolute;right:7px;width:50px;height:31px;}
.mainLayer .closeLayer2{position:absolute;right:7px;bottom:7px;width:31px;height:31px;}
.closeBox{padding:10px;background:#000}
.closeBox label{font-size:1em;/*14px*/color:#fff}