@charset"utf-8";
.sub_page{padding:20px 0;}
.gray_back{background:#f4f4f4}

/*서브페이지 탑배너 이미지*/
.company_top_banner{background:url("../img/top_banner/company_top_back.jpg")no-repeat;}
.shop_top_banner{background:url("../img/top_banner/shop_top_banner.png")no-repeat;}
.search_banner{background:url("../img/top_banner/shop_top_banner.png")no-repeat;}
.clubn_banner{background:url("../img/top_banner/clubn_top_banner.jpg")no-repeat;}
.event_banner{background:url("../img/top_banner/notice_top_banner.jpg")no-repeat 47%}

/*페이지 네비*/
.page_navi{padding:30px 0;display: inline-flex; height:36px;}
.page_navi p{display:inline-block;padding:0 5px 0 5px;position:relative;font-size:0.9rem;color:#000000;align-items: center;display: inline-flex;justify-items: center;}
.page_navi p:first-child a{font-size:0;}
.page_navi p:first-child a:before{content:"";display:inline-block;background:url("../img/common/home_icon_yl.png");width:18px;height:14px;background-size:cover;}
.page_navi p a img.home_y_ico{width:18px;}
.page_navi p a{color:#000000;display: inline-flex;align-items: center;}
.page_navi p:after{display:inline-block;content:">";padding-left: 10px;}
.page_navi p:last-child:after{display:none;}
.page_navi p a:hover{color:#000;font-weighT:600}


/*list search*/
.sub_page_top{width:100%;margin-bottom:30px;height:30px;}
.sub_page_search{display:inline-block;width:300px;float:right;}
.sub_page_search p{background:#ebebeb;border-radius:5px;width:100%;}
.sub_page_search p input{background:#ededed;border:0;padding:5px;height:35px;width:calc(100% - 30px);display:inline-block;border-radius:5px;}
.sub_page_search p input:focus{outline:none;}
.sub_page_search p span{cursor:pointer;width:21px;display:inline-block;}
.allnotice_search {width:400px}
.allnotice_search p{width:calc(100% - 150px);;display:inline-block;}
.allnotice_search .select{width:142px;display:inline-block;}
.allnotice_search .select select{width:100%;padding: 7px 10px;border-radius:5px;  /*  visibility: hidden;*/}
/*.common_btn .bottom_btn*/
.common_btn {text-align:center;margin-top:30px;}
.common_btn .bottom_btn{display:inline-block;cursor:pointer;margin:0 10px;}
.common_btn .bottom_btn p.btn_txt {padding:10px 40px;font-size:1.3rem;font-weight:600;background:#ffe600;border-radius:30px;display:inline-block;color:#000;overflow:hidden;position:relative;z-index:1;border:1px solid #ffe600}
.common_btn .bottom_btn p.btn_txt:after , .common_btn .bottom_btn p.btn_txt:before{position:absolute;height:15px;width:15px;border-radius:50%;background:#fff;content:"";top:50%;z-index:-1}
.common_btn .bottom_btn p.btn_txt:after{right:-20px;    transform: translate(50%, -50%);}
.common_btn .bottom_btn p.btn_txt:before{left:-20px;   transform: translate(-50%, -50%);}
.common_btn .bottom_btn p.btn_txt:hover:before{-webkit-animation: criss-cross-left 0.8s both;    animation: criss-cross-left 0.8s both;    -webkit-animation-direction: alternate;    animation-direction: alternate;}
.common_btn .bottom_btn p.btn_txt:hover:after{    -webkit-animation: criss-cross-right 0.8s both;    animation: criss-cross-right 0.8s both;    -webkit-animation-direction: alternate;    animation-direction: alternate;}
.common_btn .bottom_btn p.btn_txt:hover{color:#000;}
.common_btn .bottom_btn.gray p.btn_txt{background:#b6b6b6;border:1px solid #b6b6b6;} 
.common_btn .bottom_btn.new_window:after{position:absolute;top:10px;right:10px;content:"";background:url("../img/common/icn_new_window_b.png")no-repeat;width:10px;height:10px;background-size:cover;z-index:2}

/*니콘샵 상단 */
.nikon_offline {padding:30px 0}
.nikonshop_search {width:400px}
.nikonshop_search p{width:calc(100% - 200px);;display:inline-block;float:right;}
.nikonshop_search .select{width:90px;display:inline-block;float:right;margin-right:5px;}
.nikonshop_search .select select{width:100%;padding: 7px 10px;border-radius:5px;  /*  visibility: hidden;*/}

.list_wrap{padding:50px 0}
.start_content{padding:0;padding-bottom:30px;}
/*.btn_wrap{padding:20px 0;height:50px;}2024-07-24(수)*/
.my_page_wrap .btn_wrap{padding:20px 0;height:50px;}
.btn_wrap .right_btn{float:right;}
.btn_wrap .btn{padding:7px 10px; display:inline-block;margin-right:10px;border-radius:50px;min-width:120px;text-align:center;cursor:pointer;font-weight:600; transition: 0.5s;   }
.btn_wrap .big_btn{padding:14px 10px;}
.btn_wrap .btn:last-child{margin-right:0}
.btn_wrap .go_link_btn{background:#666;color:#fff;border-radius:50px;text-align:center;}
.btn_wrap .go_link_btn p{padding-lefT:15px;display:inline-block;}
.btn_wrap .go_link_btn i{width:15px;height:9px;display:inline-block;overflow:hidden;position:relative;transition:0.5s}
.btn_wrap .go_link_btn i:before{content:"";background:url("../img/user/btn_arrow.png")no-repeat;width:8px;height:9px;position:absolute;top:0;left:-30px;}
.btn_wrap .go_link_btn:hover i:before{left:7px;transition:0.5s}
.btn_wrap .white_btn{background:#fff;border:1px solid #ccc;}
.btn_wrap .black_btn{background:#666;color:#fff;}
.btn_wrap .gray_btn{background:#ccc;color:#000;}
.btn_wrap .yellow_btn{background:#ffe600;color:#000;}
.btn_wrap .btn:hover{transform: translateY(-5px);    transition: 0.5s;    box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);}
.btn_wrap .big_btn:after,.btn_wrap .big_btn:before{transition: 0.5s; position: absolute;    content: "";    right: 0;    top: 0;    box-shadow: 4px 4px 6px 0 rgba(255,255,255,.9), -4px -4px 6px 0 rgba(116, 125, 136, .2), inset -4px -4px 6px 0 rgba(255,255,255,.9), inset 4px 4px 6px 0 rgba(116, 125, 136, .3);    transition: all 0.3s ease;}
.btn_wrap .big_btn:hover{background-color: #ffe600;    background-image: linear-gradient(315deg, #fffb86 0%, #ffbe00f2 74%);transition: 0.5s; color:#000;}
.btn_wrap .big_btn:hover:before {    height: 100%;transition: 0.5s; }
.btn_wrap .big_btn:hover:after {    width: 100%;transition: 0.5s; }


.btn_wrap .big_btn2{padding:14px 10px;position:relative;}
.btn_wrap .big_btn2:hover span{z-index:2;coloR:#000}
.btn_wrap .big_btn2:hover {border:1px solid #ffe600;box-sizing:border-box;}
.btn_wrap .big_btn2:before{position: absolute;    content: "";   width:0 ;left: 0;    top: 0;    transition: all 0.3s ease;background:#ffe600;z-index:1;border-radius:70px}
.btn_wrap .big_btn2:hover:before {height: 100%;width:100%;transition: 0.5s; }

.btn_center_wrap{text-align:center;margin:30px auto;}
.btn_center_wrap .btn{display:inline-block;font-size:1.8rem;position:relative;margin:0 10px;}
.btn_center_wrap .btn span{transition: 0.5s;padding:10px 25px;border-radius:10px;cursor:pointer;background:#ccc;color:#000;}
.btn_center_wrap .btn.yellow_btn span{background:#ffe600;color:#000;}
.btn_center_wrap .btn span:hover{background:#666;color:#fff;transition: 0.5s;}

/*second_tab*/
.second_tab_wrap{padding:10px 0;width:100%;;}
.second_tab_wrap.edu_bord_tab{max-width:800px;margin: 0 auto}
.second_tab_wrap .second_tab{display:flex;width:100%;border-radius:50px;overflow:hidden;border:1px solid #ffe600}
.second_tab_wrap .second_tab li{width:50%;padding:10px 0;font-weight:400;font-size:1.2rem;text-align:center;cursor:pointer;background:#f4f4f4;border-left:1px solid #ffe600;}
.second_tab_wrap .second_tab li:first-child{border-left:0}
.second_tab_wrap .second_tab li:hover{background:#fff}
.second_tab_wrap .second_tab li.on{background:#ffe600;font-weight:600}
.second_tab_wrap .second_tab li a{display:block;width:100%}
/*event list*/
.nps_top_banner{background:url(../img/top_banner/school_top_back.jpg)no-repeat; 50%;text-align:center;padding:60px 0;position:relative;background-size:cover;}
.nps_top_banner .baner_txt_wrap{display:inline-block;;margin:0 auto;padding:20px 40px;position:relative;max-width: 600px;}
.nps_top_banner h5{text-shadow: inherit;font-size: 4.4rem; padding: 25px 0; color: #fff; z-index:1;width:100%; font-weight:600;}
.nps_top_banner i{position:absolute;}
.nps_top_banner i.deco_1{top:0;left:0;}
.nps_top_banner i.deco_2{top:0;right:0;transform: rotate(90deg);}
.nps_top_banner i.deco_3{bottom:0;left:0;transform: rotate(270deg);}
.nps_top_banner i.deco_4{bottom:0;right:0;transform: rotate(180deg);}
.nps_top_banner .inner {max-width:100% !important;}

.event_list_wrap .event_top{width:100%;margin-bottom:30px;height:30px;}
.event_list_wrap .event_top .left_menu{display:inline-block;width:calc(100% - 310px);}
.event_list_wrap .event_top .left_menu p{padding:5px 15px;displaY:inline-block;font-size:1.2rem;cursor:pointer;}
.event_list_wrap .event_top .left_menu p:after{position:absolute;top:calc(50% - 2.5px);right:0;width:5px;height:5px;border-radius:50%;content:"";background:#ccc;}
.event_list_wrap .event_top .left_menu p.on:after{display:none;}
.event_list_wrap .event_top .left_menu p:last-child:after{display:none;}
.event_list_wrap .event_top .left_menu p:hover{font-weight:600;}
.event_list_wrap .event_top .left_menu p.on{font-weight:600;background:#ffe600;border-radius:30px;}
.event_list_wrap .event_top .event_search{display:inline-block;width:300px;float:right;}
.event_list_wrap .event_top .event_search p{background:#ebebeb;border-radius:5px;width:100%;}
.event_list_wrap .event_top .event_search p input{background:#ededed;border:0;padding:5px;height:35px;width:calc(100% - 30px);display:inline-block;border-radius:5px;}
.event_list_wrap .event_top .event_search p input:focus{outline:none;}
.event_list_wrap .event_top .event_search p span{cursor:pointer;width:21px;display:inline-block;}
.event_list{}
.event_list ul{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr}
.event_list ul li{margin:3%;position:relative;transition:0.5s;}
.event_list ul li a {display:block;position:relative;}
.event_list ul li:hover {transform: translateY(-10px);transition:0.5s;}
.event_list ul li .event_banner{overflow:hidden;background:#fff !imfortant;}
.event_list ul li .event_banner img{transition:0.5s}
.event_list ul li:hover .event_banner img{scale: 1.1;transition:0.5s}
.event_list ul li .evnet_info{padding: 50px 0 50px 0;background:#fff;border-radius:0 0 10px 10px;}
.event_list ul li .evnet_info .title{font-size:1.4rem;font-weight:600;margin-bottom: 15px;height:40px;width: calc(100% - 126px);display:inline-block;}
.event_list ul li .evnet_info .sub_title{    display: block;    padding-top: 15px;    font-weight: 400;    font-size: 1.1rem;}
.event_list ul li .evnet_info .date{color: #000000;font-size: 1rem;position: absolute;top: 15px;left: 0;}
.event_list ul li .evnet_info .event_ctgr{display:inline-block;max-width:120px;padding:5px;font-size:1.1rem;border-radius:5px;float:right;}
.event_list ul li .evnet_info .event_ctgr.school{color:#da791b;border:1px solid #da791b;}
.event_list ul li .evnet_info .event_ctgr.event{color:#d4b400; border:1px solid #d4b400}
.event_list ul li .evnet_info .event_ctgr.pro{color:#4db325;border:1px solid #4db325}
.event_list ul li .evnet_info .event_ctgr.etc{color:#001ba6;border:1px solid #001ba6}
.event_list ul li .dday{position:absolute;top:10px;right:10px;/*background:url("../img/user/event_d-day.png")no-repeat;width:76px;height:49px;*/background:#ffe600;padding:1.5%;min-width:60px;border-radius:5px;}
.event_list ul li .dday span{width:100%;text-align:center;display:inline-block;vertical-align:middle;/*line-height:40px;*/font-weight:700;font-size:1.1rem;}
.event_list ul li .winner_bg{position:absolute;top:5px;right:5px;font-size:1.1rem;font-weight:800;background:#ffe600;border-radius:5px;padding:3px 5px;z-index:2;    animation-name: flash;
    animation-duration: 800ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-delay: 0s;}
/*이벤트 뷰페이지*/

.event_head {border-bottom: 1px solid #000;}
.event_head p {margin-bottom: 10px;}
.event_head .title {font-size: 2.5rem;}
.event_head .date {font-size: 1.5rem;text-align:right;color:#666;}
.event_head .social-btn_wrap{position:absolute;top:-5px;right:40px;z-index:2}
.event_main {text-align: center; max-width: 1400px;padding:20px 0}
.event_main #div_content {text-align:center;}
.event_main #div_content form > div{margin:0 auto;max-width:1400px !important;}
.event_main .notice_content{text-align:left;min-height:300px;}
.event_foot .paging {position: relative;padding-bottom: 50px ; display: flex;padding-top:10px; border-top: 1px solid #000;}
.event_foot .paging a{ vertical-align:middle;padding:5px 0}
.event_foot .paging a img {vertical-align: middle;; margin: 0 15px; transition: 0.5s;}
.event_foot .paging a span {font-size: 1.3rem;}
.event_foot .paging a p.btn_title {font-size: 1.3rem; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: middle;width: calc(100% - 149px);}
.event_foot .paging a:hover span {color: rgba(0,0,0,0.8)}
.event_foot .paging a.btn {width: calc(50% - 12.5px);}
.event_foot .paging a.btn span{display:inline-block;vertical-align:middle;}
.event_foot .paging a.prev span::after {content: ""; display: inline-block; width: 1px; height: 14px; background: #000; margin: 0 15px; margin-bottom: -2px;}
.event_foot .paging a.prev:hover img {transform: translateX(-5px);}
.event_foot .paging a.next {text-align: right;}
.event_foot .paging a.next span::before {content: ""; display: inline-block; width: 1px; height: 15px; background: #000; margin: 0 15px; margin-bottom: -2px;}
.event_foot .paging a.next:hover img {transform: translateX(5px);}
.event_foot .all_menu {font-size: 1.3rem; display: inline-block;}
.event_foot .all_menu.mo {display: none;}
.event_foot .all_menu span {display: block; width: 25px; height: 2px; background: #000;}
.event_foot .all_menu span:nth-of-type(2) {margin: 8px 0;}
.event_foot .all_menu:hover span {background:#ffe600}
.event_foot .with_product{padding-bottom:30px;}
.event_foot .with_product .title {font-size: 2rem; margin-bottom: 20px;}
.event_foot .with_product ul {width: 100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;}
.event_foot .with_product li {background: #f1f1f1; border-radius: 15px;display:inline-block;margin:1%;}
.event_foot .with_product li a {display: block;}
.event_foot .with_product li a .img_box {width: 80%; margin: auto; padding: 10px 0;}
.event_foot .with_product li a .img_box img {transition: 0.5s;    mix-blend-mode: multiply;}
.event_foot .with_product li:hover a .img_box img {scale: 1.1;}
.event_foot .with_product li a .product_name {font-size: 1.3rem; text-align: center; padding-bottom: 20px;}


/*공유하기 버튼*/
.ppdd_btn_area .share.social-btn_wrap{z-index:2}
.social-btn{position: absolute;left: 9px;top: 6px;width: 30px;height: 30px;text-align: center;background: #fff;   border-radius: 50%;cursor: pointer;transition: all 0.3s ease-in-out;}
.social-btn span{display:inline-block;}
.social-btn-3{background:#000;}
.social-btn-2{background:#174c89}
/*.social-btn-2{background: url(../img/common/sns_ico_04_back.png);    background-size: contain;}*/
.social-btn-1{background:#fee500}
.step-0 .social-btn-1, .step-0  .social-btn-2, .step-0 .social-btn-3, .step-0  .social-btn-4 {transform: translate3d(0, 0, 0);box-shadow: 0 0 5px 5px rgb(56 56 56 / 0%);}
.step-1 .social-btn-1{transform: translate3d(0, 30px, 0);}
.step-1  .social-btn-2, .step-1 .social-btn-3, .step-1  .social-btn-4 {transform: translate3d(0, 0, 0);}
.step-2 .social-btn-1{ transform: translate3d(0, 30px, 0);}
.step-2 .social-btn-2{transform: translate3d(0, 60px, 0);}
.step-2 .social-btn-3, .step-2  .social-btn-4 {transform: translate3d(0, 0, 0);}
.step-3 .social-btn-1 {transform: translate3d(0, 30px, 0);z-index:2      }      
.step-3 .social-btn-2 {transform: translate3d(0, 60px, 0);      }
.step-3 .social-btn-3 {transform: translate3d(0, 90px, 0);      }
.step-3 .social-btn-4 {transform: translate3d(0, 120px, 0);      }
.social__open-btn {position: absolute;left: 8px;top: 5px;width: 32px;height: 32px;text-align: center;line-height:30px;border-radius: 50%;cursor: pointer;transition: all 0.3s ease-in-out;background:#fff;border:1px solid #ededed;}
.social__open-btn:hover{background:#fff;}
.ppdd_btn_area .share:hover .social__open-btn{background:#fff;}
.step-3 .social__open-btn {background:#fff;box-shadow: 0 0 5px 5px rgb(56 56 56 / 20%);}
.step-3 .social-btn{box-shadow: 0 0 5px 5px rgb(56 56 56 / 20%);}

/*notice list*/
/*sub tab*/
.sub_tab{width:100%;}
.sub_tab ul{width:100%; display:flex;}
.sub_tab ul li {width:50%;text-align:center;background:#f4f4f4;border:1px solid #f4f4f4;border-bottom:1px solid #ffe600}
.sub_tab ul li p{text-align:center;width:100%;color:#666;padding:15px 0;font-size:1.2rem}
.sub_tab ul li.on{background:#fff;border:1px solid #ffe600;border-bottom:1px solid #fff;border-top:4px solid #ffe600;}
.sub_tab ul li.on p{color:#000;font-weight:600;}



/*공통 테이블*/
.list_table{width:100%;background:#fafafa;}
.list_table .table_haed{border-bottom: 1px solid #000;  padding: 10px 0;width:100%;border-top:2px solid #ffe600}
.list_table .table_haed p {font-weight: 600;     display: inline-block;   font-size: 1.1rem;    text-align: center;    padding: 5px 0;    vertical-align: middle;}
.list_table .table_body{}
.list_table .table_body .table_tr{width:100%;}
.list_table .table_body .table_tr p{display: inline-block;    font-size: 1.1rem;    text-align: center;    padding: 10px 0;    vertical-align: middle;}
.list_table .table_body .table_tr:hover{background:#fff}
.list_table .table_body .table_tr .no-data{text-align:center;width:100%;padding:10px;}
.list_table .table_body .table_tr p.att_file a span{position:relative;display:inline-block;padding-right:20px;}
.list_table .table_body .table_tr p.att_file a span:after{content:"";background:url(../img/user/att_file.png)no-repeat;background-size:cover;width:15px;height:15px;position:absolute;top:0;right:0px}
/*공지사항 종합 리스트*/
.all_notice_list{width:100%; padding-top:0}
.all_notice_list .ctrg{width:150px;}
.all_notice_list .num{width:60px;}
.all_notice_list .title{width:calc(100% - 380px)}
.all_notice_list .date{width:150px;color:#666;font-size:1rem;}
.all_notice_list .import span{padding:3px 10px;background:#000;color:#ffe600;font-size:0.9rem;border-radius:5px;}
.all_notice_list .ctrg span{display:inline-block;padding:3px 10px;font-size:0.9rem;border-radius:5px;min-width:70px;}
.all_notice_list .ctrg span.ntcgr_1{border:1px solid #ffe600;}
.all_notice_list .ctrg span.ntcgr_2{border:1px solid #ff9f00;}
.all_notice_list .ctrg span.ntcgr_3{border:1px solid #0aa833;}
.all_notice_list .ctrg span.ntcgr_4{border:1px solid #0aa8a4;}
.all_notice_list .ctrg span.ntcgr_5{border:1px solid #82abf7;}
.all_notice_list .ctrg span.ntcgr_6{border:1px solid #b99eff;}
.list_table .table_body .table_tr p.title{text-align:left;}
.list_table .table_body .table_tr p.title a{width:100%;text-overflow: ellipsis;    white-space: nowrap;    overflow: hidden;displaY:inline-block;vertical-align:middle;}
.list_table .table_body .table_tr p.num{}

/*박스형 리스트*/
.notice_list_top {    margin-bottom: 40px;}
.notice_list_top .notice_search{display:inline-block;width:300px;float:right;}
.notice_list_top .notice_search  p{background:#ebebeb;border-radius:5px;width:100%;}
.notice_list_top .notice_search  p input{background:#ededed;border:0;padding:5px;height:35px;width:calc(100% - 30px);display:inline-block;border-radius:5px;}
.notice_list_top .notice_search  p input:focus{outline:none;}
.notice_list_top .notice_search  p span{cursor:pointer;width:21px;display:inline-block;}
.notice_list_top .notice_search select{width:100%;}
.notice_list ul{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;}
.notice_list ul li{margin:3%;position:relative;border:1px solid #ededed;border-radius:10px ;transition:0.5s;padding:10px;background:#f6f6f6}
.notice_list ul li a{display:block;}
.notice_list ul li.top_pic{border: 2px solid #ffe600;position:relative;background:#fff}
.notice_list ul li .pic_ico{display:none;}
.notice_list ul li.top_pic .pic_ico {display:block;background:#ffe600;position:absolute;top:0px;left:-10px;font-size:0.9rem;font-weight:600;padding:5px 10px;border-radius:0 20px 20px 0}
.notice_list ul li:hover {transform: translateY(-10px);transition:0.5s;box-shadow:0 0 5px 5px rgba(0,0,0,0.1);background:#fff}
.notice_list ul li .date{text-align:right;color:#666;padding:10px 0}
.notice_list ul li .noice_title{font-size:2rem;font-weight:800;margin-bottom:20px;min-height:60px;color:#666}
.notice_list ul li:hover .noice_title{color:#000;}
.notice_list ul li .noice_content{margin-bottom:10px;min-height:32px;text-align:left !important;}
.notice_list ul li .noice_content p{font-family: Pretendard !important; font-size:1rem !important;color:#666 !important;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;width: 100%;overflow: hidden;text-overflow: ellipsis;color: #666;}
.notice_list ul li .noice_content span{font-family: Pretendard !important; font-size:1rem !important;color:#666 !important;}
.go_noice_btn{float:right;position:relative;    display: inline-block;    cursor: pointer;transparent;    padding: 0;}
.go_noice_btn .arrow_btn{transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);    position: relative;    display: block;    margin: 0;    width:135px;    height:30px;    background: #0;    border-radius: 1.625rem;    background: #ededed;}
.go_noice_btn .arrow_btn .circle {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: relative;
  display: block;
  margin: 0;
  width: 30px;
  height: 30px;
  background: #282936;
  border-radius: 1.625rem;
}
.go_noice_btn .arrow_btn .circle .icon {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #fff;
}
.go_noice_btn .arrow_btn .circle .icon.arrow {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  left: 5px;
  width: 1.125rem;
  height: 0.125rem;
  background: none;
}
.go_noice_btn .arrow_btn .circle .icon.arrow::before {
  position: absolute;
  content: "";
  top: -0.25rem;
  right: 0.0625rem;
  width: 0.625rem;
  height: 0.625rem;
  border-top: 0.125rem solid #fff;
  border-right: 0.125rem solid #fff;
  transform: rotate(45deg);
}
.go_noice_btn .button-text {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 5px 0;
  margin: 0 0 0 1.85rem;
  color: #282936;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
  text-transform: uppercase;
}
.notice_list ul li:hover .go_noice_btn .arrow_btn .circle {  width: 100%;background:#ffe600}
.notice_list ul li:hover .go_noice_btn .arrow_btn .circle .icon.arrow {  background: #000;  transform: translate(1rem, 0);}
.notice_list ul li:hover .go_noice_btn .arrow_btn .circle .icon.arrow:before{ border-top: 0.125rem solid #000;  border-right: 0.125rem solid #000;}
.notice_list ul li:hover .go_noice_btn .arrow_btn .button-text {  color: #000;}
/*공지사항 뷰*/
.notice_content{padding:10px;font-size:1.1rem;line-height:1.5;min-height:300px;}
.notice_content p{font-family: Pretendard !important;}
.notice_content p span{font-family: Pretendard !important;}
.notice_content > div{max-width:1400px !important;}



/* FAQ */
.faq {}
.faq .inner {padding-bottom: 50px;}
.faq .faq_box {}
.faq .faq_box ul {border-bottom: 1px solid #c1c1c1;}
.faq .faq_box ul li {padding: 2% 1%; position: relative;}
.faq .faq_box ul li > a {display: flex; position: relative; width: 100%; flex-wrap: nowrap; align-items: center;}
.faq .faq_box ul li:first-of-type a::after {content: ""; display: block; background: transparent url(../img/common/down_arrow.png) no-repeat; width: 15px; height: 15px; position: absolute; top: 50%; transform: translateY(-50%); right: 1%;transition:0.5s}
.faq .faq_box ul.on li:first-of-type a::after {top: 23%; transform: rotate(180deg);}
.faq .faq_box ul li:last-child {background: #f1f1f1; display: flex; flex-wrap: nowrap; align-items: center;}
.faq .faq_box ul li p {display: inline-block; font-size: 1.4rem; line-height: 150%; width: 90%}
.faq .faq_box ul li:first-of-type p {font-weight: bold;}
.faq .faq_box ul li p a {text-decoration: underline; color: #0400ff; font-weight: bold;}
.faq .faq_box ul li p b {font-weight: bold;}
.faq .faq_box ul li p.ap_box {font-size: 2rem; width: 60px; height: 60px; border-radius: 50px; background: #000; text-align: center; line-height: 60px; margin-right: 20px; color: #fff}
.faq .faq_box ul li:last-child p.ap_box {background: #ffe600; color: #000}
.faq .faq_box ul li p.ap_box span {}
.faq .faq_box ul li p.a_box_txt{font-weight:400;font-size:1.2rem;}
.faq .faq_box ul li p.a_box_txt span{font-weight:600;font-size:1.4rem;width:100%;display:block;margin-bottom:20px;}

/*채용정보 FAQ*/
.faq .faq_box.recr_faq ul li .ap_txt{display:inline-block;font-size: 1.4rem; line-height: 150%; width: 90%;    vertical-align: middle;}

/*월선택 (공통)*/
 .select_month {width: 100%;    text-align: center;}
 .select_month .year{position: relative;    display: inline-block;}
 .select_month .year .this_year{font-size:3rem;font-weight:800;cursor:inherit;padding:0 50px;}
 .select_month .year .go_left, .select_month .year .go_right {position:absolute; top:calc(50% - 10px); z-index:2; cursor: pointer;}
 .select_month .year .go_left{left:0;}
 .select_month .year .go_right{right:0;}
 .select_month .year .go_left:hover{transform: translateX(-5px);transition:0.5s}
 .select_month .year .go_right:hover{transform: translateX(5px);transition:0.5s}
 .select_month .month{width:90%;max-width:1000px;margin:20px auto;position:relative;}
 .select_month .month p{display:inline-block;padding-right:65px;text-align:left;font-size:2rem;position:relative;cursor:pointer;}
 .select_month .month p:after{background: url(../img/user/month_tab.png)no-repeat;display: inline-block;content: "";width:65px;    height: 10px;position: absolute;    bottom: 4px;    right: -16px;background-size:contain;}
 .select_month .month p:last-child{padding-right:0}
 .select_month .month p:last-child:after{display:none;}
 .select_month .month p.on{font-weight:600;color:#ffe600}
 .select_month .month p span{width:20px;display:inline-block;text-align:center;}
 .select_month .month p.on span:before{background:url(../img/user/month_navi.png)no-repeat;top:-10px;width:100%;height:10px;lefT:0;background-position:center;content:"";position:absolute;}
  .select_month .month p span:hover{color:#ffe600}
 .select_month.gisu_wrap .month p span{width:50px}
 .select_month.gisu_wrap .month p{font-size:1.8rem;}
/*검색*/
.search_list .search_bar{margin:20px auto;width:90%;max-width:600px;background:#dcdcdc;border-radius:50px;padding:0 30px;}
.search_list .search_bar .easy-autocomplete{display:inline-block;width:calc(100% - 32px);padding:0 20px;}
.search_list .search_bar input{background:#dcdcdc;/*width:100%;*/width:calc(100% - 32px);display:inline-block;border:0;height:50px; box-shadow: 0 0 0 rgba(0, 0, 0, 0.0) inset;}
.search_list .search_bar input:focus{outline:none;}
.easy-autocomplete-container{width:95%;left:2.5%;}
.easy-autocomplete-container ul{margin-top:0;}
.easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category{padding:8px 12px}
.search_list .search_bar .sch_btn{displaY:inline-block;width:21px;cursor:pointer;}
.search_list .search_box{margin-bottom:40px;padding:20px 0;}
.search_list .search_box .search_tilte{font-size:3rem;font-weight:600;border-bottom:1px solid #ccc;padding-bottom:10px;margin-bottom:20px;}
.search_list .search_box .search_tilte span{display:inline-block;}
.search_list .search_box .search_tilte span:after{content:"";position:absolute;bottom: 7px;    right: -17px;width:10px;height:10px;background:#ffe600;border-radius:10px;}
.search_list .search_box .ppdd {    width: 100%;    display: grid;    grid-template-columns: 1fr 1fr 1fr 1fr;}
.search_list .search_box .ppdd li{margin:10px;background:#f3f3f3;border-radius:10px;padding:1%;cursor:pointer;}
.search_list .search_box .ppdd li p{padding:10px;}
.search_list .search_box .ppdd li p.ppdd_name{font-size:1.3rem;font-weight:600;height:70px;}
.search_list .search_box .ppdd li p.ppdd_img{padding:30px 0;transition:0.5s;position:relative;overflow:hidden;text-align:center; heighT:255px;   mix-blend-mode: multiply;}
.search_list .search_box .ppdd li p.ppdd_img img{height:100%}
.search_list .search_box .ppdd li p.ppdd_img:after{content:"";background:url('../img/product/ppdd_shadow.png') no-repeat;width:0%;height:60px;bottom:-40px;left:50%;transition: 0.1s;position:absolute;opacity:0;z-index:-1;    background-size: contain;}
.search_list .search_box .ppdd li:hover p.ppdd_img{transform: translateY(-15px);     mix-blend-mode: multiply;  }
.search_list .search_box .ppdd li:hover .ppdd_img:after{transition: 0.5s all 0.1s;bottom:5px;opacity:1;z-index:1;width:50%;left:25%;}
.search_list .search_box .ppdd li .list_btn a{display:inline-block;width:46%;margin:1.5%;font-size:1.3rem;font-weight:500;padding:10px;text-align:center;border-radius:10px;position:relative;overflow:hidden;}
.search_list .search_box .ppdd li .list_btn a:after{position:absolute;content:">";right:15px;top:calc(50% - 8px);width:15px;heighT:15px;transition:0.5s;line-height:15px;}
.search_list .search_box .ppdd li .list_btn a.b_btn{background:#000;color:#fff;}
.search_list .search_box .ppdd li .list_btn a.y_btn{background:#ffe600;color:#000;}
.search_list .search_box .ppdd li .list_btn a.b_btn:after{color:#}
.search_list .search_box .ppdd li .list_btn a:hover:after{right:-15px;transition:0.5s;}

.search_list .search_box .endprdt_list ul {grid-template-columns: 1fr 1fr 1fr 1fr;}
.search_list .search_box .endprdt_list ul li a p{font-size:1.6rem;padding-left:5px;font-weight:600}
.search_list .search_box .endprdt_list ul li a:before{width:10px;content:"";height:2px;top:calc(50% - 1px);background:#ffe600;}

.search_list .search_box .ppdd li.nodata{text-align:center;}
.search_list .search_box .ppdd li.nodata p.ppdd_name{color:#666;}
.end_event_list ul{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr}
.end_event_list ul li{margin:3%;background:#f3f3f3;position:relative;;border-radius:10px; padding:5% 3%;transition:0.5s;overflow:hidden;}
.end_event_list ul li .title{font-size:2rem;font-weight:600;margin-bottom:20px;height:80px;}
.end_event_list ul li .date{color:#666;font-size:0.9rem}
.end_event_list ul li:hover{/*background:#ffe600;*/transition:0.5s;box-shadow:0 0 3px 3px rgba(0,0,0,0.1);transform: translateY(-10px);}
.end_event_list ul li:after{position:absolute;bottom:-50px;right:10px;background:url(../img/user/plus_btn.png);width:30px;height:30px;transition:0.5s;content:"";}
.end_event_list ul li:hover:after{transition:0.5s;;bottom:10px;transform: rotate(180deg);}
.end_event_list .nodata_ul{display:block;width:100%;}
.end_event_list .nodata_ul li{width:100%;}
.end_event_list .nodata_ul li.nodata{margin:0}
.end_event_list .nodata_ul li.nodata .title{text-align:center;font-size:1.3rem;color:#666;heighT:inherit;margin-bottom:0}
.end_event_list .nodata_ul li.nodata:hover{background:#f3f3f3;transform: translateY(0px);box-shadow:0 0 3px 3px rgba(0,0,0,0.0);}
.end_event_list .nodata_ul li.nodata:hover:after{display:none;}
.end_event_list ul li .event_img {width:100%;padding-bottom:60%;border:3px solid #fff;margin-bottom:5px;}
.end_event_list ul li .event_img p{position: absolute;    left: 0;    right: 0;    bottom: 0;    top: 0;    text-align: center;     background-size: cover;    background-size: cover !important;    background-position: center !important;}

/*sitemap*/
.sitemap_page {}
.sitemap_page .sitemap{width:100%;text-align:left;}
.sitemap_page .sitemap .site_box{display:inline-block;width:24%;padding:0 10px;vertical-align:top;margin-bottom:30px;}
.site_box h5{font-size:2rem;width:100%;display:block;padding:10px 0;position:relative;margin-bottom:15px;}
.site_box h5:before{content:"";background:#d1d1d1;bottom:0;left:0;width:100%;height:3px;position:absolute;}
.site_box h5:after{content:"";background:#ffe600;bottom:0;left:0;width:100px;height:3px;position:absolute;}
.site_box ul.two_step_box{vertical-align:top}
.site_box ul.two_step_box > li{margin-bottom:10px;padding-left:5px;}
.site_box ul.two_step_box > li p{font-weight:600;font-size:1.4rem;position:relative;padding-left:10px;margin-bottom:5px;}
.site_box ul.two_step_box > li p:before{content:"";background:#ffe600;width:5px;height:2px;top:calc(50% - 1px);lefT:0;position:absolute;}
.site_box ul.two_step_box > li p a:hover{color:#666}
.site_box ul.two_step_box li .three_step_box{padding-left:10px;}
.site_box ul.two_step_box li .three_step_box li{line-height:1.8}
.site_box ul.two_step_box li .three_step_box li a{font-size:1rem;color:#666;position:relative;padding-bottom:3px}
.site_box ul.two_step_box li .three_step_box li a:before{content:"";background:url("../img/common/down_arrow.png")no-repeat;display:inline-block;transform: rotate(270deg);
width:8px;height:8px;background-size:contain;margin-right:3px;}
.site_box ul.two_step_box li .three_step_box li a:after{content:"";background:#ffe600;bottom:0;left:0;width:100;opacity:0;height:1px;position:absolute;transition:0.5s}
.site_box ul.two_step_box li .three_step_box li a:hover:after{width:100%;transition:0.5s;opacity:1;}

/*sitemap product area*/
.sitemap_page .sitemap .site_box.wide{display:inline-block;width:75%;}
.site_box.wide ul.two_step_box{width:33%;display:inline-block;}

/***********************************************************반응형 시작 ***********************************************************/

/*노트북*/
@media screen and (max-width:1700px) {


}

/* 더작은 노트북*/
@media screen and (max-width:1600px) {



}

/*아이패드*/
@media screen and (max-width:1120px) {
.select_month .month p{padding-right:25px;}
.select_month .month .bar{display:none;}
.select_month .month p:after{width:19px;right:3px;bottom:0}
.select_month .month p.on:before{lefT: 1px;}
.select_month .month:hover p.on:before{display:block;}
.end_event_list ul li:hover {transform: translateY(0px);}
.event_list ul li .evnet_info .event_ctgr{position:absolute;  top: 9px;    right: 0;;}
.event_list ul li .evnet_info .title {width:100%;}




}





/*아이패드 세로 820~ 768 */
@media screen and (max-width:840px) {

.all_notice_list .ctrg{width:100px;}
.all_notice_list .num{width:40px;}
.all_notice_list .title{width:calc(100% - 260px)}
.all_notice_list .date{width:80px;color:#666;font-size:1rem;}

/*공지사항 리스트*/
.notice_list ul{width:100%;display:grid;grid-template-columns:1fr 1fr;}
.event_list ul{width:100%;display:grid;grid-template-columns:1fr 1fr}
.timesale_list ul{display:block;}
li.img_box{width:100%;}
li.txt_box{width:100%;}
li.txt_box .title{margin-bottom:5px}
li.txt_box .price_area{width:100%}
li.txt_box .price_area .price{display:inline-block;margin-right:10px;}
li.txt_box .price_area .price span:after{bottom:5px;}
li.txt_box .price_area .red_price{display:inline-block;}
li.txt_box .time_sale_btn{width:100%;}
li.txt_box .price_area .day{text-align:right;padding: 0 10px 10px 0;}

/*sitemap*/
.sitemap_page .sitemap .site_box{width:33%;}
/*sitemap product area*/
.sitemap_page .sitemap .site_box.wide{display:inline-block;width:65%;}
.site_box.wide ul.two_step_box{width:49%;display:inline-block;}



}



/*모바일 */
@media screen and (max-width:600px) {
.page_navi p a{font-size:1.1rem}
.nps_top_banner{background-size: 350%;    background-position: 100% 11%;}
.nps_top_banner h5{font-size:3rem}
.common_btn .bottom_btn{margin:0 5px;}
.common_btn .bottom_btn p.btn_txt{padding: 5px 20px;}
.common_btn .bottom_btn.new_window:after{width:6px;height:6px;right:6px;top:6px}


.event_list ul li .evnet_info .title{margin-bottom:0;height:auto;font-size:1.7rem;}
.event_list ul li .evnet_info .sub_title{font-size:1.3rem;}
.event_list ul li .evnet_info .date{font-size:1.2rem;}


/*공지사항 박스형 리스트*/

.notice_list ul{width:100%;display:grid;grid-template-columns:1fr}
.notice_list ul li.top_pic .pic_ico{top:-10px;}
.notice_list ul li{margin:1%;border-radius:0;border-radius:10px;}
.notice_list ul li .noice_content{display:none;}
.notice_list ul li .noice_title{min-height:40px;margin-bottom:0;font-size:1.8rem;}
.notice_list ul li .date{padding:0;margin-bottom:10px}
.go_noice_btn{display:none;}


/*공지사항 테이블형 리스트*/
.list_table .table_haed{display:none;}
.list_table{border-top:1px solid #000}
.list_table .table_body .table_tr {padding:5px}
.list_table .table_body .table_tr p{vertical-align:middle;padding:0;font-size:1.3rem;}
.list_table .table_body .table_tr p.num{width:40px;display:inline-block;text-align:left;}
.list_table .table_body .table_tr  .title{width:calc(100% - 46px) }
.allnotice_search{width:100%;}

/*통합공지*/
.all_notice_list .list_table .table_body .table_tr {padding:30px 5px 5px }
.all_notice_list .list_table .table_body .table_tr  .ctrg{width:auto;position:absolute;top:5px;left:5px;}
.all_notice_list .list_table .table_body .table_tr  .ctrg span{padding:3px;font-size:1.1rem}
.all_notice_list .list_table .table_body .table_tr .num{width:40px;;display:inline-block;text-align:left;}
.all_notice_list .list_table .table_body .table_tr .num span{      padding: 3px 10px;    background: #b9b9b9;    color: #fff;    font-size: 1.1rem;    border-radius: 5px;}
.all_notice_list .list_table .table_body .table_tr  .import span {    padding: 3px 10px;    background: #000;    color: #ffe600;    font-size: 1.1rem;    border-radius: 5px;}

/**/
.select_month .month{width:100%;margin:20px auto;}
.select_month .month p{padding-right:13px;}
.select_month .month p:after{width:11px;right:1px;bottom:0;height:8px;}
.select_month .month p.on:before{lefT: 1px;width:8px;background-size:contain}
.select_month .month p span{width:14px;}


/*.all_notice_list .num.import span{display:inline-block;}*/
.all_notice_list .list_table .table_body .table_tr  .title{width:calc(100% - 46px) ;}
.list_table .table_body .table_tr{border-bottom: 0;        border: 1px solid #ededed;        margin: 10px 0;       border-radius: 10px;        background: #f4f4f4;}
.list_table .table_body .table_tr p.date{width:100%;text-align:right;margin-top:5px;}

.event_list ul{width:100%;display:grid;grid-template-columns: 1fr}


/*검색*/
.search_list .search_box .ppdd{display: grid;    grid-template-columns: 1fr 1fr;}
.search_list .search_box .ppdd li{margin:5px;}
.search_list .search_box .ppdd li p.ppdd_img{text-align:center;height:170px;}
.search_list .search_box .ppdd li p.ppdd_name{height:50px;}
.search_list .search_box .ppdd li .list_btn a{padding:5px;font-size:0.9rem;border-radius:5px;}
.search_list .search_box .ppdd li .list_btn a:after{right:1px;}
 .end_event_list ul{grid-template-columns:1fr}
.end_event_list ul li .title{font-size:2rem;font-weight:600;margin-bottom:10px;height:50px;}
.search_list .search_box .endprdt_list ul {grid-template-columns: 1fr 1fr;}

/*sitemap*/
.site_box h5{padding-bottom:7px;    margin-bottom: 10px;}
.sitemap_page .sitemap .site_box{width:100%;margin-bottom:15px}
.site_box ul.two_step_box > li{display:inline-block;width:49%;vertical-align:top;margin-bottom:7px}
/*sitemap product area*/
.sitemap_page .sitemap .site_box.wide{display:inline-block;width:100%;}
.site_box.wide ul.two_step_box{width:49%;display:inline-block;}
.site_box.wide ul.two_step_box li{width:100%}
/**/


.event_foot .paging {flex-wrap: wrap;padding-top:0px;}
.event_foot .paging a img{width:7px;margin:0 5px;}
.event_foot .paging a.prev span::after{margin:0 8px;}
.event_foot .paging a.btn {width: 100%; padding: 10px 0;}
.event_foot .paging a.next {border-top: 1px solid #f1f1f1;}
.event_foot .paging a p.btn_title{width: calc(100% - 105px);}
.event_foot .all_menu.pc {display: none;}
.event_foot .all_menu.mo {display: inline-block; text-align: center; background: #000; color: #fff; position: absolute; right: 0px; bottom:10px;padding:5px 10px;}
.event_foot{padding-top:0px}
.event_foot .with_product ul {grid-template-columns:1fr 1fr 1fr ;}
}



@media screen and (max-width:470px) {
.select_month .month p{padding-right:10px;}
.select_month .month p:after{width:9px;right:1px;bottom:0;height:8px;}
.event_foot .with_product ul {grid-template-columns:1fr 1fr ;}
  }