@import url("reset.css");
@import url("slick.css");

.header, .container, .footer_bg{min-width:1200px; }



/*header*/
.util_bg{background-color:#000;}
.util{margin:0 auto; max-width:1200px; }
.util ul{float:right; padding:8px 0; }
.util ul li{float:left; margin:0 10px; }
.util ul li a{font-size:12px; color:#fff;}
.util ul li:last-child{margin-right:0;}

.header .logo{padding:20px; text-align:center; display: inline-block;vertical-align: top; }
.header .logo img{width: 120px;}
.gnb_area{position:relative; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
.gnb{margin:0 auto; max-width:1200px; }
.gnb>ul{display: inline-block; width: calc(100% - 164px);padding: 10px 0 0 0;}
.gnb>ul>li{position:relative; float:left; width:20%; text-align:center; }
.gnb>ul>li>a{position:relative; height:60px; line-height:58px; display:inline-block; box-sizing:border-box; font-size:18px; font-family:"nanumB";}
.gnb>ul>li>a:after{position:absolute; left:0; bottom:-10px; width:0; height:2px; background-color:#fb8c00; display:block; content:"";
ws-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.gnb>ul>li:hover>a:after{width:100%;}
.gnb:before{position:absolute; left:0; top:80px; z-index:11; width:100%; height:380px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background-color:#fff; content:""; display:none; }
.gnb.over:before{display:block;}
.gnb>ul>li:first-child .s_gnb:before{display:none;}
.gnb.over .s_gnb{display:block;}
.s_gnb{position:absolute; left:0; top:60px; z-index:12; padding:40px 10px 0;  width:100%; box-sizing:border-box;  display:none;}
.s_gnb:before{position:absolute; left:0; top:40px; width:1px; height:240px; background-color:#e6e6e6; display:block; content:""; }
.s_gnb h1{margin-bottom:35px; text-align:center; font-size:16px; font-family:"nanumB";}
.s_gnb>ul>li{margin-bottom:22px; }
.s_gnb>ul>li>a{font-size:14px; }
.gnb_dep3 ul:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.s_gnb a:hover{text-decoration:underline;}

.gnb>ul>li.gnb_3 .s_gnb>ul>li{margin-bottom:0; padding-top:8px; border-top:1px solid #e6e6e6;}
.gnb>ul>li.gnb_3 .s_gnb>ul>li:first-child{border-top:none;}
.gnb>ul>li.gnb_3 .s_gnb>ul>li:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.gnb>ul>li.gnb_3 .s_gnb>ul>li .title{float:left; }
.gnb>ul>li.gnb_3 .s_gnb>ul>li .gnb_dep3{float:right; width:60px; text-align:left; }
.gnb>ul>li.gnb_3 .s_gnb>ul>li ul li{margin:7px 0;}
.gnb>ul>li.gnb_3 .s_gnb>ul>li ul li:first-child{margin-top:0;}
.gnb>ul>li.gnb_3 .s_gnb>ul>li ul li a{font-size:14px; }
.gnb>ul>li.gnb_4 .s_gnb{padding-left:20px; padding-right:30px; }
.gnb>ul>li.gnb_4 .s_gnb li{margin-bottom:0; padding:18px 0; border-top:1px solid #e6e6e6; text-align:left;}
.gnb>ul>li.gnb_4 .s_gnb li:first-child{border-top:none; padding-top:5px; }
.gnb>ul>li.gnb_4 .s_gnb li a{padding-left:55px; line-height:30px;display:block; font-size:16px; font-family:"nanumB";}
.gnb>ul>li.gnb_4 .icon_1 a{background:url(../img/gnb_icon_1.png) no-repeat 0 center;}
.gnb>ul>li.gnb_4 .icon_2 a{background:url(../img/gnb_icon_2.png) no-repeat 0 center;}
.gnb>ul>li.gnb_4 .icon_3 a{background:url(../img/gnb_icon_3.png) no-repeat 0 center;}
.gnb>ul>li.gnb_4 .icon_4 a{background:url(../img/gnb_icon_4.png) no-repeat 0 center;}

/*main*/
.main_container{margin:0 auto; max-width:1200px;}
.main_visual{position:relative; }
.main_visual .slides {overflow:hidden; height:640px; }
.main_visual .slides .list, .main_visual .slides .list a{height:640px; display:block;}
.main_visual .slick-dots{position:absolute; left:0; bottom:40px; width:100%; text-align:center; box-sizing:border-box;}
.main_visual .slick-dots li{margin:0 5px; display:inline-block;}
.main_visual .slick-dots li button{width:12px; height:12px; display:block; background-color:#333; opacity:0.4; border-radius:50%; text-indent:-9999px;}
.main_visual .slick-dots li.slick-active button{opacity:0.8; }
.main_visual .slides .list.list_01{background:url(/img/main_visual_1.jpg) no-repeat center center; background-size:cover;}
.main_visual .slides .list.list_02{background:url(/img/main_visual_2.jpg) no-repeat center center; background-size:cover;}
.main_visual .slides .list.list_03{background:url(/img/main_visual_3.jpg) no-repeat center center; background-size:cover;}
.main_visual .slides .list.list_04{background:url(/img/main_visual_4.jpg) no-repeat center center; background-size:cover;}
.main_visual .slides .list.list_05{background:url(/img/main_visual_5.jpg) no-repeat center center; background-size:cover;}
.main_visual .slides .list.list_05{background:url(/img/main_visual_6.jpg) no-repeat center center; background-size:cover;}

.main_link{padding:30px 0 55px; }
.main_link ul li{float:left; padding:70px 0 0 50px; width:33.33%; height:420px; box-sizing:border-box; }
.main_link ul li.bg_1{background:url(../img/main_bg_1.jpg) no-repeat center center; background-size:cover; }
.main_link ul li.bg_2{background:url(../img/main_bg_2.jpg) no-repeat center center; background-size:cover; color:#fff;}
.main_link ul li.bg_3{background:url(../img/main_bg_3.jpg) no-repeat center center; background-size:cover; }
.main_link ul li.bg_4{background:url(../img/main_bg_4.jpg) no-repeat center center; background-size:cover; }
.main_link ul li.bg_5{background:url(../img/main_bg_5.jpg) no-repeat center center; background-size:cover; }
.main_link ul li.bg_6{background:url(../img/main_bg_6.jpg) no-repeat center center; background-size:cover; }
.main_link ul li h1{margin-bottom:15px; font-size:24px; font-family:"nanumMjb";}
.main_link ul li p{margin-bottom:32px; font-size:14px;}
.main_link ul li .more a{display:inline-block; padding-bottom:2px; border-bottom:2px solid #333; font-size:14px; }
.main_link ul li.bg_2 h1{color:#fff;}
.main_link ul li.bg_2 p{opacity:0.7;}
.main_link ul li.bg_2 a{border-color:#fff; color:#fff; opacity:0.7;}

.main_best h1{margin-bottom:45px; text-align:center; background:url(../img/main_title_bg.png) repeat-x 0 center;}
.main_best h1 span{padding:0 35px; display:inline-block; background-color:#fff; font-size:24px; font-family:"nanumMjb";}

.list_style_1 ul:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.list_style_1 ul li{float:left; margin-right:20px; width:285px; }
.list_style_1 ul li:nth-child(4n){margin-right:0; }
.list_style_1 ul li .img_area img{width:285px; height:285px;}
.list_style_1 ul li .txt_area{padding-top:20px; height:200px;  box-sizing:border-box;}
.list_style_1 ul li .txt_area .title{padding-bottom:8px; margin-bottom:8px; border-bottom:1px solid #eee; display:block; font-size:14px;}
.list_style_1 ul li .txt_area .txt{margin-bottom:5px; font-size:12px; color:#999;}
.list_style_1 ul li .txt_area .price{margin-bottom:5px; }
.list_style_1 ul li .txt_area .price span{font-size:11px; display:inline-block; text-decoration:line-through; color:#999;}
.list_style_1 ul li .txt_area .price span.sale{font-size:13px; text-decoration:none; color:#333;}
.list_style_1 ul li .txt_area .banner{}

/*footer*/
.footer_bg{background-color:#fafafa; border-top:1px solid #ddd;}
.footer{position:relative; margin:0 auto; padding:35px 0 25px; width:1200px; }
.footer *{font-family: 'Noto Sans KR', sans-serif; font-weight:400; letter-spacing:0.2px;}
.footer .top_area>div{float:left; position:relative; padding:0 40px; width:380px; box-sizing:border-box;}
.footer .top_area>div:first-child{padding-left:0;}
.footer .top_area>div:first-child:before{display:none;}
.footer .top_area>div:before{position:absolute; left:0; top:0; width:1px; height:160px; background-color:#ddd; display:block; content:"";}
.footer h1{margin-bottom:10px; font-size:16px; color:#232323; font-family:"nanumB";}
.footer .top_area .cs_center {width:440px; }
.footer .cs_center .tel{position:relative; margin-bottom:20px; padding:20px 0 15px 40px; font-size:32px; color:#232323; line-height:1; font-family:"nanumEx"; letter-spacing:0; background:url(/img/icon_tel.gif) no-repeat 0 center; }
.footer .cs_center .tel:after{position:absolute; left:0; bottom:0; width:26px; height:3px; background-color:#fbbc91; display:block; content:"";}
.footer .cs_center li{position:relative; margin-bottom:5px; padding:0 5px; display:inline-block; font-size:13px; color:#838383; }
.footer .cs_center li:first-child:after{position:absolute; right:0; top:50%; margin-top:-8px; width:1px; height:16px; display:block; background-color:#838383; content:"";}
.footer .cs_center li:last-child{display:block; }
.footer .bank_info .logo{padding:20px 0 30px;; }
.footer .bank_info .number{padding:0 0 20px; display:block; font-size:32px; color:#232323; line-height:1; font-family:"nanumEx"; letter-spacing:-1px;}
.footer .bank_info .txt{margin-bottom:10px; font-size:14px; color:#5a5a5a; }
.footer .bank_info .txt strong{margin-right:25px; display:inline-block; font-family:"nanumEx";}
.footer .bank_info li{margin-bottom:1px; font-size:13px; color:#838383; }
.footer .transport .txt_1{margin-bottom:15px; font-size:13px; color:#888;}
.footer .transport .post{display:block; font-size:18px; }
.footer .transport address{ font-size:13px;  color:#888;}
.footer .transport .txt_2{line-height:1.6; font-size:13px; color:#888; }
.footer_logo{position:absolute; right:0; top:25px;  text-align:right; }
.footer_logo .list{padding-top:25px; }
.footer_logo .footer_logo_2{margin-right: 20px;}
.footer_logo .list img{margin-left:15px;}
.footer .company_info{float:left; }
.footer .company_info .menu{margin-bottom:10px; }
.footer .company_info .menu li{position:relative; float:left; padding:0 10px; line-height:0.7;}
.footer .company_info .menu li:before{position:absolute; left:0; top:2px;  width:1px; height:12px; background-color:#555; display:block; content:"";}
.footer .company_info .menu li:first-child{padding-left:0;}
.footer .company_info .menu li:first-child:before{display:none;}
.footer .company_info .menu li a{line-height:1;font-size:14px; color:#5a5a5a; }
.footer .company_info .menu li.f-red a{color:#e54949;}
.footer .footer_info li{position:relative; padding:0 5px; display:inline-block; color:#5a5a5a; line-height:1; font-size:12px; color:#888;}
.footer .footer_info li span{vertical-align:top; line-height:1; }
.footer .footer_info li:before{position:absolute; left:0; top:1px; width:1px; height:10px; background-color:#aaa; display:block; content:"";}
.footer .footer_info li:first-child{padding-left:0; }
.footer .footer_info li:first-child:before{display:none;}
.footer .footer_info li a.mail{padding-right:16px; line-height:1; background:url(/img/icon_mail.gif) no-repeat right 5px; color:#444; font-size:12px; vertical-align:top;}
.copyright{padding-top:5px;font-size:12px; color:#868686; }
.footer_bg1{border-top:1px solid #e4e4e4;}
.footer_bg2{border-top:1px solid #e4e4e4; background-color:#fafafa;}
.footer_bg2 .footer{padding-top:20px;}

/*title*/
.title_style_1{margin-bottom:40px; background:url(../img/main_title_bg.png) repeat-x 0 center; text-align:center; }
.title_style_1 span{padding:0 50px; min-width:240px; box-sizing:border-box; display:inline-block; background-color:#fff;font-size:24px; font-family:"nanumMjb";}
.title_style_2{margin-bottom:80px; text-align:center; font-size:20px; color:#666; font-family:"nanumB";}
.title_style_2 span{display:block; font-size:26px; color:#212121; font-family:"nanumEx";}
.title_style_3{margin-bottom:85px; text-align:center; line-height:1;  font-size:28px; color:#303030; font-family:"nanumB";}


/*layout*/
.container{margin:0 auto; padding:60px 0 100px; max-width:1200px; min-height:500px;}

/*intro*/
.intro_wrap .img_area{position:relative; }
.intro_wrap .img_area .box{position:absolute; left:40px; bottom:-250px; padding:70px 20px 0;  width:200px; height:200px; box-sizing:border-box; background-color:#fb8c00;}
.intro_wrap .img_area .box .name{margin-bottom:130px; display:block; font-size:16px; color:#fee2be; text-indent: -9999999999999px;}
.intro_wrap .img_area .box .logo span{margin-bottom:5px; display:block; font-size:14px; color:#fff; }
.intro_txt{padding:55px 0 0 355px;}
.intro_txt p{margin-bottom:30px; line-height:2; font-size:16px; color:#616161;text-align: left;margin-right: 100px;}
.intro_txt p strong{margin-bottom:10px; line-height:1.6; font-size:16px; color:#424242; font-family:"nanumB";}
.intro_txt p strong:first-child{margin:10px 0 0;}
.intro_txt .sign{float:right;}
.intro_txt .sign p span{display: inline-block;vertical-align: top;letter-spacing: 4px;}

/*company*/
.company_wrap .img_area{position:relative; }
.company_wrap .img_area .box{position:absolute; left:50%; bottom:-90px; margin-left:-390px; padding:45px 50px; width:780px; background-color:#fff; box-shadow:2px 2px 5px rgba(100,100,100,0.3); box-sizing:border-box;text-align: center;}
.company_wrap .img_area .box p{margin:6px 0; line-height:1.6; font-size:14px; color:#757575;}

.company_wrap .img_area .box p strong{font-family:"nanumEx"; font-size:18px; color:#232323;display: block;margin-top: 6px;}

.company_wrap .value{margin-bottom:150px; padding-top:200px; text-align:center; }
.company_wrap .value li{position:relative; margin:0 45px; padding:75px 20px 0; width:280px; height:280px; display:inline-block; text-align:center; box-sizing:border-box; background:url(../img/comapny_circle.png) no-repeat center center;  text-align:center; }
.company_wrap .value li:first-child{margin-left:0;}
.company_wrap .value li .num{position:absolute; left:0; top:0; width:100%; text-align:center; font-size:20px; color:#8a8a8a; font-family:"nanumB";}
.company_wrap .value li h3{font-size:24px; color:#121212; font-family:"nanumEx";}
.company_wrap .value li h3:after{margin:8px auto 25px; width:8px; height:8px; background-color:#ff8c00; display:block; content:""; border-radius:50%;}
.company_wrap .value li  p{font-size:18px; color:#121212; }

/*certified*/
.certified_list{padding-top:60px;}
.certified_list li{float:left; margin:0 0.8%; width:18.4%; text-align:center; }
.certified_list li .img_area{border:1px solid #ddd; width: 218px;height: 328px; }
.certified_list li .txt_area{position:relative; padding:18px 20px 0; height:105px; box-sizing:border-box; text-align:center; font-size:15px;}


/*location*/
.location_wrap .img_area{margin-bottom:30px; }
.location_wrap .map_area iframe{width:100%; height:690px;}
.location_wrap ul li{position:relative; padding:18px 10px; border-top:1px solid #ebebeb;}
.location_wrap ul li:first-child{border-top:none;}
.location_wrap ul li .title{margin-bottom:10px; padding-left:30px; display:block; font-size:16px; color:#424242; font-family:"nanumB";}
.location_wrap ul li address{padding-left:30px; display:block; font-size:16px; color:#616161;}
.location_wrap ul li p{padding-left:30px; line-height:1.9;  display:block; font-size:16px; color:#616161;}
.location_wrap ul li.icon_1 .title{background:url(../img/location_icon_1.gif) no-repeat 0 center;}
.location_wrap ul li.icon_2 .title{background:url(../img/location_icon_2.gif) no-repeat 0 center;}

/*brand*/
.brand_story  p{text-align:center; line-height:1.8; font-size:21px; color:#616161; }
.brand_story .img_1{margin-bottom:70px; }
.brand_story .txt_1{margin-bottom:90px; }
.brand_story .txt_1 strong{margin-bottom:20px; display:block; font-family:"nanumB"; font-size:28px;}
.brand_story .img_2{margin-bottom:120px;}
.brand_story .brand_logo{margin-bottom:70px; text-align:center; }
.brand_story .txt_2{margin-bottom:70px}
.brand_story .img_3{position:relative; height:480px; background:url(/img/brand_img_2.png) no-repeat center center; }
.brand_story .img_3 .box{padding:65px 35px 0; width:720px; height:320px; box-shadow:5px 5px 5px rgba(0,0,0,0.2); box-sizing:border-box; }
.brand_story .img_3 .box p{text-align:right;}
.brand_story .img_3 .box p strong{margin-bottom:20px; display:block; font-size:28px; font-family:"nanumB";}

/*상품소개*/
.product_intro .top_img{margin-bottom:55px; padding-top:55px; height:400px; background:url(../img/product_intro_top.jpg) no-repeat center center; background-size:cover; text-align:center; box-sizing:border-box;}
.product_intro .top_img p strong{margin-bottom:20px; display:block; font-size:32px; font-family:"nanumB";}
.product_intro .top_img p{margin-bottom:80px; line-height:1.7; font-size:18px; color:#fff; }
.product_intro .top_img .btn_area{text-align:center; }
.product_intro .top_img .btn_area a{margin:0 16px; padding:0 40px; height:60px; line-height:58px; display:inline-block; text-align:center; border:2px solid #ffbd45; color:#ffbd45; font-size:22px; font-family:"nanumB"; box-sizing:border-box;
ws-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.product_intro .top_img .btn_area a.on{background-color:#ffbd45; color:#333; }
.product_intro .top_img .btn_area a:hover{background-color:#ffbd45; color:#333; }
.product_intro .title_area{position:relative;}
.product_intro .title_area .shop_go{position:absolute; right:0; top:0; }
.product_intro .title_area .shop_go a{padding-bottom:2px; display:inline-block; border-bottom:2px solid #121212; font-size:18px; font-family:"nanumEx"; color:#121212;}
.product_list{padding-bottom:70px;}
.product_list li{float:left; margin:0 0.81% 55px; width:31.7%; text-align:center; }
.product_list li .img_area{width:380px; height:380px; box-shadow:2px 2px 5px 2px #ededed;}
.product_list li .img_area img{width:380px; height:380px;}
.product_list li .txt_area{height:50px; text-align:left; font-size:24px; font-family:"nanumB"; letter-spacing:-1px;}
.product_list li .txt_area span{font-size:15px; color:#999;}

.gift_box_list{padding-bottom:0;margin-top: 60px;}
.gift_box_list li .img_area img{width:380px; height:340px; }
.gift_box_list li .price{width:100%; height:40px; line-height:40px; text-align:center; background-color:#d6d6d6; font-size:15px; font-family:"nanumB";}
.gift_box_txt{padding:40px 55px 40px; background-color:#f8f8f8;}
.gift_box_txt h3{margin-bottom:30px; color:#121212; font-size:22px; font-family:"nanumB";}
.gift_box_txt>ul>li{line-height:1.8; font-size:19px; font-family:"nanumB";}
.gift_box_txt>ul>li .attention{position:relative; margin:20px 0 30px 40px; padding-left:50px; }
.gift_box_txt>ul>li .attention li{font-size:20px; color:#cb0000; font-family:"nanumB";}
.gift_box_txt>ul>li .attention span{position:absolute; left:0; top:0; font-size:18px; color:#cb0000; font-family:"nanumEx";}

/*제조공정*/
.process_list{padding-bottom:30px; }
.process_list>div{position:relative; padding:30px 0 30px 190px; border-top:1px solid #e6e6e6;margin: 15px 0px;}
.process_list>div:first-child{border-top:none;}
.process_list h2{position:absolute; left:0px; top:0px; width:180px; height:226px; display:table; text-align:center;border:1px solid #fb8c00; }
.process_list h2 span{line-height:1.2; display:table-cell; vertical-align:middle; font-size:24px; font-family:"nanumMj"; color:#fb8c00;}
.process_list h2 span::before{margin:0 auto 6px; width:20px; height:2px; display:block; background-color:#fff; content:'';}
.process_list>div img{margin-left: 30px;}

/* .process_list h2{position:absolute; left:10px; top:0; width:180px; height:500px; text-align:center; display:table; border:1px solid #fb8c00; box-sizing:border-box; }
.process_list h2 span{display:table-cell; vertical-align:middle; font-size:24px; color:#fb8c00; font-family:"nanumMj";} */



.process_list li{position:relative; float:left; width:120px; margin-right:80px; text-align:center; }
.process_list li:before{position:absolute; left:-43px; top:68px; width:7px; height:12px; background:url(../img/process_arrow.gif) no-repeat center center; display:block; content:"";}
.process_list li:first-child:before{display:none;}
.process_list ul:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.process_list .icon i{width:120px; height:95px; display:block; }
.process_list .icon .process_icon_1{background:url(../img/process_icon_1.png) no-repeat center 0; }
.process_list .icon .process_icon_2{background:url(../img/process_icon_2.png) no-repeat center 0; }
.process_list .icon .process_icon_3{background:url(../img/process_icon_3.png) no-repeat center 0; }
.process_list .icon .process_icon_4{background:url(../img/process_icon_4.png) no-repeat center 0; }
.process_list .icon .process_icon_5{background:url(../img/process_icon_5.png) no-repeat center 0; }
.process_list .icon .process_icon_6{background:url(../img/process_icon_6.png) no-repeat center 0; }
.process_list .icon .process_icon_7{background:url(../img/process_icon_7.png) no-repeat center 0; }
.process_list .txt_area{padding-top:15px; height:70px; box-sizing:border-box; font-family: 'Noto Sans KR'; font-weight:700; font-size:22px; }
.process_list .txt_area span{ display:block; font-size:16px;}

.process_video{position:relative; margin-bottom:50px; padding-left:230px;}
.process_video h2{position:absolute; left:0px; top:0; width:180px; height:275px; text-align:center; display:table; border:1px solid #fb8c00; box-sizing:border-box; }
.process_video h2 span{display:table-cell; vertical-align:middle; font-size:24px; color:#fb8c00; font-family:"nanumMj";}
.process_video ul li{float:left; margin-right:23px; cursor:pointer;}
.process_video ul li .img_area{width: 223px;}
.process_video ul li .video_url{display:none;}
.process_video ul li:nth-child(4n){margin-right:0;}
.process_video ul li .txt_area{padding-top:18px; text-align:center; font-size:20px; color:#121212; font-family:"nanumMj";}
.process_photo{position:relative; margin-bottom:120px; padding-left:230px;}
.process_photo h2{position:absolute; left:0px; top:0; width:180px; height:500px; text-align:center; display:table; border:1px solid #fb8c00; box-sizing:border-box; }
.process_photo h2 span{display:table-cell; vertical-align:middle; font-size:24px; color:#fb8c00; font-family:"nanumMj";}

.process_video_popup{display:none;}
.process_video_popup:before{position:fixed; left:0; top:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.7); display:block; content:""; }
.process_video_popup .popup-content{position:fixed; left:50%; top:50%; margin:-315px 0 0 -480px; width:960px; height:630px; }
.process_video_popup .popup-content .inner{position:relative; }
.process_video_popup .popup-content .inner h1{margin-bottom:45px; font-size:26px; color:#fff; font-family:"nanumMj";}
/* .process_video_popup .popup-content iframe{width:100%; height:540px;} */
.process_video_popup .popup-content .show_video{display:block;}
.process_video_popup .popup-content .hide_video{display:none;}
.process_video_close{position:absolute; right:0; top:0; }

/*기름이야기*/
.tab_style_1{margin-bottom:20px;}
.tab_style_1 li{float:left; width:33.33%; border:1px solid #e0e0e0; border-left:none; box-sizing:border-box;}
.tab_style_1 li:first-child{border-left:1px solid #e0e0e0;}
.tab_style_1 li a{width:100%; display:table; height:58px; text-align:center; border-bottom:3px solid #fff; }
.tab_style_1 li a span{display:table-cell; vertical-align:middle; font-size:16px; color:#616161; font-family:"nanumB";}
.tab_style_1 li.on{border-bottom:1px solid #3c3c3c;}
.tab_style_1 li.on a{border-bottom:3px solid #3c3c3c;}

.oil_story .top_img{margin-bottom:80px;}
.oil_story .oil_cont:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.oil_story .oil_cont{position:relative; margin-bottom:80px; }
.oil_story .oil_cont .img_area{float:left; width:430px; }
.oil_story .oil_cont .txt_area{float:left; padding-top:85px; width:770px; }
.oil_story .oil_cont .txt_area h2{margin-bottom:25px; font-size:28px; color:#424242; font-family:"nanumB";}
.oil_story .oil_cont .txt_area p{line-height:1.9; font-size:21px; color:#757575; }
.oil_story .oil_cont .txt_area p strong{font-size:21px; color:#333; font-family:"nanumB";}
.oil_story .oil_cont.type_1{text-align:right;}
.oil_story .oil_cont.type_1 .img_area{float:right;}
.oil_story .oil_cont.type_2{margin-bottom:40px; }
.oil_story .oil_cont.type_2 .img_area{width:665px;}
.oil_story .oil_cont.type_2 .txt_area{width:535px; }
.oil_story .oil_cont.type_2 .txt_area p{font-size:24px; color:#999; font-family:"nanumB";}
.oil_story .oil_cont.type_2 .txt_area p strong{font-family:"nanumB"; color:#121212; font-size:24px;}
.oil_story .txt{margin-bottom:150px; font-size:28px; color:#424242; font-family:"nanumB";}

.oil_efficacy .txt_box{margin:60px auto 75px; padding:35px 20px; text-align:center; line-height:1.6; max-width:820px; border:2px solid #FB8C00; font-size:18px; color:#666;}
.oil_efficacy .txt_box strong{font-family:"nanumB"; color:#333;}
.efficacy_list>div{margin-bottom:150px;}
.efficacy_list>div:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.efficacy_list .img_area{float:left; padding:0 10px; width:380px; box-sizing:border-box;}
.efficacy_list .txt_area{float:left; padding:0 10px; width:820px; box-sizing:border-box; }
.efficacy_list .txt_area h2{margin-bottom:55px; line-height:1; font-size:28px; color:#424242; font-family:"nanumB";}
.efficacy_list .txt_area .explanation{padding-bottom:40px; }
.efficacy_list .txt_area p{margin-bottom:25px; line-height:1.7; font-size:16px; color:#757575;}
.efficacy_list .txt_area p strong{color:#121212; font-family:"nanumB";}
.efficacy_list .txt_area ul{padding-top:40px; border-top:1px solid #b8b8b8;}
.efficacy_list .txt_area ul li{float:left; margin-left:20px; width:180px; text-align:center; }
.efficacy_list .txt_area ul li:first-child{margin-left:0; }
.efficacy_list .txt_area ul li .icon_area{margin-bottom:15px; }
.efficacy_list .txt_area ul li .txt{line-height:1.8; color:#424242; font-size:16px;}

.oil_ingestion .tab_style_1{margin-bottom:75px;}
.oil_ingestion_cont{padding:0 410px 0 10px; background:url(../img/oil_ingestion_img.jpg) no-repeat right 0;}
.oil_ingestion_cont h2{margin-bottom:10px; font-size:28px; color:#424242; font-family:"nanumB";}
.oil_ingestion_cont p{margin-bottom:48px; font-size:21px; color:#999;}
.oil_ingestion_cont ul li{position:relative; margin-bottom:14px; padding-left:14px; line-height:1.6; font-size:16px; }
.oil_ingestion_cont ul li:before{position:absolute; left:0; top:0; display:block; content:"*";}
.oil_ingestion_cont ul li span{text-decoration:underline;display: inline-block;vertical-align: top;}

/* 고추이야기 */
.pepper_story .tab_style_1 li{float:left; width:50%; border:1px solid #e0e0e0; border-left:none; box-sizing:border-box;}
.pepper_cont{margin-top: 50px;}
.pepper_cont h2{margin-bottom:10px; font-size:28px; color:#424242; font-family:"nanumB";margin-top: 50px;text-align: center;}
.pepper_cont .txt_1{font-size: 21px;margin-bottom:26px;color:#424242; }
.pepper_cont .bg_03{margin-top: 20px;}
.pepper_cont .source{font-size: 18px; text-align: right;}

/*약속*/
.appointment_cont{min-height:420px;}
.appointment_cont.bg_1{padding:15px 350px 0 0;  background:url(../img/appointment_bg_1.jpg) no-repeat right center; margin-bottom: 50px;}
.appointment_cont.bg_2{padding:85px 0 0 525px;
    background:url(../img/appointment_bg_2.jpg) no-repeat 0 0; 
    text-align:Right; 
}
.appointment_cont.bg_3{padding:50px 590px 0 0; background:url(../img/appointment_bg_3.jpg) no-repeat right 0; }
.appointment_cont h2{margin-bottom:12px; display:inline-block; border-bottom:1px solid #fb8c00; color:#fb8c00; font-size:18px; font-family:"nanumB";}
.appointment_cont .txt_1{margin-bottom:26px; font-size:28px; color:#424242; font-family:"nanumB";}
.appointment_cont .txt_2{font-size:24px; color:#424242; }
.appointment_cont p{margin-bottom:35px; line-height:1.6; color:#757575; font-size:21px;}

/*bi*/
.bi_wrap{padding:75px 10px 0; }
.bi_wrap h2{margin-bottom:26px; font-size:24px; color:#424242; font-family:"nanumB";}
.bi_wrap p{margin-bottom:35px; line-height:1.8; font-size:21px; color:#757575; letter-spacing:-1px;}
.bi_wrap .bi_img{margin-bottom:110px;}
.bi_wrap .color_list li{float:left; margin-left:5%; width:30%; }
.bi_wrap .color_list li:first-child{margin-left:0; }
.bi_wrap .color_list li:nth-child(4){margin-left:0; }

/* 선유당 제품소개 */
.product_intro .tab_style_1 li{width:25%;}

/* 선포에버 제품소개 */
.product_intro_forever .tab_style_1 li{width:33.333%;}
.product_intro_forever{height: auto;position: relative;width: 100%;display: flex;font-size: 0;padding: 30px 0px;box-sizing: border-box;}
.product_intro_forever .cont_left{text-align: center;background-color: #ffa60c;padding: 0px 5px;position: relative;align-items: center;font-size: 16px;writing-mode: vertical-rl;text-orientation: upright;color:#fff;letter-spacing:10px;}
.product_intro_forever .cont_right_wrap{width: calc(100% - 32px);}
.product_intro_forever .cont_right{display: flex;}
.product_intro_forever .cont_right .g_area{font-size: 16px;text-align: center;padding: 0px 5px;position: relative;align-items: center;font-size: 16px;writing-mode: vertical-rl;text-orientation: upright;margin-right: 10px;background-color: #ffebc8;}
.product_intro_forever .cont_right .g_area.m_b{margin-bottom: 10px;}
.product_intro_forever .cont_right ul{height: auto;width: calc(100% - 42px);}
.product_intro_forever .cont_right ul.m_b{margin-bottom: 10px;}
.product_intro_forever .cont_right ul li{display: inline-block; width: 32%;margin-right: 2%;height: 100px;box-sizing: border-box;background-color: #ffe3c0;}
.product_intro_forever .cont_right ul li:nth-child(3n){margin-right: 0;}
.product_intro_forever .cont_right ul li .img_area{width: 80px;height: 100px;background-color: #fff;display: inline-block;vertical-align: top;}
.product_intro_forever .cont_right ul li .text_area{text-align: center;
    display: inline-block;
    width: calc(100% - 80px);
    vertical-align: top;
    height: 100px;
    padding: 35px;}
.product_intro_forever .cont_right ul li .text_area p{font-size: 13px;}
.product_intro_forever .cont_right ul li.m_b{margin-bottom: 10px;}

/*list*/
.tab_style_2{margin-bottom:40px; text-align:center; }
.tab_style_2 ul{display:inline-block;}
.tab_style_2 li{float:left; width:200px; border-left:1px solid #e0e0e0;}
.tab_style_2 li:first-child{border-left:none;}
.tab_style_2 li a{width:100%; height:48px; display:table; text-align:center; }
.tab_style_2 li a span{display:table-cell; vertical-align:middle; font-size:16px; color:#9e9e9e; }
.tab_style_2 li.on a span{color:#333; font-family:"nanumB";}
.tab_style_3{margin-bottom:20px; text-align:center; }
.tab_style_3 ul{display:inline-block; }
.tab_style_3 li{float:left; width:200px; border:1px solid #e0e0e0; border-left:none; box-sizing:border-box;}
.tab_style_3 li:first-child{border-left:1px solid #e0e0e0;}
.tab_style_3 li a{width:100%; height:46px; line-height:46px; display:table;}
.tab_style_3 li a span{display:table-cell; vertical-align:middle; font-size:16px; color:#9e9e9e; }
.tab_style_3 li.on a{background-color:#e0e0e0;}
.tab_style_3 li.on a span{color:#333;}

.list_style_2 ul:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.list_style_2 ul li{float:left; margin-right:20px; width:285px; text-align:center; }
.list_style_2 ul li:nth-child(4n){margin-right:0; }
.list_style_2 ul li .img_area img{width:285px; height:285px;}
.list_style_2 ul li .txt_area{padding-top:20px; height:200px;  box-sizing:border-box;}
.list_style_2 ul li .txt_area .title{padding-bottom:8px; margin-bottom:8px; border-bottom:1px solid #eee; display:block; font-size:14px; font-family:"nanumB";}
.list_style_2 ul li .txt_area .txt{margin-bottom:11px; font-size:14px; color:#999;}
.list_style_2 ul li .txt_area .price{margin-bottom:10px; }
.list_style_2 ul li .txt_area .price span{font-size:11px; display:block; text-decoration:line-through; color:#999;}
.list_style_2 ul li .txt_area .price span.sale{font-size:13px; text-decoration:none; color:#333;}
.sct_10 .sct_txt{ margin-bottom:8px; display:block; font-size:14px; font-family:"nanumB";}

/*view*/
.view_wrap{padding:40px 40px 0;  font-family: 'Noto Sans KR';}
.view_wrap .title_area{position:relative; padding:0 356px 6px 0; border-bottom:2px solid #959595;}
.view_wrap .title_area h2{font-size:22px; font-weight:700; }
.view_wrap .title_area .info{position:absolute; right:0; top:0; }
.view_wrap .title_area .info li{display:inline-block; font-size:15px; font-weight:500;}
.view_wrap .title_area .info li:before{margin:0 8px; display:inline-block; content:"/";}
.view_wrap .title_area .info li:first-child:before{display:none;}
.view_wrap .view_cont{margin-bottom:15px; padding:40px 0; min-height:400px; line-height:1.6; border-bottom:1px solid #959595; font-weight:500; font-family: 'Noto Sans KR'; font-size:16px;}
.prev_next{margin-bottom:50px; }
.prev_next li{position:relative; padding:13px 0 8px 120px; min-height:30px; }
.prev_next li .title{position:absolute; left:0; top:8px; padding-left:50px; line-height:30px; display:inline-block; font-size:14px; font-weight:500; font-family: 'Noto Sans KR';}
.prev_next li .icon_prev{background:url(../img/prev_arrow.gif) no-repeat 0 center; }
.prev_next li .icon_next{background:url(../img/next_arrow.gif) no-repeat 0 center; }
.prev_next li a{font-size:14px; font-weight:300; font-family: 'Noto Sans KR';}

/*btn*/
.basic-btn01{width:120px; height:46px; line-height:46px; text-align:center; border-radius:5px; display:inline-block; }
.btn-orange-bg{background-color:#fb8c00; font-size:16px; color:#fff; font-family:"nanumB";}
.btn-orange-bd{border:2px solid #fb8c00; box-sizing:border-box; font-size:16px; color:#232323; font-family:"nanumB";}

a.btn_cancel{min-width:90px;}
a.btn_admin, .btn_admin{padding:0 10px; background-color:#c25e00;}
.tbl_head01 thead th{padding:18px 0; border-top:1px solid #ececec; border-bottom:1px solid #ececec; font-size:12px;}
.tbl_head01 tbody td{padding:18px 0; border-bottom:1px solid #ececec; font-size:12px; background-color:#fbfbfb;}
.tbl_head01 tbody tr:nth-child(2n) td{background-color:#fff;}
#bo_list .td_name{text-align:center; }
#bo_list .td_datetime{font-style:normal;}
.mbskin{width:380px; border:none; }
.mbskin:before, .mbskin:after{box-shadow:none;}
#login_fs{padding:0;}
.mbskin h1{font-family:"nanumMjb"; font-size:24px;}
#mb_login #login_fs .frm_input{height:48px; line-height:46px; border-radius:3px;}
.mbskin .btn_submit{height:48px; line-height:46px; border-radius:3px;}
#login_password_lost{text-decoration:underline; border:none; }
.login_txt{text-align:right;}
.login_txt span{margin-right:10px;display:inline-block; color:#757575;}
#mb_login #login_info{background:none; padding:10px 0 10px; border:none; margin:0;}
#mb_login #login_info a{float:none; width:auto; font-family:"nanumB";;}
a.btn_cancel{padding:0;}

/*navi bar*/
.navi{margin:-25px auto 0; padding-bottom: 40px;}
.navi ul{background-color:#fb8c00; position: relative; z-index: 1; margin-bottom: 30px;}
.navi > ul > li{float:left;  height:52px; line-height:50px; border-right: 1px solid rgba(255,255,255,0.2); font-size:16px; color:#fff; font-weight:200;text-align: center; padding: 0; position: relative; width:160px;}
/* .navi > ul > li:last-child { padding: 0; width: 160px; } */
.navi ul li:first-child{padding:0 20px; background:none;}
.navi > ul > li > a { display: inline-block; color: #fff; padding-right: 15px; font-size: 16px; background: url(/img/navi_down.png) no-repeat right center; vertical-align: baseline; }
.navi > ul > li > ul > li > a { color: #fff; font-size: 16px; vertical-align: baseline; }
.navi > ul > li > ul > li:hover > a { font-weight: 500; }
.navi > ul > li > ul > li { border-bottom:1px solid rgba(255,255,255,0.2); }
.navi > ul > li > ul > li:last-child { border-bottom:none; }

/*layout*/
.navi{padding:0;}
.navi ul li{ font-size:14px; padding: 0px;}
.navi ul li.top_menu_down.hide{display: none;}
.navi ul li.top_menu_down ul li a.active{border-bottom :1px solid white; padding-bottom: 4px;}
.navi ul li:first-child{padding:0 10px;}
.navi > ul > li > a { font-size: 14px; }
.navi > ul > li > ul > li > a { font-size: 14px; }

/*faq*/
.faq{margin-bottom:20px; border-top:1px solid #ddd;}
.faq li .td_chk{position:absolute; left:0; top:0; }
.faq li{position:relative; border-bottom:1px solid #ddd; }
.faq li .question{padding:15px 50px;  font-size:14px; cursor:pointer; background:url(/img/faq_arrow_down.png) no-repeat right 20px top 20px;}
.faq li .answer{padding:15px 0 15px 50px; background:url(/img/icon_a.png) no-repeat 20px 17px #f7f7f7; line-height:1.6; font-size:14px; border-top:1px solid #ddd; display:none;}
.faq li .q{position:absolute; left:20px; top:17px; width:14px; height:16px; display:block; background:url(/img/icon_q.png) no-repeat 0 0;  text-indent:-9999px; }
.faq .btn_wrap{position:absolute; right:0;  top:5px; }

/*join*/
.join_list li{float:left; margin-left:20px; width:270px; }
.join_list li:first-child{margin-left:0;}
.join_list li.w580{width:560px; }
#register_form ul li label , #register_form ul li span{margin-bottom:5px; display:block; font-size:16px; font-family:"nanumB";}
.join_list li input[type=text], .join_list li input[type=password]{width:100%;}
#fregisterform .form_01 div{margin-bottom:10px;}
.add_list .post{position:relative;  padding-right:140px; box-sizing:border-box;}
.add_list .post input[type=text]{width:100%; }
.add_list .add{margin-left:20px;  }
.add_list a.btn_frmline, .add_list button.btn_frmline{position:absolute; right:0; top:0; padding:0; width:130px; height:40px; border:none; background-color:#fb8c00; color:#fff; border-radius:3px;}
#fregisterform .form_01 .add_list div.add{}
#fregisterform .form_01 .add_list div.add input[type=text]{margin-bottom:10px;}
#fregisterform .frm_address:first-child{margin-top:0;}

.join_list{padding-top:12px; border-top:2px solid #3c3c3c;}
.join_list_1{padding-top:12px; border-top:2px solid #3c3c3c;}
.join_list.bd_none{padding-top:none; border:none;}

.join_select{text-align:center; display:block;}
.join_select li{margin:0 10px; padding:40px 0 0; width:320px; height:320px; display:inline-block; box-sizing:border-box; border:1px solid #ebebeb;
ws-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.join_select li .icon_area{margin-bottom:20px;}
.join_select li .title{margin-bottom:20px; display:block; font-size:24px; color:#333;}
.join_select li p{margin-bottom:45px; font-size:14px; color:#757575;}
.join_select li .btn_area a, .join_select li .btn_area button{max-width:240px; width:100%; height:48px; line-height:48px; display:inline-block; background-color:#3c3c3c; color:#fff; font-size:18px; font-family:"nanumB"; border-radius:3px; 
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.join_select li .btn_area a:hover, .join_select li .btn_area button:hover{background-color:#fb8c00;}
#fregister .join_select li p{background:none; color:#757575; padding:0; border:none; margin:0 0 45px; }
.join_select li:hover{border:1px solid #fb8c00;}
.join_terms_wrap{display:none;}
#register_form{padding:0;}

.file_list{padding-top:12px; border-top: 2px solid #3c3c3c;}
.file_list .file_area{position:relative; float:left;  width:410px; box-sizing:border-box;}
.file_list .file_area input[type=file]{margin-bottom:20px; width:100%; }
.file_list .memo_area{float:left; margin-left:20px; width:580px; }
.file_list .memo_area textarea{width:100%; height:195px;}

.join_complete{background:url(/img/join_comple_bg.jpg) no-repeat center center; background-size:cover;}
#reg_result{padding:60px 0; margin:0 auto; max-width:700px; background:rgba(255,255,255,0.8); text-align:center; }
#reg_result h2{margin-bottom:65px; font-size:24px; font-family:"nanumMjb";}
#reg_result .reg_result_p{margin-bottom:40px;}
#reg_result .btn_submit{margin-top:0;}
#sct_location{display:none;}

.ctt_privacy{height:520px; line-height:1.6; overflow-y:auto; border:1px solid #999; border-radius:5px;}
.ctt_provision{height:520px; line-height:1.6; overflow-y:auto; border:1px solid #999; border-radius:5px;}

.sct_10 .sct_sns{display:none !important;}

#smb_my_ov .box_top{padding:24px 100px 24px 60px; background-color:#f7f8f8;}
#smb_my_ov .left_area{float:left; }
#smb_my_ov .right_area{float:right; }
#smb_my_ov .right_area >div{float:left; margin:0 30px; text-align:center; }
 #smb_my_ov .right_area >div a{font-size:30px; color:#000;}
#smb_my_ov .op_area{background-color:#fff; border-top:1px solid #ddd;}
#smb_my_ov .point{padding-left:70px; min-height:50px; background:url(/img/icon_p.gif) no-repeat 0 0; }
#smb_my_ov .coupon{position:relative; padding-left:70px; min-height:50px; background:url(/img/icon_coupon.gif) no-repeat 0 0; }
#smb_my_ov .coupon:before{position:absolute; left:-30px; top:50%; margin-top:-30px; width:1px; height:60px; background-color:#ddd; display:block; content:"";}
#smb_my_ov .txt{display:block; }
#smb_my_ov .my_ov_name{background:none; border:none; font-size:15px; color:#565656; }
#smb_my_ov .my_ov_name img{margin-right:10px; width:80px; height:80px;}
.my_ov_btn{display:none;}
#sit_pvi_thumb{display:none;}
#sit_siblings, #sit_star_sns{display:none;}
#sit_ov{padding-top:50px;}
#sit_pvi{padding-top:50px;}
#sit_title{margin-bottom:20px; font-size:22px; font-family:"nanumB";}
#sit_desc{margin-bottom:20px; font-size:14px;}
.sit_ov_tbl th{font-size:15px;}
.sit_ov_tbl td{font-size:15px;}
#sit_opt_added li{padding:20px 0; }
#sit_opt_added li .opt_name, #sit_opt_added .sit_opt_prc{font-size:15px; font-family:"nanumB";}
#sit_tot_price{margin:20px 0; font-size:15px; font-family:"nanumB";}
.sod_ws_img{width:100%; }
#mb_login_notmb{padding:0;}
.mbskin .btn_submit{font-family:"nanumB";}
.btn_top {
 position: fixed;
 right: 20px;
 bottom: 20px;
 z-index: 30;
}
.btn_top img{width: 70%}

#floatR{    
	position: fixed;
    right: 100px;
    z-index: 10;
    bottom: 15px;
}

}