@charset "UTF-8";

/*팝업 스크롤 막기*/
html.fixed{overflow: hidden;}

/*Skip To Content*/
#skipNav {position: absolute; top: 0;left: 0;width: 100%; text-align: center; z-index: 999999;}
#skipNav a {display: block; width: 100%; height: 0; overflow: hidden; white-space: nowrap;}
#skipNav a:focus, #skipNav a:hover, #skipNav a:active {display: block; width: 100%; height: 40px; background: #000; color: #fff; line-height: 40px; text-decoration: underline; font-size: 14px;}

/* common */
.wrapper{overflow:hidden;position:relative;width:100%;z-index: 9999;}
.wrapper.dimmed{position: relative;}
.wrapper.dimmed:before{content:"";position:absolute;display:block;position:fixed;top: 0;left:0;z-index: 9999;width: 98%;height:100%;background-color: rgba(0, 0, 0, 0.3);transition-property:visibility, opacity;transition-duration:0.25s;transition-timing-function:linear;}
.wrap{position:relative;width:100%;max-width:1400px;margin:0 auto;/* height:100%; */}
.container{position: relative;width: 100%;}
:root{
    --primary:#0C7C80;
    --secondary:#003574;
}

/* header */
.header{position: fixed; top:0; left:0; right:0; width: 100%; z-index: 9999; letter-spacing: -0.05em; background-color: transparent; transition: background-color 0.3s ease;}
.header .header_menu{position: relative; height: 100%; width: 100%; z-index: 99;}
.header .header_menu .top_util{height:40px; text-align:left; border-bottom: 1px solid rgba(255,255,255,.35);}
.header .header_menu .top_util .wrap{display: flex; justify-content: flex-end; align-items: center; height: 100%;}
.header .header_menu .top_util .wrap ul{display: flex; align-items: center; height: 100%;}
.header .header_menu .top_util .wrap ul li{position: relative; display: flex; align-items: center; height: 100%; padding:0 20px;}
.header .header_menu .top_util .wrap ul li:last-child::before{content: ""; display: inline-block; position: absolute; left:0; top:50%; width: 3px; height: 3px; border-radius: 50%; background:rgba(255,255,255,.5); }
.header .header_menu .top_util .wrap ul li:first-child::before{display: none !important;}
/*.header .header_menu .top_util .wrap ul li:last-of-type{border-right: 1px solid rgba(255,255,255,.35);}*/
.header .header_menu .top_util .wrap ul li a{display: flex; align-items: center; position: relative; font-size: .9rem; font-weight: 400; color: #fff;}
.header .header_menu .top_util .wrap ul li a.go_main::before{display: block; content: url(/resources/images/layout/common/icon_home_w.svg); margin-right:4px; width: 13px; height: 13px;}
.header .header_menu .wrap{max-width: 1700px; position: initial; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; height: 100%;}
.header .header_menu .logo{width: 11rem; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; flex-shrink: 0; }
.header .header_menu .logo a{display: block; width: 100%;}
.header .header_menu .logo a img{display: block; width: 100%; /*transition: .25s;*/}
.header .header_menu .wrap .gnb{width: calc(100% - 50%);}
.header .header_menu .wrap .gnb .depth01{display: flex; align-items: center; justify-content: space-between;}
.header .header_menu .wrap .gnb .depth01 > li{min-width: 150px; text-align: left;}
.header .header_menu .wrap .gnb .depth01 > li:hover > a > span{color: var(--secondary); transition: all .3s ease;}
.header .header_menu .wrap .gnb .depth01 > li > a{color: #fff; font-weight: 600; font-size: 1.25rem; line-height: 90px; box-sizing: border-box;}
.header .header_menu .wrap .gnb .depth01 > li > a > span{position: relative; display: block; width: 100%; height: 100%;}
.header .header_menu .wrap .gnb .depth01 > li > a > span::before{content: ""; display: block; position: absolute; bottom: 36px; right: 70px; width: 6px; height: 6px; background-color: var(--secondary); border-radius: 50%; overflow: hidden; transform: scaleY(0); transition: transform 250ms ease-in-out;}
.header .header_menu .wrap .gnb .depth01 > li:nth-child(6) > a > span::before{right: 52px;}
.header .header_menu .wrap .gnb .depth01 > li:hover > a > span::before{transform: scaleY(1);}
.header .header_menu .wrap .gnb .depth02{display: none; position: absolute;left:0;top:130px;width: 100%;height: auto;overflow: hidden;padding:50px 0;background: #fff;border-top: 1px solid #dadada;border-bottom-right-radius: 9rem;}
.header .header_menu .wrap .gnb .depth02 .wrap{align-items: flex-start; flex-wrap: nowrap; height: 100%; max-width: 1200px;}
.header .header_menu .wrap .gnb .depth02 .m_tit{position: relative; width: 20%; text-align: left; }
.header .header_menu .wrap .gnb .depth02 .m_tit::before{display: block; content: ""; width: 100vw; height: 100vw; right:0; top:-50px; z-index: 0; position: absolute; background: var(--primary);}
.header .header_menu .wrap .gnb .depth02 .m_tit strong{display: block; position: relative; font-size: 2.4rem; color: #fff; width: 100%; z-index: 1;}
.header .header_menu .wrap .gnb .depth02 .depth_list{position: relative; width: 100%; display: flex; flex-wrap: wrap; z-index: 2;}
.header .header_menu .wrap .gnb .depth02 .depth_list > li{position: relative;width: calc(100% / 4 - 25px);height: 100%;margin-left: 25px;}
.header .header_menu .wrap .gnb .depth02 .depth_list > li:nth-child(n+5){margin-top:30px;}
.header .header_menu .wrap .gnb .depth02 .depth_list > li > a{display: block;line-height: initial;padding: 15px 20px;border-radius: 5px;border: 1px solid #d8d8d8;font-size: 1.1rem;font-weight: 600;color: #444;white-space: nowrap; position: relative; transition: all .3s ease;}
.header .header_menu .wrap .gnb .depth02 .depth_list > li > a::after{display: block; content: ""; width: 5px; height: 5px; border: 2px solid transparent; border-top: 2px solid #c4c4c4; border-left: 2px solid #C4C4C4; position: absolute; top: 21px; right:21px; border-radius: 2px; transform: rotate(135deg);}
.header .header_menu .wrap .gnb .depth02 .depth_list > li:hover > a{background: rgb(0, 53, 116, 0.06); color: var(--secondary); transition: all .3s ease; border: 1px solid var(--secondary);}
.header .header_menu .wrap .gnb .depth02 .depth_list > li:hover > a::after{border-top: 2px solid var(--secondary); border-left: 2px solid var(--secondary); transition: all .3s ease;}
.header .header_menu .depth03{padding:0;width: 100%;display: block;padding-top:5px;}
.header .header_menu .depth03 li{width: 100%;margin: 15px 0;}
.header .header_menu .depth03 li a{color: #575757;font-size: 1rem;line-height: 1.1;position: relative;display: block;width: 100%;padding-left: 15px;}
.header .header_menu .depth03 li a::before{content: ""; position: absolute; display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: #575757; top: 5px; left: 5px;}
.header .header_menu .depth03 li a:hover{color: #000; text-decoration: underline;}
.header .gnb_util{position: relative;right: 0;top: 0;width: 90px;height: 90px;}
.header .gnb_util .btn_ham {position: relative; display: block;width: 100%;height: 100%; transition: all .3s;-webkit-transition: .3s;}
.header .gnb_util .btn_ham span {display: inline-block;position: absolute;right: 30px;top: 35px;transform: translateY(-50%);width: 30px;height: 2px;background: #fff; transition: all .3s;-webkit-transition: .3s;}
.header .gnb_util .btn_ham span:nth-child(2){top: 45px;}
.header .gnb_util .btn_ham span:nth-child(3){top: 55px;}
.header .gnb_util .btn_ham:hover span:nth-child(2){width: 15px;}

/* gnb active(=fixed) & on(=mouseover) */
.header.active .header_menu, .header.on .header_menu{background: #fff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);}
.header.active .header_menu::before, .header.on .header_menu::before{background: rgba(0,0,0,.1);}
/*.header.active .header_menu .logo a img, .header.on .header_menu .logo a img {transform: translateY(-50%);}*/
.header.active .header_menu .wrap .gnb .depth01 > li > a, .header.on .header_menu .wrap .gnb .depth01 > li > a {color: #222; font-weight: 700;}
.header.active .header_menu .top_util, .header.on .header_menu .top_util{background: #fff; border-bottom: 1px solid #dadada;}
.header.active .header_menu .top_util .wrap ul li a, .header.on .header_menu .top_util .wrap ul li a{color: #444;}
.header.active .header_menu .top_util .wrap ul li a.go_main::before, .header.on .header_menu .top_util .wrap ul li a.go_main::before{content: url(/resources/images/layout/common/icon_home_b.svg);}
.header.active .header_menu .top_util .wrap ul li:last-child::before, .header.on .header_menu .top_util .wrap li:last-child::before{background: #444;}
.header.active .gnb_util .btn_ham span, .header.on .gnb_util .btn_ham span{background: #000;}

/* gnb mouseover */
.header.on::after{content: ""; position: fixed; left:0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: -1;}

/* 팝업레이어*/
.popupLayer{position: fixed; background: rgba(0,0,0,.5); overflow: hidden; left:0; top:0; z-index: 99999; width: 100%; height: 100%; transition: opacity .3s ease; display: none;}
.popupLayer.show{height: 100%; opacity: 1; display: flex; align-items: center; justify-content: center;}
.popupLayer .popup_wrap{width: 100%;}
.popupLayer .popup_inner{width: 60%; margin:0 auto; position: relative;}
.popupLayer .popup_inner .popUps{width: 100%; overflow: hidden; padding:2.2rem 0;}
/*.popupLayer .popup_inner .popUps ul.swiper-wrapper{justify-content: center;}*/
.popupLayer .popup_inner .popup_list.swiper-slide{width: auto; height:auto !important;}
.popupLayer .popup_inner .popup_list.swiper-slide *{display: block; width: 100%; /*max-width: 320px;*/ /*height: 100%;*/ margin:0 auto;}
.popupLayer .popup_inner .popup_list .item a{display: block;}
.popupLayer .popup_inner .popup_list .item a img{vertical-align: top; width: 100%; max-width: 100%; image-rendering: -webkit-optimize-contrast; transform: translateZ(0); backface-visibility: hidden;}
.popupLayer .popup_inner h2{font-size: 2.5rem; font-weight: 600; color: #fff; text-align: center; text-transform: uppercase;}
.popupLayer .popup_inner .btn_wrapper{display: flex; justify-content: center; align-items: center; margin:3rem 0 0 0;}
.popupLayer .popup_inner .btn_wrapper button,
.popupLayer .popup_inner .btn_wrapper .pop_total{display: inline-flex; padding:12px 30px; align-items: center; justify-content: center; text-align: center; font-size: 1.0625rem; border-radius: 0.5rem; white-space: nowrap; background: #262a37; color: #fff; margin-right:12px;}
.popupLayer .popup_inner .btn_wrapper button:last-child{margin-right:0;}
.popupLayer .popup_inner .btn_wrapper span{display: inline-block; position: relative;}
.popupLayer .popup_inner .btn_wrapper .pop_total em{color: #ff0000; font-weight: 600;}
.popupLayer .popup_inner .btn_wrapper .xcon{background: url(/resources/images/layout/common/popup_close.svg) no-repeat center; width: 14px; height: 14px; display: inline-block; margin-left:7px;}
.popupLayer .popup_inner .popup_btn{position: absolute; top:45%; width: 100%;}
.popupLayer .popup_inner .popup_btn button{position: absolute; width: 65px; height: 65px; border-radius: 50%; border: 1px solid #fff; z-index: 10;}
.popupLayer .popup_inner .popup_btn button::before{display: block; content: ''; width: 12px; height: 12px; border: 2px solid transparent; border-top: 2px solid #fff; border-left: 2px solid #fff; border-radius: 3px; position: absolute; top: 22px; left: 50%; border-radius: 2px; margin-left: -4px;}
.popupLayer .popup_inner .popup_btn button.popup_prev{left:-10%;}
.popupLayer .popup_inner .popup_btn button.popup_next{right:-10%;}
.popupLayer .popup_inner .popup_btn button.popup_prev::before{transform: rotate(-45deg);}
.popupLayer .popup_inner .popup_btn button.popup_next::before{transform: rotate(135deg); left:40%;}
.popupLayer .popup_inner .popup_btn button.popup_prev.swiper-button-disabled,
.popupLayer .popup_inner .popup_btn button.popup_next.swiper-button-disabled{opacity: 0.35; pointer-events: none;}
.popupLayer .popup_inner .popup_dots{position: absolute; display: block; width: 100%; padding:0; /*margin:1.5rem auto;*/ text-align: center; bottom:11%;}
.popupLayer .popup_inner .popup_dots .swiper-pagination-bullet{background: #fff;}
.empty_popup{display: flex; align-items: center; justify-content: center; width: 100%; min-height: 340px;}
.empty_popup p{color: #fff; font-weight: 200; font-size: 1.2rem;}

.full_menu{position: fixed; top:0; left:0; width: 100vw; height: 100vh; overflow-y: scroll; background: #fff; z-index: 9999; box-sizing: border-box; display: none;}
.full_menu .inner {height: 100%;}
.full_menu .top{width: 100%; height:90px; border-bottom: 1px solid #dadada;}
.full_menu .top .wrap{display: flex; height: 100%; align-items: center; justify-content: space-between; max-width:1700px;}
.full_menu .top .logo{width: 8rem; height: 3.5rem; display: flex; align-items: center;}
.full_menu .top .logo img{width: 100%;}
.full_menu .menu_close{width: 50px; height: 50px; background: #0C7C80 url(/resources/images/layout/common/menu_close.png) center no-repeat; border-radius: 50px; box-shadow: 0 4px 10px rgb(0 58 61 / 48%);}
.full_menu .bott{width: 100%;height: 100%;/* margin-top: 5rem; */}
.full_menu .bott .wrap{max-width: 1700px;}
.full_menu .depth1{display: flex;width: 100%;height: 100%;max-width: 1700px;margin: 0 auto;}
.full_menu .depth1 > li{width: 100%;position: relative;padding: 80px 30px 30px;}
.full_menu .depth1 > li:before {content: "";width: 1px;height: 100%;background: #d8d8d8;position: absolute;left: 30px;top: 0;}
.full_menu .depth1 > li > a{width: 100%;display: block;position: relative;font-size: 1.6rem;font-weight: 600;padding-left: 25px;margin-bottom: 25px;color: var(--secondary);}
.full_menu .depth1 > li > a::after{position: absolute;left:0;top: 2px;width: 4px;height: 25px;background: var(--secondary);content: "";}
.full_menu .depth1 > li > .depth2{width: 100%;/* display: flex; */flex-wrap: wrap;overflow: hidden;margin-left: 1.7rem;}
.full_menu .depth1 > li > .depth2 > li{width: 100%;vertical-align: top;height: auto; margin-bottom:20px;}
.full_menu .depth1 > li > .depth2 > li.mt20 {margin-top: 20px;}
.full_menu .depth1 > li > .depth2 > li:nth-child(n+6){margin-top:20px;}
.full_menu .depth1 > li > .depth2 > li:hover > a{color: var(--secondary); text-decoration: underline;}
.full_menu .depth1 > li > .depth2 > li > a{display: block; font-size: 1.125rem; font-weight: 500; color: #444;}
.full_menu .depth1 > li > .depth2 > li > .depth3 > li{padding-top:8px;}
.full_menu .depth1 > li > .depth2 > li > .depth3 > li > a{position: relative; display: block; font-weight: 300; padding-left:12px;}
.full_menu .depth1 > li > .depth2 > li > .depth3 > li > a::before{content: ""; position: absolute; width: 3px; height: 3px; border-radius: 50%; background: #333; top:9px; left:2px;}
.full_menu .depth1 > li > .depth2 > li > .depth3 > li > a:hover{color: var(--secondary); text-decoration: underline;}

.footer{border-top:1px solid #E6E7EA; background: #fff;}
.footer .ft_banner{border-bottom: 1px solid #E6E7EA;}
.footer .ft_banner .wrap{display: flex;justify-content: space-between;align-items: center;gap: 1.5rem;}
.footer .ban_tit{display: flex;justify-content: space-between;align-items: center; /*width: 13rem;*//* background: #fff; */}
.footer .ban_tit h3{font-size: 20px; color: #646464;}
.footer .ban_tit .control.footer{width: 100px;height: 35px;border-radius: 50px;border: 1px solid #D6D7DB;background: #fff;display: flex;justify-content: space-between;align-items: center;z-index: 10;}
.footer .ban_tit .control.footer button{position: relative; width: 30px; height: 100%; cursor: pointer;}
.footer .ban_tit .control.footer button::before{content: ''; position: absolute; width: 30px; height: 12px; transform: translate(-50%, 50%); top: 5px; left: 50%;}
.footer .ban_tit .control.footer .partner_prev{border-right: 1px solid #D3D4D9;}
.footer .ban_tit .control.footer .partner_next{border-left: 1px solid #D3D4D9;}
.footer .ban_tit .control.footer .partner_prev::before{background: url(/resources/images/layout/common/ban_prev.svg) no-repeat center;}
.footer .ban_tit .control.footer .partner_next::before{background: url(/resources/images/layout/common/ban_next.svg) no-repeat center;}
.footer .ban_tit .control.footer .partner_pause::before{background: url(/resources/images/layout/common/ban_pause.svg) no-repeat center;}
.footer .ban_tit .control.footer .partner_play::before{background: url(/resources/images/layout/common/ban_play.svg) no-repeat center;}
.footer .partner{width: calc(100% - 5rem);min-height: 50px;height:100%;overflow: hidden;}
.footer .partner ul{display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding:15px 25px;}
.footer .partner ul li{/* display: flex; *//* align-items: center; *//* justify-content: space-evenly; */overflow: hidden;}
.footer .partner ul li:first-child{margin-left:0;}
.footer .partner ul li a{display: flex;width: 195px;height: 70px;}
.footer .partner ul li a img{width: 100%; height: 100%;}
.footer .ft_top{padding:35px 0;}
.footer .ft_top .ft_info{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap:1rem;}
/*.footer .ft_bott .ft_logo{display: block;}*/
/*.footer .ft_bott .ft_logo img{width: 8rem; height: 3.5rem;}*/
.footer .ft_top .ft_logo{display: flex;align-items: center;width: 50%;}
.footer .ft_top .ft_logo li{flex: auto; height: auto;}
.footer .ft_top .ft_logo li img{display: block;max-width: 100%;transform: scale(0.8);}
.footer .addr{width:100%; display: flex; justify-content: flex-start; flex-wrap: wrap; flex-direction: column;}
.footer .addr address{color: #9D9D9D;}
.footer .addr address span{display: inline-block; position: relative;}
.footer .addr address span+span{padding-left:10px; margin-left:10px;}
.footer .addr address span+span::before{content: ''; position: absolute; top:4px; left:0; width: 1px; height:15px; background-color: #CACACA;}
.footer .addr address b{color: #747474; font-weight: 500;}
.footer .addr .copy{font-size: 14px; color: #C3C3C3; margin-top:10px;}
.footer .ft_bott{padding:22px 0;  border-top:1px solid #E6E7EA;}
.footer .ft_page{display: flex; align-items: center;}
.footer .ft_page li a{color: #ababab; font-size: 0.9375rem; transition: .3s;}
.footer .ft_page li:hover a{color: #555;}
.footer .ft_page li+li{margin-left:20px;}



/* 퀵메뉴 */
.btn_quick{position: fixed; display: inline-block; right:30px; bottom:6.5rem; width: 65px; z-index: 10;}
.btn_quick button{display:inline-block; position: relative; width:100%; height:65px; border-radius: 100%; background-color: #aaa;}
.btn_quick span{position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.btn_quick .icon_close{display: inline-block; width: 25px; height:25px; margin:0 auto; background-image: url(/resources/images/layout/common/icon_quick_close.svg);}
.btn_quick .quick_open, .btn_quick .quick_close{color: #fff; background-image: linear-gradient(-50deg, #79b1b1 0%, var(--primary) 40%, var(--secondary) 100%);}
.btn_quick .quick_open, .btn_quick .quick_close{position: absolute; top:0;}
.btn_quick .quick_open{z-index: 2;}
.btn_quick .quick_list{display: flex; align-items: flex-end; justify-content: center; flex-direction: column; gap:0.4rem; margin:5px 7px 5px 0px;}
.btn_quick .quick_list li a{display: flex; align-items: center; justify-content: center; overflow: hidden; width: 50px; height: 50px; white-space: nowrap; border-radius: 50px; border:1px solid var(--primary); background-color: #fafafa; transition: width .3s, border-color .3s, background-color .3s; cursor: pointer;}
.btn_quick .quick_list li a:hover{width:135px; padding:0 13px 0 15px; border-color:var(--secondary); background-color: var(--secondary); color: #fff;}
.btn_quick .quick_list li a strong{display: block; font-size: 1rem; font-weight: 500; width: 0; opacity: 0;}
.btn_quick .quick_list li a:hover strong{flex:1; width: inherit; opacity: 1;}
.btn_quick .quick_list li a .icon{display: block; width: 23px; height: 23px; transition: background .3s;}
.btn_quick .quick_list li a .icon01{background: url(/resources/images/layout/common/icon_qlink01.svg) no-repeat center/cover;}
.btn_quick .quick_list li a:hover .icon01{background: url(/resources/images/layout/common/icon_qlink01_w.svg) no-repeat center/cover;}
.btn_quick .quick_list li a .icon02{background: url(/resources/images/layout/common/icon_qlink02.svg) no-repeat center/cover;}
.btn_quick .quick_list li a:hover .icon02{background: url(/resources/images/layout/common/icon_qlink02_w.svg) no-repeat center/cover;}
.btn_quick .quick_list li a .icon03{background: url(/resources/images/layout/common/icon_qlink03.svg) no-repeat center/cover;}
.btn_quick .quick_list li a:hover .icon03{background: url(/resources/images/layout/common/icon_qlink03_w.svg) no-repeat center/cover;}
.btn_quick .quick_list li a .icon04{background: url(/resources/images/layout/common/icon_qlink04.svg) no-repeat center/cover;}
.btn_quick .quick_list li a:hover .icon04{background: url(/resources/images/layout/common/icon_qlink04_w.svg) no-repeat center/cover;}
.btn_quick .btn_wrapper{position: relative; overflow: hidden; width: 100%; height:65px;}


/* TOP버튼 */
.btn_top{position: fixed; display: inline-block; right:30px; bottom:30px; width: 65px; height: 65px; z-index: 10;}
.btn_top a{width: 100%; height: 100%; display: flex; background-color: #1A9B9F; border-radius: 50%; justify-content: center; align-items: center; flex-direction: column; position: relative;}
.btn_top a::before{content: ""; background-image: url(/resources/images/layout/common/icon_top_arr.svg); width: 16px; height: 17px; display: inline-block; background-repeat: no-repeat; background-position: 50%; position: relative; z-index: 2;}
.btn_top a::after{content: ""; display: block; opacity: .3; position: absolute; left:0; top:0; width: 100%; height: 100%; border-radius: 50%; background: #1A9B9F; transform: scale(1.45); animation: ping 1.3s; animation: ping 1.3s ease-in-out infinite both;}
.btn_top a span{display: block; color: #fff; z-index: 10;}
@-webkit-keyframes ping {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.6;
    }

    100% {
        -webkit-transform: scale(1.35);
        transform: scale(1.35);
        opacity: 0;
    }
}

@keyframes ping {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.6;
    }

    100% {
        -webkit-transform: scale(1.35);
        transform: scale(1.35);
        opacity: 0;
    }
}


/* sub */
.location{position:relative;width:100%;background: #f8f8f8;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
.location ol{}
.location ol li{}
.location ol{padding:12px 0;}
.location ol li{display:inline-block; position:relative; margin-right:10px; padding-right:16px; vertical-align:middle;}
.location ol li a{font-size: 0.7778rem;color: #7d7d7d;}
.location ol li:after{content:""; position:absolute; top:1px; bottom:0; right:0; width:4px; height:7px; margin-top:auto; margin-bottom:auto; background:url('/images/layout/location.png') no-repeat;}
.location ol li:last-child:after{content: none;}
.location ol li:last-child a{color: #111;}

.sub_top{padding: 15px 0; margin:50px 0 35px 0;}
.sub_top.flex{display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center;}
.sub_top h2{font-size: 2.25rem;color:#222;font-weight: 700;text-align: center;}
.content_area{width: 100%; position: relative; margin-bottom: 6rem;}

/* sub page & sub menu*/
.sub_visual{width: 100%; height: 500px; display: flex; align-items: center; align-content: center; justify-content: center; flex-wrap: wrap; position: relative; overflow: hidden;}
.sub_visual_bg{background: url(/resources/images/layout/common/sub_visual.jpg) center center no-repeat; position: absolute; left:0; top:0; width: 100%; height: 100%; background-size: cover;}
.sub_visual_tit{z-index: 10; text-align: center; padding-top:2rem; animation: cliptext 1s ease-in-out both; animation-delay: 0.3s;}
.sub_visual_tit h2{width: 100%; font-size: 3rem; color: #fff; letter-spacing: .1rem;}
.sub_visual_tit p{font-weight: 300; color: #fff; margin-top:18px; }
@keyframes cliptext {
    0% {
        clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
        transform: translateY(100%);
    }

    95% {
        transform: translateY(0%);
    }

    100% {
        clip-path: polygon(0% 00%, 100% 0%, 100% 100%, 0% 100%);
    }
}

.lnb_area{border-bottom: 1px solid #d7d7d7;}
.lnb{display: flex; /*display:none;*/ align-items: center;height: 70px;z-index: 1;position: relative;background: #fff;max-width: 1500px;margin: 0 auto;}
.lnb h3{ font-size: 1.825rem;font-weight: 800; text-align:center; padding: 30px 30px 50px;color: #fff;background: #0b4391; }
.lnb .lnb_depth01{margin: 0 auto;width: 100%; display: flex;align-items: center;}
.lnb .lnb_depth01 > li{position: relative;display: inline-block;height: 70px;border-right: 1px solid #e6e6e6;}
.lnb .lnb_depth01 > li.home{border-left: 1px solid #e6e6e6;}
.lnb .lnb_depth01 > li.home > a{position: relative;width: 70px;height: 100%;min-width: auto;display: block;}
.lnb .lnb_depth01 > li.home > a::before{content: ""; display: inline-block; position: absolute; width: 22px; height: 22px; top: 50%; left: 50%;  transform: translate(-50%, -50%); background: url(/resources/images/layout/common/lnb_sprite.svg) center center no-repeat;}
.lnb .lnb_depth01 > li > a {display: block; font-size: 1.125rem; min-width: 250px; display: flex; align-items: center; width: 100%; height: 100%; padding: 0 25px; position: relative;}
.lnb .lnb_depth01 > li > a > span {width: 100%;display: inline-block;position: relative;}
.lnb .lnb_depth01 > li > a > span::after { content: ''; position: absolute; top: 50%; right: 0; width: 6px; height: 6px; margin-top: -6px; background-color: transparent; border-top: 2px solid #8d8d8d; border-right: 2px solid #8d8d8d; transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); -webkit-transform: rotate(135deg); transition: all .3s;}
.lnb .lnb_depth01 > li > a.active > span::after {top:70%; transform: rotate(-45deg);border-color: #fff;}
.lnb .lnb_depth01 > li > ul {position: absolute;width: 100%;border: 1px solid #e6e6e6;z-index: 10;box-shadow: 9px 16px 40px 0 rgba(96, 96, 96, 0.2);}
.lnb .lnb_depth01 > li > ul > li > a {display: block;padding: 15px;background: #ffffff;border-bottom: 1px solid #e6e6e6;}
.lnb .lnb_depth01 > li > ul > li:last-child > a {border-bottom: 0;}
.lnb .lnb_depth01 > li > a.active {background: var(--secondary);color: #fff;}
.lnb .lnb_depth01 > li > ul > li > a:hover {text-decoration: underline;}


/*login*/
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset;}
.login h3{font-size: 2rem;padding-bottom: 10px;}
.login_list{display: flex; justify-content: center; margin:100px auto;}
.login_list .login{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; flex-direction: column; width: 50%; padding:80px 60px; background: #f5f5f5;}
.login_list .login:first-child{border-radius: 35px;}
.login_list .login:last-child{border-radius: 35px}
.login_list > div+div{border-left:1px solid #ddd;}
.login_list .login.sns{justify-content: flex-start;}
.login_list .login .sns_box{width: 100%;}
.login_list .login .sns_box ul li{width: 100%; height: 65px; border-radius: 50px; display: flex; align-items: center; justify-content: center; position: relative; transition: .3s;}
.login_list .login .sns_box ul li:hover{box-shadow: 0px 5px 12px rgba(0,0,0,0.12); transition: .3s;}
.login_list .login .sns_box ul li+li{margin-top:18px;}
.login_list .login .sns_box ul li.kakao{background: #fee500;}
.login_list .login .sns_box ul li.kakao a span::before{background: url(/resources/images/layout/common/sns_kakao.svg) center center no-repeat;}
.login_list .login .sns_box ul li.naver a span::before{background: url(/resources/images/layout/common/sns_naver.svg) center center no-repeat;}
.login_list .login .sns_box ul li.naver{background: #03c75a}
.login_list .login .sns_box ul li.naver a{color: #fff;}
.login_list .login .sns_box ul li a{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; cursor: pointer;}
.login_list .login .sns_box ul li a span{margin-left:22px; position: relative;}
.login_list .login .sns_box ul li a span::before{content: ""; width: 22px; height: 22px; position: absolute; left:-30px; top:-1px;}
.login_txt{text-align: center; margin-bottom: 40px;color: #000;}
.login_txt h2{font-size: 2rem;margin-bottom: 10px;font-weight: bold;}
.login_txt span{display:block;font-size: 1rem;font-weight: 300;}
.login_box{display: flex; flex-wrap: wrap; gap:1rem; width: 100%;}
.login_box div{width:100%;border: 1px solid #ddd;background: #fff; display: inline-block; position: relative; border-radius: 50px; overflow: hidden;}
.login_box div:nth-child(1):after{content:"";position: absolute;background: url('/images/common/input_ld.png') no-repeat 0 0;width: 30px;height: 20px;left: 23px;top: 25px;}
.login_box div:nth-child(2):after{content:"";position: absolute;background: url('/images/common/input_pw.png') no-repeat 0 0;width: 21px;height: 23px;left: 25px;top: 22px;}
.login_box div:before{content: "";position: absolute;width: 1px;height: 24px;background: #ddd;left: 10%;top: 20px;}
.login_box label{display: inline-block;width: 120px;font-size: 18px;color: #333;font-weight: 400;box-sizing: border-box;vertical-align: middle;}
.login_box input{background :#fff;width: 86%;padding: 15px;font-size: 1.063rem;border: 0;box-sizing: border-box;border: 0;line-height: 36px;float: right;}
.btn_area.login{margin:30px 0;}
.btn_area.login a{padding:20px 70px;}
.btn_login--disabled,
.btn_login--disabled:hover{background-color:#dedede;}
.btn_join{display: block;padding: 21px 0;background-color: #fff;border: 1px solid #888;text-align: center;color: #555;font-size: 1.125rem;}
.auth_box{width: 100%;}
.auth_box ul{display: flex;}
.auth_box ul li{flex:1; text-align: center;border-right: 1px solid #ddd;}
.auth_box ul li:last-child{border-right: none;}
.auth_box ul li a{display: block; color:#666;transition: all 0.3s ease;}
.auth_box ul li a:hover{text-decoration: underline;}

.checkbox .form-group{text-align: left !important;padding:5px 0;}

/*join_terms*/
.join_area{max-width: 800px; width: 100%; margin:5rem auto 5rem; padding:80px 60px; background: #f6f6f6; border-radius: 35px;}
.join{width: 100%;margin: 0 auto;}
.join h3{font-size: 2.4rem;padding-bottom: 10px;}
.join_terms{/* border-top:1px solid #111; */padding: 13px 0;}
.priv_box {margin: 50px 0 20px 0;border-bottom: 1px solid #ddd;padding-bottom: 13px;}
.priv_box h3 {font-size: 1.5rem;font-weight: 500;margin-bottom: 10px;color: #111;}
.priv_box textarea {width: 100%;background: #fff;border:1px solid #ddd; resize: none;font-size: 16px;text-align: left;padding: 15px 20px;box-sizing:border-box;/* overflow: auto; */height: 230px;/* outline: none; */color:#555;margin: 0 auto;/* margin-left: 2%; */}
.all_check{margin: 19px 0;text-align: right;}

.joinFormArea{padding-top: 4rem;}
.join_form{width:100%;border-top:2px solid #000;padding: 60px 0;margin-bottom: 40px;margin-top: 12px;}
.join_form_wrap{/* width:95%; */margin:0 auto;}
.join_form_wrap .row_form{border-bottom: 1px solid #ddd;}
.join_form_wrap .row_form dl dd{vertical-align: middle;}
.join_form_wrap .row_form dl dd a{display:inline-block;vertical-align:middle;margin-left:5px; border-radius: 50px; font-size: 0.9rem;background: #e8e8e8;height: 50px;padding: 0 20px;line-height: 50px;box-sizing: border-box;font-weight: 500;color: #555;min-width: 90px;text-align: center;}
.join_form_wrap .row_form dl dd p{font-size: 15px;color:#777;display: inline-block; margin-top:5px; padding-left:3px;}
.join_form_wrap .join_id{width:60% !important;}
.join_form_wrap .phone dl dd input{width:20%;margin:0 10px;}
.join_form_wrap .phone dl dd input:first-child{margin-left:0;}
.join_form_wrap .address dl dd input{width:100%;}
.txt_box.join{border:none; text-align: left; padding:0;}

span.must{color: #1f87f3;}
span.green{color: var(--primary); font-weight: 700; display: inline;}

.row_form{padding: 25px 2%;box-sizing: border-box;}
.row_form dl{display:table;width:100%;}
.row_form dl dt{display:table-cell;width: 20%;vertical-align:top;}
.row_form dl dt label{color:#1e1e1e;font-weight:500;font-size: 1rem;}
.row_form dl dd{display:table-cell;width:auto;vertical-align:top;}
.row_form dl dd input[type="text"]{width: 100%;}
.row_form dl dd .st{color:#222;border: 1px solid #ddd;height: 50px;padding: 5px 25px; border-radius: 50px; line-height: 48px;font-weight:300;box-sizing: border-box;font-size: 1rem;}
.row_form textarea{width:100%;min-height: 200px;border: 1px solid #ddd;}
.row_form label{display: inline-block;}

.certify{text-align: center;padding: 6rem 0 3rem;}
.certify_wrap{border: 1px solid #ddd; background: #fff; width: 100%; margin: 0 auto; padding: 6rem 2rem; border-radius: 15px; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; gap:0.8rem;}
.certify_wrap h3{color: #222;font-size: 1.4rem;font-weight: 600;}
.certify_wrap p{color: #777;}
.certify_wrap i{display: flex;width: 100px;height: 100px;justify-content: center;align-items: center;border-radius: 50%;border: 1px solid #f5f5f5;box-shadow: 0 3px 10px 0 rgba(82, 75, 104, 0.05);}
.certify_wrap i img{width: 60px; height: 60px;}

.deco_check {transition:all 0.25s;display:inline-block;position:relative;vertical-align:middle;height:auto;line-height: 24px;margin-left:10px;}
.deco_check input[type=checkbox] {opacity:0;width:24px;height:24px;padding:0;margin:0;position:absolute;left:0;top:0;z-index:1;vertical-align:middle;cursor:pointer;}
.deco_check input[type=checkbox] + label {padding-left: 30px;letter-spacing:-0.2px;font-size: 1.06rem;vertical-align:top;display:inline-block;background:url('/images/common/ckbox_off.png') no-repeat 0 0;cursor:pointer;font-weight: 400;/* color: #111; */}
.deco_check input[type=checkbox]:checked + label {background:url('/images/common/ckbox_on.png') no-repeat 0 0;}
.deco_check input[type=checkbox]:disabled + label {opacity:1;}

.cmmn_label{ font-size: 0.9375rem; margin-right: 10px; }
.cmmn_check{margin-right:5px;vertical-align: baseline;}

/*join_complete*/
.join_complete{width:100%;}
.join_complete .com_box{text-align: center;background: #fff;margin:0 auto;padding: 7rem 0;width: 60%;border: 1px solid #ddd;}
.join_complete .com_box .txt .p1{font-size:2.4rem;padding:30px 0 10px;}
.join_complete .com_box .txt .p1 span{font-weight:600;}


/*find*/
/*.find_area{padding: 7% 15%; }*/
.find_area .find_inform, .find_area .find_pwdForm{padding: 3rem 0; background: #f6f6f6; border-radius: 35px;}
.find_area .txt_box{border:none; text-align: center;}
.find_area .txt_box p{ font-size: 1.4rem; font-weight: 600; margin-bottom: 12px; }
.find_area .txt_box small{ font-size: 1rem; color: #777; }
.find_area .txt_info { font-size: 1rem; color: #777; display: inline-block; text-align: left; margin-top: 20px; padding: 1.5rem; }
.find_area input{background :#fff;width: 50%;padding: 15px;font-size: 1rem;border: 1px solid #ddd;box-sizing: border-box;line-height: 15px;display: block;margin: 0 auto 12px; border-radius: 50px;}
.find_area .field_box{text-align: center; margin: 0 auto;}
.find_area .field_box button{padding: 15px 15px; border-radius: 50px; font-size: 1rem;box-sizing: border-box;margin: 0 auto;width: 50%;background: #555;color: #fff;}

.search_id, .search_pwd{ width: 50%;margin:  0 auto;border-top: 1px dotted #bbb; margin-top: 3rem;padding-top: 3rem;  }
.search_id .alert_blue, .search_pwd .alert_blue{text-align: center; margin-bottom: 2rem; }
.search_id .field_box, .search_pwd .field_box{ width: 100%;  }
.search_id .field_box input, .search_pwd .field_box input{width: 100%; }
.search_id .field_box button, .search_pwd .field_box button{width: 100%;background: #09324e; }
.search_id p, .search_pwd p{ font-size: 0.9375rem; color: #777; text-align: right;padding-top: 6px;  }

.find_result{padding: 10% 0;}
.find_result .txt_box{}
.find_result .txt_box small{ display: block; color:#333; font-size:1.4rem;}
.find_result .txt_box small span{font-weight: 600;}
.find_result .txt_box em{display: block;margin-top: 5px;color: #777;}


/*list_default*/
.list_default{border-top:2px solid #000;margin-bottom:20px;}
.list_default .top, .list_default .cnt{display: table;width: 100%;padding:24px 0;border-bottom:1px solid #ddd;text-align: center;}
.list_default .top div, .list_default .cnt div{display: table-cell;width: 25%;}
.list_default .top{background:#fafafa;font-size: 17px;font-weight: 500;}

/*mypage*/
.mypage{width:100%; padding-top: 30px;}
.mypage .list_default .top div, .mypage .list_default .cnt div{width:20%;}
.mypage .list_default .top div, .mypage .list_default .cnt div{}
.mypage p{font-size:18px;margin-bottom:13px;text-align: right;}
.mypage p span{font-weight: 500;padding-right:10px;}

/*통합검색*/
.total_search{margin: 33px 0;min-height: 800px;}
.total_search span.blue{color:#2da3e8;}
.total_search h3{text-align: center;font-size: 1.5rem;font-weight: 500;background: #f8f8f8;padding: 2rem 0;color: #000;margin: 4rem 0;}
.total_search h3 + div{border-bottom: 1px solid #ccc;padding-bottom: 3rem; background: url('/images/common/search.png') no-repeat right bottom;}
.total_search h4{font-size: 1.563rem;margin: 4rem 0 0 0;font-weight: 600;padding: 4rem 0.5rem 2rem;border-top: 1px solid #ccc;box-sizing: border-box;}
.total_search h4:first-child{margin-top:0; padding-top:0;}
.total_search h4:first-child{border:0;}
.total_search p{position:relative;margin-bottom: 7px;padding: 0 0.5rem 0 1.2rem;color:#555;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 0.9375rem;}
.total_search p:before{content:"";position: absolute;width:4px;height:4px;background:#aaa;left: 0.5rem;top: 9px;border-radius: 26px;}
.total_search p a{display: block; color:#555;}
.total_search .more{ font-size: 0.9375rem;border:1px solid #ccc;width: 168px;text-align: center;transition: all 0.2s ease;box-sizing: border-box;height: 50px;display: block;margin: 4rem auto 2rem auto;line-height: 50px;padding: 0;box-sizing: border-box;}
.total_search .more:hover{background:#000;color:#fff; border:1px solid #000; transition: all .3s ease;}



@media (max-width:1700px) {
    .header .header_menu .wrap{padding:0 20px;}
    .full_menu .top .wrap{padding:0 20px;}
}

@media (max-width:1420px) {
    .wrap{padding:0 20px;}
    .header .header_menu .wrap .gnb{width: auto;}
    .header .header_menu .wrap .gnb .depth01 > li{min-width: 120px;}
    .header .header_menu .wrap .gnb .depth01 > li > a > span::before{right:38px;}
    .header .header_menu .wrap .gnb .depth01 > li:nth-child(6) > a > span::before{right:21px;}

    .lnb .lnb_depth01{max-width: 100%;}
}

@media (max-width:1200px) {
    .popupLayer .popup_inner .popUps{padding:1rem 0;}
    .popupLayer .popup_inner h2{font-size: 2rem; font-weight: 700; padding-bottom: 0.5rem;}
}

@media (max-width:1024px) {
    .gnb{display: none;}

    .full_menu{height: auto;min-height: 100vh;width: 100vw;}
    .full_menu .wrap{padding:0; height: 100%;}
    .full_menu .top{height: 70px;}
    .full_menu .top .wrap{padding:0 20px;}
    .full_menu .bott{padding:0;}
    .full_menu .depth1{display: inline-block;height: calc(100vh - 75px);position: relative;/* border-top: 1px solid; */}
    .full_menu .depth1::before{position: absolute;content: "";width: 8rem;height: calc(100vh - 15px);background: var(--secondary);left:0;top:0;}
    .full_menu .depth1 > li{position: initial; padding: 0; margin: 0; border-bottom: 0; align-items: center;}
    .full_menu .depth1 > li:before {display:none;}
    .full_menu .depth1 > li > a::after{display: none;}
    .full_menu .depth1 > li.active > .depth2{display: block; margin:0;}
    .full_menu .depth1 > li.parent_li.active > a{background: #fff;color: #000;border-right: 1px solid var(--secondary);}
    .full_menu .depth1 > li > a{display: inline-block;position: relative;width: 8rem;margin-bottom: 0;font-size: 1.0625rem;text-align: center;padding:20px 0;border-bottom: 1px solid rgba(255,255,255,0.15);font-weight: 500;z-index: 99;color: #fff;/* height: 4rem; */}
    .full_menu .depth1 > li > .depth2{display: none;width: calc(100% - 8rem);position: absolute;left:8rem;margin-top:0;top: 0;box-sizing: border-box;z-index: 99;overflow-y: scroll;height: calc(100vh - 15px);padding: 0 10px 50px 10px;}
    .full_menu .depth1 > li > .depth2 > li{display: block; width: 100%; margin-bottom:10px;}
    .full_menu .depth1 > li > .depth2 > li.mt15{margin-top:15px;}
    .full_menu .depth1 > li > .depth2 > li > a{font-size: 1.065rem; border-bottom: 1px solid #dadada; display: block; padding: 20px 0 20px 10px; margin-bottom: 0;}
    .full_menu .depth1 > li > .depth2 > li.has > a{position: relative;}
    .full_menu .depth1 > li > .depth2 > li.has > a::after{content: ""; background: url(/resources/images/layout/common/btn_more_b.svg) center center no-repeat; position: absolute; right:10px; top:24px; width: 11px; height: 11px; background-size: cover;}
    .full_menu .depth1 > li > .depth2 > li > .depth3{margin:15px 0 0 10px;}
    .full_menu .menu_close{transform: scale(0.75);}

    .sub_visual{height: 350px;}

    .lnb_area .wrap{padding:0;}
    .lnb{height: 55px;}
    .lnb .lnb_depth01 > li {height:55px;}
    .lnb .lnb_depth01 > li.home > a{padding: 0;width: 60px;}
    .lnb .lnb_depth01 > li.home > a::before{left: 30px;}
    .lnb .lnb_depth01 > li > a{font-size:1rem;}
    .lnb .lnb_depth01 > li > ul > li > a{padding:12px;}
}

@media (max-width: 992px) {
    /*login*/
    .login_list .login{padding:80px 40px;}

    /*footer*/
    .footer .ft_top .ft_logo{width: 100%;}
    .footer .ft_top .ft_info{flex-wrap: wrap; justify-content: center;text-align: center;}
    .footer .ft_page{ justify-content: center;}
}


@media all and (max-width:768px) {
    .sub_visual_tit h2{font-size: 2.25rem;}

    /*lnb*/
    .lnb .lnb_depth01 > li.home{width: auto;}
    .lnb .lnb_depth01 > li{width: calc(100% / 3);}
    .lnb .lnb_depth01 > li:last-child{border-right: none;}
    .lnb .lnb_depth01 > li > a{min-width: inherit;}

    .popupLayer .popup_inner .popup_btn button{transform: scale(0.7);}
    .popupLayer .popup_inner .popup_btn button.popup_prev{left:-31%;}
    .popupLayer .popup_inner .popup_btn button.popup_next{right:-29%;}
    .popupLayer .popup_inner .btn_wrapper{transform: scale(0.65);}

    /*layout*/
    .btn_area a{min-width: 100px;}
    .btn_area.login a{padding:15px 45px;}

    .find_area .tab_menu{margin-bottom: 5rem;}

    .deco_check input[type=checkbox] + label{font-size: 1rem; padding-left:30px;}
    .login h3{font-size: 1.3rem;}
    .login_wrap{border-radius: 25px; padding: 7% 9%;}
    .login_txt{word-break: keep-all;margin-bottom: 30px;}
    .login_txt p{font-size: 1.85rem;word-break: keep-all;}
    .login_txt span{font-size: 0.9375rem;line-height: 1.1rem;}
    .login_box div{border:0;}
    .login_box div:before{display: none;}
    .login_box div:nth-child(1):after, .login_box div:nth-child(2):after{background-size: 16px;left: 20px;top: 56%;transform: translateY(-50%);}
    .login_box input{font-size: 0.9375rem;padding: 10px;width: 80%;}
    .btn_login{padding: 15px 60px;}
    .auth_box{padding: 15px 0 20px 0;}
    .auth_box ul li a{ font-size: 0.875rem;}

    .join h3{font-size:  1.75rem;}
    .join_area{padding: 0; background: #fff;}
    .priv_box {margin: 3% 0; padding-bottom: 17px; }
    .priv_box h3 {font-size: 1rem;padding-top: 10px;}
    .priv_box textarea {font-size: 0.875rem;height: 143px;padding: 15px;}

    .certify{ padding: 3rem 0 0;}
    .certify h3{font-size: 1.4rem; margin-top:25px;}
    .certify a{font-size: 0.9375rem;padding: 14px;}

    .joinFormArea{font-size: 0.9375rem;padding-top: 2rem;}
    .join_form{width:100%;padding: 8% 0;margin-bottom: 0;}
    .join_form_wrap .row_form dl dd p {font-size: 0.9375rem;}
    .join_form_wrap .row_form dl dd a{height: 40px;line-height: 40px;min-width: 60px;padding: 0 10px;}
    .join_complete .com_box{padding: 4rem 0;width: 96%;}
    .join_complete .com_box .txt img{width:60px;}
    .join_complete .com_box .txt .p1{font-size:1.4rem;}
    .join_complete .com_box .txt .p2{font-size: 0.9375rem;}

    .row_form dl dt label{font-size: 0.9375rem;}
    .row_form dl dt{width:30%;}
    .row_form dl dd .st{font-size: 0.9375rem;height: 40px;line-height: 40px;width: 60%;}

    /*find*/
    .find_area{padding: 7%;}
    .find_area .tab_menu ul li a{padding:12px 0;}
    .find_area .find_inform, .find_area .find_pwdForm{padding:3rem 0;}
    .find_area .txt_box{margin-bottom:1rem;}
    .find_area .txt_box p{font-size: 1.175rem;}
    .find_area .txt_box small{font-size: 0.9375rem;}
    .find_area .txt_info {font-size: 0.75rem;}
    .find_area input{width:80%; font-size: 0.9375rem;padding:14px;}
    .find_area .field_box button{width: 80%;padding:14px;font-size: 0.9375rem;}
    .search_id, .search_pwd{width: 80%; }
    .search_id .field_box button, .search_pwd .field_box button{width:100%;}
    .search_id .alert_blue, .search_pwd .alert_blue{font-size: 0.9375rem;margin-bottom: 1rem;}
    .search_id .field_box input, .search_pwd .field_box input{}

    .find_result .txt_box small{font-size: 1.1rem; word-break: keep-all;}
    .find_result .txt_box em{font-size:0.9375rem;}

    .secret_box{padding: 25% 12% 10%; background-position: 50% 70px;background-size: 95px;}
    .secret_box .secret{margin-top: 45px;}
    .secret_box .secret div{margin: 20px auto 0;}
    .secret_box .secret div input{font-size: 0.8rem;width: calc(100% - 99px);}
    .secret_box .secret div a{width: 85px;font-size: 0.9375rem;}
}


@media all and (max-width:566px) {
    /*.header .header_menu .logo{width:15rem; height:2.5rem;}*/
    .header .header_menu .top_util .wrap{padding:0;}
    .header .header_menu .logo{gap:0; padding:5px;}
    /*.header .header_menu .logo a:first-child img{transform: scale(0.7);}*/
    /*.header .header_menu .logo a:last-child img{margin-top:-5px;}*/
    .header .gnb_util{width: 80px; height: 80px; top:-7px; right:-20px;}

    .sub_visual{height: 280px;}
    .sub_visual_tit{padding-top:4.5rem;}
    .sub_visual_tit p{margin-top:10px;}

    .lnb{width: 100%;}
    .lnb .lnb_depth01 > li{width: 100%;}
    .lnb .lnb_depth01 > li:nth-child(2){display: none;}
    .lnb .lnb_depth01 > li.home > a{width: 50px;}
    .lnb .lnb_depth01 > li.home > a::before{left:25px;}
    .lnb .lnb_depth01 > li > a{padding:0 25px 0 18px;}
    .lnb .lnb_depth01 > li > a > span::after{right:-5px;}

    /*layout*/
    .login_list{flex-wrap: wrap;}
    .login_list > div+div{border-left:none; border-top: 1px solid #ddd;}
    .login_list .login:first-child{border-radius: 35px 35px 0 0;}
    .login_list .login:last-child{border-radius: 35px; width: 100%}

    .secret_box{background-position: 50% 40px; background-size: 80px;}
}

@media all and (max-width:480px) {
    /*lnb*/
    .lnb .lnb_depth01 > li > a > span{font-size: .9375rem; letter-spacing: -0.5px;}
    .lnb .lnb_depth01 > li > ul > li > a{font-size: .9375rem; letter-spacing: -0.7px;}

    .popupLayer .popup_inner{padding:1rem 0 1rem 0;}
    .popupLayer .popup_inner .popup_dots{bottom:14%;}

    .footer .ft_top .ft_logo{gap:14px;}
    .footer .ft_top .ft_logo li img{transform: scale(1);}
    .footer .addr address span+span{padding:0; margin:0;}
    .footer .addr address span+span::before{display: none;}
    .footer .ban_tit h3{font-size: 17px;}
    .footer .ban_tit .control.footer{margin-left: 0;}
    .footer .partner{margin-left: -30px;}
    .footer .partner ul li a img{transform: scale(0.8);}

    /*layout*/
    .auth_box ul li:first-child{border-right: none;}

    .secret_box .secret h2{font-size: 1.3rem;}
    .secret_box .secret p{font-size: 0.9375rem;}
}

@media all and (max-width:380px) {
    .footer .addr address span+span{margin-left:0;}

    .sub_top h2{font-size: 1.8rem;}

}