html{ height: 100%; overflow-x: hidden; width:100%; font-size: 2.6666666667vw;}
body{color:#121212; margin-left:auto; margin-right:auto; background-color: #fff; font-size: 0.6em; height: 100%; line-height: 1.4;}


.borer_ddd{border-radius: .4em;border:1px solid #ddd !important; padding:.8em;}
.shadow_box{box-shadow:1px 1px 6px rgb(0 0 0 / 10%);border-radius: 0.8em;padding: 0.7em;border:1px solid #ddd;;}

.full_sec_but{width: 100%;}
.full_sec_but button{width: 100%;}

/* header */
.header{position: fixed; width:100%; z-index: 99; top:0; z-index: 100;/* padding: 0.7em 0; */ border-bottom: 1px solid #ddd;padding:0 .8em;background: #fff;}
.header .main_nav{ position: relative; height:3.3em; background-color:#fff;display: flex;
    align-items: center;justify-content: space-between;}
.main_header .main_nav{display:flex;justify-content:space-between;align-items: center;}
.header .sub_top_tit{font-size:1em; color:#666;font-weight: 100;;    position: absolute;
    left: 3.5%;}


.text_cut01{width: 100%; white-space:normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;overflow: hidden;text-align: left;}
.text_cut03{width: 100%; white-space:normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden;text-align: left;}
.width50p{width:50%}

.gradient_box{background: linear-gradient(45deg, #fdb714, #eb471a);}
.border_color{  border: 2px solid transparent;
    background-image: linear-gradient(#fff, #fff), linear-gradient( #fdb714, #eb471a);
    background-origin: border-box;
    background-clip: content-box, border-box;}
.text_color{background: linear-gradient(45deg, #e7c218, #eb471a );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}

.header_flip{background-color:#f5f5f5; border-bottom: 1px solid #ddd; position: fixed; top:4em; width: 100%; padding:.8em 0 .4em 0; z-index: 11;}
.header_flip .bd{display: flex; align-items: center; justify-content: space-between;}
.header_flip .bd span:first-child {color: #444;}

.bot_but{display: flex;margin:0 auto;text-align: center;margin-top:1em;    justify-content: center;color:#777;font-weight:500;cursor: pointer;}

.bot_but button{width: 100%; padding:.4em 0;}

.bot_but span{color:#e8351d;font-weight:700;display: inline;}



.header .prev{text-align: center; cursor: pointer;    display: flex;}
.header .prev img{height:1.5em;}

.header .sub_nav .CategoryList{height:40px; overflow-x: auto; max-width: 100%; overflow-y: hidden; white-space: nowrap; line-height: 36px;}

.header .sub_nav .CategoryList::-webkit-scrollbar {height:4px;}
.header .sub_nav .CategoryList::-webkit-scrollbar-thumb {background: #ded7c7;  border-radius: 4px;}
.header .sub_nav .CategoryList ul li.list_con{vertical-align: middle; display: inline-block; margin:0 12px; height:40px;}
.header .sub_nav .CategoryList ul li.list_con:last-child{margin-right:20px;}
.header .sub_nav .CategoryList ul li.list_con > a{color:#818181;}
.header .sub_nav .CategoryList ul li.list_con.active > a{font-weight:bold; color:#26ae5f; padding-bottom:4px; border-bottom:2px solid #26ae5f;}


.header .nav_inner.start_header{position: relative;}
.header .logo.start_header {position: absolute;top:50%;transform: translate(-50%,-50%);left:50%;}




/* 
.nav_inner{display:inline-block; position: absolute;} */

/* right */
/* .nav_inner.right{position: absolute; right:14px; z-index: 10; top:50%; transform: translateY(-50%);} */
.nav_inner > span{float:left; position: relative; margin-right:0.3em; cursor: pointer;height: auto;display: flex;}
.nav_inner.right > span{margin-right:1.4em;    display: flex;}
.nav_inner > span.menu img{height: 2.1em; margin-top: 10px;}
.nav_inner > span.search_btn img{}

.nav_inner.right > span strong{background-color:#fed400; color:#fff; position: absolute;    display: flex;justify-content: center;align-items: center;
    border-radius: 1.6em;width: 2em;height: 2em; font-size:0.5em;font-weight: bold;line-height: 1; }

.nav_inner.right > span .mypage_ea{ left:-.8em; top:-0em;}
.nav_inner.right > span .message_ea{left:-0.4em; top:-0.4em;}

.nav_inner.right > span:last-child{margin-right:0;}
.nav_inner span img{height:1em; right: 1.2em;}
.nav_inner span.head_basket img{height: 1.5em;}
.nav_inner.right .kas{border-radius: 50%; display: inline-flex; overflow: hidden; margin-top: 5px;} 
.nav_inner.right span img{    height:1.7em;opacity: 0.9;}
/* center */
/* .nav_inner.center{left:50%; top:50%; transform: translate(-50%, -50%);} */
.nav_inner.center h1{font-weight: 300; font-size: 1em;font-family: 'Pretendard-Medium'}
.sub_navi .nav_inner.center h1{position: absolute;left:3em;top:50%;transform: translateY(-50%);}
.nav_inner.center h1.logo{background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/THEMORE/162837232996284.png);width:1.7em;height:1.9em;
 cursor: pointer;;   background-repeat: no-repeat; background-position: center; background-size: contain; 
 
 position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
 .nav_inner.center h1.logo a{display: block;width: 100%;}
 .nav_inner.center h1.logo a img{display: block;width: 100%;}

.nav_inner.center h2{font-size:1.125em; font-weight: bold;}




/* left */
.main_header .nav_inner.left{border:1px solid #ddd;border-radius: 0.5em;padding:0.4em 0.5em;display: flex;
    align-items: center;    flex-direction: row-reverse;    width: 45%;    justify-content: flex-end;;}
    .nav_inner.left input {width: calc(100% - 21px);outline: none;    border: none !important;
        padding: 0 !important;padding-left: 0.3em !important;    border-radius: 0;}
/* .nav_inner.left{z-index: 11; left:14px;
    position: absolute; top:50%; transform:translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);} */

/*page_navi*/
.page_navi{width: 100%;transition-duration: 0.3s;margin-left: auto;}


.page_navi ul{display: flex;width: 100%;justify-content: space-around;}
.page_navi ul li{/*width: calc(100% - 5px); margin:0 1.35em; */width: 25%;}
.page_navi ul li div{width:100%;text-align: center;}
.page_navi ul li div i{    width:1.8em;margin:0 auto;opacity: 0.6;
    height:1.8em !important;display: flex;justify-content: center; align-items: center;}


.page_navi ul li div p{margin-top:0.2em;color:#999;font-size:0.6em;}
.page_navi ul li i img{width: 100%;}

.page_navi ul .page_navion i{opacity: 1;}
.page_navi ul .page_navion p{color: #fdb714;}

.page_navi ul .page_navion.home img{content: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/THEMORE/163638818446289.png);}
.page_navi ul .page_navion.home2 img{content: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/THEMORE/163638818446289.png);}
.page_navi ul .page_navion.operation img{content: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/THEMORE/163639050079930.png);}
.page_navi ul .page_navion.sales img{content: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/THEMORE/163639050510950.png);}
.page_navi ul .page_navion.everything img{content: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/THEMORE/163639050930323.png);}
.page_navi ul .page_navion.startups img{content: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/THEMORE/162844302423842.png);}

.page_navi ul .map_arr{display: none;background: #fdb714;    width: 5em;border-radius: 50%;transform:translateY(-2.2em);position: relative;height: 5em;}
.page_navi ul .map_arr i{  position: absolute;left:50%;transform: translate(-50%,-50%);  top:50%;;width: 70%;    opacity: 1;height: 3.2em !important;}


.sec_top{padding-top:1.5em;}
.sec_bot{padding-bottom:1.5em;}

/*interest*/
.interest ul {display: flex;background: #f7f7f7;padding:1em .5em .5em;border-radius: .4em;;margin:0 -0.35em;}
.interest ul li{width: 100%;text-align: center;margin:0 0.35em; }
.interest ul li .gradient_box.tit{width: 50%;margin:0 auto;z-index: 9;position: relative;padding:.3em 0;font-size:0.85em;color:#fff;font-weight: 100;border-radius: .4em;}

.interest ul li .txt{background: #fff;width: 100%;padding:1.2em .2em 1em;transform: translateY(-0.7em);border:1px solid #ddd;border-radius: .4em;}




/*페이지네이션*/
.page_nation .arr{width: 1.7em;height: 1.7em;border:1px solid #fdb714;color:#fdb714;border-radius: 20em;position: relative;}
.page_nation .arr::after{content:'';display: block;width: 0.4em;height: 0.4em;border-top:1px solid #fdb714;border-right:1px solid #fdb714;position: absolute;transform: rotate(-135deg)  translate(50%,18%);top:50%;left:50%;}
.page_nation .arr.arr_right::after{transform: rotate(45deg)  translate(-82%,14%);}
.page_nation{display: flex;align-items: center;    justify-content: center;}
.page_nation li.page_n{color:#888;    }
.page_nation .page_n.on{color:#fdb714}

.page_nation li{margin:0 .8em;}

.page_nation .page_n{border:none !important;padding:0 !important;}
.page_nation li { margin: 0 0.6em !important;}


/*첨부파일*/
.filebox .upload-name {
    display: inline-block;
    height: 40px;
    padding: 0 10px;
    vertical-align: middle;
    border: 1px solid #dddddd;
    width: 78%;
    color: #999999;
}

.filebox label {
    width: 100%;
    display:flex;border-radius: .6em;;
    padding: 10px 5px;
    color: #fff;justify-content: center;
    align-items: center;
    vertical-align: middle;
    background-color: #fff;color:#888;border:1px solid #ddd;;
    cursor: pointer;
}
.filebox input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}
.filebox .file_preview .swiper-slide{background-color: #ddd;border-radius: .2em;position: relative;}
.filebox .file_preview .swiper-slide span{position: absolute;top:.5em;right:.5em;font-size:.75em;color:#666;}
.file_preview_modal .swiper-wrapper{border-radius: 0.8em;overflow: hidden;}
.file_preview_modal .swiper-slide{background: #ddd;position: relative;}



.dis_flex{display: flex;}
.pagi_fixed_but{z-index: 99;}
.pagi_fixed_but button:first-child{width: 40%;margin-right:.8em}


.pagi_fixed_but2 button{margin-right:.8em;}
.pagi_fixed_but2 button:last-child{margin-right:0em}
.pagi_fixed_but2{justify-content: center;}




/*작은 주의사항*/
.precautions i{width: 1.2em;margin-right:.3em;    display: flex;}
.precautions img{width:100%;}
.precautions > div p{display: flex;align-items: center;    margin-top: 0.3em;
    line-height: 1.3em;text-align: left;}



    /*탭 기본*/

    .tabSet ul.tabs { overflow:hidden;margin-bottom:0.8em; }
    .tabSet ul.tabs  li{  float:left;padding:0 0.8em 0 0;list-style-type:none;width: 50%;height: 100%;}
    .tabSet ul.tabs  li:last-child{padding-right:0;}
    .tabSet ul.tabs li a{float:left;background:#fff;display:flex;border-radius:.4em;font-weight:bold;width: 100%;height: 100%;align-items: center; justify-content: center;font-size:.8em;font-family: 'Pretendard-Light';padding: 0.4em 0;}
    .tabSet ul.tabs li a.on{background:#fdb714;cursor:default;color:#fff;border-color:#fdb714;}
    .panels{background:#fff;}
    .panel{display:none;}



/* --------------------------------------------------
------------------------login-------------------- */
.insert {position: relative;}
.insert > p {
    font-size: 0.9em;
    font-weight: 500;
    margin-bottom: 0.4em;color: #666;
}


.certified_n {
    position: absolute;
    width: max-content;
    right: 19%;
    top: 60%;
    transform: translateY(-54%);
    display: flex;
    align-items: center;
    font-size: 0.45rem;
    font-weight: 500;
    line-height: 1em;
    color: #888;
}
.certified_n button {
    margin-left: 0.6em;
    padding: .3em .4em 0.2em;
    font-size: .45rem;
    font-weight: 500;
    border-radius: 0.2em;
    transform: translateY(0em);
}


/* --------------------------------------------------
------------------------report-------------------- */

.report{color:#fdb714;font-size:.925em;margin-top:.8em ;justify-content: flex-end;display: flex;}
.report span{display: flex;}
.report img{width:18px !important;height:18px; margin-right:.4em}
.report strong{line-height: 1.6em;color:#fdb714;}



/* --------------------------------------------------
------------------------footer-------------------- */
.footer{bottom:0; position: fixed; width: 100vw; background-color: #fff; padding:6px 0; border-top: 1px solid #ededed;}/* 1024px */
.footer li{width:25%; cursor: pointer; float:left; text-align: center; line-height: 1; position: relative; padding-bottom:13px;}
.footer li .nav_img{background-repeat: no-repeat; background-position: center; background-size: contain; height:24px;}
.footer li strong{font-size:10px; font-weight: bold; color:#a1a1a1; margin-top:4px; position: absolute; left:50%; transform: translateX(-50%); bottom:0; width: 100%;}
.footer li.on strong{color:#000;}
.footer li:first-child .nav_img{background-image: url(../images/nav1.svg);}
.footer li:nth-child(2) .nav_img{background-image: url(../images/nav2.svg);}
.footer li:nth-child(3) .nav_img{background-image: url(../images/i_menu.svg);}
.footer li:nth-child(4) .nav_img{background-image: url(../images/nav3.svg);}

.footer li.on:first-child .nav_img{background-image: url(../images/nav1_on.svg);}
.footer li.on:nth-child(2) .nav_img{background-image: url(../images/nav2_on.svg);}
.footer li.on:nth-child(3) .nav_img{background-image: url(../images/i_menu_on.svg);}
.footer li.on:nth-child(4) .nav_img{background-image: url(../images/nav3_on.svg);}





.footer_type1{bottom:0; position: fixed; width: 100vw; height: 50px; background-color: #fafafa;  border-top: 1px solid #ededed;
    display: flex; align-items: center;}
.footer_type1 button{font-size: 1em;}





#gnb .CategoryWrap {height: 0; overflow: hidden;-webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; display: none;
    position: fixed; top: 104px; right: 0; left:0;background: #fff;  width:1920px;}
#gnb .CategoryWrap.open{display: block;}
#gnb.open .CategoryWrap {height: 496px;}
#gnb .CategoryList {position: relative; z-index: 2; height: 100%; padding-top: 24px; box-sizing: border-box; max-width: 1200px; margin:auto;}

#gnb .CategoryList ul li{width:33.333%; float: left; padding-left:32px;}
#gnb .CategoryList ul li:first-child{padding-left:0;}
#gnb .CategoryList ul li .dep-wrap{width:50%; display: inline-block; margin-right:-4px; vertical-align: top; }
#gnb .CategoryList ul li .dep-wrap .dep1{font-weight:500;}
#gnb .CategoryList ul li .dep-wrap p[class*="dep"]{padding:3px 0;}
#gnb .CategoryList ul li .dep-wrap p > a:hover{color:#222; font-weight: 500;}


.sidebar{position: fixed; right:40px; bottom: 64px;}
.sidebar .top_btn{background-color:#fff; border-radius: 50%; border:1px solid #d1d1d1; width:40px; height:40px; text-align: center;}
.sidebar .top_btn span{padding-top:10px; display: block; font-size:13px; font-weight: 500;}


.back_f1f1f1{background: #f1f1f1;}


/* ********************************************* *
 * 1050px max
 * ********************************************* */
 @media (max-width:1050px){
    body { font-size: 0.7em;}
     }
    

/* ********************************************* *
 * 900px max
 * ********************************************* */
 @media (max-width:900px){
}
  
/* ********************************************* *
 * 850px max
 * ********************************************* */
 @media (max-width:850px){
     }
/* ********************************************* *
* 800px max
* ********************************************* */
@media (max-width:800px){
    body { font-size: 0.9em;}
    .certified_n { right: 12%;font-size: 0.8rem;    transform: translateY(-48%);}
    .certified_n button{ font-size: 0.7rem;padding: 0.25em 0.4em 0.2em;transform: translateY(-.1em);}

    .header .sub_top_tit { left: 5.5%;    }

    



}
/* ********************************************* *
 * 730px max
 * ********************************************* */
 @media (max-width:730px){
    /* body { font-size: 0.9em;} */
    .header .sub_top_tit {left: 4.5%;}
     }
    
/* ********************************************* *
 * 700px max
 * ********************************************* */
 @media (max-width:700px){

     }
    
/* ********************************************* *
 * 600px max
 * ********************************************* */
 @media (max-width:600px){
    body { font-size: 1.2em;}
    
    .header .sub_top_tit {left: 5%;}
    .footer_fiexd { height: 4em;}

    
    .page_navi ul .map_arr{display: block;}
    .page_navi ul li.mr_auto{margin-right:2em}
    .page_navi ul li.ml_auto{margin-left:2em}
    
    
    .main2 .map_sec .Container{display: none;}
    
    .main2 .main_con .view_modal{padding-top:5.4em;padding-bottom: 6em;    width: 100vw;
        left: 0;}
    
    .main_con .view_modal .main_notioce { font-size: 1.1em;}
    .main_con .view_modal .swiper-slide .txt{font-size: 0.85em;}
    .main_con .view_modal .swiper-slide .tit {font-size: 0.9em;}
     }
    
  
/* ********************************************* *
 * 500px max
 * ********************************************* */
 @media (max-width:500px){
    body { font-size: 1.4em;}
    
    .header .sub_top_tit {left: 6%;}

    

.page_navi ul li.mr_auto{margin-right:1em}
.page_navi ul li.ml_auto{margin-left:1em}
.page_navi ul .map_arr {transform: translateY(-1.8em);}


.header .main_nav {height:3em;}
.header .prev img {height: 1.2em;}
.nav_inner.center h1 {font-size: 0.85em;}
.header .sub_top_tit {left: 6.5%;}

     }

/* ********************************************* *
* 400px max
* ********************************************* */
@media (max-width:400px){
    body { font-size: 1.7em;}
    
    .borer_ddd {border-radius: 0.2em;}


    .page_navi ul .map_arr { width: 3.5em;transform: translateY(-1.5em);height: 3.5em;}
    .page_navi ul li.mr_auto{margin-right:.4em}
    .page_navi ul li.ml_auto{margin-left:.4em}
    .page_navi ul li div p {font-size: 0.5em; }
    .page_navi ul li div i {width:1.6em;}
    /* .footer_fiexd { height:3.2em !important;padding-top:.2em !important;} */

    
    }
/* ********************************************* *
* 350px max
* ********************************************* */
@media (max-width:350px){
    body { font-size: 1.7em;}
    }