@charset "utf-8";



.content-container{width:100%;max-width:1280px;margin:0 auto;padding:45px 20px}
/*------------------------------------*\
  #responsive
\*------------------------------------*/
@media screen and (max-width:1600px) {
/* subpage content size */
    
}
@media screen and (max-width:1500px) {
/*------------------------------ 
  head-top-section
------------------------------*/
.hd .logo{max-width:250px;margin-right:35px;}
.hd .logo img{max-width:100%;}
.hd .hd-menu ul li a{font-size:22px;}
.hd .hd-menu ul li:after{height:16px;margin-left:20px;margin-right:30px;}
.hd .hd-qnb-menu a{font-size:14px;width:75px;padding:12px 0}
.hd .hd-qnb-menu a img{width:25px;}
.hd .hd-qnb-menu a .ico{margin-bottom:12px;}

/*------------------------------ 
  footer-section
------------------------------*/
.footer{padding:50px 10px;}
.footer .ft-content .ft-cnt .ft-company{font-size:16px;}
.footer .ft-content .copyright{font-size:16px;}
}






@media screen and (max-width:1400px) {


.footer .ft-content{display:block;width:100%}

}

@media screen and (max-width:1200px) {
.hd{padding:20px 10px;}
.main-content-container .main-content-section .main-banner .our-service.text-type a img{margin-bottom:1em;}
.main-content-container .main-content-section .main-banner .our-service.text-type a .desc{font-size:14px;margin:1em auto;}
.main-content-container .main-content-section .main-banner .our-service.text-type a .link{font-size:16px;margin:1em auto;}

/*------------------------------ 
  sub-introduce, brands page
------------------------------*/
.sub-hd-title{height:230px}
.sub-page-wrapper .container-content section .section-content{padding:0 15px;}
.sub-page-wrapper .container-content section .txt-desc{font-size:26px}
.sub-page-wrapper .container-content section .txt-desc.txt-desc-type2 .rhalf-img{background-size:calc(100% - 50%)}

}

@media screen and (max-width:1100px) {
.hd .hd-menu ul li a{font-size:18px;}
.hd .hd-menu ul li:after{height:14px;margin-left:5px;margin-right:2px;}


/*------------------------------ 
  item-list
------------------------------*/
.sct_10 .sct_txt a{font-size:20px;}
.sct_10 .sct_basic{font-size:18px;}
.sct_10 .sct_li{margin:0 10px 20px 10px}
.lists-row .col-row-2{width:calc(50% - 20px)}
}

