@charset "utf-8";

/*-----Common-----*/
.clearfix::after{content:""; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{zoom:1;}
.positionR{position:relative;}
.bor_def {border:2px solid #222;}
.bor_act { border:2px solid #089efd;}
.bor_no { border:none;}
.blind, legend{display:block; overflow:hidden; position:absolute; top:-10000em; left:0;}

body{/*background:#eee;*/background-color:#fff; padding-top:90px; overflow-x:hidden;}
.bgWt{background-color:#fff;}
.wrapper{min-width:310px; max-width:1200px; margin:0 auto;}
.contents{padding:0px 0px 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
#frame_body{clear:both; position:absolute; float:left; left:0; top:90px; z-index:2; width:100%;}
.contents section{position:relative;}
#admin_select{clear:both; display:block; position:absolute !important; z-index:999; left:0; cursor:pointer; position:relative; width:100%; background:url(/mini/site/images/skin/admin_img/select_over2.png);}
#admin_select .ctrl_area{display:table; width:100%; text-align:center;}
#admin_select .ctrl_box{position:relative; display:table-cell; vertical-align:middle;}
#admin_select .ctrl_box .btns{display:block; height:50px; color:#fff; margin:0 auto;}
#admin_select .ctrl_box .btns a{display:inline-block; height:48px; color:#fff; text-align:center; font-size:12px; font-weight:normal; vertical-align:middle; line-height:48px; padding:0 15px; border:1px solid #777; background:url(/mini/site/images/skin/admin_img/m_btn_bg.png);}
#admin_select .ctrl_box .btns a.btn_edit{position:relative; width:70px;}
#admin_select .ctrl_box .btns a.btn_del{position:relative; width:70px;}
#admin_select .ctrl_box .btns a.move_up2{position:relative; width:70px;}
#admin_select .ctrl_box .btns a.move_down2{position:relative; width:70px;}

#admin_select .ctrl_box .btns a span.i_edit{display:inline-block; width:15px; height:15px; vertical-align:middle; margin-right:10px; background:url(/mini/site/images/skin/admin_img/icon_gear.png) no-repeat left top;}
#admin_select .ctrl_box .btns a span.i_del{display:inline-block; width:15px; height:15px; vertical-align:middle; margin-right:10px; background:url(/mini/site/images/skin/admin_img/icon_del.png) no-repeat left top;}
#admin_select .ctrl_box .btns a span.i_up{display:inline-block; width:49px; height:27px; vertical-align:middle; color:#fff; background:url(/mini/site/images/skin/admin_img/btn_move2.png) no-repeat left top;}
#admin_select .ctrl_box .btns a span.i_down{display:inline-block; width:49px; height:27px; color:#fff; vertical-align:middle; background:url(/mini/site/images/skin/admin_img/btn_move2.png) no-repeat left -54px;}

/*Customized background*/
#frame_bg_top{position:absolute;left:0;top:0px;z-index:1;width:100%;}
#frame_bg_bottom{position:absolute; left:0; top:0px; z-index:-1; width:100%;}

/*Full Promotion*/
#promotion_full{clear:both; position:relative; left: 50%; width:100%; height:380px; text-align:center; background:#fff; transform: translateX(-50%);}
#promotion_full .m_93{float:none; display:block;  width:1200px; height:380px; margin:0 auto; background:none; position:relative;}
#promotion_full .p_box{clear:both; position:relative; width:1200px;}
#promotion_full .p_box dl{width:550px; text-align:left; padding:6.5% 1%;}
#promotion_full .p_box dt{width:460px; font-weight:bold; font-size:28px; color:#222; line-height:32px; font-family:Arial, Helvetica, sans-serif; margin-bottom:3%;}
#promotion_full .p_box dd {width:430px; color:#000; font-size:16px; line-height:1.2; text-align:left;}
#promotion_full .p_box dd a.pro_btn{clear:both; display:inline-block; position:relative; height:40px; line-height:40px; text-align:center; font-weight:bold; padding:0px 40px; margin:15px 0 0 0; border-radius:3px;}
#promotion_full .p_box dd.zly {margin-top:10%;}
#promotion_full .p_box ul {position:absolute; left:50%; bottom:10px; display:inline-block; transform:translateX(-50%);}
#promotion_full .p_box li {float:left; width:14px; height:19px; line-height:22px; text-align:center; vertical-align:middle;}
#promotion_full .p_box li.bl{width:19px; height:19px; vertical-align:middle; margin-right:3px;}
#promotion_full .p_box li.br{width:19px; height:19px; vertical-align:middle; margin-left:3px;}

#promotion_full li a{clear:both; position:relative; display:inline-block; width:11px; height:11px;  background:url(/mini/site/images/company_home/rolling_btn_li.png) no-repeat left top; }
#promotion_full li a:hover{background:url(/mini/site/images/company_home/rolling_btn_li.png) no-repeat left bottom;}
#promotion_full li a.act{clear:both; position:relative; display:inline-block; width:11px; height:11px; background:url(/mini/site/images/company_home/rolling_btn_li.png) no-repeat left bottom;}
#promotion_full li a.p_rol_btn_l{clear:both; display:inline-block; z-index:99; width:19px; height:19px; background: url(/mini/site/images/company_home/rolling_btn_s.png) no-repeat left top;}
#promotion_full li a.p_rol_btn_l:hover{background:url(/mini/site/images/company_home/rolling_btn_s.png) no-repeat left bottom;}
#promotion_full li a.p_rol_btn_r{clear:both; display:inline-block; z-index:99; width:19px; height:19px; background:url(/mini/site/images/company_home/rolling_btn_s.png) no-repeat right top;}
#promotion_full li a.p_rol_btn_r:hover{background:url(/mini/site/images/company_home/rolling_btn_s.png) no-repeat right bottom;}

/*-----Top-----*/
.miniSite .topArea{height:90px; background-color:#fff; position:absolute; left:0; top:0; z-index:100; width:100%;}
.miniSite .logo{display:inline-block; width:165px; height:35px; line-height:80px;}
.miniSite .logo a img{width:100%;}

/*right menu*/
.miniSite .rtBox{float:right; margin-top:20px;}
.miniSite .rtMenu .util_menu{display:inline-block;}
.miniSite .rtMenu .util_menu span{display:inline-block; position:relative;}
.miniSite .rtMenu .util_menu > span a{display:block; height:20px; line-height:20px; padding:0 15px; font-size:13px; color:#666; letter-spacing:-0.3px;}
.miniSite .rtMenu .util_menu > span a:hover, .rtMenu .util_menu > span a:focus{color:#222;}
.miniSite .rtMenu .util_menu > span:after{content:''; position:absolute; right:0; top:50%; width:1px; height:11px; margin-top:-5px; background:#d7d7d7;}
.miniSite .rtMenu .util_menu > span:last-child:after{display:none;}
.miniSite .rtMenu .util_menu > span > a > span{padding:0 5px 0 25px;}
.miniSite .rtMenu .util_menu .joinFree{background:url('/mini/images/common/new/icon_util_join.png') 5px 2px no-repeat;}
.miniSite .rtMenu .util_menu .signIn{background:url('/mini/images/common/new/icon_util_forgot.png') 3px 2px no-repeat;}

/*util_menu_icon*/
.miniSite .rtMenu .util_menu_icon{display:inline-block; padding:10px;}
.miniSite .rtMenu .mypage{position:relative; border:1px solid #ddd;}
.miniSite .rtMenu .mypage button{display:block; position:relative; font-weight:300 !important; background:#fff; border:0; height:25px; line-height:20px; padding:0 30px; margin:0; color:#555; letter-spacing:-0.3px; cursor:pointer; border-radius:none;}
.miniSite .rtMenu .mypage button:before{content:""; display:inline-block; width:15px; height:15px; background:url('/mini/images/common/new/icon_util_mypage.png') no-repeat; background-size:contain;position:absolute;left:10px;top:5px;z-index:100}
.miniSite .rtMenu .mypage button:after{content:""; display:inline-block; width:9px; height:5px; background:url('/mini/images/common/new/bul_util_bottom2.png') no-repeat; position:absolute;right:10px;top:10px;}
.miniSite .rtMenu .mypage .drop_open{position:absolute;top:5px; right:30px; width:100px; z-index:2;}
.miniSite .rtMenu .mypage .drop_open >ul{position:absolute; top:20px; right:-31px; height:0; background:#fff; overflow:hidden; transition:all 0.3s ease;}
.miniSite .rtMenu .mypage .drop_open >ul li{padding:10px 30px;}
.miniSite .rtMenu .mypage .drop_open >ul a:hover{color:#e90030;}
.miniSite .rtMenu .mypage.active button{color:#e90030;}
.miniSite .rtMenu .mypage.active button:after{background:url('/mini/images/common/new/bul_util_top2.png') no-repeat;}
.miniSite .rtMenu .mypage.active .drop_open ul{height:78px; border:1px solid #ddd;}

/*search*/
.miniSite .rtMenu .pdtSh{/*display: inline-block; == 생성시 속성 값 */display:none;}
.miniSite .rtMenu .selector{position:relative; border:1px solid #ddd; height:25px;}
.miniSite .rtMenu .selector > select{position:absolute; border:0; border-right:1px solid #ddd; height:25px; padding:0 5px; background-color:#fff;}
.miniSite .rtMenu .input_box{display:inline-block; padding:0 30px 0 140px; border:0; line-height:25px;}
.miniSite .rtMenu .btn_search{position:absolute; right:0; top:0; width:25px; height:25px; background:#999 url(/mini/site/images/btn_search02_new.png) center no-repeat; border:0; cursor:pointer;}

/*b2b_visual*/
.miniSite .b2bVisual{display:table; width:100%; background:url('/mini/site/images/b2b_visual_common_img.jpg') no-repeat; /*padding:40px 20px 0;*/ position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.miniSite .b2bVisual .compBox{display:table-cell; width:100%; min-height:100px; vertical-align:middle;/*display:block; position:relative; top:30px; left:40px;*/}
.miniSite .b2bVisual .compBox .b2bLogo{display:table-cell; text-align:center; vertical-align:middle;}
.miniSite .b2bVisual .compBox .b2bLogo img{max-height:60px;}
.miniSite .b2bVisual .compBox .compName{display:table-cell; font-size:33px; font-weight:bold; line-height:1.1; vertical-align:middle; padding-left:30px;}
.miniSite #promotionId1 .b2bVisual{display:none !important;}

/*b2b_gnb*/
#nav, #gnb_bar_pro{position:relative;}
#nav{background-color:#333949;}
.miniSite .b2bGnb{display:table; width:100% !important; height:50px;}
.miniSite .b2bGnb > li{display:table-cell; text-align:center; vertical-align:middle; width:10%;}
.miniSite .b2bGnb > li.select{position:relative;}
.miniSite .b2bGnb > li > a{color:#fff; font-size:20px; display:block;}
.miniSite .b2bGnb > li.select > a span{font-size:10px; position:relative; left:0px; top:-2px;}
.miniSite .b2bGnb > li.select > ul{position:absolute; top:50px; left:-2px; z-index:2; background:#fff; border:1px solid #ddd; width:100%;}
.miniSite .b2bGnb > li.select > ul a{display:block; padding:10px; font-size:15px; word-break:break-all;}
.miniSite .b2bGnb > li.select > ul a:hover{background:#eee;}
.miniSite .b2bGnb > li.active{background-color:#e90030;}
#gnb_bar_100{position: relative; width:1200px; height:50px; margin:0 auto;}
#gnb_menu li a span.ar{padding-left:3px;}

/*-----Contents-----*/
#storefront section{margin-top:2.5%;}
#storefront section:first-child{margin-top:0% !important;}
#storefront section.productLS{margin-top:0% !important;}

.miniSite .contents .wrapper{background-color:#fff;}
.miniSite .contents .conPadd{padding:1px 20px 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.miniSite .contents .h_tit{font-size:32px; font-weight:bold; letter-spacing:-1.2px; padding:40px 20px;/* margin-bottom:10px;*/}

/*ImgBox*/
.miniSite .contents .imgBox ul{font-size:0; line-height:0;}
.miniSite .contents .imgBox li a{display:block;}
.miniSite .contents .imgBox .thumb{position:relative; width:99.2%; padding-top:99.2%; border:1px solid #ddd; background-color:#fff; overflow:hidden;}
.miniSite .contents .imgBox .thumb img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%;}
.miniSite .contents .imgBox .p_tit{font-size:15px; line-height:1.2; margin-top:15px; height:38px; overflow:hidden;}
.miniSite .contents .imgBox .price{display:flex;flex-direction: column;font-size:14px; line-height:1.3; margin-top:10px; text-align:left; height:32px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.miniSite .contents .imgBox .price span{font-weight:700;}
.miniSite .contents .imgBox .price li {border:0;}
.miniSite .contents .imgBox .btn{font-size:14px; padding:20px 5px; margin-top:60px; text-align:center; border:1px solid #ddd;}
.miniSite .contents .imgBox .row_02 .btn{display:none;}

/*Products List*/
.miniSite .contents .commonLs li{border:1px solid #ddd;}
.miniSite .contents .commonLs li > a{padding:8% 15%;}
.miniSite .contents .pdtMain li > a:nth-child(2){border-top:1px solid #ddd;}

/*Company Profile*/
.miniSite .contents .company .conBox{min-height:280px;}
.miniSite .contents .company .conBoxLf{padding-right:325px;}
.miniSite .contents .company .comptxt{font-size:16px; line-height:1.5;}
.miniSite .contents .company .imgBox{margin-top:45px;}
.miniSite .contents .company .imgBox li{display:inline-block; width:18%; margin:1.3% 1.3% 0 0;}
.miniSite .contents .conBox .supplierInfo{position:absolute; right:0; top:0; width:240px; height:auto; border:1px solid #ddd; background-color:#fff;}
.miniSite .contents .conBox .supplierInfo dl{border-bottom:1px solid #ddd; padding:23px 0 15px 0; font-size:15px; color:#363636;}
.miniSite .contents .conBox .supplierInfo dd{color:rgb(160, 65, 13); font-size:13px; font-family:roboto, opensans, "Malgun Gothic", "Helvetica nenu", Arial, "Apple SD Gothic"; padding:0px 18px;}
.miniSite .contents .conBox .supplierInfo dd img{width:20px; margin:-4px 6px 0 0;}
.miniSite .contents .conBox .supplierInfo dt{margin-top:10px; padding:0 18px; font-weight:normal;}
.miniSite .contents .conBox .supplierInfo dt .seller_url{display:block; margin-bottom:5px; color:rgb(233, 0, 48); padding-left:18px; line-height:140%; font-size:13px; font-family:roboto, opensans, "Malgun Gothic", "맑은 고딕", "Helvetica nenu", Arial, "Apple SD Gothic" !important; background:url(/mini/images/common/ico_home.png) left 50% / 12px 14px no-repeat;}
.miniSite .contents .conBox .supplierInfo .config_list{margin:8px 18px 15px 18px; font-size:13px;}
.miniSite .contents .conBox .supplierInfo .config_list li{position:relative; padding-left:105px; border-bottom:1px solid #ddd;}
.miniSite .contents .conBox .supplierInfo .config_list li .cont_tit{display:block; position: absolute; left: 0; top: 50%; margin-top: -8px; font-weight: normal; font-size: 13px; line-height: 140%; color: #404040;}
.miniSite .contents .conBox .supplierInfo .config_list li .cont_area{padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.miniSite .contents .conBox .supplierInfo .config_list li .cont_area .cont_txt{font-weight:600; font-size:14px; line-height:220%; color:#606060; letter-spacing:-0.15em; text-align:right;}
.miniSite .contents .conBox .supplierInfo .config_list li .cont_area .cont_txt span{height:35px; padding-top:4px !important; color:#b7b7b7;}
.miniSite .contents .conBox .supplierInfo .config_list li .starlv{color:#e90030 !important;}
.miniSite .contents .conBox .supplierInfo .config_list li .cont_area .cont_txt img{width:16px !important; height:16px !important; margin-left:3px;}
.miniSite .contents .conBox .supplierInfo .btn_send{line-height:150%; height:32px; width:206px; text-align:center; vertical-align:middle; cursor:pointer; font-family:roboto, opensans, "Malgun Gothic", "Helvetica nenu", Arial, "Apple SD Gothic"; font-weight:300; letter-spacing:0px; color:rgb(255, 255, 255); border-radius:0px; margin:0px 10px 18px 18px; padding:0px; background:rgb(233, 0, 48); border-width:1px; border-style:solid; border-color:rgb(233, 0, 48); border-image:initial;}
.miniSite .contents .conBox .supplierInfo .btn_send span{display:block;}

/*Top 5 Products*/
.miniSite .contents .pdtTop5 h2{padding:60px 0 120px 30px;}
.miniSite .contents .pdtTop5 .imgBox{overflow:inherit;}
.miniSite .contents .pdtTop5 .imgBox ul{margin:-80px auto 0; width:90%; padding-bottom:20px;}
.miniSite .contents .pdtTop5 .imgBox li{display:inline-block; width:20%; padding:0 1%; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.miniSite .contents .pdtTop5 .imgBox li .label{position:absolute; left:1; top:-7px; z-index:2; width:61px; height:48px; background:url(/mini/site/images/mini_label.png) no-repeat; color:#fff; font-size:20px; font-weight:bold; text-align:center; line-height:40px;}

.miniSite .contents .pdtTop5_01 h2{background:#2c3762 url(/mini/site/images/pdtTop5_bg.jpg) repeat; color:#fff;}
.miniSite .contents .pdtTop5_02 h2{background: url(/mini/site/images/pdtTop5_bg_01.jpg) no-repeat center top; background-size:cover; color:#fff;}
.miniSite .contents .pdtTop5_03 h2{background: url(/mini/site/images/pdtTop5_bg_02.jpg) no-repeat center top; background-size:cover; color:#fff;}
.miniSite .contents .pdtTop5_04 h2{background: url(/mini/site/images/pdtTop5_bg_03.jpg) no-repeat center top; background-size:cover; color:#fff;}
.miniSite .contents .pdtTop5_05 h2{background: url(/mini/site/images/pdtTop5_bg_04.jpg) no-repeat center top; background-size:cover; color:#fff;}
.miniSite .contents .pdtTop5_06 h2{background: url(/mini/site/images/pdtTop5_bg_05.jpg) no-repeat center top; background-size:cover; color:#fff;}

/*Main Products*/
/*01*/
.miniSite .contents .pdtMain li{display:inline-block; width:25%; margin:-1px 0 0 -1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.miniSite .contents .pdtMain li > a{background-color:#fff;}

/*02*/
.miniSite .contents .pdtMain .masonry{column-width:300px; column-gap:20px; width:100%; text-align:center;}
.miniSite .contents .pdtMain .masonry .item{display:inline-block; width:25%; width:100%; border: 1px solid #ddd; margin:1px 0 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.miniSite .contents .commonLs .item > a{display:block; padding:8% 15%; background-color:#fff;}
.miniSite .contents .pdtMain .masonry .thumb{padding-top:0; border:1px solid #ddd;}
.miniSite .contents .pdtMain .masonry .thumb img{position:static; left:auto; top:auto; transform:inherit; width:100%; height:inherit;}
.miniSite .contents .pdtMain .masonry .p_tit{text-align:left; max-height:inherit; height:auto; overflow:inherit;}

/*03*/
.main_box3 article{display:table-cell; vertical-align:top;}
.main_box3 .category{width:300px;}
.main_box3 .category .c_title{width:280px; font-size:18px; line-height:1.5; border:1px solid #ddd; border-bottom:2px solid #888; padding:10px; margin-left:-1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.main_box3 .category .cate_li li{display:block; width:280px; padding:10px;}
.main_box3 .category .cate_li li a{display:block; font-size:16px; background:transperant; padding:0px;}
.main_box3 .imgBox{width:100%;}
.main_box3 .category .cate_li li.on{background: #efefef;}
.main_box3 .category .cate_li li.on > a{background: #efefef;}

/*04*/
.miniSite .contents .mainLs02 li{width:33.333%; height:750px; vertical-align:top;}
.miniSite .contents .mainLs02 li a{position:relative; width:100%; box-sizing:border-box;}
.miniSite .contents .mainLs02 li a > div{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.miniSite .contents .mainLs02 li.row_01 a{height:100%;}
.miniSite .contents .mainLs02 li.row_01 a > div{width:70%; margin:0 auto}
.miniSite .contents .mainLs02 li.row_02 a{height:374px;}
.miniSite .contents .mainLs02 li.row_02 a > div{width:60%; margin:0 auto;}

/*05*/
.miniSite .contents .mainLs03 .main_box{padding-top:80px; background:url(/mini/site/images/showcaseBG02.jpg) center no-repeat; background-size:cover; position:relative;}
.miniSite .contents .mainLs03 .main_box::after{content:""; display:block; width:100%; padding-top:12%; background:url(/mini/site/images/showcaseBG.jpg) center top no-repeat; background-size:contain; position:absolute; left:0; top:0; z-index:1;}
.miniSite .contents .mainLs03 li{width:20%; border:0 none; margin:0px; position:relative; z-index:2;}
.miniSite .contents .mainLs03 li > a{padding:4%; background-color:transparent;}
.miniSite .contents .mainLs03 li > a > div{padding:8%; border:1px solid #ddd; border-radius:10px; background-color:#fff; box-shadow:0 5px 10px 2px rgba(212, 143, 86, 0.9);}

.miniSite .contents .mainLs03_01 .main_box{padding-top:80px; background:#2a2a2a url(/mini/site/images/showcaseBG05_bg.jpg) center bottom no-repeat; background-size:contain; position:relative;}
.miniSite .contents .mainLs03_01 .main_box::after{content:""; display:block; width:100%; padding-top:12%; background:url(/mini/site/images/showcaseBG05.jpg) center top no-repeat; background-size:contain; position:absolute; left:0; top:0; z-index:1;}
.miniSite .contents .mainLs03_01 li{width:20%; border:0 none; margin:0px; position:relative; z-index:2;}
.miniSite .contents .mainLs03_01 li > a{padding:4%; background-color:transparent;}
.miniSite .contents .mainLs03_01 li > a > div{padding:8%; border:1px solid #ddd; border-radius:10px; background-color:#fff; box-shadow:0 5px 10px 2px rgba(96, 47, 13, 0.8);}

/*06*/
.pdtRoll article{padding-top:35% !important;}
.pdtRoll .mainRolling{position:absolute; top:0; left:0; width:100%; height:100%; padding:60px 100px; box-sizing:border-box;}
.pdtRoll .lfImgBox{display:block; width:30%; float:left;}
.pdtRoll .txtBox{float:left; width:65% !important; margin-left:5% !important;}
.pdtRoll .txtBox .p_tit{font-size:1.6em !important; line-height:1.5 !important; margin-top:0 !important; height:62px !important;}
.pdtRoll .txtBox .price{font-size:1.3em !important; height:auto !important; margin-top:5% !important;}
.pdtRoll .txtBox .price span{font-size:2em !important;}
.pdtRoll .txtBox .btn{width:30% !important; margin-top:5% !important; padding:2% 3% !important;}

.pdtRoll .rol_prod{width:75px; height:75px; position:absolute; top:50%; z-index:2; transform:translate(0, -50%);}
.pdtRoll .rol_prod_l{background:url(/mini/site/images/rolling_btn_l.png) no-repeat left 0; left:25px;}
.pdtRoll .rol_prod_r{background:url(/mini/site/images/rolling_btn_r.png) no-repeat left 0; right:25px;}
.pdtRoll .rol_prod:hover{background-position:0 -75px;}

/*Customized Products*/
.miniSite .contents .pdtCustomized .imgBox li{display:inline-block; width:25%; margin:-1px 0 0 -1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.miniSite .contents .pdtCustomized .imgBox li > a{background-color:#fff;}

/*Customized image*/
.miniSite .contents .fullImg img{width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}

/*Customized video*/
.m_media_box{position:relative;}
.miniSite .contents .fullVideo .img_box{position:relative; height: 500px;}
.miniSite .contents .fullVideo .videoTxt{height:500px;}
/*.miniSite .contents .fullVideo .img_box::before{content:""; display:block; width:64px; height:47px; background:url(/mini/images/common/video_playBtn.png) no-repeat; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}*/
.miniSite .contents .fullVideo .videoTxt .img_box{float:left; width:60%; height:500px;}
.miniSite .contents .fullVideo .videoTxt .txt_box{float:left; width:40%; position:relative; height:500px;}
.miniSite .contents .fullVideo .videoTxt .txt_box > div{width:100%; padding:30px; transform:translate(-50%, -50%); position:absolute; top:50%; left:50%; text-align:center; box-sizing:border-box;}
.miniSite .contents .fullVideo .videoTxt .txt_box > div > span{font-size:20px; color:#ff9900;}
.miniSite .contents .fullVideo .videoTxt .txt_box > div > div{font-size:30px; font-weight:bold; padding:10px 0 30px; line-height:1;}
.miniSite .contents .fullVideo .videoTxt .txt_box > div .txt{font-size:15px;}

.miniSite .contents .fullVideo iframe{width:100%; height:500px; /*height:700px;*/ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.miniSite .contents .fullVideo{width:100%;}
.miniSite .contents .fullVideo img{width:100%;}

/*Roling Banner*/
.miniSite .contents .rolBanner article{padding-top:26.65%;}
.miniSite .contents .rolBanner article .rollingLink{position:absolute; top:0; z-index:-1; transition:all 0.5s ease;}
.miniSite .contents .rolBanner article .rollingLink img{/*width:100%;*/ width:1200px; height:320px;}
.miniSite .contents .rolBanner article .rollingLink.active{z-index:1;}
.miniSite .contents .rolBanner article .rol_btn{width:75px; height:75px; position:absolute; top:50%; z-index:2; transform:translate(0, -50%);}
.miniSite .contents .rolBanner article .rol_btn_l{background:url(/mini/site/images/rolling_btn_l.png) no-repeat left 0; left:25px;}
.miniSite .contents .rolBanner article .rol_btn_r{background:url(/mini/site/images/rolling_btn_r.png) no-repeat left 0; right:25px;}
.miniSite .contents .rolBanner article .rol_btn:hover{background-position:0 -75px;}
.miniSite .contents .rolBanner article .ulBtn{text-align:center; width:100%; font-size:0; line-height:0; position:absolute; bottom:10%; z-index:2;}
.miniSite .contents .rolBanner article .ulBtn li{display:inline-block; margin:0 2px;}
/* .miniSite .contents .rolBanner article .ulBtn li a{display:inline-block; width:12px; height:12px; border-radius:6px; background-color:#cccccc;} */
.miniSite .contents .rolBanner article .ulBtn li a{display:inline-block; width:13px; height:13px; border-radius:20px; background-color:#cccccc; vertical-align: top;}
/* .miniSite .contents .rolBanner article .ulBtn li.playBtn a{background:url(/mini/site/images/rolling_btn_play.png) no-repeat left bottom;}
.miniSite .contents .rolBanner article .ulBtn li.playBtn a.active{background:url(/mini/site/images/rolling_btn_play.png) no-repeat left top;}
.miniSite .contents .rolBanner article .ulBtn li a.active{background-color:#e90030;} */
.miniSite .contents .rolBanner article .ulBtn li.playBtn a{background:url(/mini/site/images/rolling_btn_play.png) no-repeat left bottom;}
.miniSite .contents .rolBanner article .ulBtn li.pauseBtn a{background:url(/mini/site/images/rolling_btn_play.png) no-repeat left top;}
.miniSite .contents .rolBanner article .ulBtn li a.active{background-color:#e90030;}
/* .miniSite .contents .rolBanner article .ulBtn li.playBtn a, .miniSite .contents .rolBanner article .ulBtn li.pauseBtn a{background-color:#000 !important;}
.miniSite .contents .rolBanner article .ulBtn li.playBtn a::after{content: "▶"; display: inline-block; font-size: 10px; color: #fff; position: relative; top: 6px; left: 1px;}
.miniSite .contents .rolBanner article .ulBtn li.pauseBtn a::after{content: "∥"; display: inline-block; font-size: 14px; position: relative; top: 5px; color: #fff;} */

/*HTMl Contents*/
.miniSite .contents .htmlCont .htmlConBox{font-size:16px; line-height:1.5;/* padding:0 20px 20px;*/}
.miniSite .contents .htmlCont .htmlConBox img{width:100%;}
.miniSite .contents .htmlCont .htmlConBox iframe{width:100%;}

/*********ADD*********/
#a_c_base{clear:both; position:relative; font-family:"Arial","Lucida Grande","Helvetica",Sans-serif;}
#a_c_base h2.a_title{display:inline-block; vertical-align:middle; font-size:13px; color:#fff; line-height:38px; cursor:pointer; font-weight:normal;}
#a_c_base h2.a_title .tit_text{float:left; width:648px; height:38px; font-size:13px; color:#fff; line-height:38px; cursor:pointer; padding-left:18px; background:url(/mini/site/images/skin/admin_img/add_bar.png) no-repeat left top;}
#a_c_base h2.a_title .tit_end{float:left; width:8px; height:38px; vertical-align:middle; background:url(/mini/site/images/skin/admin_img/add_bar_end.png) no-repeat left top;}
ul.btn_group{position:absolute; right:15px; top:6px;}
ul.btn_group li{float:left; margin-left:4px;}
ul.btn_group li a{display:block; width:23px; height:23px;}
ul.btn_group li a.btn_close{background:url(/mini/site/images/skin/admin_img/btn_i_e_c.png) no-repeat right top;}
#a_c_base .add_body{float:left; background:url(/mini/site/images/skin/admin_img/add_body_end.png) repeat-y right top;}
#a_c_base .add_body .add_frame{float:left; width:666px; margin-right:8px; background:url(/mini/site/images/skin/admin_img/add_body.png) repeat-y left top;}
.add_body .default_box{clear:both; position:relative; display:block; color:#fff; width:auto; padding:0 10px; margin-left:8px; background:#414243;}
.add_btn_box{clear:both; position:relative; display:block; text-align:center; color:#fff; margin:0 auto;}
.add_btn_box a{position:relative; display:inline-block; width:128px; height:40px; color:#fff; text-align:center; font-size:12px; line-height:40px; margin-right:-5px; border:1px solid #000;}
.add_btn_box a.type_01{background:url(/mini/site/images/skin/admin_img/btn_preview_bg.jpg) repeat-x left top;}
.add_btn_box a.type_02{background:url(/mini/site/images/skin/admin_img/apply_bg.png) repeat-x left top;}
.add_btn_box a span{display:block; width:126px; height:38px;}
.add_btn_box a.type_01 span{border:1px solid #707171; border-top:1px solid #86878b;}
.add_btn_box a.type_02 span{border:1px solid #8b8b8b; border-top:1px solid #a9a9a9;}
#a_c_base .add_foot{float:left; background:url(/mini/site/images/skin/admin_img/add_foot_end.png) no-repeat right top;}
#a_c_base .add_foot_b{float:left; width:644px; height:14px; margin-right:30px; background:url(/mini/site/images/skin/admin_img/add_foot.png) no-repeat left top;}
.add_body .menu_thumb{clear:both; position:relative; display:block; width:100%; height:107px; color:#222; padding:12px 0 0px 0; background:url(/mini/site/images/skin/admin_img/menu_thumb.jpg) no-repeat center center;}
.add_body .menu_thumb span{float:right; line-height:18px; margin:18px 25px 0 0; font-weight:600;}
p.ed_info{clear:both; display:block; text-align:right; font-size:11px; margin-right:6px; color:#ccc;}
.a_main{width:674px;}
.a_pop3{width:614px !important;}
.a_pop2_t_bar{width:424px !important;}
.a_pop3_t_bar{width:588px !important;}
.a_pop2_t_body{width:442px !important;}
.a_pop3_t_body{width:606px !important;}
.a_pop2_t_s_b{width:410px !important;}
.a_pop3_t_s_b{width:586px !important;}
.a_pop2_foot{width:420px !important;}
.a_pop3_foot{width:584px !important;}
.clear{clear:both; margin:0px; padding:0px;}
.layer_bg{position:absolute; z-index:200; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.75); opacity:0.5;}

/*font add*/
.fontAdd{height:50px; padding:0 21px;}
.fontAdd dt{color:#fff; display:inline-block;}
.fontAdd dd{display:inline-block;}
.fontAdd dd select{width:200px;}

/*Add Contents Step*/
.step { width:658px; margin-left:-10px;}
.step ul.step_list { position:relative;}
.step ul.step_list li { position:relative;}
.step ul.step_list li a { display:inline-block;  font-weight:bold; color:#edeae3; padding:13px 90px; }
.step ul.step_list li.step01 { float:left; background:url(/mini/site/images/skin/admin_img/add_step01_bg.png) no-repeat left top; width:238px; height:46px; text-align:center; z-index:20; }
.step ul.step_list li.step02 { float:left; background:url(/mini/site/images/skin/admin_img/add_step01_bg.png) no-repeat left top; width:238px; height:46px; text-align:center; margin-left:-23px;  z-index:10;  }
.step ul.step_list li.step03 { float:left; background:url(/mini/site/images/skin/admin_img/add_step03_bg.png) no-repeat left top; width:230px; height:46px; text-align:center; margin-left:-25px; z-index:0;  }

/*step1, step2, step3 hover*/
.step ul.step_list li:hover {background:url(/mini/site/images/skin/admin_img/add_step01_bg.png) no-repeat center center;}
.step ul.step_list li.step03:hover { background:url(/mini/site/images/skin/admin_img/add_step03_bg.png) no-repeat center center; }

/*step1, step2 on*/
.step ul.step_list li.on { background:url(/mini/site/images/skin/admin_img/add_step01_bg.png) no-repeat center bottom; width:238px; height:46px;}

/*step3 on*/
.step ul.step_list li.step03_on{background:url(/mini/site/images/skin/admin_img/add_step03_bg.png) no-repeat center bottom; }

/*Add Contents Step Explain*/
.add_select_contents{width:636px; background:#2d2d2d; border:1px solid #222222; margin:0 auto; margin-top:10px; float:left; }
.add_select_contents .step_explain{color:#ffffff; font-size:14px; text-align:center; padding:10px; background:#282828;}
.add_select_contents .step_explain span.d_icon{display:inline-block; vertical-align:middle; width:17px; height:17px; margin:0 5px; background:url(/mini/site/images/skin/admin_img/drag_arrow.png) no-repeat left top;}
.add_select_contents .step_dotted_line{background:url(/mini/site/images/skin/admin_img/add_step_dotted_line.png) repeat-x; width:636px; height:1px; margin-bottom:1px;}
.add_select_contents input.in_t5{float:left; margin-left:7px; height:23px; width:503px; vertical-align:middle; padding:0 5px; margin:0 0 5px 118px;  border:1px solid #222; background:#fff;}

/*Add Contents Step1 Select menu*/
.add_select_contents ul.add_select_menu{border-top:1px solid #141414; width:632px; overflow:hidden; padding:2px;}
.add_select_contents ul.add_select_menu li{background:url(/mini/site/images/skin/admin_img/add_step_choice_bg.png) no-repeat left top; width:158px;height:97px; text-align:center; float:left;}
.add_select_contents ul.add_select_menu li:hover{background:url(/mini/site/images/skin/admin_img/add_step_choice_bg.png) no-repeat center center; width:158px; height:97px;}

.add_select_contents ul.add_select_menu li .add_select_thumb{padding:15px 20px; width:119px;cursor:pointer;}
.add_select_contents ul.add_select_menu li .add_select_thumb p.add_icon_html {background:url(/mini/site/images/skin/admin_img/add_html_icon.png) no-repeat left top; width:43px; height:16px; margin:0 auto; margin-top:10px;}
.add_select_contents ul.add_select_menu li .add_select_thumb p.add_icon_image {background:url(/mini/site/images/skin/admin_img/add_image_icon.png) no-repeat left top; width:24px; height:16px; margin:0 auto; margin-top:10px;}
.add_select_contents ul.add_select_menu li .add_select_thumb p.add_icon_video {background:url(/mini/site/images/skin/admin_img/add_video_icon.png) no-repeat left top; width:23px; height:16px; margin:0 auto; margin-top:10px;}
.add_select_contents ul.add_select_menu li .add_select_thumb p.add_icon_products {background:url(/mini/site/images/skin/admin_img/add_product_icon.png) no-repeat left top; width:20px; height:20px; margin:0 auto; margin-top:6px;}
.add_select_contents ul.add_select_menu li .add_select_thumb p.add_tt { font-size:11px; margin-top:3px; color:#c1c1c1;}

/*Add Contents Step1 Seleted*/
.add_select_contents ul.add_select_menu li.select { background:url(/mini/site/images/skin/admin_img/add_step_choice_bg.png) no-repeat center bottom;}
.add_select_contents ul.add_select_menu li .add_select_thumb p.add_icon_html_select {background:url(/mini/site/images/skin/admin_img/add_html_icon.png) no-repeat center bottom; }
.add_select_contents ul.add_select_menu li .add_select_thumb p.add_icon_image_select {background:url(/mini/site/images/skin/admin_img/add_image_icon.png) no-repeat center bottom; }
.add_select_contents ul.add_select_menu li .add_select_thumb p.add_icon_video_select {background:url(/mini/site/images/skin/admin_img/add_video_icon.png) no-repeat center bottom; }
.add_select_contents ul.add_select_menu li .add_select_thumb p.add_icon_products_select {background:url(/mini/site/images/skin/admin_img/add_product_icon.png) no-repeat center bottom; }
.add_select_contents ul.add_select_menu li .add_select_thumb p.add_tt_select { color:#fff;}

/*Add Contents Radio button*/
.add_select_contents input[type="radio"] { display:none;}
.add_select_contents input[type="radio"] + label { color:#fff;}				 
.add_select_contents input[type="radio"] + label span { display:inline-block; width:19px; height:19px; vertical-align:middle; cursor:pointer; background:url(/mini/site/images/skin/admin_img/radio_bg_2.png) no-repeat left top;}
.add_select_contents input[type="radio"]:checked + label span {background:url(/mini/site/images/skin/admin_img/radio_select.png) no-repeat left top;}

/*Add Contents Step2 box html */
.add_step_box { width:626px; padding:10px 5px 5px 5px; overflow:auto;}
.add_step_box a.btn_et { clear:both; position:relative; display:inline-block; height:20px; line-height:20px; color:#2dbcff; padding:0 10px; margin:20px 0 10px 10px; border:1px solid #555;}
.add_step_box ul li { float:left; width:100%; margin-top:5px;}
.add_step_box ul li.mar { clear:both;}
.add_step_box ul li dl dt {  float: left;  font-size: 12px;margin-left:15px; color:#e9e9e9;}
.add_step_box ul li dl dt span.post_tt_red { color:#ff0000; display:inline-block; padding-left:5px; font-size:11px;}
.add_step_box ul li dl dd span { float:left; margin-left:7px;}
.add_step_box ul li dl dd span.cc { color:#ccc; }
.add_step_box ul li dl dd span.cc2 { color:#ccc; line-height:14px;}
.add_step_box ul li dl dd input.type_04 { float: left; margin-left:7px;  height: 23px; width:499px;  vertical-align: middle;  padding: 0 5px;  border: 1px solid #222;  background: #fff;}
.add_step_box ul li dl dd input.type_05 { float:left; margin-left:7px;  height: 23px; width:325px;  vertical-align: middle;  padding: 0 5px;  border: 1px solid #222;  background: #fff;}
.add_step_box ul li dl dd input.type_06 { float:left; margin:5px 7px;  height: 23px; width:370px;  vertical-align: middle;  padding: 0 5px;  border: 1px solid #222;  background: #fff;}
.add_step_box ul li dl dd input.type_07 { display:inline-block; margin:0px 7px 5px;  height: 23px; width:450px;  vertical-align: middle;  padding: 0 5px;  border: 1px solid #222;  background: #fff;}
.add_step_box ul li dl dd select { float:left; width:80px; margin-left:8px; border:1px solid #222;}
.add_step_box .t_1 { clear:both; font-size: 11px;  margin: 0 0 0 116px;  color: #ccc; padding-top:5px; overflow:auto;}
.add_step_box .t_1 input.ch_box { float:left; margin-top:2px;  }
.add_step_box .t_1 label {  float:left; padding-left:5px;}
.add_htmledit { border:1px solid #000; background:#fff;width:626px; height:318px; margin:10px 4px 4px 4px;}

/*Add Contents Step2 image drag & drop */
.add_drag_area { width: 628px; margin:10px 4px 4px 4px;}
.add_drag_area .drag_frame { clear:both; position:relative; width:628px; height:320px; padding:1px 0 0 1px; margin:0; background: url(/mini/site/images/skin/admin_img/w1_dotted_line.gif) no-repeat left top;}
.add_drag_area .drag_frame .drag_area{ clear:both; position:relative; width:626px; height:318px; background: url(/mini/site/images/skin/admin_img/thumb_bg2.jpg) ;}
.add_drag_area .drag_frame .drag_area img { width:628px; max-width:626px; max-height:320px; min-height:318px;}
.add_drag_area .drag_frame .drag_area p{ text-align:center; padding-top:100px; line-height:14px;}
.add_drag_area .drag_frame .drag_area p a { color:#2dbcff; text-decoration:underline;}
.add_drag_area .drag_frame .drag_area p span.dr_add { font-weight:bold;}
.add_drag_area .drag_frame .drag_area p span.dr_info { color:#e9e9e9; font-size:11px;}

/*Add Contents step02 Video - Tab menu*/
.add_video {width: 636px; margin-top:10px;}
ul.video_tab {display: block;  height: 42px;  border-bottom: 1px solid #000000;   }
ul.video_tab li {float: left;  border-right: 1px solid #000; border-left:1px solid #000;  border-top:1px solid #000;  margin-left:5px;}
ul.video_tab li.m_l_no { margin-left:0; }
ul.video_tab li.bor_no {border-right:none;}
ul.video_tab li a {display: inline-block;  width: 312px;  height: 40px;  color: #a5a49f;  text-align: center;  line-height: 40px;  border-top: 1px solid #6c6d6d;    background: #3f4040;}
ul.video_tab li a:hover { color:#fff; border-top:1px solid #797979; background:#454545;}
ul.video_tab li a.act { cursor: default;  height: 39px;  width: 312px;  color: #fff;  font-weight: 600;  border-bottom: none;  border-top: 3px solid #089efd;  background: #2d2d2d;}

/*Add Contents step02 Video - Post a new video*/
.add_video_contents { width:636px; position:relative;}
.add_video_contents ul.post_video {margin:10px 5px 20px 15px;  }
.add_video_contents ul.post_video li { padding-top:15px; clear:both;}
.add_video_contents ul.post_video li p { float:left;}

.add_video_contents ul.post_video li p span.post_tt { width:125px; display:inline-block; font-size:11px;}
.add_video_contents ul.post_video li p span.post_tt_red { color:#ff0000; display:inline-block; padding-left:5px; font-size:11px;}
.add_video_contents ul.post_video li p span.post_tt_semi {padding:0 10px;  font-size:11px;}
.add_video_contents ul.post_video li textarea { float:left; width:465px; max-width:465px; min-width:465px; height:42px;  max-height:42px; min-height:42px; border:1px solid #181818;}
.add_video_contents .post_tt_blue { color:#2dbcff; text-decoration:underline; font-size:11px;}
.add_video_contents ul.post_video li p.code_explain {clear:both; margin:7px 0 0 150px; color:#bcbcbc; font-size:11px;}
.add_video_contents ul.post_video li span.tag_name { color:#cccccc; font-size:11px; display:inline-block; padding-left:10px;}
.add_video_contents ul.post_video li input.type_05 { float: left;  height: 23px; width:332px;  vertical-align: middle;  padding: 0 5px;  border: 1px solid #222;  background: #fff;}

.add_video_contents table.demon { display:block; margin:0px 0 0 0px; }
.add_video_contents table.demon td input[type="radio"] { display:inline-block !important; vertical-align:middle; }
.add_video_contents table.demon td { border-top:1px solid #191919;  margin-bottom:10px; padding:10px 0 7px 0;}
.add_video_contents table.demon td.n_bor { border-top:none;}
.add_video_contents table.demon td.s_ch_box { text-align:center; vertical-align:middle;}
.add_video_contents table.demon td.s_dc_box { vertical-align:top; padding:20px 10px 10px 15px; font-weight:normal;}
.add_video_contents table.demon td.s_dc_box strong { display:block; line-height:18px; padding:0 0 10px 0; margin:0 0 5px 0;  }
.add_video_contents p.mp_tit { clear:both; position:relative; display:block; height:20px; line-height:20px; margin:10px 0 0 20px;}

.caution { width:606px; margin:0 auto; padding:5px 0;}
.caution span.caution_icon {background:url(/mini/site/images/skin/admin_img/caution_icon.png) no-repeat; width:20px; height:20px; display:inline-block; }
.caution span.caution_tt { color:#cccccc; font-size:11px; display:inline-block; width:565px; margin-left:15px;}

/*Add Contents step02 Video - Select one from posted videos*/
.pd_bt_30 {padding-bottom:30px;}
.add_video_contents ul.video_list { margin-top:10px; background:#151515; border-top:1px solid #000; border-bottom:1px solid #000; padding:5px 4px; overflow:auto;}
.add_video_contents ul.video_list li { width:152px;  background:#151515; border:1px solid #434343; text-align:center; padding:7px 0; float:left; margin-left:4px;}
.add_video_contents ul.video_list li:hover {background:#2d2d2d; border:1px solid #666;}
.add_video_contents ul.video_list li.m_l_no { margin-left:0;}
.add_video_contents ul.video_list li.select { border:1px solid #089efd;  background:#151515; }

.add_video_contents ul.video_list li .video {width:152px; height:152px; border-top:1px solid #4f4f4f; border-bottom:1px solid #4f4f4f; margin-top:7px; }
.add_video_contents ul.video_list li .video_tt {text-align:left; margin:7px 7px 0 7px;}
.add_video_contents ul.video_list li .video_tt p.video_name { font-size:12px; color:#fff; word-break:break-all;}
.add_video_contents ul.video_list li .video_tt p.video_tag { font-size:11px; color:#cccccc; padding-top:0px;}

/*Add Contents step02 Video - Select one from posted Layout_type*/
.add_video_contents ul.layout_box { margin-top:10px; background:#151515; border-top:1px solid #000; border-bottom:1px solid #000; padding:5px 4px; overflow:auto;}
.add_video_contents ul.layout_box li { width:188px;  background:#151515; border:1px solid #434343; text-align:center; padding:7px 0; float:left; margin-left:4px;}
.add_video_contents ul.layout_box li:hover {background:#2d2d2d; border:1px solid #666;}
.add_video_contents ul.layout_box li.m_l_no { margin-left:0;}
.add_video_contents ul.layout_box li.select { border:1px solid #089efd;  background:#151515; color:#5cb8ff;}

.add_video_contents ul.layout_box li .layout_type {width:188px; height:150px; border-top:1px solid #4f4f4f; border-bottom:1px solid #4f4f4f; margin-top:7px; }
.add_video_contents ul.layout_box li .type_01 { background:url(/mini/site/images/skin/admin_img/layer_img_add.jpg) no-repeat left top;}
.add_video_contents ul.layout_box li .type_02 { background:url(/mini/site/images/skin/admin_img/layer_img_add.jpg) no-repeat left -300px;}
.add_video_contents ul.layout_box li .type_03 { background:url(/mini/site/images/skin/admin_img/layer_img_add.jpg) no-repeat left -600px;}
.add_video_contents ul.layout_box li .type_04 { background:url(/mini/site/images/skin/admin_img/layer_img_add.jpg) no-repeat left -900px;}
.add_video_contents ul.layout_box li .type_05 { background:url(/mini/site/images/skin/admin_img/layer_img_add.jpg) no-repeat left -1200px;}
.add_video_contents ul.layout_box li .type_06 { background:url(/mini/site/images/skin/admin_img/layer_img_add.jpg) no-repeat left -1500px;}

.add_video_contents ul.layout_box li .type_01_act { background:url(/mini/site/images/skin/admin_img/layer_img_add.jpg) no-repeat left -150px;}
.add_video_contents ul.layout_box li .type_02_act { background:url(/mini/site/images/skin/admin_img/layer_img_add.jpg) no-repeat left -450px;}
.add_video_contents ul.layout_box li .type_03_act { background:url(/mini/site/images/skin/admin_img/layer_img_add.jpg) no-repeat left -750px;}
.add_video_contents ul.layout_box li .type_04_act { background:url(/mini/site/images/skin/admin_img/layer_img_add.jpg) no-repeat left -1050px;}
.add_video_contents ul.layout_box li .type_05_act { background:url(/mini/site/images/skin/admin_img/layer_img_add.jpg) no-repeat left -1350px;}
.add_video_contents ul.layout_box li .type_06_act { background:url(/mini/site/images/skin/admin_img/layer_img_add.jpg) no-repeat left bottom;}

.add_video_contents ul.layout_box li:hover .type_01 { background:url(/mini/site/images/skin/admin_img/layer_img_add.jpg) no-repeat left -150px;}
.add_video_contents ul.layout_box li:hover .type_02 { background:url(/mini/site/images/skin/admin_img/layer_img_add.jpg) no-repeat left -450px;}
.add_video_contents ul.layout_box li:hover .type_03 { background:url(/mini/site/images/skin/admin_img/layer_img_add.jpg) no-repeat left -750px;}
.add_video_contents ul.layout_box li:hover .type_04 { background:url(/mini/site/images/skin/admin_img/layer_img_add.jpg) no-repeat left -1050px;}
.add_video_contents ul.layout_box li:hover .type_05 { background:url(/mini/site/images/skin/admin_img/layer_img_add.jpg) no-repeat left -1350px;}
.add_video_contents ul.layout_box li:hover .type_06 { background:url(/mini/site/images/skin/admin_img/layer_img_add.jpg) no-repeat left bottom;}

.add_video_contents ul.layout_box li .layout_type_tt {text-align:left; margin:7px 7px 0 7px;}
.add_video_contents ul.layout_box li .layout_type_tt p.layout_name { font-size:12px; color:#fff; word-break:break-all;}
.add_video_contents ul.layout_box li .layout_type_tt p.layout_tag { font-size:11px; color:#cccccc; padding-top:0px;}

.top5_bg .top5_list_box{background-color: #151515;}
.top5_bg .add_video_contents ul.layout_box li{width: 303px; margin-bottom:5px; padding-bottom: 0;}
.top5_bg .add_video_contents ul.layout_box li .layout_type {width: 303px; height: 86px;}
.top5_bg .add_video_contents ul.layout_box li .type_01 { background:url(/mini/site/images/skin/admin_img/top5_bg_01.jpg) no-repeat center top;}
.top5_bg .add_video_contents ul.layout_box li .type_02 { background:url(/mini/site/images/skin/admin_img/top5_bg_02.jpg) no-repeat center top;}
.top5_bg .add_video_contents ul.layout_box li .type_03 { background:url(/mini/site/images/skin/admin_img/top5_bg_03.jpg) no-repeat center top;}
.top5_bg .add_video_contents ul.layout_box li .type_04 { background:url(/mini/site/images/skin/admin_img/top5_bg_04.jpg) no-repeat center top;}
.top5_bg .add_video_contents ul.layout_box li .type_05 { background:url(/mini/site/images/skin/admin_img/top5_bg_05.jpg) no-repeat center top;}
.top5_bg .add_video_contents ul.layout_box li .type_06 { background:url(/mini/site/images/skin/admin_img/top5_bg_06.jpg) no-repeat center top;}

.add_url_box { clear:both; position:relative; float:left; margin-left:20px; margin-bottom:15px;}
.add_url_box p { float:left; line-height:26px;}
.add_url_box p.sc { margin-right:10px;}
.add_url_box p.u_t {padding-right:57px;}
.add_url_box input { float:left; width:455px !important; margin:0 0 0 10px !important;}

.add_body .dc_data_box{ position: relative; padding: 10px 20px 35px; border-top: 1px solid #4c4c4c;}
.add_body .dc_data_box p { float:left; width:400px; display:inline-block; font-size:14px; margin-bottom:10px;}

.add_body .dc_btn_box { float:right; }
.add_body .dc_btn_box a.dc_btn_in { position:relative; display:inline-block; width:85px; height:22px; line-height:22px; text-align:center; color:#e9e9e9; border:1px solid #222; margin-right:-4px; background:url(/mini/site/images/skin/admin_img/input_bg_3.jpg) repeat-x left top;}	 
.add_body .dc_btn_box a.dc_btn_in span { display:block; width:83px; height:20px; border:1px solid #545454;}			 
.add_body .dc_btn_box a.dc_btn_in:hover { color:#fff; background:url(/mini/site/images/skin/admin_img/input_bg_3.jpg) repeat-x left bottom;}			 
.add_body .dc_btn_box a.dc_btn_in:hover span { border:1px solid #7a7a7a;}		
.add_body .dc_btn_box a.dc_btn_in2 { position:relative; display:inline-block; width:100px; height:22px; line-height:22px; text-align:center; color:#fff; border:1px solid #222; margin-right:-4px; background:#1d6fbb url(/mini/site/images/skin/admin_img/input_bg_4.jpg) repeat-x left top;}	 
.add_body .dc_btn_box a.dc_btn_in2 span { display:block; width:83px; height:20px; padding-left:15px; border:1px solid #489cdd; background:url(/mini/site/images/skin/admin_img/icon_upload.gif) no-repeat 10px 3px;}			 
.add_body .dc_btn_box a.dc_btn_in2:hover { color:#fff; background:url(/mini/site/images/skin/admin_img/input_bg_4.jpg) repeat-x left bottom;}			 
.add_body .dc_btn_box a.dc_btn_in2:hover span {  border:1px solid #489cdd;}	
.add_body .dc_btn_box a.dc_btn_in3 { position:relative; display:inline-block; width:95px; height:22px; text-align:center; color:#fff; line-height:22px; border:1px solid #222; margin-right:-4px; background:#1d6fbb url(/mini/site/images/skin/admin_img/input_bg_4.jpg) repeat-x left top;}	 
.add_body .dc_btn_box a.dc_btn_in3 span { display:block; width:83px; height:20px; padding:0 5px; border:1px solid #489cdd;}			 
.add_body .dc_btn_box a.dc_btn_in3:hover { color:#fff; background:url(/mini/site/images/skin/admin_img/input_bg_4.jpg) repeat-x left bottom;}			 
.add_body .dc_btn_box a.dc_btn_in3:hover span {  border:1px solid #489cdd;}				 				  
.add_body .p_bom { padding-bottom:13px; border-bottom:1px solid #161616; border-top:none;}	

/* my services table class */
.services_table {width:100%; color:#222; border-collapse:collapse; border:1px solid #222; table-layout:fixed; background:#f2f2f2; overflow:scroll;}
.services_table table td {border:none;}
.services_table caption {visibility:hidden; font-size:0; margin:0; padding:0; height:0; line-height:0;}
.services_table th { height:20px; color:#fff; color:#222; text-align:center; border-left:1px solid #a0a0a0; border-bottom:1px solid #7d7d7d; padding:3px;  background-color:#bfbfbf; }
.services_table th.th2 {background-color:#fff; border-top:1px solid #d0d8e4; border-bottom:1px solid #d0d8e4; padding:20px 10px 5px 10px; text-align:left;}
.services_table td { height:30px; color:#000; border-left:1px solid #bbb;  padding:3px 5px; border-top:1px solid #bbb;  word-wrap:break-word; }
.services_table td.h_40 { height:40px !important; padding-left:10px !important; }
.services_table td.h_40 span.m_name { display:inline-block; vertical-align:middle; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; word-break:break-all;}
.services_table td.h_40 span.ed_m {width:84% !important;}
.services_table td.lt_cn {border:none; border-top:1px solid #e7e7e7;  text-align:center; word-wrap:break-word;}
.services_table td.lf_td1 {text-align:center; vertical-align: middle; background-color:#f9f9f9; word-wrap:break-word;}
.services_table td.cn {text-align:center;}
.services_table .bor_l_no { border-left:none;}
.services_table td.left_ls {padding: 0 0 0 20px; color:#222;}
.services_table td.left_ls a { color:#000;}
.services_table td.img_view { vertical-align:middle; text-align:center;}
.services_table td.img_view img{width:40px; height:40px; max-width:40px; max-height:40px; min-width:40px; min-height:40px;}
.services_table td a{ color:#000;}
.services_table td.dc_h { height:28px; text-align:center;  padding:0 5px;}
.services_table td.dc_h a { color:#0066cc;}
.services_table td.dc_h span { display:inline-block; vertical-align:middle; width:16px; height:16px; margin:0 5px 0 0px; } 
.services_table td.dc_h span.icon_pdf{background:url(/mini/site/images/skin/admin_img/icon_files.jpg) no-repeat left top;}
.services_table td.dc_h span.icon_img{background:url(/mini/site/images/skin/admin_img/icon_files.jpg) no-repeat left -16px;}
.services_table td.dc_h span.icon_word{background:url(/mini/site/images/skin/admin_img/icon_files.jpg) no-repeat left -32px;}
.services_table td.dc_h span.icon_excel{background:url(/mini/site/images/skin/admin_img/icon_files.jpg) no-repeat left -48px;}
.services_table td.dc_h span.icon_p_point{background:url(/mini/site/images/skin/admin_img/icon_files.jpg) no-repeat left -64px;}
.services_table td.dc_h span.icon_html{background:url(/mini/site/images/skin/admin_img/icon_files.jpg) no-repeat left bottom;}
.services_table td.dc_h a.btn_up { float:right;  width:16px; height:16px;  background:url(/mini/site/images/skin/admin_img/up_down_btn.jpg) no-repeat left top;}
.services_table td.dc_h a.btn_up:hover { background:url(/mini/site/images/skin/admin_img/up_down_btn.jpg) no-repeat left -30px;}
.services_table td.dc_h a.btn_down {float:right; width:16px; height:16px; margin:0 0px 0 -1px; background:url(/mini/site/images/skin/admin_img/up_down_btn.jpg) no-repeat left -15px;}
.services_table td.dc_h a.btn_down:hover {background:url(/mini/site/images/skin/admin_img/up_down_btn.jpg) no-repeat left -45px;}
.services_table td.dc_h a.btn_del { float:right; width:13px; height:15px; background:url(/mini/site/images/skin/admin_img/btn_del.gif) no-repeat left top;}
.services_table td.dc_h a.mar_l { margin-left:5px;}
.services_table td.dc_h a.btn_del:hover { float:right; width:13px; height:15px; background:url(/mini/site/images/skin/admin_img/btn_del.gif) no-repeat left bottom;}
.services_table td.t_left { text-align:left;}
.services_table tr.dv_ar {background-color:#fcfad6;}
.services_table tr.on_act{  width:100%;  color:#06c; background:#fff;}
.services_table tr.on_act td {border:1px solid #06c; font-weight:bold; color:#0066cc !important; border-right:1px solid #d0d8e4;}
.services_table tr.on_act td a {color:#06c;}
.services_table tr.on_act td a:hover {color:#06c;}
.services_table tr.on_act td.cn2 {border:1px solid #06c}
.services_table tr.on_act td.left_ls { color:#0066cc;}
.services_table tr.tr2 {background-color:#f9f9f9}
.services_table span.arrow {border-width:5px; border-style:dashed; border-color:transparent; display:inline-block; width:0; height:0; line-height:0; position:relative; left:3px; top:3px; margin:0; border-top-color:#7586a1; border-top-style:solid;}
.services_table li {background:url(/mini/site/images/icon/icon_lf_dd.gif) 0 5px no-repeat; padding-left:8px; margin:3px 0 3px 0; color:#666666;}
.services_table div.td_poz {position:relative; height:20px;}
.services_table span.mail_op{display:inline-block; width:12px; height:12px; background:url(/mini/site/images/inquiry_read.gif) no-repeat;}
.services_table span.mail_ne{display:inline-block; width:12px; height:9px; background:url(/mini/site/images/inquiry_non_read.gif) no-repeat;}
.services_table span.red {color:#eb0101;}
.services_table span.rt_btn {display:block; position:absolute; top:0; right:0;}
.services_table span.tx_gr1{color:#808080; vertical-align:middle; font-size:11px;}
.services_table span.red_del {text-decoration:line-through; color:#ff0000;}
.services_table span.bk_del {text-decoration:line-through;}
.services_table span.col_bk {color:#2f2f2f;}
.services_table a.ls_off {background:url(/mini/site/images/icon/icon_off.gif) 5px 0 no-repeat; font-weight:bold; padding:1px 0 0 25px; color:#2f2f2f;}
.services_table a.ls_on {background:url(/mini/site/images/icon/icon_on.gif) 5px 0 no-repeat; font-weight:bold; padding:1px 0 0 25px; color:#2f2f2f;}		

.add_body .dc_add_d_box { clear:both; width:600px; overflow-y:auto; padding:0 0px 0 0; margin:10px 0 0 0; }		 
.add_body .dc_h_192 { height:192px;}

.add_body .dc_tit { clear:both; position:relative;  padding:12px 20px; border-bottom:1px solid #161616;} 	 
.add_body .dc_tit p { line-height:16px; margin-bottom:5px;}
.add_body .dc_tit ul li { clear:both; display:block; width:100%; color:#ccc; font-size:11px; line-height:14px; }

/*preview*/
.pvLayer{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:999; overflow-x:auto; background:rgba(0,0,0,0.8);}
#pv_box {clear:both; display:block; position:absolute; top:10%; left:50%; margin-left:-600px;}
#pv_box h4 { font-size:20px; font-weight:normal; line-height:40px; color:#fff;}
#pv_box a.btn_dim_close { clear:both; position:absolute; display:inline-block; right:10px; top:-5px; width:38px; height:36px; background:url(/mini/site/images/dim_close.gif) no-repeat left top;}
#pv_box .bit_box { clear:both; position:relative; height:40px; border:1px solid #fff; border-top:none; background:#fff;}
#pv_box p.mov { clear:both; position:relative; display:block; height:40px; line-height:38px; padding-left:30px; margin-left:20px; background:url(/mini/site/images/move_icon.jpg) no-repeat left 8px;}
p.btn_cn8{position:absolute; right:10px; top:8px; text-align:right; padding:0; margin:0 0 10px 0;}
.btn_pack1.send_btn, .btn_pack1.send_btn *{height:24px; text-align:center; font-size:13px; line-height:22px;}
.btn_pack1, .btn_pack1 *{display:inline-block; color:#fff; font-weight:bold; padding: 0 13px;}
.send_btn{background-color:#ffa33a;}
#pv_box a.btn_dim_close{clear:both;position:absolute; display:inline-block;right:10px;top:-5px;width:38px;height:36px;background:url(/mini/site/images/dim_close.gif) no-repeat left top;}

#pv_box .previewCon{width:1200px !important; background-color:#fff;}
#pv_box .previewCon > div{padding:20px; height:552px; overflow-y:auto; box-sizing:border-box;}
#pv_box .previewCon .pdtTop5{padding:0; height:auto; overflow-y:inherit;}
#pv_box .previewCon .mainLs03{padding:0;}
#pv_box .previewCon .pdtRoll{padding:0; height:auto; overflow-y:inherit;}
#pv_box .previewCon .fullImg{padding:0;}
#pv_box .previewCon .htmlConBox{padding:0;}
#pv_box .previewCon .video{padding:0; height:500px; overflow-y:inherit;}

.previewTop5 #top5_products{border-bottom:1px solid #e2e2e2;}
.previewTop5 #top5_products::before{content:""; display:block; width:100%; height:150px; background: #2c3762 url(/mini/site/images/pdtTop5_bg.jpg) repeat;}

#pv_box .previewCon.mainLs03{padding-top:0px;}
#pv_box .m_media_box img{width:100%;}
.dmLayer .fullImg .previewCon{height:auto !important;}
.dmLayer .topPdNone .previewCon{padding:0 !important;}
#pv_box .htmlConBox{padding:20px;}
#pv_box iframe{width:100%; height:500px;}
/*.dmLayer .video .previewCon{height:700px !important; overflow-y:inherit !important;}*/

/*-----Footer-----*/
.b2b_footer{background-color:#fff; margin-top:60px; border-top:1px solid #bbbbbb; padding:30px 0 50px; text-align:center;}

/*-----SubPage-----*/
/*Company Profile*/
.subpage .detail_list{border-top:1px solid #bababa; border-bottom:1px solid #bababa; width:100%; margin-top:-1px;}
.subpage .detail_list tr:last-child th, .subpage .detail_list tr:last-child td{border-bottom:0;}
.subpage .detail_list th{border-bottom:1px solid #ddd; border-right:1px solid #ddd; width:20%; padding:15px; font-weight:normal; font-size:14px;}
.subpage .detail_list td{border-bottom:1px solid #ddd; width:80%; padding:15px; font-weight:normal; font-size:14px;}
.subpage .contents .company .conBox{min-height:auto;}
.subpage .contents .company .imgBox{margin-top:0 !important;}
.subpage .contents .company .imgBox li{width:18%; margin:0 0px 20px 20px;}
.subpage .seller_basic{position:relative; background:#f5f5f5; padding:40px; margin:0 20px 20px; box-sizing:border-box; min-height:240px; box-sizing:border-box;}
.subpage .seller_basic .inner_box .connect_info{position:relative; border-bottom:1px solid #bababa; height:45px; margin-bottom:20px;}
.subpage .seller_basic .inner_box .connect_info h3{display:inline-block; font-size:20px; font-family:roboto,'opensans','Malgun Gothic','맑은 고딕','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:500; letter-spacing:normal;}
.subpage .seller_basic .inner_box .profile_info{position:relative;}
.subpage .seller_basic .inner_box .profile_info ul{overflow:hidden;}
.subpage .seller_basic .inner_box .profile_info ul li {width:33%; float:left; box-sizing:border-box; margin-bottom:20px;}
.subpage .seller_basic .inner_box .profile_info ul li:last-child{margin-bottom:0;}
.subpage .seller_basic .inner_box .profile_info ul li .info{position:relative; font-size:13px; color:#404040; padding-left:44px; line-height:150%; min-height:36px; box-sizing:border-box; padding-top:8px;}
.subpage .seller_basic .inner_box .profile_info ul li .info .ico{position:absolute; left:0; top:0; width:36px; height:36px; border:2px solid #7c818c; border-radius:50%; box-sizing:border-box;}
.subpage .seller_basic .inner_box .profile_info ul li .info .ico.person{background:url('/mini/images/common/ico_person.png') no-repeat 50% 50%; background-size:16px 18px;}
.subpage .seller_basic .inner_box .profile_info ul li .info .ico.telephone{background:url('/mini/images/common/ico_telephone.png') no-repeat 50% 50%; background-size:18px 19px;}
.subpage .seller_basic .inner_box .profile_info ul li .info .ico.fax{background:url('/mini/images/common/ico_fax.png') no-repeat 50% 50%; background-size:18px 18px;}
.subpage .seller_basic .inner_box .profile_info ul li .info .ico.address{background:url('/mini/images/common/ico_address.png') no-repeat 50% 50%; background-size:16px 24px;}

/*Products*/
/* b2b_product_tab */
.subpage .b2b_product_tab {width:97%; margin:0 auto 40px; border-left:1px solid #ddd; overflow:hidden;}
.subpage .b2b_product_tab li {float:left; width:25%;}
.subpage .b2b_product_tab li a{display:block; border:1px solid #ddd; border-left:0; background:#f4f4f4; font-size:16px; height:55px; padding:0 10px;}
.subpage .b2b_product_tab li.on a {border-top:2px solid #333949; border-bottom:0; background:#fff;} 
.subpage .b2b_product_tab li a p{display:table; width:100%; height:100%; text-align:center !important; vertical-align:middle !important;}
.subpage .b2b_product_tab li a p span{display:table-cell; vertical-align:middle;}
/* b2b_product_list */
.subpage .product_list li{display:inline-block; width:25%; border:0 none !important;}
.subpage .product_list li a{padding:10% !important;}
.subpage .paging{padding-bottom:30px;}

/*more*/
.more .sub_box{min-height:400px; padding:20px;}

/*minisite table*/
.support{padding:0 20px;}
.board_search{position:relative; border-bottom:1px solid #ddd; height:38px; padding-bottom:10px; margin-bottom:40px;}
.board_search .total_area{font-size:13px; color:#404040; letter-spacing:-0.5px; line-height:150%; padding-top:10px; margin-bottom:12px;}
.board_search .total_area span{font-family:roboto,'opensans','Malgun Gothic','맑은 고딕','Helvetica nenu',Arial, "Apple SD Gothic"; display:inline-block; letter-spacing:1px; font-weight:300;}
.board_search .search_area{position:absolute; top:0; right:0;}
.tbl_normal{position:relative; border-top:2px solid #333949;}
.tbl_normal .tbl01{width:100%; color:#404040;}
.tbl_normal .tbl01 th{position:relative; text-align:center; padding:12px 5px; border-bottom:1px solid #ddd; line-height:150%; font-size:13px; background:#f5f5f5; color:#404040; font-weight:normal;}
.tbl_normal .tbl01 th:after{content:''; position:absolute; top:50%; right:0; width:1px; height:14px; background:#ddd; margin-top:-6px;}
.tbl_normal .tbl01 td{text-align:center; padding:18px 5px; border-bottom:1px solid #ddd; line-height:150%; font-size:13px; color:#404040; font-weight:normal; letter-spacing:normal;}

/*board view*/
.board_view .bv_creatit{position:relative; background:#333949; min-height:52px; padding:12px 20px; margin-bottom:5px; box-sizing:border-box;}
.board_view .bv_creatit .tit{display:inline-block; color:#fff; font-size:18px; line-height:150%; font-family:roboto,'opensans','Malgun Gothic','맑은 고딕','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; letter-spacing:normal;}
.board_view .bv_creatit .opt_txt{position:relative; overflow:hidden; padding:10px 0 3px; font-size:13px; font-family:roboto,'opensans','Malgun Gothic','맑은 고딕','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:normal;}
.board_view .bv_creatit .opt_txt dt{float:left; color:#c3c5c9; margin-right:15px; padding-left:15px; line-height:160%; letter-spacing:normal;}
.board_view .bv_creatit .opt_txt dt:first-child{padding-left:0;}
.board_view .bv_creatit .opt_txt dd{float:left; color:#fff; padding-right:15px; border-right:1px solid #272c39; line-height:160%;}
.board_view .bv_creatit .opt_txt dd:last-child{border-right:none; padding-right:0;}
.board_view .bv_creatit:after{content:''; position:absolute; left:0px; bottom:-9px; width:9px; height:9px; background:url(/mini/images/common/ico_crebox.png) no-repeat 50% 50%; background-size:9px 9px;}
.board_view .bv_file{position:relative; overflow:hidden; padding:0 20px;}
.board_view .bv_file li{position:relative; border-bottom:1px solid #ddd; padding:8px 20px;}
.board_view .bv_file li:before{content:""; position:absolute; left:10px; top:50%; width:2px; height:2px; background:#797d8a; margin-top:-1px;}
.board_view .bv_file li a{display:inline-block; color:#404040; line-height:150%; font-size:13px; letter-spacing:normal;}
.board_view .bv_contents{padding:40px 20px; border-bottom:1px solid #ddd;}
.board_view .bv_archive{position:relative; border-bottom:1px solid #ddd;}
.board_view .bv_archive dl{position:relative; height:67px; padding-left:100px; font-family:roboto,'opensans','Malgun Gothic','맑은 고딕','Helvetica nenu',Arial, "Apple SD Gothic";}
.board_view .bv_archive dl:first-child{border-bottom:1px solid #ddd;}
.board_view .bv_archive dl dt{position:absolute; left:0; width:100px; height:67px; line-height:67px; text-align:center; background:#f5f5f5; color:#404040; font-size:13px; font-weight:300; letter-spacing:normal;}
.board_view .bv_archive dl dd{padding-left:30px;}
.board_view .bv_archive .subject{display:block; padding-top:14px;}
.board_view .bv_archive .subject a{display:inline-block; line-height:150%; font-size:13px; letter-spacing:normal; color:#404040; font-weight:300;}
.board_view .bv_archive .date{display:inline-block; line-height:150%; letter-spacing:normal; color:#707070; font-size:13px;}
.board_view .bv_archive .no_txt{display:inline-block; line-height:150%; font-size:13px; letter-spacing:normal; color:#909090; padding-top:24px;}

@media all and (max-width:1200px){
 /* body{background:#fff;}*/
  .miniSiteAD{width:1200px;}
  #frame_bg_top, #frame_bg_bottom{display:none !important;}
	.wrapper{width:100% !important;}
	/*-----Header-----*/
	.miniSite .logo{margin-left:20px;}
	.miniSite .rtBox{margin-right:20px;}
  #gnb_bar_100{width:100%;}
	/*-----Contents-----*/
  /*b2b_visual*/
	.miniSite .contents .pdtCustomized .imgBox li{width:20%;}
  /*minisite table*/
  .support{padding:0 20px;}
  /*preview*/
  #pv_box{left:0%; margin-left:0px;}
  /*Roling Banner*/
  .miniSite .contents .rolBanner article .rollingLink img{ width:100%; height:auto;}
}

@media all and (max-width:960px){
  /*-----Common-----*/
	body{padding-top:0;}
  #frame_body{top:60px;}
	/*-----Header-----*/
	.miniSite .topArea{height:60px; position:static;}
	.miniSite .logo{width:120px; line-height:60px;}
	.miniSite .rtBox{margin-right:0;}
  .miniSite h1{display:table-cell}
  .miniSite .rtMenu .util_menu_icon, .miniSite .rtMenu .pdtSh{display:none !important;}
  #promotion_full{height: 120px !important; background-size: 100% 100% !important;}/*백그라운드모드 모바일화면*/
  .miniSite #promotionId1 .b2bVisual{display:table;}
	.miniSite .b2bVisual{padding:20px; /*background:url(/mini/site/images/b2b_visual_common_img_m.jpg) no-repeat center !important;*/ background-size:100% 100% !important; height:120px !important; box-sizing:border-box;}/*기본모드 모바일화면*/
  .miniSite .b2bVisual .compBox{display:table-cell;/* top:0px; left:0px;*/}
	.miniSite .b2bVisual .compBox .b2bLogo{/*width:80px; */height:60px;}
	.miniSite .b2bVisual .compBox .compName{font-size:25px;}
  #nav{background:url(/mini/site/images/menubar_default.jpg) repeat-x !important;}
	.miniSite .b2bGnb{height:50px;}
  #gnb_menu li.active{background-color:#e90030 !important;}
  #gnb_menu li a.pro, #gnb_menu li a span.ar{color:#fff !important;}
	.miniSite .b2bGnb > li > a{font-size:16px;}
  #tbannerDesc, .zly, #slideBar, #promotion_full .p_box dd{display:none !important;}
  #promotion_full section.m_93, #promotion_full .p_box, #promotion_full .m_93{width:100%; height:auto !important; box-sizing:border-box;}
  #promotion_full .p_box dl{padding:inherit; width:100%; height:80px;}
  #promotion_full .p_box dt{font-size:25px; color:#000 !important; width:100%; height:80px; margin-bottom:0; vertical-align:middle; display:table-cell;}  
  .miniSite .contents .h_tit{color:#333 !important; background-color:#fff !important; border-bottom:0 none;}
  
	/*-----contents-----*/
	.miniSite .contents .h_tit{font-size:25px; letter-spacing:-0.5px;}
	/*Company Profile*/
	.miniSite .contents .conBox .supplierInfo{display:none;}
	.miniSite .contents .company .conBoxLf{padding-right:inherit;}
	.miniSite .contents .company .comptxt{font-size:14px;}
	.miniSite .contents .company .imgBox{margin-top:20px;}
	/*Top 5 Products*/
	.miniSite .contents .pdtTop5 h2{padding-top:30px; color:#fff !important;}
	.miniSite .contents .pdtTop5 .imgBox ul{width:95%; padding-bottom:10px;}
	.miniSite .contents .pdtTop5 .imgBox li .label{width:45px; height:40px; background-size:45px 40px;}
  /*imgBox*/
	.miniSite .contents .imgBox .p_tit{font-size:14px; margin-top:5px; max-height:34px;}
	/*Main Product*/
	.miniSite .contents .pdtMain li{width:50%;}
	#main_products_ly3 .main_box3 article{display:block; vertical-align:inherit;}
	#main_products_ly3 .main_box3 .categoryLs{overflow-x:auto;}
	#main_products_ly3 .main_box3 .category{width:150%;}
	#main_products_ly3 .main_box3 .category .c_title{display:none;}
	#main_products_ly3 .main_box3 .category .cate_li{font-size:0; line-height:0; display:table; width:100%;}
	#main_products_ly3 .main_box3 .category .cate_li li{display:table-cell; width:150px; text-align:center; vertical-align:middle; /*padding:5px;*/ border-left:0 none;}
	#main_products_ly3 .main_box3 .category .cate_li li:first-child{border-left:1px solid #ddd;}
	#main_products_ly3 .main_box3 .category .cate_li li a{font-size:14px; line-height:1.2; background:transperant; overflow:hidden; vertical-align:middle;}
	#main_products_ly3 .main_box3 .imgBox{margin-top:15px;}
  /*05*/
  .miniSite .contents .mainLs03 .main_box::after{padding:10% 0; background-size:cover;}
  .miniSite .contents .mainLs03_01 .main_box::after{padding:10% 0; background-size:cover;}
  /*06*/
  .pdtRoll{display:block !important;}
  .pdtRoll article{padding-top:100% !important;}
  .pdtRoll .mainRolling{padding:20px 100px !important;}
  .pdtRoll .lfImgBox{width:80% !important; float: none !important; margin: 0 auto !important;}
  .pdtRoll .txtBox{float:none !important; width:80% !important; margin:5% auto 0 !important;}
  .pdtRoll .txtBox .p_tit{font-size:1.3em !important; line-height:1.2 !important; height:40px !important; max-height:40px !important;}
  .pdtRoll .txtBox .price{font-size:14px !important;}
  .pdtRoll .txtBox .price span{font-size:1.5em !important;}
  .pdtRoll .txtBox .btn{width:100% !important;}
  .pdtRoll article .rol_prod_l{left:0 !important;}
  .pdtRoll article .rol_prod_r{right:0 !important;}
  
	/*Products List*/
	.miniSite .contents .commonLs li > a{padding:5% 8%;}
  /*Customized Products*/
	.miniSite .contents .pdtCustomized .imgBox li{width:33.333%;}
	/*Customized image*/
  /*Customized video*/
  .miniSite .contents .fullVideo .img_box, .miniSite .contents .fullVideo .videoTxt{height:auto;}
  .miniSite .contents .fullVideo .videoTxt .img_box{width:100%; height:auto; float:none;}
  .miniSite .contents .fullVideo .videoTxt .txt_box{width:100%; float:none; height:auto;}
  .miniSite .contents .fullVideo .videoTxt .txt_box > div{transform:translate(0, 0%); position:static;}
  .miniSite .contents .fullVideo .videoTxt .txt_box > div .txt{font-size:14px;}
	.miniSite .contents .fullVideo iframe{height:400px;}
	/*Roling Banner*/
	/* .miniSite .contents .rolBanner{display:none;}
  .miniSite .contents .rolBanner article .ulBtn{padding:0 10px; box-sizing:border-box;} */
	/*HTMl Contents*/
	.miniSite .contents .htmlCont .htmlConBox{font-size:14px;}
  /*Footer*/
  .b2b_footer{margin-top:20px;}
  /*-----SubPage-----*/
  /*Products*/
  /* b2b_product_tab */
  .subpage .b2b_product_tab{margin-bottom:0px}
  .subpage .b2b_product_tab li {width:33.333%;}
  .subpage .b2b_product_tab li a{font-size:14px;}
  /* b2b_product_list */
  .subpage .product_list li{width:33.33%;}
  .subpage .paging{padding-bottom:0px;}
}

@media all and (max-width:640px){
  /*-----Header-----*/
  .miniSite .b2bGnb > li > a{font-size:14px; padding:0 10px; box-sizing: border-box;}
	/*-----Contents-----*/
  /*ImgBox*/
  .miniSite .contents .imgBox .btn{margin-top:20px;}
  .miniSite .contents .imgBox .row_02 .btn{display:block;}
  /*Top 5 Products*/
	.miniSite .contents .pdtTop5 .imgBox ul{margin-top:-115px;}
	.miniSite .contents .pdtTop5 .imgBox li{width:50%; margin-top:30px;}
	/*.miniSite .contents .pdtMain li{width:100%;}*/
	.miniSite .contents .pdtCustomized .imgBox li{width:50%;}
  /*Main Product*/
  /*04*/
  .miniSite .contents .mainLs02 li{height:auto; width:100%;}
  .miniSite .contents .mainLs02 li a > div{position:static; left:0%; top:0%; transform:translate(0%, 0%);}
  .miniSite .contents .mainLs02 li.row_01 a > div{width:100%;}
  .miniSite .contents .mainLs02 li.row_02 a{height:auto;}
  .miniSite .contents .mainLs02 li.row_02 a > div{width:100%;}
  /*05*/
  /*.miniSite .contents .mainLs03 .main_box::after{padding:20% 0;}*/
  .miniSite .contents .rolBanner article .rol_btn_l{width: 25px; height: 25px; background-size:cover; left: 5px;}
  .miniSite .contents .rolBanner article .rol_btn_r{width: 25px; height: 25px; background-size:cover; right: 5px;}
  .miniSite .contents .rolBanner article .rol_btn:hover{background-position: 0 -25px;}
  /* 06 */
  .pdtRoll article .rol_prod_l{width:40px; height: 40px; background-size: cover;}
  .pdtRoll article .rol_prod_r{width:40px; height: 40px; background-size: cover;}
  .pdtRoll .rol_prod:hover{background-position: 0 -40px;}
  
  .miniSite .contents .fullVideo .videoTxt .txt_box > div{padding:20px;}
  .miniSite .contents .fullVideo .videoTxt .txt_box > div > div{font-size:20px; padding:10px 0;}
  
  /*-----SubPage-----*/
  .subpage .seller_basic{padding:20px;}
  .subpage .seller_basic .inner_box .profile_info ul li{width:100%;}
  .subpage .seller_basic .inner_box .connect_info h3{font-size:16px;}
  /*Products*/
  /* b2b_product_tab */
  .subpage .b2b_product_tab li {width:50%;}
  /* b2b_product_list */
  .subpage .product_list{padding:0 !important;}
  .subpage .product_list li{width:50%;}
  .subpage .product_list li a{padding:8% !important;}
  /*minisite table*/
  .mNone{display:none;}
  .board_search{border-bottom:0 none; margin-bottom:0;}
  .board_search .total_area{margin-top:40px;}
  .board_search .search_area{top:-40px;}
}

@media all and (max-width:460px){
	/*-----Header-----*/
	.miniSite header .logo{width:100px; margin-left:10px;}
	.miniSite .rtMenu .util_menu > span a{padding:0 5px; font-size:12px;}
	.miniSite .b2bVisual{padding:20px 10px;}
  .miniSite .b2bVisual .compBox .b2bLogo img{max-height:40px;}
	.miniSite .b2bVisual .compBox .compName{font-size:20px; padding-left:10px;}
  #gnb_bar_pro, #gnb_bar_100{/* overflow-x:auto; */ width:100%;}
  .miniSite .b2bGnb{/*  width:110% !important; */}
  #promotion_full .p_box dt{font-size:20px; padding-left:10px;}
	/*-----Contents-----*/
	.miniSite .contents .h_tit{font-size:20px; padding:20px 10px; margin-bottom:5px;}
  .miniSite .contents .conPadd{/* padding:1px 10px 20px; */ padding: 15px 10px;}
	.miniSite .contents div.conPadd{padding:10px;}
	.miniSite .contents .commonLs li > a{padding:5%;}
  /*Main Product*/
  #main_products_ly3 .main_box3 .category .cate_li li{width:10% !important;}
	.miniSite .contents .pdtTop5 h2{padding-left:20px;}
	.miniSite .contents .pdtTop5 .imgBox li{width:50%; margin-top:20px; padding:0 2%;}
	.miniSite .contents .pdtMain .masonry{column-gap:0px;}
	.miniSite .contents .pdtMain .masonry li{margin:-1px 0 0;}
	#main_products_ly3 .main_box3 .category{width:220%;}
  /*05*/
  .miniSite .contents .mainLs03 .main_box{padding-top:40px;}
  .miniSite .contents .mainLs03_01 .main_box{padding-top:40px;}
  /*06*/
  .pdtRoll article{padding-top: 120% !important;}
  .pdtRoll .mainRolling{padding:20px 50px !important;}
  .pdtRoll .txtBox .price span{font-size:1.3em !important;}
  .pdtRoll .txtBox .p_tit{font-size:1.2em !important; height:38px !important; max-height:38px !important;}
  .pdtRoll article .ulBtn{bottom:20px !important;}
  
	/*.miniSite .contents .fullImg img{padding:0 10px;}*/
  
  .miniSite .contents .fullVideo .videoTxt .txt_box > div{padding:20px;}
  .miniSite .contents .fullVideo .videoTxt .txt_box > div > span{font-size:14px;}
  .miniSite .contents .fullVideo .videoTxt .txt_box > div > div{font-size:16px; padding:5px 0 10px;}
	.miniSite .contents .fullVideo iframe{height:250px; /*padding:0 10px;*/}
  /*.miniSite .contents .htmlCont .htmlConBox{padding:0 10px 10px;}*/
  
	/*-----Footer-----*/
	.b2b_footer{padding:20px 10px; margin-top:0; font-size:12px;}
  /*-----SubPage-----*/
  .subpage .contents .company .imgBox li{width:30%; margin: 0 0px 10px 10px;}
  .subpage .seller_basic {margin:0 10px 10px;}
  /*more*/
  .more .sub_box{min-height:400px; padding:10px;}
  /*minisite table*/
  .support{padding:0 10px;}
  .btn_gray span{padding:7px 10px 8px;}
  .inputxt_normal input{width:100px !important;} 
}