@charset "utf-8";

/* main_layer_popup */
.main_layer_popup{display:none; z-index:110; position:absolute; left:20%; top:200px; background-color:#fff;}
.main_layer_popup .popup_cont{overflow:hidden; width:500px; background-color:#ccc;}
.main_layer_popup .popup_cont a{display:block;}
.main_layer_popup .popup_cont a:focus-visible{outline: 3px solid #000; outline-offset: -3px;}
.main_layer_popup .popup_cont img{width:100%;}
.main_layer_popup .popup_cont .pop_tit{height: 82px; margin:-1px -1px 0; background: url(/resources/images/kr/main/bg_popup_custom.jpg) 50% 50% no-repeat; background-size: 100% auto; font-size: 32px; color: #fff; text-align: center; line-height: 82px;}
.main_layer_popup .popup_cont .cont_custom{padding: 30px 29px; background: #fff; border-bottom: 1px solid #ccc;} 
.main_layer_popup .popup_cont .cont_custom .desc{margin-bottom: 20px; background: #f3f3f3;}
.main_layer_popup .popup_cont .cont_custom .desc ul{} 
.main_layer_popup .popup_cont .cont_custom .desc li{padding-left: 45px; font-size: 18px; line-height: 1.556em; color: #043280; text-indent: -45px;}
.main_layer_popup .popup_cont .cont_custom .item {margin-bottom: 22px; padding-bottom: 30px; border-bottom: 1px solid #ccc;}
.main_layer_popup .popup_cont .cont_custom .item:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: 0;}
.main_layer_popup .popup_cont .cont_custom .item em{font-size: 18px; font-weight: bold;}
.main_layer_popup .popup_cont .cont_custom .item em:before{display: inline-block; vertical-align: middle; width: 4px; height: 4px; margin-right: 6px; background: #333; content: '';}
.main_layer_popup .popup_cont .cont_custom .item p{font-size: 18px;}
.main_layer_popup .popup_cont .cont_custom .item p span{display: inline-block; padding-left: 32px;} 
.main_layer_popup .popup_cont .cont_custom .item .btn{width: 215px; margin-top: 16px;}
.main_layer_popup .popup_btm{overflow:hidden; padding:20px 10px; height:60px; font-size:14px; color:#333; box-sizing:border-box;}
.main_layer_popup .popup_btm .chk_today{float:left; height:22px; line-height:22px; vertical-align:middle;}
.main_layer_popup .popup_btm .chk_today input[type="checkbox"]{width:14px; height:14px; line-height:14px; vertical-align:middle;}
.main_layer_popup .popup_btm .chk_today label{margin-left:10px;}
.main_layer_popup .popup_btm .popup_close{float:right;}
.custom_layer_popup {border: 1px solid #ccc;}
.custom_layer_popup .popup_cont{overflow: inherit;}

/* 2023 메인 리뉴얼 */

/* header */
.header{position:absolute; left:0; top:0; width:100%;}

/* common */
.main .inner{width:100%; max-width:1140px; margin:0 auto; position:relative;}
.main #content{padding:0;}

/* new_main_visual */
.new_main_visual{position:relative; width:100%; min-height:768px; height:100vh; overflow:hidden;}
.new_main_visual .dim{content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:10; background-color:#000;}
.new_main_visual .visual_slider{width:100%; height:100%;}
.new_main_visual .visual_slider .swiper-slide .bg{background-size:cover; background-position:center; background-repeat:no-repeat; position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1;}
.new_main_visual .visual_slider .swiper-slide.slide_1 .bg{background-image:url("/resources/images/kr/main/new_main_visual_bg01.jpg?ver=240319_01")}
.new_main_visual .visual_slider .swiper-slide.slide_2 .bg{background-image:url("/resources/images/kr/main/new_main_visual_bg02.jpg?ver=240130")}
.new_main_visual .visual_slider .swiper-slide.slide_3 .bg{background-image:url("/resources/images/kr/main/new_main_visual_bg03.jpg?ver=240319_01")}
.new_main_visual .visual_slider .swiper-slide.slide_4 .bg{background-image:url("/resources/images/kr/main/new_main_visual_bg04.jpg?ver=240319_01")}
.new_main_visual .visual_slider .swiper-slide .video{position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1; background:#000;}
.new_main_visual .visual_slider .swiper-slide .video video{width:100%; height:100%; object-fit:cover;}
.new_main_visual .visual_slider .swiper-slide .inner{max-width:1520px; height:100%; display:flex; align-items:center; padding:0 50px; box-sizing:border-box;}
.new_main_visual .visual_slider .swiper-slide .inner .txt_box strong{transform:translateY(50%); opacity:0; transition:0.8s; display:block; font-size:50px; color:#fff; letter-spacing:-0.05em; font-weight:600; line-height:1.45;}
.new_main_visual .visual_slider .swiper-slide .inner .txt_box p{transform:translateY(50%); opacity:0; transition:0.8s 0.1s; font-size:20px; color:#fff; letter-spacing:-0.03em; font-weight:300; margin-top:30px; line-height:1.45;}
.new_main_visual .visual_slider .swiper-slide .inner .txt_box a{transform:translateY(100%); opacity:0; transition:0.8s 0.2s; display:inline-block; vertical-align:top; margin-top:30px; min-width:160px; padding:10px 31px; font-size:20px; color:#000; letter-spacing:0em; font-weight:600; background-color:#fff; border-radius:99px; box-sizing:border-box; text-align:center;}
.new_main_visual .visual_slider .swiper-slide.active .inner .txt_box strong{transform:translateY(0); opacity:1;}
.new_main_visual .visual_slider .swiper-slide.active .inner .txt_box p{transform:translateY(0); opacity:1;}
.new_main_visual .visual_slider .swiper-slide.active .inner .txt_box a{transform:translateY(0); opacity:1;}
.new_main_visual .bot_wrap{position:absolute; left:0; bottom:60px; width:100%; z-index:1;}
.new_main_visual .bot_wrap .inner{max-width:1200px; text-align:center;}
.new_main_visual .bot_wrap .controller{max-width:100%; display:inline-block; vertical-align:top; position:relative; padding-right:30px; box-sizing:border-box;}
.new_main_visual .bot_wrap .controller .pagination{width:100%; display:flex; align-items:start;}
.new_main_visual .bot_wrap .controller .pagination .swiper-pagination-bullet{width:218px; height:auto; margin-right:20px; background:transparent; border-radius:0; opacity:1;}
.new_main_visual .bot_wrap .controller .pagination .swiper-pagination-bullet:last-child{margin-right:0;}
.new_main_visual .bot_wrap .controller .pagination .swiper-pagination-bullet .rail{width:100%; height:3px; background:rgba(255,255,255,0.3); position:relative;}
.new_main_visual .bot_wrap .controller .pagination .swiper-pagination-bullet .rail .fill{width:0; height:100%; background:#fff;}
.new_main_visual .bot_wrap .controller .pagination .swiper-pagination-bullet .txt{padding:20px 0; text-align:left; opacity:0.5;}
.new_main_visual .bot_wrap .controller .pagination .swiper-pagination-bullet .txt p{font-size:15px; color:#fff; letter-spacing:-0.05em; font-weight:600;}
.new_main_visual .bot_wrap .controller .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .txt{opacity:1;}
.new_main_visual .bot_wrap .controller .move_btn{width:40px; height:22px; position:absolute; right:-14px; top:-4px;}
.new_main_visual .bot_wrap .controller .move_btn a{width:100%; height:100%; display:block; position:relative;}
.new_main_visual .bot_wrap .controller .move_btn a:before{content:""; width:12px; height:18px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
.new_main_visual .bot_wrap .controller .move_btn a.pause:before{background:url("/resources/images/kr/main/new_main_visual_stop_icon.svg")no-repeat center / cover;}
.new_main_visual .bot_wrap .controller .move_btn a.play:before{background:url("/resources/images/kr/main/new_main_visual_play_icon.svg")no-repeat center / cover;}
.new_main_visual .prev_btn{cursor:pointer; width:40px; height:50px; border:1px solid #fff; box-sizing:border-box; border-radius:8px; position:absolute; left:30px; top:50%; transform:translateY(-50%); z-index:2;}
.new_main_visual .prev_btn:before{content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:10px; height:20px; background:url("/resources/images/kr/main/new_main_visual_prev_icon.svg")no-repeat center / 100% 100%; transition:0.2s;}
.new_main_visual .prev_btn:hover:before{left:43%;}
.new_main_visual .next_btn{cursor:pointer; width:40px; height:50px; border:1px solid #fff; box-sizing:border-box; border-radius:8px; position:absolute; right:30px; top:50%; transform:translateY(-50%); z-index:2;}
.new_main_visual .next_btn:before{content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:10px; height:20px; background:url("/resources/images/kr/main/new_main_visual_next_icon.svg")no-repeat center / 100% 100%; transition:0.2s;}
.new_main_visual .next_btn:hover:before{left:57%;}

/* new_contents_sec */
.new_contents_sec{background-color:#fff; margin:100px 0 140px;}
.new_contents_sec .top{display:flex;}
.new_contents_sec .top .txt_area{width:calc(100% - 745px); padding-right:45px; box-sizing:border-box;}
.new_contents_sec .top .txt_area h2{font-size:50px; color:#000; letter-spacing:-0.03em; font-weight:600;}
.new_contents_sec .top .txt_area p{font-size:26px; color:#888; letter-spacing:-0.03em; font-weight:300; margin-top:32px; line-height:1.4;}
.new_contents_sec .top .txt_area p b{font-weight:600; color:#333;}
.new_contents_sec .top .txt_area ul{padding-top:30px;}
.new_contents_sec .top .txt_area ul li + li{margin-top:12px;}
.new_contents_sec .top .txt_area ul li a{display:inline-block; vertical-align:top; padding:10px 16px 10px 32px; border:1px solid #ccc; font-size:22px; color:#000; letter-spacing:-0.03em; font-weight:bold; position:relative; border-radius:90px; transition:0.6s;}
.new_contents_sec .top .txt_area ul li a:before{content:"#"; position:absolute; left:16px; top:10px;}
.new_contents_sec .top .txt_area ul li a:hover{border-color:#2C7CD8; color:#2C7CD8;}
.new_contents_sec .top .img_area{width:745px; height:420px;}
.new_contents_sec .top .img_area a{display:block; width:100%; height:100%; position:relative; border-radius:20px; overflow:hidden; z-index:1; box-shadow:30px 30px 30px rgba(0,0,0,0.16);}
.new_contents_sec .top .img_area a img{width:100%; height:auto; position:absolute; left:50%; top:0; transform:translateX(-50%); z-index:-1; transition:0.4s;}
.new_contents_sec .top .img_area a div{position:absolute; left:0; bottom:0; z-index:-1; width:100%; height:110px; padding:10px 20px; box-sizing:border-box; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.new_contents_sec .top .img_area a div p{width:100%; font-size:24px; color:#fff; letter-spacing:-0.03em; font-weight:600; text-align:center;}
.new_contents_sec .top .img_area a:focus-visible{outline:2px solid #000; outline-offset:-3px;}
.new_contents_sec .top .img_area a:hover img,
.new_contents_sec .top .img_area a:focus-visible img{transform:translateX(-50%) scale(1.05);}
.new_contents_sec .list{margin-top:45px;}
.new_contents_sec .list ul{display:flex;}
.new_contents_sec .list ul li{width:calc(33.333333% - 30px); height:420px; margin-right:45px;}
.new_contents_sec .list ul li:last-child{margin-right:0;}
.new_contents_sec .list ul li a{display:block; width:100%; height:100%; position:relative; border-radius:20px; overflow:hidden; z-index:1; box-shadow:30px 30px 30px rgba(0,0,0,0.16);}
.new_contents_sec .list ul li a img{width:100%; height:auto; position:absolute; left:50%; top:0; transform:translateX(-50%); z-index:-1; transition:0.4s;}
.new_contents_sec .list ul li a div{position:absolute; left:0; bottom:0; z-index:-1; width:100%; height:110px; padding:10px 20px; box-sizing:border-box; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.new_contents_sec .list ul li a div p{word-break:break-all; width:100%; font-size:18px; color:#fff; letter-spacing:-0.03em; font-weight:600; text-align:center; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height:26px; max-height:52px;}
.new_contents_sec .list ul li a:focus-visible{outline:2px solid #000; outline-offset:-3px;}
.new_contents_sec .list ul li a:hover img,
.new_contents_sec .list ul li a:focus-visible img{transform:translateX(-50%) scale(1.05);}
.new_contents_sec div.bg01{background-color:rgba(118,122,195,0.9); backdrop-filter: blur(5px);}
.new_contents_sec div.bg02{background-color:rgba(49,24,123,0.7); backdrop-filter: blur(5px);}
.new_contents_sec div.bg03{background-color:rgba(148,137,110,0.7); backdrop-filter: blur(5px);}
.new_contents_sec div.bg04{background-color:rgba(243,170,24,0.7); backdrop-filter: blur(5px);}
.new_contents_sec .top[data-motion] .txt_area{transform:translateY(20%); opacity:0; transition:0.8s;}
.new_contents_sec .top[data-motion] .img_area{transform:translateY(20%); opacity:0; transition:0.8s 0.1s;}
.new_contents_sec .top[data-motion].active .txt_area{transform:translateY(0); opacity:1;}
.new_contents_sec .top[data-motion].active .img_area{transform:translateY(0); opacity:1;}
.new_contents_sec .list[data-motion] li a{transform:translateY(20%); opacity:0; transition:0.8s;}
.new_contents_sec .list[data-motion] li:nth-of-type(2) a{transition-delay:0.1s;}
.new_contents_sec .list[data-motion] li:nth-of-type(3) a{transition-delay:0.2s;}
.new_contents_sec .list[data-motion].active li a{transform:translateY(0); opacity:1;}

/* new_product_sec */
.new_product_sec{background-color:#ECEFF5; padding:100px 0 140px;}
.new_product_sec h2{font-size:50px; margin:0 0 40px; letter-spacing:-0.03em; font-weight:600; text-align:center; color:#000;}
.new_product_sec .search_area{background-color:#fff; position:relative; width:100%; height:74px; margin:0 auto; border-radius:70px;}
.new_product_sec .search_area .search_txt{border-radius:70px; padding:0 100px 0 32px; box-sizing:border-box; width:100%; height:100%; border:none; background-color:#fff; font-size:22px; font-weight:600;}
.new_product_sec .search_area .search_txt::placeholder{font-size:22px; font-weight:600; color:#222;}
.new_product_sec .search_area .btn_search{text-indent:-9999px; font-size:0; position:absolute; top:0; right:0; padding-right:15px; width:100px; height:74px; border-radius:0 70px 70px 0; background:url("/resources/images/kr/main/new_product_sec_search_ico.svg") no-repeat center;}
.new_product_sec .product_list{padding-top:46px;}
.new_product_sec .product_list .list_area{font-size:0;}
.new_product_sec .product_list .list_area li{width:calc(33.333333% - 30px); height:350px; display:inline-block; vertical-align:top; margin-right:45px;}
.new_product_sec .product_list .list_area li:nth-of-type(3){margin-right:0;}
.new_product_sec .product_list .list_area li a{display:block; height:100%; border-radius:10px; overflow:hidden; position:relative; background-size:cover; background-repeat:no-repeat; background-position:center;}
.new_product_sec .product_list .list_area li a:focus-visible{outline:2px solid #222;}
.new_product_sec .product_list .list_area li:nth-of-type(1) a{background-image:url("/resources/images/kr/main/new_product_sec_list_area_bg01.jpg")}
.new_product_sec .product_list .list_area li:nth-of-type(2) a{background-image:url("/resources/images/kr/main/new_product_sec_list_area_bg02.jpg")}
.new_product_sec .product_list .list_area li:nth-of-type(3) a{background-image:url("/resources/images/kr/main/new_product_sec_list_area_bg03.jpg")}
.new_product_sec .product_list .list_area li:nth-of-type(1) a .txt_area:before{background: linear-gradient(180deg, rgba(0, 89, 250, 0) 0%, #043285 100%);}
.new_product_sec .product_list .list_area li:nth-of-type(2) a .txt_area:before{background: linear-gradient(180deg, rgba(61, 26, 96, 0) 0%, #25008D 100%);}
.new_product_sec .product_list .list_area li:nth-of-type(3) a .txt_area{bottom:-84px;}
.new_product_sec .product_list .list_area li:nth-of-type(3) a .txt_area:before{background: linear-gradient(180deg, rgba(26, 96, 83, 0) 0%, #176565 100%);}
.new_product_sec .product_list .list_area li a .txt_area{position:absolute; z-index:1; left:0; bottom:-60px; width:100%; padding:32px 30px 30px; box-sizing:border-box; transition:bottom 0.4s;}
.new_product_sec .product_list .list_area li a .txt_area:before{z-index:-1; content:""; width:100%; height:100%; position:absolute; left:0; bottom:0; opacity:0; transition:0.5s;}
.new_product_sec .product_list .list_area li a .txt_area dl{position:relative; z-index:1;}
.new_product_sec .product_list .list_area li a .txt_area dl dt{font-size:30px; color:#fff; letter-spacing:0em; font-weight:600; padding-bottom:10px;}
.new_product_sec .product_list .list_area li a .txt_area dl dd{opacity:0; font-size:16px; color:#fff; letter-spacing:0em; font-weight:400; word-break:keep-all;}
.new_product_sec .product_list .list_area li a:hover .txt_area,
.new_product_sec .product_list .list_area li a:focus-visible .txt_area{bottom:0;}
.new_product_sec .product_list .list_area li a:hover .txt_area:before,
.new_product_sec .product_list .list_area li a:focus-visible .txt_area:before{opacity:1;}
.new_product_sec .product_list .list_area li a:hover .txt_area dl dd,
.new_product_sec .product_list .list_area li a:focus-visible .txt_area dl dd{opacity:1; transition:opacity 0.3s 0.3s;}
.new_product_sec .product_list .shortcut_wrap{margin-top:50px;}
.new_product_sec .product_list .shortcut_wrap:after{clear:both; content:""; display:block; height:0; visibility:hidden;}
.new_product_sec .product_list .shortcut_wrap .shortcut{display:block; float:left; position:relative; width:calc(50% - 10px); height:100px; border-radius:10px; overflow:hidden; padding:20px 30px; box-sizing:border-box; background-color:#fff; transition:0.3s;}
.new_product_sec .product_list .shortcut_wrap .shortcut + .shortcut{margin-left:20px;}
.new_product_sec .product_list .shortcut_wrap .shortcut:after{content:''; display:block; width:24px; height:24px; background:url("/resources/images/kr/main/new_product_sec_shortcut_icon_off.png") no-repeat 0 0; position:absolute; right:30px; top:38px;}
.new_product_sec .product_list .shortcut_wrap .shortcut dt{font-size:24px; color:#000; font-weight:600;}
.new_product_sec .product_list .shortcut_wrap .shortcut dd{font-size:16px; color:#666;}
.new_product_sec .product_list .shortcut_wrap .shortcut:hover{background-color:#2C7CD8;}
.new_product_sec .product_list .shortcut_wrap .shortcut:hover:after{background:url("/resources/images/kr/main/new_product_sec_shortcut_icon_on.png") no-repeat 0 0;}
.new_product_sec .product_list .shortcut_wrap .shortcut:hover dt{color:#fff;}
.new_product_sec .product_list .shortcut_wrap .shortcut:hover dd{color:#fff;}
.new_product_sec[data-motion] h2{transform:translateY(80%); opacity:0; transition:0.8s;}
.new_product_sec[data-motion] .search_area{transform:translateY(80%); opacity:0; transition:0.8s 0.1s;}
.new_product_sec[data-motion].active h2{transform:translateY(0); opacity:1;}
.new_product_sec[data-motion].active .search_area{transform:translateY(0); opacity:1;}
.new_product_sec .product_list ul[data-motion] li{transform:translateY(30%); opacity:0; transition:0.8s;}
.new_product_sec .product_list ul[data-motion] li:nth-of-type(2){transition-delay:0.1s;}
.new_product_sec .product_list ul[data-motion] li:nth-of-type(3){transition-delay:0.2s;}
.new_product_sec .product_list ul[data-motion].active li{transform:translateY(0); opacity:1;}
.new_product_sec .product_list .shortcut_wrap[data-motion] .shortcut{transform:translateY(60%); opacity:0; transition:transform 0.8s, background 0.3s;}
.new_product_sec .product_list .shortcut_wrap[data-motion] .shortcut:nth-of-type(2){transition:transform 0.8s 0.1s, background 0.3s;}
.new_product_sec .product_list .shortcut_wrap[data-motion].active .shortcut{transform:translateY(0); opacity:1;}

/* new_esg_sec */
.new_esg_sec{background-color:#fff; margin:100px 0 160px;}
.new_esg_sec h2{font-size:50px; margin:0 0 40px; letter-spacing:-0.03em; font-weight:600; text-align:center; color:#000;}
.new_esg_sec ul{display:flex; flex-wrap:wrap;}
.new_esg_sec ul li{border-radius:20px;}
.new_esg_sec ul li a:before{content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; transition:0.4s;}
.new_esg_sec ul li:nth-of-type(1){width:100%; height:320px; margin-bottom:24px;}
.new_esg_sec ul li:nth-of-type(1) a{padding:95px 50px;}
.new_esg_sec ul li:nth-of-type(1) a:before{background:url("/resources/images/kr/main/new_esg_sec_bg01.jpg")no-repeat center / cover;}
.new_esg_sec ul li:nth-of-type(1) a i{background:url("/resources/images/kr/main/new_esg_sec_icon01.svg")no-repeat center / cover;}
.new_esg_sec ul li:nth-of-type(2){width:calc(50% - 12px); height:280px;}
.new_esg_sec ul li:nth-of-type(2) a{padding:70px 50px;}
.new_esg_sec ul li:nth-of-type(2) a:before{background:url("/resources/images/kr/main/new_esg_sec_bg02.jpg")no-repeat center / cover;}
.new_esg_sec ul li:nth-of-type(2) a i{background:url("/resources/images/kr/main/new_esg_sec_icon02.svg")no-repeat center / cover;}
.new_esg_sec ul li:nth-of-type(3){width:calc(50% - 12px); height:280px; margin-left:24px;}
.new_esg_sec ul li:nth-of-type(3) a{padding:70px 50px;}
.new_esg_sec ul li:nth-of-type(3) a:before{background:url("/resources/images/kr/main/new_esg_sec_bg03.jpg")no-repeat center / cover;}
.new_esg_sec ul li:nth-of-type(3) a i{background:url("/resources/images/kr/main/new_esg_sec_icon03.svg")no-repeat center / cover;}
.new_esg_sec ul li a{display:block; font-size:0; width:100%; height:100%; position:relative; box-sizing:border-box; border-radius:20px; overflow:hidden; z-index:1;}
.new_esg_sec ul li a i{display:inline-block; vertical-align:top; width:72px; height:72px;}
.new_esg_sec ul li a dl{display:inline-block; vertical-align:top; width:calc(100% - 72px); padding-left:30px; box-sizing:border-box;}
.new_esg_sec ul li a dl dt{font-size:34px; color:#fff; letter-spacing:0em; font-weight:600;}
.new_esg_sec ul li a dl dd{font-size:18px; color:#fff; letter-spacing:0em; font-weight:300; margin-top:10px;}
.new_esg_sec ul li a:focus-visible{outline:2px solid #222; outline-offset:-3px;}
.new_esg_sec ul li a:hover:before,
.new_esg_sec ul li a:focus-visible:before{transform:scale(1.05);}
.new_esg_sec[data-motion] h2{transform:translateY(80%); opacity:0; transition:0.8s;}
.new_esg_sec[data-motion].active h2{transform:translateY(0); opacity:1;}
.new_esg_sec ul li[data-motion] a{transform:translateY(40%); opacity:0; transition:0.8s;}
.new_esg_sec ul li[data-motion]:nth-of-type(3) a{transition-delay:0.1s;}
.new_esg_sec ul li[data-motion].active a{transform:translateY(0); opacity:1;}

/* new_search_sec */
.new_search_sec{margin:160px auto;}
.new_search_sec h3{font-size:34px; margin:0 0 30px; letter-spacing:-0.03em; font-weight:600; text-align:center; color:#000;}
.new_search_sec .search_area{background-color:#f3f3f3; position:relative; width:100%; max-width:600px; height:52px; margin:0 auto; border-radius:70px;}
.new_search_sec .search_area .search_txt{border-radius:70px; padding:0 100px 0 32px; box-sizing:border-box; width:100%; height:100%; border:none; background-color:#f3f3f3; font-size:18px; font-weight:600;}
.new_search_sec .search_area .search_txt::placeholder{font-size:18px; font-weight:600; color:#222;}
.new_search_sec .search_area .btn_search{text-indent:-9999px; font-size:0; position:absolute; top:0; right:0; padding-right:25px; width:75px; height:52px; border-radius:0 70px 70px 0; background:url("/resources/images/kr/main/new_search_sec_search_ico.svg") no-repeat center;}
.new_search_sec .tag_area{width:600px; margin:26px auto 0; padding:0 10px; box-sizing:border-box;}
.new_search_sec .tag_area ul{font-size:0; text-align:center;}
.new_search_sec .tag_area ul li{display:inline-block; vertical-align:top; margin:4px;}
.new_search_sec .tag_area ul li a{border:1px solid #ccc; border-radius:99px; overflow:hidden; display:block; font-size:14px; color:#666; letter-spacing:0em; font-weight:300; padding:7px 20px; box-sizing:border-box; white-space:nowrap; transition:0.3s;}
.new_search_sec .tag_area ul li a:before{content:"#"; display:inline-block; vertical-align:middle; margin:-4px 5px 0 0;}
.new_search_sec .tag_area ul li a:hover{background-color:#f3f3f3;}
.new_search_sec[data-motion] h3{transform:translateY(80%); opacity:0; transition:0.8s;}
.new_search_sec[data-motion] .search_area{transform:translateY(80%); opacity:0; transition:0.8s 0.1s;}
.new_search_sec[data-motion] .tag_area{transform:translateY(80%); opacity:0; transition:0.8s 0.2s;}
.new_search_sec[data-motion].active h3{transform:translateY(0); opacity:1;}
.new_search_sec[data-motion].active .search_area{transform:translateY(0); opacity:1;}
.new_search_sec[data-motion].active .tag_area{transform:translateY(0); opacity:1;}

/* sitemap_wrap */
.new_sitemap_wrap{padding:50px 0 80px; background:#f3f3f3;}
.new_sitemap_wrap .sitemap_list{overflow:hidden; display:flex; justify-content:space-between;}
.new_sitemap_wrap .sitemap_list > li{display:inline-block; vertical-align:top;}
.new_sitemap_wrap .sitemap_list > li:first-child{margin-left:0;}
.new_sitemap_wrap .sitemap_list > li a{display:block; font-size:18px; line-height:1; color:#444; padding:10px 0; letter-spacing:-0.04em;}
.new_sitemap_wrap .sitemap_list > li a:focus-visible{outline:1px solid #000; outline-offset:-1px;}
.new_sitemap_wrap .sitemap_list > li strong{display:block; margin-bottom:10px;}
.new_sitemap_wrap .sitemap_list > li strong a{font-size:20px; color:#222; letter-spacing:-0.05em;}
.new_sitemap_wrap .sitemap_list .depth2 li{margin-bottom:5px;}