@media screen and (max-width:960px) {
    /* 임시 */
    .hd .hd-menu, .hd-qnb-menu{display:none!important;}
    /* //임시 */




/*mobile_nav*/
a.btn_mo_menu{display:block;}
.mo_nav.on {display:block}
body.mo-menu-on:before{content:'';background:rgba(0,0,0,0.65);position:absolute;top:0;right:0;bottom:0;left:0;z-index:1000;}

.mo_nav .mo-qnb-menu{display:flex;justify-content:space-around;padding:10px;border-bottom:1px solid #ccc}
.mo_nav .mo-qnb-menu a{font-size:9px;font-weight:300;line-height:1;width:55px;padding:10px 0;color:#fff;display:block;text-align:center;}
.mo_nav .mo-qnb-menu a img{width:15px;}
.mo_nav .mo-qnb-menu a:nth-child(1){background-color:rgba(37,184,228,1)}
.mo_nav .mo-qnb-menu a:nth-child(2){background-color:rgba(36,135,185,1)}
.mo_nav .mo-qnb-menu a:nth-child(3){background-color:rgba(35,81,121,1)}
.mo_nav .mo-qnb-menu a:nth-child(4){background-color:rgba(28,43,82,1)}
.mo_nav .mo-qnb-menu a:hover{opacity:0.9}
.mo_nav .mo-qnb-menu a .ico{display:block;margin-bottom:11px;}




.main-content-container .main-content-section{display:block;}
.main-content-container .main-content-section .main-slide{width:100%;}
.main-content-container .main-content-section .main-slide .swiper-slide .content-box{min-height:600px;}
.main-content-container .main-content-section .main-banner .our-service{}
.main-content-container .main-content-section .main-banner .our-service a:first-child{margin-left:0}
.main-content-container .main-content-section .main-banner .our-service a{margin-left:5px;}
.main-content-container .main-content-section .main-banner .our-service.text-type{margin-top:5px;display:block;}
.main-content-container .main-content-section .main-banner .our-service.text-type a{margin:0 0 5px 0}
.main-content-container .main-content-section .main-banner .our-service.text-type a img{margin:1em auto;}
.pd-latest-section{display:block;}
.pd-latest-section .product-info-banner img{max-width:100%}
.pd-latest-section .product-info-banner{padding:15px 10px;}
.pd-latest-section .product-info-banner .content-desc{padding:10px 0}
.pd-latest-section .product-info-banner .content-desc .tit{font-size:22px;}
.pd-latest-section .product-info-banner .content-desc .tit:after{height:2px;margin:7px 0}
.pd-latest-section .product-info-banner .content-desc .desc{font-size:14px;margin-bottom:15px;}
.pd-latest-section .product-info-banner a{font-size:14px;padding:7px 30px;}
.pd-latest-section .main-item-latest{padding:10px}
.pd-latest-section .main-item-latest .swiper-slide .thumb-img{min-height:130px;}
.pd-latest-section .main-item-latest .swiper-slide .content{padding:10px;}
.pd-latest-section .main-item-latest .swiper-slide .content .title{font-size:14px;margin-bottom:5px;}
.pd-latest-section .main-item-latest .swiper-slide .content .desc{font-size:11px;height:calc(11px * 1.5 * 2)}
    
}


@media screen and (max-width:750px) {
.hide-on-mobile{display:none!important;}
.pd-latest-section{margin:1em auto;}
/*------------------------------ 
  head-top-section
------------------------------*/
.hd {padding:15px 10px;}
.hd .logo{max-width:200px;}


.main-content-container .main-content-section .main-slide .swiper-slide .content-box{min-height:300px;}
/*------------------------------ 
  sub-introduce, brands page
------------------------------*/
.sub-hd-title{height:150px}
.sub-hd-title .tit-container h2{font-size:2.5em;}
#sct_location .go_home{height:45px;width:45px;background-size:40%;}
.shop_select_to_html{min-width:150px;}
.shop_select_to_html .category_title{font-size:16px;padding:10px;}
.shop_select_to_html .category_title i{margin-top:-7px}
.shop_select_to_html .menulist{top:40px;}

.shop_select_to_html .option a{font-size:14px;padding:0 15px;}


.sub-page-wrapper .container-content{margin:20px auto;}
.sub-page-wrapper .container-content section .section-content{padding:0 10px}
.sub-page-wrapper .container-content section .txt-desc{font-size:22px}
.sub-page-wrapper .container-content section .section-title{height:20em;}
.sub-page-wrapper .container-content section .section-title .txt-title{font-size:3em}
.sub-page-wrapper .container-content section .txt-desc{font-size:18px}
.sub-page-wrapper .container-content section .txt-desc p{margin-bottom:30px;}
.sub-page-wrapper .container-content section .txt-desc.txt-desc-type2 .rhalf-img{padding:300px 0 0 0;background-position:top center;background-size:contain}


/*------------------------------ 
  footer-section
------------------------------*/
.footer{display:block;padding:15px 10px}
.footer .ft-logo{display:none;}
.footer .ft-content .ft-cnt .ft-link{margin-bottom:10px;}
.footer .ft-content .ft-cnt .ft-link li a{font-size:13px;}
.footer .ft-content .ft-cnt .ft-company{font-size:11px;}
.footer .ft-content .copyright{font-size:9px;margin-top:10px;}

/*------------------------------ 
  item-list
------------------------------*/
.sct_10 .sct_txt a{font-size:14px}
.sct_10 .sct_basic{font-size:11px;height:1.3em;}
.sct_10 .sct_ct_wrap{padding:10px 5px;}
.sct_10 .sct_cost{font-size:1em;}
.sct_10 .sct_li{margin:0 5px 20px 5px}
.lists-row .col-row-2{width:calc(50% - 10px)}


/*------------------------------ 
  item-detail
------------------------------*/
#sit_ov_wrap{padding:25px 10px}
#sit_pvi{width:100%;max-width:100%;}
#sit_ov{max-width:100%;min-height:auto;margin-top:15px;padding:0;border:none;}
#sit_desc{margin-bottom:20px;}

#sit_title{font-size:1.5em;}
#sit_desc{font-size:1.1em;}
.sit_ov_tbl{font-size:1.1em;}
.sit_ov_tbl td{padding:5px 0}
.sit_ov_tbl .grid_3{width:100px;}
#sit_ov_btn a{line-height:2.4em}
#sit_ov_btn .pd-buy-btn a{font-size:18px;}
#sit_info{margin:30px auto 15px auto}
#sit_tab .tab_tit li{margin:0 1px 1px 1px}
#sit_tab .tab_tit li button{min-width:auto;padding:5px 10px;}

#sit_info{min-height:auto;}
#sit_info .tab_con .section-title,#sit_qa h2, #sit_rel h2 {font-size:2em;}
#sit_info .tab_con .section-title img, #sit_qa h2 img, #sit_rel h2 img{width:25px;}



/*------------------------------ 
  board
------------------------------*/
.content-container{padding:25px 10px}
#bo_list .tbl_head01 thead th{display:none;}
#bo_list .td_num2,#bo_list .td_name,#bo_list .td_num{display:none;}

/*------------------------------ 
  register
------------------------------*/
.register .step-info-area ol li{font-size:11px}
#fregister textarea{padding:3% 5%;height:150px;}
.register_form_inner ul{border:none;padding:5px 0}
#reg_result .welcome-msg{margin:3em auto;}
#reg_result .reg_result_p{font-size:1.25em;}
#reg_result .result_txt{font-size:1em;word-break:keep-all;color:#666;}
#reg_result .result_txt span{display:block;}
}