@charset "utf-8";
@font-face { font-family: 'S-CoreDream-4Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: normal; font-style: normal; } 
@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,700,300);

h1,h2,h3,h4,h5,h6,p,a,span,input,button,ul,li,b,label,div{font-family: 'S-CoreDream-4Regular' !important;}
input::placeholder{font-family:'S-CoreDream-4Regular' !important;}
button:focus,
button:active{box-shadow: unset !important;}
.fa{font: normal normal normal 14px / 1 FontAwesome !important;}
.fit_pop{position: fixed; width: 100%; height: 100%; z-index: 99999; backdrop-filter: blur(2px); background: rgba(0, 0, 0, 0.5);top: 0;left: 0;}
p.pager{display: flex; justify-content: center; align-items: center; margin: 20px 0 0;}
p.pager a{width: 30px; height: 30px; text-align: center; line-height: 30px; background: #f0f0f0; border-radius: 5px; margin: 0 3px; color: #000 !important;display:block;}
p.pager a.atv{color: #fff !important;}
p.pager a i{}
body{top: 0 !important;}

.goog-te-banner-frame{display: none;}
#goog-gt-tt{display:none !important;}
.goog-te-gadget{color: #fff !important;-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.goog-logo-link{display: none;}
font{vertical-align:unset !important}
#lang{margin: 50px auto 30px;display: none;}
.skiptranslate{display: none !important;}
.skiptranslate>iframe{display: none !important;}
.VIpgJd-ZVi9od-ORHb-OEVmcd.skiptranslate{display: none !important;}
.input_wrap{width: 100%; height: fit-content; padding: 0; margin-bottom: 30px;}
.input_wrap label{font-size: 15px;margin: 0 0 5px;}
.input_wrap .wrap{position: relative;height: 50px;width: 100%; bottom: 0; border-radius: 50px; overflow: hidden;z-index: 2;background: #fff;border: 1px solid #e9bbfc;}
.input_wrap .wrap input{position: absolute;bottom: 0;left: 0; width: 100%;height: 100%;line-height: 48px;font-size: 15px;border:none; color:#000 !important; padding: 0 15px;background: unset;z-index: 2;}
.input_wrap .wrap input::-webkit-inner-spin-button { appearance: none; -moz-appearance: none; -webkit-appearance: none; }
.input_wrap .wrap input::placeholder { color: #aaaaaa;}
.input_wrap .wrap input:focus,
.input_wrap .wrap input:valid{ outline: none; box-shadow: unset;border: none;border-bottom: none;}
.input_wrap .wrap span{position: absolute;bottom: 0;left: 0; width: 0;height: 100%;z-index: 1;transition: 0.5s;background: #fdf7ff;}
.input_wrap .wrap input:focus ~ span, 
.input_wrap .wrap input:valid ~ span {width: 100%; }
.input_wrap.readonly label {color: #777 !important;}
.input_wrap.readonly .wrap{border: 1px solid #ddd;}
.input_wrap.readonly .wrap span {width: 100%;background: #eee !important; }
.input_wrap.readonly .wrap input {color: #777 !important;}
.input_wrap.unable label {color: #777 !important;}
.input_wrap.unable .wrap{border: 1px solid #ddd;}
.input_wrap.unable .wrap span {width: 100%;background: #eee !important; }
.input_wrap.unable .wrap input {color: #777 !important;}
/* head 시작 */
#nt_menu{background:#fff;z-index:1030 !important;}
#nt_menu .nt-container .d-flex{height: 60px;align-items: center;}
#nt_menu .nt-container .d-flex .me-list{height: 100%;}
#nt_menu .nt-container .d-flex .me-list .logo_wrap{width: fit-content; padding: 15px 20px; height: 100%;cursor: pointer;}
#nt_menu .nt-container .d-flex .me-list .logo_wrap #logo_img{height: 96%;}
#nt_menu .nt-container .d-flex .scan_wrap{cursor: pointer;}
#nt_menu .nt-container .d-flex .me-icon i{font-size: 25px !important; line-height: 30px !important;}
#nt_menu .me-li.on .me-a, #nt_menu .me-li:hover .me-a{background: unset !important;}
/* head 끝 */
/* tail 시작 */
#nt_footer{position: fixed; width: 100%; left: 0; bottom: 0;background:#fff;z-index:1030; border-top: 1px solid #eee;}
#nt_footer>div{}
#nt_footer>div>ul{display: flex;justify-content: space-between;align-items: center;}
#nt_footer>div>ul li{width: 25%;text-align: center;height: 50px;padding: 10px;line-height: 30px;cursor: pointer;}
#nt_footer>div>ul li p{}
#nt_footer>div>ul li p i{font-size: 20px !important;}
#nt_footer>div>ul li p img{height: 25px; margin-bottom: 4px;}
.sns_modal_bg{ display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.4); position: fixed; top:0; left:0; z-index: 999999; padding-bottom: 100px; }
.sns_modal_bg .modal{width:calc(100% - 40px);background: #fff;padding: 100px 20px 50px 20px;border-radius: 20px;position: relative;top: 25%;margin: 0 auto;max-width: 500px;height: auto;text-align: center;display: block;}
.sns_modal_bg .modal .sns_main_img{ position: fixed; width: 170px; transform: translate(-50%, -50%); top: 22%; left: 50%; }
.sns_modal_bg .modal h2{ text-align: center; font-size: 18px; font-weight: 900; margin-top: 20px; margin-bottom: 30px; }
.sns_modal_bg .modal p{ text-align: center; font-size: 15px; font-weight: 700; color: #999; line-height: 1.5; word-break:keep-all;}
.sns_modal_bg .modal ul{ margin-top: 50px !important; }
.sns_modal_bg .modal ul li{ width: 24%;height: fit-content;}
.sns_modal_bg .modal ul li a img{ width: 70%; margin: 0 auto;height: auto; }
.sns_modal_bg .modal ul li p{ font-size: 13px; margin-top: 5px; font-weight: 500; }
.sns_modal_bg .modal .sns_modal_close{display: block; width: 100%; height: 40px; line-height: 40px;text-align: center;cursor: pointer;color: #777;font-size: 13px;font-weight: 900;margin-top: 50px;}
/* tail 끝 */
/* 메인 시작 */
#index{width: 100%;max-width: 1200px; margin: 0 auto;}
#index>.top{padding: 0 20px;}
#index>.top>img{transform: rotate(45deg); width: 30px; display: block; margin: 50px 0;}
#index>.top>b{display: block; font-size: 20px; margin-bottom: 20px;}
#index>.top .search_wrap{justify-content: space-between; align-items: normal; flex-flow: row wrap;}
#index>.top .search_wrap>button{padding: 0; width: 300px; height: 50px; line-height: 50px; border-radius: 50px;display: flex;justify-content: center;align-items: center;}
#index>.top .search_wrap>button span{font-size: 13px;}
#index>.top .search_wrap>button i{font-size: 20px !important;margin-right: 10px;}
#index>.top .search_wrap #bo_search{width: calc(100% - 320px);}
#index>.top .search_wrap #bo_search form{}
#index>.top .search_wrap #bo_search form .input_wrap{margin-bottom: 0;}
#index>.top .search_wrap #bo_search form .input_wrap .wrap{}
#index>.top .search_wrap #bo_search form .input_wrap .wrap input{padding-right: 50px;}
#index>.top .search_wrap #bo_search form .input_wrap .wrap span{}
#index>.top .search_wrap #bo_search form .input_wrap .wrap button{position: absolute; top: 0; right: 0; width: 50px; height: 100%; text-align: center; padding: 0; z-index: 99; border-radius: 0;border: none;background: none;}
#index>.top .search_wrap #bo_search form .input_wrap .wrap button i{font-size: 20px !important; padding-top: 5px;}
#index>.top .search_wrap #bo_search form .input_wrap .wrap button span{}
#index>.top .search_wrap .add{width: 100%; padding: 20px;display: none;margin-top: 20px;}
#index>.top .search_wrap .add #popular_word{margin: 0px 0 20px; position: unset; width: 100%;}
#index>.top .search_wrap .add #popular_word div{display: flex; justify-content: flex-start; align-items: center;width: 100%;flex-flow: row wrap;}
#index>.top .search_wrap .add #popular_word div h2{width: fit-content; display: block; float: unset; font-size: 13px; color: #000; line-height: 28px; padding: 0; border: none;background: none;}
#index>.top .search_wrap .add #popular_word div .popular_inner{position: unset; width: fit-content; height: fit-content; padding: 0 20px;}
#index>.top .search_wrap .add #popular_word div .popular_inner ul{}
#index>.top .search_wrap .add #popular_word div .popular_inner ul li{border: 1px solid; height: 30px; line-height: 30px; border-radius: 50px;margin-right: 10px;}
#index>.top .search_wrap .add #popular_word div .popular_inner ul li:last-child{margin-right: 0px;}
#index>.top .search_wrap .add #popular_word div .popular_inner ul li a{font-size: 13px;}
#index>.top .search_wrap .add #popular_word div .popular_inner ul li a:hover{color: #b767d7 !important;text-decoration: unset;}
#index>.top .search_wrap .add .basic-keyword{}
#index>.top .search_wrap .add .basic-keyword div:nth-child(2){display: none;}
#index>.top .search_wrap .add .basic-keyword div:nth-child(3){display: none;}
#index>.top .search_wrap .add .basic-keyword a{}
#index .item_widget{}
#index .item_widget>b{width: 100%; display: block; padding: 0 20px; font-size: 20px; margin-top: 50px;}
#index .item_widget.best_item{}
#index .item_widget.best_item>div{width: calc(100% - 40px); max-width: 1200px; border: none; margin-right: 20px; background: unset;}
#index .item_widget.best_item ul{padding: 20px;}
#index .item_widget.best_item ul>li{background: #fff; height: 400px;border-radius: 20px; overflow: hidden; box-shadow: 0px 0px 3px #00000026;position: relative;top: 0;left: 0;}
#index .item_widget.best_item ul>li .left{width: 100%;height: 70%;}
#index .item_widget.best_item ul>li .right{width: 100%;height: 30%;padding: 20px;}
#index .item_widget.best_item ul>li .chk-box{position: absolute; top: 10px; right: 10px;}
#index .item_widget.best_item ul>li .chk-box input{width: 20px;height: 20px;}
#index .item_widget.best_item ul>li .thumb_wrap{ width: 100%; height: 100%; position: relative; top: 0; left: 0; overflow: hidden;cursor: pointer; }
#index .item_widget.best_item ul>li .thumb_wrap img{width: 100%;;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
#index .item_widget.best_item ul>li .title_bar{position: absolute; top: 10px; left: 10px; font-size: 13px; color: #fff; padding: 0 20px; height: 30px; line-height: 30px; border-radius: 20px;}
#index .item_widget.best_item ul>li .text{height: 100%;}
#index .item_widget.best_item ul>li .text p{display: flex; align-items: center; font-size: 13px;line-height: 20px;cursor: pointer;}
#index .item_widget.best_item ul>li .text p img{width: 20px;height: 20px;margin-right: 5px;}
#index .item_widget.best_item ul>li .text b{word-break: keep-all; font-size: 15px; display: block; margin: 10px 0;line-height: 20px;cursor: pointer; /*height: calc(100% - 60px);*/}
#index .item_widget.best_item ul>li .text span{color: #777;padding-right: 10px;font-size: 11px;cursor: pointer;}
#index .item_widget.best_item ul>li .text span:last-child{padding-right: 0px;}
#index .item_widget.new_item{}
#index .item_widget.new_item ul{padding: 20px;}
#index .item_widget.new_item ul>li{height: 200px;display: flex;justify-content: space-between;align-items: center;border-radius: 20px; overflow: hidden; box-shadow: 0px 0px 3px #00000026;position: relative;top: 0;left: 0;}
#index .item_widget.new_item ul>li .left{width: 30%;height: 100%;}
#index .item_widget.new_item ul>li .right{width: 70%;height: 100%;padding: 20px;}
#index .item_widget.new_item ul>li .chk-box{position: absolute; top: 10px; right: 10px;}
#index .item_widget.new_item ul>li .chk-box input{width: 20px;height: 20px;}
#index .item_widget.new_item ul>li .thumb_wrap{ width: 100%; height: 100%; position: relative; top: 0; left: 0; overflow: hidden;cursor: pointer; }
#index .item_widget.new_item ul>li .thumb_wrap img{height: 100%;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
#index .item_widget.new_item ul>li .title_bar{position: absolute; top: 10px; left: 10px; font-size: 13px; color: #fff; padding: 0 20px; height: 30px; line-height: 30px; border-radius: 20px;}
#index .item_widget.new_item ul>li .text{height: 100%;}
#index .item_widget.new_item ul>li .text p{display: flex; align-items: center; font-size: 13px;line-height: 20px;cursor: pointer;}
#index .item_widget.new_item ul>li .text p img{width: 20px;height: 20px;margin-right: 5px;}
#index .item_widget.new_item ul>li .text b{word-break: keep-all; font-size: 15px; display: block; margin: 10px 0;line-height: 20px;cursor: pointer; /*height: calc(100% - 60px);*/}
#index .item_widget.new_item ul>li .text span{color: #777;padding-right: 10px;font-size: 11px;cursor: pointer;}
#index .item_widget.new_item ul>li .text span:last-child{padding-right: 0px;}


@media screen and (max-width:800px){
    #index .item_widget.best_item ul>li .left{height: 60%;}
    #index .item_widget.best_item ul>li .right{height: 40%;;}
}
/* 메인 끝 */