@charset "utf-8";

body {-webkit-text-size-adjust:none;}

/* common */
[class$="inr"]{width:1280px;margin:0 auto; }
[class$="inr"]:after{content:'';display:block;clear:both;}
.inr {width:1280px;margin:0 auto; }
.inr.detail {width:100%;max-width:1200px;}
.inr:after{content:'';display:block;clear:both;}

.img img{max-width:100%;}
.trans{
    -webkit-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
       -moz-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
         -o-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
            transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}   
.trans300{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.trans400{-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.trans500{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}


@media screen and (max-width:1280px){
	[class$="inr"]{padding:0 20px;}
	.inr {padding:0 10px;}

}

@media screen and (max-width:500px){
	.inr {padding:0 20px;}
	.tab-slider--container {margin:0 -20px;}

}

/* Layout */
#wrap{position:relative;max-width:1920px; margin:0 auto; }

/* Header */

#header{position:fixed; top:0px; left:50%;margin-left:-960px ; width:1920px;height:80px; z-index:333; background:#fff;border-bottom:1px solid #f0f0f0; }
#header h1.logo{ position:absolute; top:28px; left:30px; width:170px;z-index:11;}
#header h1.logo>a{ text-indent:-9999px; display:block; height:20px; background:url("/images/inc/logo.png") 50% 50% no-repeat;background-size:cover; }
#header .gnb_wrap{ position:relative;display:inline-block; padding-left:250px; width:40%;min-width:650px;  height:80px; }
#header .transition{z-index:30;transition:.3s ease-out;}
.main #header {border-bottom:0}

/* GNB Wrap */
#header #gnb{ z-index:31; position:relative; display:block; width:100%;  text-align:center; font-size:0; padding:0 ;  }
#header #gnb:after{content: ''; display: block; clear: both;}
#header #gnb>li{position:relative;display:inline-block;width:25%;}
#header #gnb>li>a{display:block;position:relative;line-height:80px; font-size:17px; font-weight:500;  text-align:center;color:#333;}
#header #gnb>li>a:before{content:'';display:inline-block;position:absolute;bottom:0;left:50%;width:0%;height:2px;background:#ee3e24;opacity:0;transition:all .3s;}
/*#header #gnb>li.on>a:before,*/
#header #gnb>li>a:hover:before,
#header #gnb>li>a:focus:before,
#header #gnb>li>a:active:before{left:50%;margin-left:-47px;width:94px;opacity:1;}
#header #gnb>li.open>a,
#header #gnb>li.open>a:hover,
#header #gnb>li.open>a:focus,
#header #gnb>li.open>a:active{color:#333;}
#header #gnb>li>div{z-index:100; overflow:hidden; position:absolute; top:80px;width:100%;height:auto;display:none; }
#header #gnb>li>div>ul{position:relative;padding:0; }

#header #gnb>li>div>ul>li{margin-bottom:12px;}
#header #gnb>li>div>ul>li>a{display:block; font-size:16px; color:#555; font-weight:500; text-align:center; white-space:nowrap;letter-spacing:-1px;}
#header .gnb_bg{position:absolute;top:80px;left:0;width:100%;background-color:transparent; display:none;}

 
#header .social {position:absolute; right:20px; top:26px;  }
#header .social i {font-style:normal; font-size:23px;line-height:25px;  color:#333; vertical-align:top; margin:0 12px; font-family:'xeicon';}
#header .social i.youtube {font-size:25px; margin-top:1px; }
#header .social i.blog {font-family:'OpenSans-Bold';font-weight:600;}
#header .social i { color:#333; }

/*#header.fixed{background:#fff;box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.05);}
#header.fixed .gnb_wrap{height:80px;z-index:10;}
#header.fixed #gnb>li>a{position:relative;color:#121212;}
#header.fixed #gnb>li>a:before{content:'';display:inline-block;position:absolute;bottom:0;left:50%;width:0%;height:2px;background:#ee3e24;opacity:0;transition:all .3s;}
#header.fixed #gnb>li.on>a{color:#ee3e24;}
#header.fixed #gnb>li.on>a:before,
#header.fixed #gnb>li.on>a:hover:before,
#header.fixed #gnb>li.on>a:active:before,
#header.fixed #gnb>li.on>a:focus:before{left:50%;margin-left:-47px;width:94px;opacity:1;}
#header.fixed #gnb>li>div>ul>li>a{color:#3c3c3c;}
#header.fixed #gnb>li>div>ul>li>a:hover {color:#ee3e24;}
#header.fixed .util_area .lang a{color:#262626;} 
#header.fixed .wholeview .btn_open{background:url(/front/img/www/common/ico_wholeview_bk.png) no-repeat 0 0;}*/
#header.scroll{height:80px;background:#fff;box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.05);/* transition:all .5s;-webkit-transition:all .5s; */ }

.mobile_wholeview{/*display:none;*/}
.m_lang{display:none;}




/*** Footer ***/
footer{position:relative; display:block; padding:50px 0 70px;font-family:'OpenSans-Regular', 'NotoSans'; border-top:1px solid #eaeaea;}
footer .f_logo {display:block; }
footer .f_logo img { height:18px;}
footer address {padding-top:15px; font-size:13px; color:#888; line-height:1.7em;word-break:keep-all;  }
footer address span {display:inline-block; padding:0 12px; }
footer .skip_top{position:fixed;bottom:10%;right:3%; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s; }

.main footer {border-top:0}

.mobile_wholeview .btn_wv, .mobile_wholeview .wv_head {display:none;}

@media screen and (max-width:1920px){
   #wrap {max-width:100%;}
   #header{ left:0;margin-left:0 ; width:100%;}
}

@media screen and (max-width:1500px){
    
    #header .wholeview .nav_wholeview .nav_wholeview_top{width:80%;}
    #header .wholeview .nav_wholeview>ul{width:80%;}
}

@media screen and (max-width:1200px){
 [class$="inr"]{ width:100% ;margin:0 auto; }
 .inr {width:100% ;}
}
@media screen and (max-width:1024px){
   footer address br{display:none;}
}
@media screen and (max-width:768px){
	
    #header .util_area{display:none;}
    #header .wholeview .btn_open{display:none;}

  /* ¸ð¹ÙÀÏ Àüü¸Þ´º */

    #header .gnb_wrap {padding:15px 20px 0;width:auto;min-width:auto;height:auto;}
	#header #gnb>li {width:100%;border-bottom:1px solid #eee;}
	#header #gnb>li>a {padding: 20px 70px 20px 15px;line-height:1.2;font-size:18px;text-align:left;color:#262626;}
	#header #gnb>li>a:before, #header #gnb>li>a:hover:before, #header #gnb>li>a:focus:before, #header #gnb>li>a:active:before {display:none;}
	#header #gnb>li.open>a:hover {color:#ee3e24;}
	#header #gnb>li.on>a, #header #gnb>li.open>a:focus {color:#262626;}
	#header #gnb>li>div{z-index:100; overflow:hidden; position:absolute; top:80px;width:100%;height:auto;display:none; }
	#header #gnb>li>div>ul{position:relative;padding:0; }
	#header .gnb_bg, #header #gnb>li.open >a:before {display:none;}
	
	#header .social {position:relative;top:auto;right:auto;padding-top:30px; text-align:center;font-size:0;}
	#header .social a {display:inline-block; margin:0 10px; width:60px; height:60px;background-color:#f8f8f8; border-radius:50%}
	#header .social i {line-height:60px;}
	#header .social i.youtube {font-size:26px;}
	
    .m_lang{display:block;position:absolute; top:21px; right:20px; z-index:30; width:50px; height:50px; text-align:right; cursor:pointer;}
   
    .mobile_wholeview, .mobile_wholeview .btn_wv, .mobile_wholeview .open .wv_head {display:block;}
    .mobile_wholeview .btn_wv{position:absolute; top:32px; right:20px; z-index:30; overflow:hidden; border:0 !important; outline:0 ;width:25px; height:13px;background:url(/images/inc/ico_mobile_wholeview_bk.png) no-repeat 0 0;text-indent:-999em;}
    
   /* #header.fixed .mobile_wholeview .btn_wv{background:url(/images/inc/ico_mobile_wholeview_bk.png) no-repeat 0 0;}
   #header.fixed .m_lang .global_box > ul > li > a {color:#000;}*/
    #header.scroll .mobile_wholeview .btn_wv{background:url(/images/inc/ico_mobile_wholeview_bk.png) no-repeat 0 0;}    
    #header.scroll .m_lang .global_box > ul > li > a {color:#000;}
    
	#wholeView {transition: all 0.2s ease-in; opacity:1; }
    #wholeView .m_logo{position:absolute;top:27px;left:25px;width:163px;}
    #wholeView .m_logo a{ text-indent:-9999px; display:block;height:23px;background:url(/images/inc/logo.png)no-repeat;background-size:auto 15px;}
    #wholeView .wvBg{position:fixed; top:0; right:0; z-index:999; width:100%; background:transparent;
    transition:background 0.4s ease-in-out 0s;
    -webkit-transition:background 0.4s ease-in-out 0s;
    transition-property:height, background;
    transition-duration:0s, .5s;
    transition-delay:0s, 0s;}
    #wholeView.open .wvBg{top:0; background:rgba(0,0,0,0.7);}
    #wholeView .wv_wrap{ position:fixed; top:0; right:0px; height:100%;  bottom:0; z-index:1000; width:100%; overflow:auto; background:#fff;transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transform:translate(0, 100%); -webkit-transform:translate(0, 100%);transform:translate(0, 100%);}
    #wholeView.open .wv_wrap{top:0; right:0;margin-top:0; 
        -ms-transform:translate(0, 0); 
        -webkit-transform:translate(0, 0); 
        transform:translate(0, 0); 
    }
    
    #wholeView .wv_wrap .wv_head{width:100%;height:60px;background:#fff; }
    #wholeView .wv_wrap .btn_close{position:absolute; top:7px; right:8px; z-index:30; overflow:hidden; width:50px; height:50px; text-align:center; background:transparent;border:0; outline:0 }
	#wholeView .wv_wrap .btn_close:after {content:"\e921" ; display:inline-block; color:#333; font-size:25px;border:0}
      
	
}

@media screen and (max-width:667px){
	#header{height:60px; }
	#header h1.logo{top:20px; left:15px; width:150px; }
	#header h1.logo>a{ height:18px; }
    /*#header.fixed .gnb_wrap{height:60px;}*/
	#header.scroll{height:60px;}
	.m-view #header {display:none;}


    .mobile_wholeview .btn_wv{top:23px; right:20px; }
 
  
  footer {padding:30px 40px 30px; text-align:center;}
  footer address {padding-top:12px; font-size:12px; line-height:1.6em; letter-spacing:-.10em; }
  footer address span { padding:0 5px; }
  footer .f_logo img {height:15px;}
 
}	

@media screen and (max-width:640px){
	footer {padding:30px 60px 30px; }
}

@media screen and (max-width:500px){
	footer {padding:30px 0px 30px;}
	footer address {font-size:11px; }
   .mb { display:none; }
}

/* º¸Çè¹è³Ê °ü·Ã */
.right_b {position:fixed;right:.5rem;top:17rem;width:139px;font-size:0;z-index:11;}
.right_b a {display:inline-block;border:1px solid rgba(0,0,0,.15);margin-bottom:.3rem;font-size:0;}
.right_b a span {display:none;padding:.7rem 1.5rem .8rem 7rem;margin-right:.2rem;background-position:2rem center;background-size:auto 2.3rem;background-repeat:no-repeat;line-height:1.3rem;font-size:1rem;}
.right_b a.samsung span {background-image:url(/images/right_samsung_logo.png);}
.right_b a.carrot span {background-image:url(/images/right_carrot_logo.png);}
.right_b a img {max-width:100%;}

.cardetail .right_b {display:none;}

a.f_mobile {display:none !important;}

@media screen and (max-width:1560px){
	.right_b {width:110px;}
}
@media screen and (max-width:768px){
	.right_b {position:relative;right:auto;top:auto;width:auto;padding:2rem 30px 0;text-align: center;}
	.right_b a {width:auto;}
	.right_b a span {display:block;}
	.right_b a img {display:none;}
	a.f_mobile {display:block !important;}
	a.f_pc {display:none !important;}
}

.hide {display:none !important;}


.bohum_area {display:block;padding:19px 27rem 0 1rem;text-align:right;}
.bohum_area a {/*float:left;*/display:inline-block;padding:.4rem 1.5rem .5rem 4.5rem;margin-right:.2rem;border:1px solid #dadada;background-position:.5rem center;background-size:auto 2.1rem;background-repeat:no-repeat;font-size:.9rem;line-height:1.4;}
.bohum_area a.samsung {background-image:url(/images/right_samsung_logo.png);}
.bohum_area a.carrot {background-image:url(/images/right_carrot_logo.png);}
.bohum_area a:hover {border-color:#ee3e24;}

@media screen and (max-width:768px){
	.bohum_area {width:100%;padding:.5rem 0 1rem;font-size:0;overflow:hidden;}
	.bohum_area a {float:left;width:calc(50% - .3rem);padding:.5rem 0;margin:0;background-size:auto 1.7rem;font-size:.85rem;}
	.bohum_area a.f_mobile:nth-child(4) {margin-left:.6rem;}
	.bohum_area a.carrot {padding-left:4rem;padding-right:.5rem;}
	.bohum_area a.samsung {padding-left:3.5rem;padding-right:.5rem;}
}