@charset "utf-8";
/* CSS Document */
body{ font-size:16px; font-family:ng, sans-serif;}
.box1{ width:95%; max-width:1200px; margin:0 auto;}
.box2{ width:90%; max-width:1100px; margin:0 auto;}
.box3{ width:100%; max-width:none; margin:0 auto;}
.pc_hide{ display:none}


.shadow{ box-shadow:3px 3px 3px #aaa} 

 
.skip_nav{}
.skip_nav a{position:fixed; z-index:inherit; left:0; top:0; width:100%; background:#333; text-align:center; padding:5px 0; color:#fff; filter:alpha(opacity=0);opacity:0;}
.skip_nav a:focus{ z-index:101; filter:alpha(opacity=100);opacity:1;}


.header{ position:fixed; z-index:1000; width:95%; padding:0 2.5%; top:0; overflow:hidden}
.header .logo{ float:left;}
.header .logo > a{ display:block; height:80px}
.header .logo > a .va_tt{ width:134px; height:60px; background-image:url(../images/inc/logo.png); background-repeat:no-repeat;}
body.sub .header .line{ position:absolute; left:0; bottom:0; width:100%; height:1px; background:#fff; opacity:.2}



#header .gnb_wrap .gnb{ float:left; overflow:hidden; margin-left:3em}
#header .gnb_wrap .gnb > li{ float:left; box-sizing:border-box; position:relative; text-align:Center; }
#header .gnb_wrap .gnb > li .dp1{ display:block; position:relative; line-height:75px; font-size:1.188em; padding:0 22px; font-family:ns, sans-serif; color:#fff; border-top:5px solid rgba(0,0,0,0); }
#header .gnb_wrap .gnb > li .dp1:hover .icon
#header .gnb_wrap .gnb > li .dp1.on .icon{ }
#header .gnb_wrap .gnb > li > a.dp1:hover, #header .gnb_wrap .gnb > li > a.on.dp1 { color:#f15a23; border-top:5px solid #f15a23;} 
#header .gnb_wrap .gnb > li > a.on.dp1:before {content:''; width:100%; height:5px}
#header .gnb_wrap .gnb > li.m_reservation > a.dp1:hover, #header .gnb_area .gnb > li.m_reservation > a.on.dp1 { color:#3f3f3f;} 
#header .gnb_wrap .gnb .dp2{ position:absolute; left:50%; bottom:auto; padding:10px 0 15px 0; margin:0px 0 0 -110px; width:220px; background:#e775a6; filter:alpha(opacity=90); opacity:0.9; border-radius:0 0 10px 10px; z-index:9999;}
#header .gnb_wrap .gnb .dp2 > li{ text-align:center;}
#header .gnb_wrap .gnb .dp2 > li > a{ display:block; font-size:.875em; font-weight:600; line-height:34px; border-top:1px solid rgba(255,255,255,.5); color:#fff;}
#header .gnb_wrap .gnb .dp2 > li:first-child > a{ border-top:0;}
#header .gnb_wrap .gnb .dp2 > li > a:hover{ background:#e45a96;}

#header .gnb_wrap .gnb .dp2,
#header .gnb_wrap .gnb .dp3,
#header .gnb_wrap .gnb .m_guide,
#header .gnb_wrap .gnb .m_member,
#header .gnb_wrap .gnb .m_mypage, 
#header .gnb_wrap .gnb .m_sitemap,
#header .gnb_wrap .gnb .m_order,
#header .gnb_wrap .gnb .m_search{ display:none;} 

.header .right_area {float:right;}
.header .right_area .right_top {float:left;}
.header .right_area .right_top > li {float:left; }
.header .right_area .right_top > li:hover > a { color:#f15a23 }
.header .right_area .right_top > li > a {display:block; line-height:75px; font-size:.875em; padding:0 10px; font-family:notokrR, sans-serif; color:#fff; padding-top:5px;  }
.header .right_area .right_top > li.last_thn { margin-right:15px;}
.header .right_area .menu { float:left; height:80px; }
.header .right_area .menu .va_tt { width:35px; height:30px; background:url(../images/inc/nav_icon.png) no-repeat center; }
.header .main_rightarea .menu { float:left; height:80px; }
.header .main_rightarea .menu .va_tt { width:35px; height:30px; background:url(../images/inc/nav_icon.png) no-repeat center; }
.header .main_rightarea .menu .va_tt a { display:block; height:100%; width:100%; }
.header .right_area .menu .va_tt a { display:block; height:100%; width:100%; }

body.sub .header.scroll{ background:#fff} 
body.sub .header.scroll .line{ background:#000}
.header.scroll .logo > a .va_tt{ background-position-y:-60px} 
.header.scroll .right_area .right_top > li > a {color:#333 !important;}
.header.scroll .right_area .menu .va_tt { background:url(../images/inc/nav_icon1.png) no-repeat center; }
.header.scroll .gnb_wrap .gnb > li .dp1 {color:#333 !important;} 
.header.scroll .gnb_wrap .gnb > li .dp1.on {color:#f15a23 !important;}

.header .main_rightarea { float:right;  overflow:hidden; }
.header .main_rightarea .menu{ float:left; height:80px; }
.header .main_rightarea .menu.solution { margin-right:10px; }
.header .main_rightarea .menu.solution .va_tt { width:193px; height:50px; background:url(../images/inc/find_sol1.png?v=1.3) no-repeat; }
.header .main_rightarea .menu.solution .va_tt a { display:block; height:100%; width:100%; }


.header.scroll .gnb > li a{ background-position-y:-160px}
.header.scroll .line{ background:#000}
.header.scroll .main_rightarea .menu .va_tt{ background:url(../images/inc/nav_icon1.png) no-repeat;}
.header.scroll .main_rightarea .menu.solution .va_tt{ background:url(../images/inc/find_sol2.png?v=1.2) no-repeat;}


.sub #contents .lnb_area{z-index:inherit; margin-top:28px; }
.sub #contents .lnb_area .gnb {}
.sub #contents .lnb_area .gnb > li{ display:none}

.sub #contents .lnb_area .gnb .dp1{ display:none}
.sub #contents .lnb_area .gnb .dp2 { font-size:0; }
.sub #contents .lnb_area .gnb .dp2 > li{ display:inline-block; position:relative; width:16.66%; }
.sub #contents .lnb_area .gnb .dp2 > li > a{ display:block; height:50px; line-height:50px; font-size:1.063rem; font-family:ng,sans-serif; font-weight:600; color:#fff; border:1px solid #fff; }


.sub #contents .lnb_area .gnb .dp2 > li:hover,
.sub #contents .lnb_area .gnb .dp2 > li.on {background:#fff; }
.sub #contents .lnb_area .gnb .dp2 > li:hover > a,
.sub #contents .lnb_area .gnb .dp2 > li.on > a{ color:#111; text-decoration:none; }



#header .gnb_all_wrap{position:absolute; z-index:inherit; right:2.5%; top:20px}
#header .gnb_all_wrap .btn_gnb_all{ display:block; background:url(../images/inc/icon_gnb.png) no-repeat center; width:50px; height:50px}
#header .gnb_all_wrap .gnb_all{ display:none; position:absolute; right:0; }

#footer{ position:relative; z-index:inherit} 
#footer .menu_wrap{ border-top:1px solid #ddd;} 
#footer .menu_wrap .menu{ float:left; margin-left:-10px}
#footer .menu_wrap .menu > li{ display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
#footer .menu_wrap .menu > li > a{ display:block; padding:15px 10px; font-size:.813em; font-weight:600; color:#333}
#footer .menu_wrap .etc{ float:right; margin-right:-10px}
#footer .menu_wrap .etc > li.groupware{ background:url(../images/inc/f_ico_01.png) no-repeat left center; padding-left:15px}  
#footer .menu_wrap .etc > li.privacy{ background:url(../images/inc/f_ico_02.png) no-repeat left center; padding-left:12px}
#footer .menu_wrap .etc > li.admin{ background:url(../images/inc/f_ico_03.png) no-repeat left center; padding-left:12px}

#footer .info{ padding:25px 0 50px 0}
#footer .info > p{ margin-bottom:5px; text-align:Center;} 
#footer .info > p strong,
#footer .info > p span,
#footer .info > p a{ padding-right:20px; line-height:1.5; font-size:.813em; color:#333}
#footer .info > p.copyright{ font-size:.688em; color:#777; margin-top:20px}

.sub #contents{transition:0.3s; }

#contents .page_tit{ overflow:hidden}
#contents .page_tit .tit{ margin-top:120px; position:relative; color:#fff; display:inline-block; font-family:ns,sans-serif; font-size:1.875em; line-height:60px; border-top:2px solid #fff;}
#contents .page_tit .tit:after {content:''; display:block; margin:auto; width:22px; height:2px; background:#fff;}
#contents .page_tit .nav{}
#contents .page_tit .nav > li{ display:inline-block; *display:inline; zoom:1; margin-top:20px; vertical-align:middle; font-size:.875em; font-family:ng, sans-serif; color:#fff; line-height:1.2; padding:0 0 0 11px; background:url(../images/inc/icon_c_arrow.png) no-repeat left center; font-weight:600}
#contents .page_tit .nav > li.home{ background:url(../images/inc/icon_c_home.png) no-repeat left center; padding:0 0 0 19px; font-size:0; height:18px; text-indent:-9999px;} 
/*#contents .page_tit .nav > li.this { color: #e775a6; font-weight:600;}*/

#contents  .page_tit_wrap { position:relative; left:0; top:0px; width:100%; height:330px; text-align:center; }
#contents  .page_tit_wrap.bc1 { background:url(../images/inc/s_visual_01.jpg)no-repeat center top; background-size:140% 100%;}
#contents  .page_tit_wrap.bc2 { background:url(../images/inc/s_visual_02.jpg)no-repeat center top; background-size:140% 100%;}
#contents  .page_tit_wrap.bc3 { background:url(../images/inc/s_visual_03.jpg)no-repeat center top; background-size:140% 100%;}
#contents  .page_tit_wrap.bc4 { background:url(../images/inc/s_visual_04.jpg)no-repeat center top; background-size:140% 100%;}
#contents  .page_tit_wrap.bc5 { background:url(../images/inc/s_visual_05.jpg)no-repeat center top; background-size:140% 100%;}
#contents  .page_tit_wrap.bc6 { background:url(../images/inc/s_visual_06.jpg)no-repeat center top; background-size:140% 100%;}
#contents  .page_tit_wrap.bc7 { background:url(../images/inc/s_visual_07.jpg)no-repeat center top; background-size:140% 100%;}
#contents  .page_tit_wrap.bcsnack { background:url(../images/inc/s_visual_snack.jpg)no-repeat center top; background-size:140% 100%;}
#contents  .page_tit_wrap.bcmember { background:url(../images/inc/s_visual_07.jpg)no-repeat center top; background-size:140% 100%;} 
#contents  .page_tit_wrap.bcmypage { background:url(../images/inc/s_visual_07.jpg)no-repeat center top; background-size:140% 100%;}
#contents  .page_tit_wrap.bcorder { background:url(../images/inc/s_visual_07.jpg)no-repeat center top; background-size:140% 100%;}
#contents  .page_tit_wrap.bcguide { background:url(../images/inc/s_visual_07.jpg)no-repeat center top; background-size:140% 100%;}

#contents .doc{ padding:30px 0 60px 0; min-height:350px} 
#contents .doc.doc0{ padding:0}

/*sitemap*/
.sitemap .gnb{ overflow:hidden; margin-left:-3%;}
.sitemap .gnb > li{ float:left; width:22%; margin-left:3%; margin-bottom:40px;}
.sitemap .gnb > li.m_member,
.sitemap .gnb > li.m_mypage{ display:none}
.sitemap .gnb > li .dp1{ display:block; border-top:3px solid #f15a23 ; border-bottom:1px solid #f15a23 ; text-align:center; font-size:1.063em; color:#f15a23 ; padding:12px 0;}
.sitemap .gnb > li:hover .dp1{ background:#f15a23 ; color:#fff}
.sitemap .gnb > li .dp2 > li > a{ display:block; border-bottom:1px dotted #999; color:#666; padding:10px 0; text-align:center; font-size:.875em;}
.sitemap .gnb > li .dp2 > li > a:hover{ color:#000;}
.sitemap .gnb > li .dp2 > li.sm_sitemap{ display:none;}
.sitemap .gnb > li.m_5{ clear:left;}

.sitemap .gnb > li .box3_w .section_1{ display:none;}
.sitemap .gnb > li .box3_w .section_3{ display:none;}


/*sub1_1*/
.sub1_1 .con1{background:url(../images/sub1/1_1img01.jpg) no-repeat center 0; width:100%; text-align:center; margin-top:-30px!important;}
.sub1_1 .con1 .icon1{padding:15px 0 10px;}
.sub1_1 .con1 .p1{font-size:2.15em; color:#2d1914; font-weight:600; padding-bottom:20px;}
.sub1_1 .con1 .p2{font-size:1.07em; color:#2d1914; padding-bottom:28px; line-height:23px;}

.sub1_1 .tit_box1{text-align:center; margin-top:35px;}
.sub1_1 .tit_box1 .tit_label{position:relative;}
.sub1_1 .tit_box1 .tit_label .l_line{position:absolute; width:100%; height:1px; background:#ccc; left:-50%; top:18px; margin-left:-240px;}
.sub1_1 .tit_box1 .tit_label .r_line{position:absolute; width:100%; height:1px; background:#ccc; right:-50%; top:18px; margin-right:-240px;}
.sub1_1 .tit_box1 .sub_tit{font-size:1.92em; font-weight:600; color:#111;  display:inline-block; *display:inline; zoom:1; vertical-align:middle; }
.sub1_1 .tit_box1 .sub_tit_icon{display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding-left:3px;}
.sub1_1 .tit_box1 .p1{font-size:1.07em; color:#2d1914;margin:30px 0;} 
.sub1_1 .tit_box1 .p1 .st1{font-size:1.30em; color:#f15a23; font-weight:600;}

.sub1_1 .con2{overflow:hidden;} 
.sub1_1 .con2 .con2_l{float:left; width:45%;}
.sub1_1 .con2 .con2_r{float:left; width:55%;} 

.sub1_1 .con3{background:url(../images/sub1/1_1img04.jpg) no-repeat center 0; width:100%; text-align:center; margin-top:30px;}
.sub1_1 .con3 .p1{font-size:1em; color:#fff; font-weight:600; padding:55px 0; line-height:24px;}
.sub1_1 .con3 .p1 .st1{font-size:1.38em;}

.sub1_1 .con3_map{width:100%;}
.sub1_1 .con3_map .box1{position:relative; }
.sub1_1 .con3_map a{position:absolute; background:rgba(240, 90, 35, 0); border-radius:50%; transition:0.3s;}
.sub1_1 .con3_map a:hover, .sub1_1 .con3_map a.on{ background:rgba(240, 90, 35, 0.5);}
.sub1_1 .con3_map a.point1{top:23%; right:33.3%; width:7.2%; padding-top:7.2%;} 
.sub1_1 .con3_map a.point2{top:23%; right:16.83%; width:7.2%; padding-top:7.2%;} 
.sub1_1 .con3_map a.point3{top:58.9%; right:25.25%; width:6.1%; padding-top:6.1%;} 
.sub1_1 .con3_map a.point4{top:50.1%; right:13.65%; width:8%; padding-top:8%;} 
.sub1_1 .con3_map a.point5{top:71.2%; right:13%; width:7.2%; padding-top:7.2%;} 
.sub1_1 .con3_map a.point6{top:33.45%; left:14.2%; width:7.2%; padding-top:7.2%;} 
.sub1_1 .con3_map a.point7{top:15.2%; left:25.15%; width:10%; padding-top:10%;} 
.sub1_1 .con3_map a.point8{top:11.85%; left:41.7%; width:11.7%; padding-top:11.7%;} 
.sub1_1 .con3_map a.point9{top:51.6%; left:7.4%; width:8.4%; padding-top:8.4%;} 
.sub1_1 .con3_map a.point10{top:51.6%; left:24.63%; width:7.15%; padding-top:7.15%;} 
.sub1_1 .con3_map a.point11{bottom:16.35%; left:14.03%; width:8.42%; padding-top:8.42%;} 
.sub1_1 .con3_map a.point12{top:53%; left:36.5%; width:8.8%; padding-top:8.8%;} 
.sub1_1 .con3_map a.point13{bottom:13%; left:30.8%; width:6.1%; padding-top:6.1%;} 
.sub1_1 .con3_map a.point14{top:7.15%; right:10.25%; width:8.42%; padding-top:8.42%;} 
.sub1_1 .con3_map a.point15{top:23.2%; left:10.12%; width:6.1%; padding-top:6.1%;} 
.sub1_1 .con3_map a.point16{top:64.2%; left:51.1%; width:8.42%; padding-top:8.42%;} 

.con_idx > .idx{ display:none}
.sub_location{ position:relative; z-index:inherit; width:99.9%; padding:10px;border-radius:10px; box-sizing:border-box;}
.sub_location .detail_wrap{z-index:inherit;}
.sub_location .detail_wrap{ width:60%; margin:auto; border:1px solid #ccc; border-bottom:2px solid #666; background:url(../images/sub/2_bg.png)no-repeat right bottom; border-radius:15px 15px 0 0;  margin-top:-25px;}
.sub_location.over .detail_wrap{right:0%;}
.sub_location .detail_wrap .detail{ padding:0 40px; }
.detail_wrap .detail dd {margin:20px 0;}
.sub_location .detail_wrap .detail .tit{ padding:15px 0; text-align:center; font-size:1.25em; border-bottom:1px dotted #999; font-weight:600; color:#494141}
.sub_location .detail_wrap .detail .tit .prod_tit_2{ font-size:.75em; font-weight:400; color:#ccc; margin-top:3px;}
.detail_wrap .detail .prod_m_top {overflow:hidden;}
.detail_wrap .detail .prod_m_top div.m_top_img {width:45%; float:left;}
.detail_wrap .detail .prod_m_top div.m_top_table {width:50%; float:right; padding-top:60px; }
.detail_wrap .prod_map_item, .detail_wrap .prod_map_item1 { width:100%;}
.detail_wrap .prod_map_item1 .prod_m_th {width:40%;}
.detail_wrap .prod_map_item1 .prod_m_td {width:auto;}
.detail_wrap .prod_map_item1 tr {border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-size:0.813em; color:#555;}
.detail_wrap .prod_map_item1 tr > th {background:#f9f9f9; padding:10px; }
.detail_wrap .prod_map_item1 tr > td {padding:10px;}
.detail_wrap .prod_map_item1 tr > td p {margin-bottom:4px; line-height:1.4; color:#555; }

.detail_wrap .prod_map_item .prod_m_th {width:20%;}
.detail_wrap .prod_map_item .prod_m_td {width:auto;}
.detail_wrap .prod_map_item tr {border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-size:.875em;}
.detail_wrap .prod_map_item tr > th {background:#f1f1f1; padding:10px}
.detail_wrap .prod_map_item tr > td {padding:10px;}
.detail_wrap .prod_map_item tr > td p {margin-bottom:4px; line-height:1.4; color:#555}

.detail_wrap .detail .prod_m_top .star_b_img {width:22%; padding:0 4%; float:left;}
.detail_wrap .detail .prod_m_top .star_b_txt {width:68%; float:right; height:100%;}
.detail_wrap .detail .prod_m_top .star_b_txt > p { margin-top:70px; font-size:.875em; line-height:1.5; }



.sub1_1 .map_name{display:none; margin-top:20px;}/*타블렛에서 보이게*/
.sub1_1 .map_name ul{overflow:hidden;}
.sub1_1 .map_name ul li{float:left; width:32.3%; margin-left:1%; border-radius:13px; background:#49241a; text-align:center; padding:10px 0; margin-bottom:2px; }
.sub1_1 .map_name ul li a{color:#fff; display:block;}
.sub1_1 .map_name ul li:hover{background:#2d1914}

.sub1_1 .con4 .box1{overflow:hidden; margin-bottom:80px;}
.sub1_1 .con4 .l_img{float:left; width:49.16%;}
.sub1_1 .con4 .r_img{float:right; width:49.16%; position:relative;}
.sub1_1 .con4 .r_img ul{overflow:hidden;}
.sub1_1 .con4 .r_img ul li{float:left; width:50%; margin-bottom:10px;}
.sub1_1 .con4 .r_img ul li:nth-child(2n){text-align:right;}
.sub1_1 .con4 .r_img ul li:nth-child(3),
.sub1_1 .con4 .r_img ul li:nth-child(4){margin-bottom:0;}
.sub1_1 .con4 .r_img .r_img_icon{position:absolute; top:50%; left:50%; margin-left:-70px; margin-top:-50px;}

.sub1_1 .con5{height:580px; width:100%; background:url(../images/sub1/1_1img11.jpg) no-repeat center 0;}
.sub1_1 .tit_box2{text-align:center; padding-top:35px; margin-bottom:45px;}
.sub1_1 .tit_box2 .tit_label{position:relative;}
.sub1_1 .tit_box2 .tit_label .l_line{position:absolute; width:100%; height:1px; background:#fff; left:-50%; top:18px; margin-left:-150px;}
.sub1_1 .tit_box2 .tit_label .r_line{position:absolute; width:100%; height:1px; background:#fff; right:-50%; top:18px; margin-right:-150px;}
.sub1_1 .tit_box2 .sub_tit{font-size:1.92em; font-weight:600; color:#fff;  display:inline-block; *display:inline; zoom:1; vertical-align:middle; }
.sub1_1 .con5 .box1{overflow:hidden;}
.sub1_1 .con5 .box1 ul li{float:left; width:49.16%; border-radius:5px; margin-left:1.68%; overflow:hidden;}
.sub1_1 .con5 .box1 ul li:first-child{margin-left:0; }
.sub1_1 .con5 .box1 ul li .bg1{background:url(../images/sub1/1_1img12.jpg) no-repeat 0 0; text-align:center;}
.sub1_1 .con5 .box1 ul li .bg2{background:url(../images/sub1/1_1img13.jpg) no-repeat 0 0; text-align:center;}
.sub1_1 .con5 .box1 ul li .top_txt > p{color:#fff; line-height:26px; padding:100px 0;}
.sub1_1 .con5 .box1 ul li .bottom_txt{ background:#fff; height:80px; line-height:80px; text-align:center;}
.sub1_1 .con5 .box1 ul li .bottom_txt p{font-size:1.84em; color:#f15a23; font-weight:600; display:inline-block; *display:inline; zoom:1; padding:0 35px 0 45px; }
.sub1_1 .con5 .box1 ul li .bottom_txt p.icon1{background:url(../images/sub1/1_1icon06.png) no-repeat left center;}
.sub1_1 .con5 .box1 ul li .bottom_txt p.icon2{background:url(../images/sub1/1_1icon07.png) no-repeat left center, url(../images/sub1/1_1iconarr.png) no-repeat 95% center; transition:0.3s;}
.sub1_1 .sub1_1 .con5 .box1 ul li .bottom_txt p.icon2:hover{background:url(../images/sub1/1_1icon07.png) no-repeat left center, url(../images/sub1/1_1iconarr.png) no-repeat 100% center; }


/*sub1_2*/
.doc1_2 {padding-top:0 !important;}
.con1_2_1{ width:100%; background:#036; padding:50px 0; overflow:hidden;}
.con1_2_l {width:23%; float:left; margin-top:60px;}
.con1_2_r {width:100%; float:right; overflow:hidden;}

.con1_2_1 > p {}
.con1_2_1 .p1 { color:#fff; font-size:1em; margin-bottom:30px; font-family:notokrR, sans-serif; color:#efba00; font-style:italic; margin-top:20px;}
.con1_2_1 .p2 { color:#fff; font-size:1.12em; line-height:1.5;}
.con1_2_1 .p2 > span {font-size:1.438em; font-weight:600}

.con1_2_r > li {width:33.33%; float:left; box-sizing:border-box;}
.con1_2_r > li > div { margin:0 0 5px 5px; }
.con1_2_r > li > div:hover { filter:alpha(opacity=80);opacity:.8;  }

.tit_box2_1{text-align:center; margin-top:80px;}
.tit_box2_1 .tit_label{position:relative;}
.tit_box2_1 .tit_label .l_line{position:absolute; width:100%; height:1px; background:#ccc; left:-50%; top:18px; margin-left:-240px;}
.tit_box2_1 .tit_label .r_line{position:absolute; width:100%; height:1px; background:#ccc; right:-50%; top:18px; margin-right:-240px;}
.tit_box2_1 .sub_tit{font-size:1.92em; font-weight:600; color:#111;  display:inline-block; *display:inline; zoom:1; vertical-align:middle; }
.tit_box2_1 .sub_tit_icon{display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding-left:3px;}

.con1_2_2{overflow:hidden;} 
.con1_2_2 .con2_l{float:left; width:45%;}
.con1_2_2 .con2_r{float:left; width:55%;}
.process_box {margin-top:40px}
.process_box > ul { margin-left:-30px; }
.process_box > ul.pc_none { display:none; }
.process_box > ul > li {width:25%; float:left;}
.process_box > ul > li .process_box_i {margin:0 0 30px 30px; position:relative;}
.process_box > ul > li .process_box_r:after {content:'▶'; font-size:2em; color:#ddd; position:absolute; right:-30px; top:90px;}
.process_box > ul > li .process_box_b:after {content:'▼'; font-size:2em; color:#ddd; display:block; text-align:center; }
.process_box > ul > li .process_box_l:after {content:'◀'; font-size:2em; color:#ddd; position:absolute; left:-30px; top:90px;}

.process_box > ul > li .process_box_i .process_img {width:200px; height:200px; border-radius:50%; background:#f4cc42; margin:auto;}
.process_box > ul > li .process_box_i .process_txt { margin:10px;}
.process_box > ul > li .process_box_i .process_txt .proc_tit { margin-bottom:8px; font-family:notokrM,sans-serif; color:#f15a23; font-size:1.125em; border-bottom:1px dashed #ddd; padding:3px 0 8px 0; text-align:Center;}
.process_box > ul > li .process_box_i .process_txt .proc_txt { font-family:notokrR,sans-serif; color:#555; font-size:.938em; line-height:21px; padding: 0 5px;}

.doc1_2 .con5{height:580px; width:100%; background:url(../images/sub1/1_1img11.jpg) no-repeat center 0;}
.doc1_2 .tit_box2{text-align:center; padding-top:35px; margin-bottom:45px;}
.doc1_2 .tit_box2 .tit_label{position:relative;}
.doc1_2 .tit_box2 .tit_label .l_line{position:absolute; width:95%; height:1px; background:#fff; left:-50%; top:18px; margin-left:-150px;}
.doc1_2 .tit_box2 .tit_label .r_line{position:absolute; width:95%; height:1px; background:#fff; right:-50%; top:18px; margin-right:-150px;}
.doc1_2 .tit_box2 .sub_tit{font-size:1.92em; font-weight:600; color:#fff;  display:inline-block; *display:inline; zoom:1; vertical-align:middle; }
.doc1_2 .con5 .box1{overflow:hidden;}
.doc1_2 .con5 .box1 ul li{float:left; width:49.16%; border-radius:5px; margin-left:1.68%; overflow:hidden;}
.doc1_2 .con5 .box1 ul li:first-child{margin-left:0; }
.doc1_2 .con5 .box1 ul li .bg1{background:url(../images/sub1/1_1img12.jpg) no-repeat 0 0; text-align:center;}
.doc1_2 .con5 .box1 ul li .bg2{background:url(../images/sub1/1_1img13.jpg) no-repeat 0 0; text-align:center;}
.doc1_2 .con5 .box1 ul li .top_txt > p{color:#fff; line-height:26px; padding:100px 0;}
.doc1_2 .con5 .box1 ul li .bottom_txt{ background:#fff; height:80px; line-height:80px; text-align:center;}
.doc1_2 .con5 .box1 ul li .bottom_txt p{font-size:1.84em; color:#f15a23; font-weight:600; display:inline-block; *display:inline; zoom:1; padding:0 35px 0 45px; }
.doc1_2 .con5 .box1 ul li .bottom_txt p.icon1{background:url(../images/sub1/1_1icon06.png) no-repeat left center;}
.doc1_2 .con5 .box1 ul li .bottom_txt p.icon2{background:url(../images/sub1/1_1icon07.png) no-repeat left center, url(../images/sub1/1_1iconarr.png) no-repeat 95% center; transition:0.3s;}
.sub1_1 .sub1_1 .con5 .box1 ul li .bottom_txt p.icon2:hover{background:url(../images/sub1/1_1icon07.png) no-repeat left center, url(../images/sub1/1_1iconarr.png) no-repeat 100% center; }


/*sub1_3*/
.sub1_3{ }
.sub1_3 .head { margin-bottom:30px; }
.sub1_3 .head .title { padding-top:17px; color:#222; font-family:"notokrR"; font-size:1.6em; position:relative; }
.sub1_3 .head .title:before { content:""; position:absolute; left:0; top:0px; width:50px; height:3px; background:#f15a23; }
.sub1_3 .head .txt { margin-top:12px; font-family:"notokrR"; color:#333; font-size:1em; line-height:1.5 }
/*
.sub1_3 .body { border-top:1px solid rgba(255,255,255,0.2); }
.sub1_3 .body > ul > li { margin-top:30px; border-bottom:1px dashed #999; } 
.sub1_3 .body > ul > li .tit { font-family:"notokrM"; color:#fff; display:inline-block; padding:12px 0; width:185px; text-align:center; background:#f2893c; }
.sub1_3 .body > ul > li .open { padding:15px 0 17px; color:#333; font-size:1em; border-bottom:1px solid rgba(255,255,255,0.2); }
.sub1_3 .body > ul > li .open .inp_box { overflow:hidden; }
.sub1_3 .body > ul > li .open .inp_box li { float:left; width:25%; color:#333; font-size:1rem; margin-top:10px; }
.sub1_3 .body > ul > li .open .inp_box li label { display:inline-block; cursor:pointer; }

.sub1_3 .btn_slide { position:absolute; width:30px; height:110px; left:-30px; top:110px; background:#f2893c; cursor:pointer; display:table; text-align:center; border-radius:5px 0 0 5px; }
.sub1_3 .btn_slide .icon{ display:table-cell; vertical-align:middle; }*/
.sub1_3 .board_st { }
.sub1_3 .board_st tr th { font-size:0.938rem; text-align:left; padding:15px 10px 15px 20px; }
.sub1_3 .board_st tr td { font-size:0.875rem; padding:20px 10px; }
.sub1_3 .board_st tr td ul { overflow:hidden; margin-top:-15px;  }
.sub1_3 .board_st tr td ul li { margin-top:15px; float:left; width:25%; }
.sub1_3 .board_st tr td ul li label { cursor:pointer; }

.sub1_3 .find_btn { text-align:center; margin-top:40px; }
.sub1_3 .find_btn .btn { background:#e5950a; min-width:200px; padding:12px 0; font-family:"notokrM"; color:#fff; font-size:1.063em; border:none; transition:0.3s; }
.sub1_3 .find_btn .btn:hover { background:#333; }


/*sub2_1*/
.tit_box1{text-align:center; margin-top:35px;}
.tit_box2 {margin-top:100px;}
.tit_box1 .tit_label{position:relative;}
.tit_box1 .tit_label .l_line{position:absolute; width:100%; height:1px; background:#ccc; left:-50%; top:18px; margin-left:-240px;}
.tit_box1 .tit_label .r_line{position:absolute; width:100%; height:1px; background:#ccc; right:-50%; top:18px; margin-right:-240px;}
.sub2_1 .tit_box1 .sub_tit{font-size:2.188em; font-weight:600; color:#111; font-family: 'Krona One', sans-serif; display:inline-block; *display:inline; zoom:1; vertical-align:middle; }
.sub2_1 .tit_box1 .sub_tit2 {font-size:1.92em; font-weight:600; color:#111;  display:inline-block; *display:inline; zoom:1; vertical-align:middle; }
.sub2_1 .tit_box1 .sub_txt{font-size:1em; color:#999; margin-top:10px; font-family: nm, sans-serif;}
.tit_box1 .p1{font-size:1.07em; color:#2d1914;margin:30px 0;} 
.tit_box1 .p1 .st1{font-size:1.30em; color:#f15a23; font-weight:600;}

.sub2_1 .con3_map{width:100%;}
.sub2_1 .con3_map .box1{position:relative; }
.sub2_1 .con3_map a{position:absolute; background:rgba(240, 90, 35, 0); border-radius:50%; transition:0.3s;}
.sub1_1 .con3_map a:hover, .sub2_1 .con3_map a.on{ background:rgba(240, 90, 35, 0.5);}
.sub2_1 .con3_map a.point1{top:23%; right:33.3%; width:7.2%; padding-top:7.2%;} 
.sub2_1 .con3_map a.point2{top:23%; right:16.83%; width:7.2%; padding-top:7.2%;} 
.sub2_1 .con3_map a.point3{top:58.9%; right:25.25%; width:6.1%; padding-top:6.1%;} 
.sub2_1 .con3_map a.point4{top:50.1%; right:13.65%; width:8%; padding-top:8%;} 
.sub2_1 .con3_map a.point5{top:71.2%; right:13%; width:7.2%; padding-top:7.2%;} 
.sub2_1 .con3_map a.point6{top:33.45%; left:14.2%; width:7.2%; padding-top:7.2%;} 
.sub2_1 .con3_map a.point7{top:15.2%; left:25.15%; width:10%; padding-top:10%;} 
.sub2_1 .con3_map a.point8{top:11.85%; left:41.7%; width:11.7%; padding-top:11.7%;} 
.sub2_1 .con3_map a.point9{top:51.6%; left:7.4%; width:8.4%; padding-top:8.4%;} 
.sub2_1 .con3_map a.point10{top:51.6%; left:24.63%; width:7.15%; padding-top:7.15%;} 
.sub2_1 .con3_map a.point11{bottom:16.35%; left:14.03%; width:8.42%; padding-top:8.42%;} 
.sub2_1 .con3_map a.point12{top:53%; left:36.5%; width:8.8%; padding-top:8.8%;} 
.sub2_1 .con3_map a.point13{bottom:13%; left:30.8%; width:6.1%; padding-top:6.1%;} 
.sub2_1 .con3_map a.point14{top:7.15%; right:10.25%; width:8.42%; padding-top:8.42%;} 
.sub2_1 .con3_map a.point15{top:23.2%; left:10.12%; width:6.1%; padding-top:6.1%;} 
.sub2_1 .con3_map a.point16{top:64.2%; left:51.1%; width:8.42%; padding-top:8.42%;} 
.sub2_1 .con3_map a.point17{bottom:5.9%; left:47.5%; width:7.2%; padding-top:7.2%;} 
.sub2_1 .con3_map a.point18{top:37.2%; left:28.8%; width:6.1%; padding-top:6.1%;} 
.sub2_1 .con3_map a.point19{top:33%; left:39%; width:8.42%; padding-top:8.42%;} 
.sub2_1 .con3_map a.point20{top:40%; left:60.4%; width:8.42%; padding-top:8.42%;} 

.sub2_1 .map_name{display:none; margin-top:20px;}/*타블렛에서 보이게*/
.sub2_1 .map_name ul{overflow:hidden;}
.sub2_1 .map_name ul li{float:left; width:32.3%; margin-left:1%; border-radius:13px; background:#49241a; text-align:center; padding:10px 0; margin-bottom:2px; }
.sub2_1 .map_name ul li a{color:#fff; display:block;}
.sub2_1 .map_name ul li:hover{background:#2d1914}

.sub2_1 .con3{background:url(../images/sub/2_1bg_1.jpg) no-repeat center 0; width:100%; text-align:center; height:600px; /*margin-top:50px;*/}
.sub2_1 .con3 .con_tit{font-size:2.188em; color:#fff; font-family: 'Krona One', sans-serif; font-weight:600; padding:55px 0; line-height:24px;}
.sub2_1 .con3 .p1{font-size:1em; letter-spacing:.8px; color:#fff; font-weight:600; line-height:25px; margin-bottom:45px; }
.sub2_1 .con3 .p1 .st1{font-size:1.38em;}
.sub2_1 .con3 .roast_Brand {}
.sub2_1 .con3 .roast_Brand > li {display:inline-block; margin:5px; border-radius:0 20px 20px 20px; overflow:hidden; border-top:3px solid #f15a23 }


.con4 {margin:20px auto 100px auto;}
.buss ul{ overflow:hidden; margin-left:-30px; margin-top:30px;}
.buss ul li{ float:left; width:33.33%; margin-bottom:20px; cursor:pointer}
.buss ul li .in_w{ text-align:left; border:1px solid #ccc; border-top:3px solid #333; padding:5px 5px 0px 5px; margin-left:30px; overflow:hidden; position:relative; z-index:inherit; overflow:hidden;}
.buss ul li .in_w > .img_w > img {width:100%;}
.buss ul li .in_w > div {box-sizing:border-box;}
.buss ul li .in_w > div.list_st {  margin:8px; }
.buss ul li .in_w p{ position:relative;}
.buss ul li .in_w p.img_w{ *width:100%; margin-bottom:10px; overflow:hidden;}

.buss ul li .in_w .list_st {padding-bottom:10px;}
.buss ul li .in_w .list_st p{ line-height:1.5; color:#666; background:url(../images/sub1/li_tit1.jpg) no-repeat left 9px;}
.buss ul li .in_w .list_st p.txt_ko {  color:#333; font-size:1.250em; font-weight:600; margin-bottom:15px; padding-bottom:10px; border-bottom:1px dashed #ddd;} 
.buss ul li .in_w .list_st p.txt_ko2 {font-size:.938em; line-height:1.5}


.con1_2_1{ width:100%; background:#4d2d00; padding:50px 0; overflow:hidden;}
.con2_1_l {width:65%; float:left; }
.con2_1_r {width:30%; float:right; overflow:hidden;}

.con1_2_1 > p { text-align:center;}

.con1_2_1 .p3 { color:#fff; font-size:1.675em; margin-bottom:30px; font-family:notokrM, sans-serif;margin-top:20px; }
.con1_2_1 .p2 { color:#fff; font-size:1.12em; line-height:1.5;}
.con1_2_1 .p2 > span {font-size:1.438em; font-weight:600}

.con2_1_l > li { float:left; box-sizing:border-box;}
.con2_1_l > li.size_s {}
.con2_1_l > li > div { margin:0 0 5px 5px; }
.con2_1_l > li > div:hover { filter:alpha(opacity=80);opacity:.8;  }

.con2_line {text-align:Center; margin-top:80px; filter:alpha(opacity=60);opacity:.6;}
.con2_line2 {margin-top:20px;}

/*sub6*/
.sub_intro_menu_wrap > li {width:25%;}

/*제품리스트*/
.cate_list{  overflow:hidden;}
.cate_list > li{ float:left; width:20%;}
.cate_list > li .inner > a { }
.cate_list > li .inner > a.on, .cate_list > li:hover .inner > a{ border-top:3px solid #f15a23; display:block; }
.cate_list > li:nth-child(6) .inner > a,
.cate_list > li:nth-child(7) .inner > a,
.cate_list > li:nth-child(8) .inner > a,
.cate_list > li:nth-child(9) .inner > a,
.cate_list > li:nth-child(10) .inner > a { margin-top:-1px } 
.cate_list > li:first-child .inner > a,
.cate_list > li:nth-child(6) .inner > a { margin-left:0px } 

.cate_list > li .inner > a.on > p,  .cate_list > li:hover .inner > a > p{ color:#f15a23;}
.cate_list > li .inner > a{ border:1px solid #ccc; padding:0 14px; display:block; border-top:3px solid #ccc; margin-left:-1px; border-radius:0 15px 0 0;}
.cate_list > li .inner > a > p{ font-size:0.875em; font-family:notokrM, sans-serif; color:#333; line-height:42px; background:url(../images/inc/arrow_cate.png) no-repeat right center; text-align:Center;}


.option_area{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:15px 13px; overflow:hidden; margin:10px 0 0 0; }
.option_area.search{ margin:0;}
.option_area .prod_count{ float:left; font-size:0.813em; font-family:Doutm, "돋움", sans-serif; color:#555; letter-spacing:-0.5px; line-height:24px;}
.option_area .prod_count > span{ font-weight:bold; color:#f15a23;}
.option_area > ul{ float:right; text-align:right;}
.option_area > ul > li{ display:inline-block; *display:inline; zoom:1;}
.option_area > ul > li:hover > a{ color:#f15a23;}
.option_area > ul > li > a{ position:relative; display:block; padding:0 5px; font-size:0.75em; font-family:Doutm, "돋움", sans-serif; color:#555; letter-spacing:-0.5px; line-height:24px;}
.option_area > ul > li > a:after {content:''; position:absolute; left:-2px; top:6px; width:1px; height:8px; background:#ddd; }
.option_area > ul > li:first-child > a:after {content:''; position:absolute; left:-2px; top:6px; width:1px; height:8px; background:#fff; }


.prod_gall{ overflow:hidden; margin:40px 0 -33px -35px;}
.prod_gall > li{ float:left; width:33.33%; }
.prod_gall > li:hover .prod_pic{ border:1px solid #666; transition:0.3s;}
.prod_gall > li .inner{ margin:0 0 33px 35px; position:relative;}
.prod_gall > li .inner > a{ display:block;}

.prod_gall > li .prod_option { position:absolute; left:18px; top:15px; z-index:99; }
.prod_gall > li .prod_option > li {text-align:center; color:#fff; font-family:notokrB, sans-serif; font-size:0.813em; margin-left:3px; float:left; width:52px; height:22px; line-height:22px; background:rgba(255,255,255,.7);}
.prod_gall > li .prod_option .best { color:#f15a23; border:1px solid #f15a23;  }
.prod_gall > li .prod_option .new { color:#225acb; border:1px solid #225acb; }
.prod_gall > li .prod_option .hit { color:#64b40e; border:1px solid #64b40e; }
.prod_gall > li .prod_option > li:first-child {margin-left:0px !important;}

.prod_gall > li .prod_pic{ border:1px solid #d7d7d7; position:relative;}
.prod_gall > li .prod_pic > img{ transition:0.5s;}
.prod_gall > li .prod_pic:hover > img{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); transition:0.5s;}

.prod_gall > li .prod_tag {text-align:center;}
.prod_gall > li .prod_tag > li { height:26px; padding:0 13px; background:#f36ea7; color:#fff; font-family:Dotum, sans-serif; font-size:.875em; display:inline-block;}

.prod_gall > li .prod_tt_wrap{ padding:15px 20px ; border:1px solid #d7d7d7; border-top:none;}
.prod_gall > li .prod_tt_wrap > dl{ width:100%;}
.prod_gall > li .prod_tt_wrap > dl > dt{ font-size:1em; font-family:sg, sans-serif; font-weight:600; color:#333; line-height:1.2; margin:0 0 12px 0;  text-align:center;}
.prod_gall > li .prod_tt_wrap > dl > dd{ font-size:0.813em; color:#666; padding:10px 0 12px 0; line-height:1.5; word-break:break-all; word-wrap:break-word; white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; border-top:1px solid #b2b2b2; margin:1px 0 0 0;}
.prod_gall > li .prod_tt_wrap .price{ text-align:center; font-size:1.25em; font-family:Arial, Helvetica, sans-serif; font-weight:600; color:#555; padding:8px 0 0 0;}
.prod_gall > li .prod_tt_wrap .price_lt{ text-align:center; font-size:0.938em; font-family:notokrM, sans-serif; text-decoration:line-through; color:#888;}
.prod_gall > li .prod_tt_wrap .sale{ text-align:center; font-size:0.938em; font-family:notokrB, sans-serif; color:#f4276c; padding:3px 0 30px 0;}*/


.prod_gall_2{ overflow:hidden; margin:80px 0 0px 0;}
.prod_gall_2 .prod_tit2 { margin-bottom:80px;}
.prod_gall_2 .prod_tit2 > p { text-align:center; margin-bottom:8px;}
.prod_gall_2 .prod_tit2 > p.prod_tit_t {font-size:1.438em; font-family:ns,sans-serif; color:#333; font-weight:600;}
.prod_gall_2 .prod_tit2 > p.prod_tit_t2 {font-size:.938em; color:#555; line-height:1.5;}

.prod_gall_2 ul.prod_gall2 {text-align:center;}
.prod_gall_2 ul.prod_gall2 > li{ display:inline-block; width:24%; vertical-align:middle; }
.prod_gall_2 ul.prod_gall2 > li .inner{ margin:0 0 35px 0x; position:relative;}
.prod_gall_2 ul.prod_gall2 > li .inner > a{ display:block;}

.prod_gall_2 ul.prod_gall2 > li .prod_pic{ position:relative; padding:10px;}
.prod_gall_2 ul.prod_gall2 > li .prod_pic > img{ transition:0.5s;}
.prod_gall_2 ul.prod_gall2 > li:hover .prod_pic > img{ transform:scale(0.95,0.95); -webkit-transform:scale(0.95,0.95); -ms-transform:scale(0.95,0.95); transition:0.5s;}

.prod_gall_2 ul.prod_gall2 > li .prod_tt_wrap{ padding:0 20px 10px 20px;}
.prod_gall_2 ul.prod_gall2 > li .prod_tt_wrap > dl{ width:100%;}
.prod_gall_2 ul.prod_gall2 > li .prod_tt_wrap > dl > dt:after {content:''; width:250px; height:1px; background:#ddd; display:block; margin:5px auto;}
.prod_gall_2 ul.prod_gall2 > li .prod_tt_wrap > dl > dt > p { font-size:0.813em; font-family:sg, sans-serif; color:#888; line-height:1.2; text-align:center;}
.prod_gall_2 ul.prod_gall2 > li .prod_tt_wrap > dl > dt > p:first-child { font-size:1.125em; font-family:sg, sans-serif; font-weight:600; color:#333; line-height:1.2;  transition:0.5s }
.prod_gall_2 ul.prod_gall2 > li:hover .prod_tt_wrap > dl > dt > p:first-child { color:#f15a23}
.prod_gall_2 ul.prod_gall2 > li .prod_tt_wrap > dl > dd{ font-size:0.938em; color:#666; padding:10px 0 12px 0; line-height:1.5; word-break:break-all; word-wrap:break-word; white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; margin:5px 0 0 0; text-align:center;}

/*제품상세*/
.goods { overflow:hidden;}
.goods .left_area{ float:left; width:40%;}
.goods .left_area .img_info{ padding:0 20px; line-height:34px; background:#333; border:1px solid #ccc; border-top:0; text-align:center;}
.goods .left_area .img_info > span{ padding:0 0 0 26px; font-size:0.813em; font-family:notokrM, sans-serif; color:#fff; background:url(../images/inc/icon_p_search.png) no-repeat left center;}
.goods .left_area .magnify{ position:relative;}
.goods .left_area .magnify .magnify-lens{ position: absolute; width: 200px; height: 200px; border:6px solid #fff; border-radius: 100%; cursor: none; display: none; z-index: 100;  -webkit-box-shadow: inset 0 0 40px 2px rgba(0, 0, 0, 0.25); box-shadow: inset 0 0 40px 2px rgba(0, 0, 0, 0.25);}
.goods .left_area .magnify .img_big{ /*max-width:400px; max-height:266px;*/}
.goods .left_area .img{ position:relative; border:1px solid #ccc; border-bottom:0; height:355px;}
.goods .left_area .img .p_search_btn{ position:absolute; right:-1px; bottom:-1px; width:44px; height:34px; background:url(../images/inc/icon_p_search.png) no-repeat center center #10b5fa; font-size:0; text-indent:-9999px;}
.goods .left_area .img .p_search_btn:hover{ background:url(../images/inc/icon_p_search.png) no-repeat center center #10d6fa;}
.goods .left_area .thum_list{ overflow:hidden; margin:12px 0 0 -12px;}
.goods .left_area .thum_list > li{ float:left; width:25%;}
.goods .left_area .thum_list > li > div{ margin:0 0 0 12px;}
.goods .left_area .thum_list > li > div > a{ display:block; border:1px solid #ccc; height:102px;}
.goods .left_area .thum_list > li > div a.on{ border:1px solid #555;}
.goods .left_area .c_box{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; }
.goods .right_area{ float:right; width:60%;}
.goods .right_area .inner{ padding:0 0 0 30px;}
.goods .right_area .inner .deatil_list{}
.goods .right_area .inner .deatil_list .tit{ font-size:1.25em; font-family:notokrB, sans-serif; color:#000; padding:0 0 12px 0; line-height:1;}
.goods .right_area .inner .deatil_list .txt_area{ word-break:break-all; padding:15px 0; font-size:0.813em; line-height:1.7; color:#444; border-top:1px solid #d9d9d9;}
.goods .right_area .inner .deatil_list .prime_area{ padding:14px 0; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; margin:0 0 25px 0;}
.goods .right_area .inner .deatil_list dl{ text-align:left; font-size:0; line-height:0; margin:3px 0;}
.goods .right_area .inner .deatil_list dl dt, .goods .right_area .inner .deatil_list dl dd{ display:inline-block; *display:inline; zoom:1; vertical-align:text-top; line-height:38px;}
.goods .right_area .inner .deatil_list dl dt{ width:70px;}
.goods .right_area .inner .deatil_list dl dt > p{ font-size:0.938rem; font-family:notokrB, sans-serif; color:#222;}
.goods .right_area .inner .deatil_list dl dd{ font-size:0.938rem; font-family:notokrM, sans-serif; color:#222;}
.goods .right_area .inner .deatil_list dl dd > p{ display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.goods .right_area .inner .deatil_list dl dd.col{ margin:0 28px 0 15px; width:1px; height:8px; background:url(../images/inc/col_prod.png) no-repeat center center;}
.goods .right_area .inner .deatil_list dl dd .prod_select{ border:1px solid #ccc; width:338px; height:30px; color:#444; font-family:notokrM, sans-serif; background-position:96% center;}
.goods .right_area .inner .deatil_list dl dd.st1{ font-family:notokrB, sans-serif; color:#333;}
.goods .right_area .inner .deatil_list dl dd.st1 .strike{ font-family:notokrB, sans-serif; color:#999; margin:0 10px 0 0; text-decoration:line-through;}
.goods .right_area .inner .deatil_list dl dd.st2{ font-size:0.813em; color:#555;}
.goods .right_area .inner .deatil_list dl dd .drawing{ background:#105eac; text-align:center; border-radius:3px; display:inline-block; *display:inline; zoom:1; padding:0 14px; transition:0.3s;}
.goods .right_area .inner .deatil_list dl dd .prc{ font-size:1rem; color:#f15a23; font-family:notokrB, sans-serif;}
.goods .right_area .inner .deatil_list dl dd .prc_lt{ font-size:1rem; color:#888; font-family:notokrM, sans-serif; text-decoration:line-through;}
.goods .right_area .inner .deatil_list dl dd .sale{ padding:0 0 0 10px; font-size:1rem; color:#f4276c; font-family:notokrB, sans-serif;}
.goods .right_area .inner .deatil_list dl dd .drawing:hover{ background:#1b75cf; transition:0.3s;}
.goods .right_area .inner .deatil_list dl dd .drawing > p{ font-size:0.813em; font-weight:600; color:#fff; line-height:33px; padding:0 18px 0 0; background:url(../images/inc/icon_d_plus.png) no-repeat right center;}
.goods .right_area .inner .pnum_wrap{ padding:2px 0 0 1px;}
.goods .right_area .inner .pnum_wrap > a, .goods .right_area .inner .pnum_wrap .inp_st{ margin:0 0 0 -1px;}
.goods .right_area .inner .pnum_wrap > a{ float:left; width:22px; height:19px; border:1px solid #ccc; font-size:0; line-height:0;}
.goods .right_area .inner .pnum_wrap > a.st1{ background:url(../images/inc/icon_sd_arrow.png) no-repeat center center;}
.goods .right_area .inner .pnum_wrap > a.st2{ background:url(../images/inc/icon_su_arrow.png) no-repeat center center;}
.goods .right_area .inner .pnum_wrap > a.close{ background:url(../images/inc/icon_close.png) no-repeat center center; margin:0 0 0 2px;}
.goods .right_area .inner .pnum_wrap .inp_st{ float:left; width:42px; height:19px; border:1px solid #ccc; text-align:center; font-size:0.938em; font-family:Arial, Helvetica, sans-serif; color:#000; font-weight:600;}
.goods .right_area .inner .op_box{ border:1px solid #ccc; padding:12px 15px; position:relative; margin:0 0 5px 0;}
.goods .right_area .inner .op_box .angle{ position:absolute; left:-1px; top:-1px; width:11px; height:11px; background:url(../images/inc/angle_prod.png) no-repeat center top;}
.goods .right_area .inner .op_tt{ font-size:0.875em; font-family:notokrB, sans-serif; color:#222; width:100%; padding:0 0 8px 0;}
.goods .right_area .inner .op_con{ overflow:hidden;}
.goods .right_area .inner .op_l{ float:left;}
.goods .right_area .inner .op_r{ float:right; text-align:right;}
.goods .right_area .inner .op_r .pri{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:1em; font-family:notokrB, sans-serif; color:#222;}
.goods .right_area .inner .op_r .reserve{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:0.813em; color:#222; padding:0 0 0 3px;}
.goods .right_area .inner .op_r .reserve > span{ font-size:0.688em; font-family:Dotum, "돋움", sans-serif; color:#fff; padding:4px 3px 2px 3px; margin:0 3px 0 0; background:#225acb; border-radius:3px;}

.goods .right_area .inner .price_area{ padding:16px 0; text-align:right;}
.goods .right_area .inner .price_area > p{ display:inline-block; *display:inline; zoom:1; font-size:0.938em; color:#888; font-weight:600;}
.goods .right_area .inner .price_area > p.price_info{ font-size:1.063em; font-weight:600; color:#ff8a00;}
.goods .right_area .inner .price_area .prc{ font-size:1.5em; color:#f15a23; font-family:notokrB, sans-serif; padding:0 0 0 15px; font-weight:normal;}
.goods .right_area .inner .price_area .won{ font-size:1.125em;}
.goods .right_area .inner .p_btn_area{ width:100%; padding:5px 0 0 0; text-align:right; font-size:0; line-height:0;}
.goods .right_area .inner .p_btn_area > li{ width:32.6%; margin:0 0 0 1%; display:inline-block; *display:inline; zoom:1; text-align:center;}
.goods .right_area .inner .p_btn_area > li:first-child{ margin:0;}
.goods .right_area .inner .p_btn_area > li .prod_btn { display:block; width:100%; line-height:44px; font-size:0.938rem; font-family:notokrB, sans-serif; color:#000;}
.goods .right_area .inner .p_btn_area > li .prod_btn.b1{ border:1px solid #444; background:#444; color:#fff;}
.goods .right_area .inner .p_btn_area > li .prod_btn.b2{ border:1px solid #ccc; background:#fff;}
.goods .right_area .inner .price{ text-align:right;}
.goods .right_area .inner .price .info{ font-size:0.813em; font-family:notokrM, sans-serif; color:#444;}
.goods .right_area .inner .price .num{ font-size:1.313em; font-family:notokrB, sans-serif; color:#ff7899; padding:0 0 0 12px;}
.goods .right_area .inner .price .num > span{ font-size:0.813em; font-family:notokrM, sans-serif; color:#000;}
.goods .right_area .inner .btn_list{ overflow:hidden; text-align:center;}
.goods .right_area .inner .btn_list > a{ width:28%; height:48px; line-height:48px; border:1px solid #aaa; font-size:0.938em; font-family:notokrB, sans-serif; float:left; color:#222; margin:0 0 0 4px;}
.goods .right_area .inner .btn_list > a.buy{ width:40%; border:0; height:50px; line-height:50px; font-size:0.938em; font-family:notokrM, sans-serif; background:#4c4c4c; color:#fff; margin:0 0 0 0;}

.goods .right_area .inner .deatil_list dl dd.mchi_box {line-height:1.5 !important;}
.goods .right_area .inner .deatil_list dl dd p.mchi_ps {display:block; font-family:notokrR, sans-serif; font-size:14px; margin-top:-5px; color:#777;}
.deatil_list .prime_area > dl >dd .mchi_info tr th, .deatil_list .prime_area > dl >dd .mchi_info tr td{ padding:2px 10px;}
.deatil_list .prime_area > dl >dd .mchi_info tr th {position:relative; width:40%; text-align:left;}
.deatil_list .prime_area > dl >dd .mchi_info tr th:after {content:":"; position:absolute; right:0; }


.price_area{ padding:20px 0; text-align:right;}
.price_area .price_info{ padding:20px 0; text-align:right;}
.price_area > p{ display:inline-block; *display:inline; zoom:1; font-size:0.938em; color:#888; font-weight:600;}
.price_area .prc{ font-size:1.5em; color:#f4276c; font-family:notokrB, sans-serif; padding:0 0 0 15px; font-weight:normal;}
.price_area .won{ font-size:1.125em;}

.view_wrap{ text-align:center;}
.view_wrap .view_tab{ margin:50px 0 40px 0; overflow:hidden;}
.view_wrap .view_tab > li{ width:50%; float:left; text-align:center; text-align:center;}
.view_wrap .view_tab > li:hover .bd, .view_wrap .view_tab > li > a.on .bd{ filter:alpha(opacity=100); opacity:1;}
.view_wrap .view_tab > li > a{ position:relative; display:block; border:1px solid #cdcdcd; margin:0 0 0 -1px; font-size:0.875em; font-family:notokrM, sans-serif; color:#777; line-height:45px; background:#fff;}
.view_wrap .view_tab > li > a .bd{ filter:alpha(opacity=0); opacity:0; position:absolute; left:-1px; top:-1px; width:101%; height:3px; background:#f15a23;}
.view_wrap .view_tab > li > a.on, .view_wrap .view_tab > li:hover > a{ color:#f15a23;}
.view_wrap .view_tab > li:first-child > a{ margin:0 0 0 1px;}
.view_wrap .view_con{ text-align:center; font-size:0.75em;}


/*제품상세2*/
.goods .right_area2{ float:right; width:60%;}
.goods .right_area2 .inner{ padding:0 0 0 30px;}
.goods .right_area2 .inner .deatil_list{}
.goods .right_area2 .inner .deatil_list .tit{ font-size:1.25em; font-family:notokrB, sans-serif; color:#000; padding:0 0 12px 0; line-height:1;}
.goods .right_area2 .inner .deatil_list .txt_area{ word-break:break-all; padding:15px 0; font-size:0.813em; line-height:1.7; color:#444; border-top:1px solid #d9d9d9;}
.goods .right_area2 .inner .deatil_list .prime_area{ padding:14px 0; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; margin:0 0 25px 0;}
.goods .right_area2 .inner .deatil_list dl{ text-align:left; margin:3px 0 12px 0;}
/*.goods .right_area .inner .deatil_list dl dt, 
.goods .right_area .inner .deatil_list dl dd{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; line-height:38px;}*/
.goods .right_area2 .inner .deatil_list dl dt{}
.goods .right_area2 .inner .deatil_list dl dt > p{ font-size:1em; font-family:notokrB, sans-serif; color:#222; line-height:1.9}
.goods .right_area2 .inner .deatil_list dl dd{ font-size:0.938em; font-family:notokrR, sans-serif; color:#555; }
.goods .right_area2 .inner .deatil_list dl dd p.prc{ display:inline-block; vertical-align:middle; margin-right:8px;}
.goods .right_area2 .inner .deatil_list dl dd p.prc > span {padding-left:9px; position:relative}
.goods .right_area2 .inner .deatil_list dl dd p.prc > span:before { content:''; position:absolute; top:9px; left:0px; width:4px; height:3px; background:#096;}
.goods .right_area2 .inner  .recipe_btn { float:right; border:1px solid #f15a23; color:#f15a23; font-family:notokrM, sans-serif; font-size:.813em; height:25px; line-height:25px;padding:0 8px; filter:alpha(opacity=70); opacity:.7; transition:.3s;}
.goods .right_area2 .inner  .recipe_btn:hover { filter:alpha(opacity=100); opacity:1;}
.goods .right_area2 .inner  .recipe_btn > span { display:inline-block; width:20px; height:16px; margin-left:5px; background:url(../images/sub/recipe_down.png)no-repeat right center; vertical-align:middle;}


/*sub6_1*/
.sub6_1{max-width:1040px; margin:0 auto;}
.sub6_1 .top_txt .p1{font-size:1.6em; color:#222; margin-top:30px;}
.sub6_1 .top_txt .p2{font-size:2em; color:#ff7519; font-weight:600; padding-top:3px;}
.sub6_1 .top_txt .txt_line{width:80px; height:6px; background:#ff7519; margin:23px 0;}
.sub6_1 .top_txt .p3{font-size:1.07em; line-height:26px; letter-spacing:-1px; color:#333;}
.sub6_1 .top_txt .p3 .st1{font-weight:600;}
.sub6_1 .img_box{margin-top:50px;}
.sub6_1 .img_box ul{overflow:hidden;}
.sub6_1 .img_box ul li{float:left; width:25%; margin-bottom:11px; position:relative;}
.sub6_1 .img_box ul li .img_tit1{position:absolute; bottom:5px; right:10px; color:#fff; font-weight:600;}


.sub6_1 .img_box ul li.txt_li{width:50%;}
.sub6_1 .img_box ul li.txt_li > p{font-size:1.15em; color:#333; padding-top:35px;}
.sub6_1 .img_box ul li.txt_li > p .st1{font-size:1.30em; font-weight:600; color:#ff7519}

.sub6_1 .img_box2{text-align:center;}
.sub6_1 .tit_box1{text-align:center; margin:70px 0 20px 0;}
.sub6_1 .tit_box1 .p4{font-size:1.07em; line-height:24px; letter-spacing:-1px; color:#333; text-align:center; margin:20px auto 50px auto; width:75%;}
.sub6_1 .tit_box1 .tit_label{position:relative;}
.sub6_1 .tit_box1 .tit_label .l_line{position:absolute; width:100%; height:1px; background:#ccc; left:-50%; top:18px; margin-left:-80px;}
.sub6_1 .tit_box1 .tit_label .r_line{position:absolute; width:100%; height:1px; background:#ccc; right:-50%; top:18px; margin-right:-80px;}
.sub6_1 .tit_box1 .sub_tit{font-size:1.92em; font-weight:600; color:#111;  display:inline-block; *display:inline; zoom:1; vertical-align:middle; }

/*sub6_2*/
.sub6_6{padding:0 70px;}
.greeting_p1{font-size:1.69em; color:#222; font-weight:600; margin-bottom:30px; margin-top:30px; line-height:37px;}
.greeting_p1 .st1{font-weight:300;}
.greeting_p1 .st2{color:#f15a23;}
.greeting_p2{font-size:1em; color:#333;  line-height:25px;}
.greeting_p2 .st1{font-weight:600;}
.greeting_p2 .st2{text-decoration:underline;}
.greeting_p3{font-size:1.69em; color:#222; margin:25px 0 30px; text-align:right;}
.greeting_p4{font-size:1.23em; color:#222; text-align:right;}
.greeting_p4 .st1{font-size:1.3em; font-family:serif; font-weight:600;}
.greeting_p4 .st2{font-family:serif;}
.ceo_img{float:right; margin:0 0 20px 20px;} 

/*sub6_3*/
.history_top{ position:relative; z-index:inherit; text-align:center;}
.history_top .bg{ position:relative; z-index:inherit}
.history_top .tt{ position: absolute; z-index:inherit; width:100%; text-align:center; height:auto; left:0; bottom:10%}
.history_top .tt img{ }
.en .history_top .tt img{ max-width:297px}

.history_wrap{position:relative; z-index:inherit;}
.history{ position:relative; z-index:inherit}
.history > li{ width:50%; position:absolute; z-index:inherit}
.history > li.left{ left:0; text-align:right}
.history > li.right{ right:0; text-align:left}

.history > li > dl{}
.history > li > dl > dt{padding:0 5% 0px 5%; foWnt-family:Georgia, "Times New Roman", Times, serif; color:#cecece; font-size:40px; position:relative; z-index:inherit}
.history > li > dl > dt .line{ display:block; position:absolute; z-index:inherit; width:5%; top:30px; height:1px; background:#c9c9c9;}
.history > li.left > dl > dt .line{right:0}
.history > li.right > dl > dt .line{left:0}
.history > li > dl > dt .icon{position:absolute; z-index:1; width:10px; top:25px; display:block}
.history > li > dl > dt .icon img{ width:100%}
.history > li.left > dl > dt .icon{right:-5px}
.history > li.right > dl > dt .icon{left:-5px}
.history > li > dl > dd{ padding:6px 0; overflow:hidden}
.history > li.left > dl > dd{ padding-right:5%; position:relative; padding-right:10px; margin-right:10px;}
.history > li.left > dl > dd::before{content:''; position:absolute; right:0; top:13px; display:inline-block; *display:inline; zoom:1; background:#333; width:3px; height:3px;}
.history > li.right > dl > dd{ padding-left:5%;  position:relative; padding-left:10px; margin-left:10px;}
.history > li.right > dl > dd::before{content:''; position:absolute; left:0; top:13px; display:inline-block; *display:inline; zoom:1; background:#333; width:3px; height:3px;}
.history > li > dl > dd .tt{display:block; width:82%;font-size:13px; color:#444; line-height:1.3}
.history > li.left > dl > dd .mon{ float:right}
.history > li.left > dl > dd .tt{ float:right}
.history > li.right > dl > dd .tt{ float:left}

.history_line{ width:1px; position:absolute; z-index:inherit; background:#c9c9c9; left:50%; height:100%; top:0; display:block}

/*sub6_4*/
.organi{text-align:center; margin-top:30px;}

/*sub6_5*/
h3.partner_tit {text-align:Center; padding-bottom:15px; margin-bottom:25px; position:relative; font-family:ns, sasns-serif; font-size:1.188em; line-height:27px; font-weight:400;}
h3.partner_tit:after {content:''; display:block;margin:20px auto 0 auto; width:70px; height:2px; background:#f15a23}
.sub_intro_menu_wrap{ overflow:hidden; margin:0 0 0 -20px;  }
.sub_intro_menu_wrap > li{ float:left; width:20%; margin-bottom:20px; cursor:pointer;}
.sub_intro_menu_wrap > li .sub_intro_menu{ border:1px solid #ddd; padding:15px 50px; position:relative; z-index:inherit; margin:0 0 0 20px; }
.sub_intro_menu_wrap > li .sub_intro_menu p { text-align:center; }
.sub_intro_menu_wrap > li .sub_intro_menu p a { font-size:1em; color:#00f; }
.sub_intro_menu_wrap > li .sub_intro_menu p a:hover { text-decoration:underline; }
.sub_intro_menu_wrap > li .sub_intro_menu .tit{ font-family:ns, sans-serif; font-size:1.2em; color:#555; margin-bottom:15px; line-height:1; overflow:hidden; text-align:center;}
.sub_intro_menu_wrap > li .sub_intro_menu .img{ overflow:hidden; text-align:center; }
.sub_intro_menu_wrap > li .sub_intro_menu .tt{ font-size:.938em; color:#333; margin:0 0 5px 0; line-height:1.3; overflow:hidden; padding:0 0 0 13px; background: url(../images/inc/page_icon3.gif) no-repeat left center;}

.sub_intro_menu_wrap > li .sub_intro_menu:hover .more{filter:alpha(opacity=100);opacity:1;}

.line_ani{ position:relative; z-index:inherit}
#section0 .line_ani{ position:relative; z-index:inherit}
#section0 .line_ani .line{ position:absolute; background:#fff; width:0; height:0}
#section2 .main_pop2 .flex-control-nav{ background:#e5950a; width:100%; height:30px; text-align:center;}
.line_ani .line{ position:absolute; background:#f15a23; width:0; height:0}
.line_ani .line{ position:absolute; background:#f15a23; width:0; height:0}
.line_ani .line.lineT{ left:0; top:5px; transition:width 0.4s;}
.line_ani .line.lineR{ right:5px; top:0; transition:height 0.4s;} 
.line_ani .line.lineB{ right:0; bottom:5px; transition:width 0.4s;}
.line_ani .line.lineL{ left:5px; bottom:0; transition:height 0.4s;}
.line_ani:hover .line.lineT, 
.line_ani:hover .line.lineB{ width:100%; height:1px} 
.line_ani:hover .line.lineR,
.line_ani:hover .line.lineL{ width:1px; height:100%}
 
.line_ani.size1:hover .line.lineT,
.line_ani.size1:hover .line.lineB{ height:1px}
.line_ani.size1:hover .line.lineR,
.line_ani.size1:hover .line.lineL{ width:1px}


/*sub6_6*/
.map{border:1px solid #ccc; border-radius:15px; overflow:hidden;  border-top:1px solid #333;}
.map_info { width:100%; margin:-1px auto 0; padding:0px; border-collapse:collapse;  border-top:1px solid #ddd;}
.map_info th {  padding:12px 20px 12px 25px; text-align:left; font-size:1em; border-right:1px dotted #eeeeee; border-bottom:1px solid #888; background:#f7f7f7; color:#333333; } 
.map_info  td { padding:12px 20px 12px 25px; text-align:left; font-size:1em; color:#555555; border-bottom:1px solid #ccc; line-height:25px; } 
.map_info  td p.tt { font-size:1em; margin-bottom:4px;}
.map_info  td p.body_txt { padding-left:28px;}

.map_tit{font-size:1.06em; font-weight:600; color:#333; padding-left:25px; margin-bottom:10px; background:url(../images/inc/page_icon.png) no-repeat left 4px; font-family:ns, sans-serif;}

.map_info.pc_none {display:none;}

/*7_2*/
.m_prod_area{ }
.m_prod_area > ul{ overflow:hidden; margin:0 0 -38px -23px;}
.m_prod_area > ul > li{ float:left; width:33.33%; text-align:center;}
.m_prod_area > ul > li .inner{ margin:0 0 38px 23px;}
.m_prod_area > ul > li .inner > a{ display:block; background:#fff; border:1px solid #ccc; transition:0.3s;}
.m_prod_area > ul > li .inner:hover > a{ border:1px solid #333; transition:0.3s;}
.m_prod_area > ul > li .img img{ vertical-align:middle; display:inline-block; *display:inline; zoom:1; max-width:100%; max-height:100%;}
.m_prod_area .pro_info_t{ overflow:hidden;  padding:5px 0;}
.m_prod_area .pro_info_t > a{ width:90%; display:inline-block; font-size:0.938em; color:#222; line-height:1.6; text-align:center; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.m_prod_area .pro_info_t div.pro_line{ width:100%; display:inline-block; border-bottom:1px solid #ccc; margin-top:5px;  }
.m_prod_area .pro_info_t > p { font-size:0.875em; color:#666; font-famliy:nm,sans-serif; width:45%; float:left; text-align:left; margin-top:3.5px}
.m_prod_area .pro_info_t > p.pro_left { margin-left:5%;  } 
.m_prod_area .pro_info_t > p.pro_right {text-align:right;}

/*7_5*/
.site_banner > ul {overflow:hidden; margin-left:-15px;}
.site_banner > ul > li { float:left; width:33.33%; }
.site_banner > ul > li .banner_b { overflow:hidden; display:block; padding:0 10px 10px 10px; margin:0 0 20px 15px; border:1px solid #ddd;}
.site_banner > ul > li .banner_b .img_site {padding:6px 0;}
.site_banner > ul > li .banner_b .tt_wrap {padding:10px 0; border-top:1px dashed #ddd;}
.site_banner > ul > li .banner_b .tt_wrap .s_tit {font-size:1.063em; font-family:notokrM, sans-serif;}
.site_banner > ul > li .banner_b .tt_wrap .s_txt {font-size:.875em; color:#555; font-family:notokrR, sans-serif; margin:5px 0;}
.site_banner > ul > li .banner_b .s_more {float:right; width:20px; height:20px; border:1px solid #ddd; background:url(../images/sub/7_5_more.png)no-repeat center center; font-size:0px;}
.site_banner > ul > li .banner_b:hover, .site_banner > ul > li .banner_b:hover .s_more { border:1px solid #666;}


/*agree & privacy*/ 
.terms_area{ padding:40px; border-top:2px solid #888; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background:#f7f7f7;}
.terms_area .terms_box{ padding:20px 30px; border:1px solid #ccc; background:#fff;}
.terms_cont{ padding:0 0 35px 0; margin:0 0 15px 0; border-bottom:1px solid #dcdcdc;}
.terms_cont .t1{ font-size:1.125em; font-weight:600; color:#000; padding:20px 0 0 0;}
.terms_cont .t2{ font-size:0.875rem; font-weight:600; color:#000; padding:20px 0 0 0;}
.terms_cont .mg_st1{ margin:0 0 0 15px;}
.terms_cont .mg_st2{ margin:0 0 0 25px;}
.terms_cont .mg_st3{ margin:0 0 0 35px;}
.terms_cont .txt{ font-size:0.813rem; color:#333; padding:10px 0 0 0; line-height:1.6;}
.terms_cont .txt2{ font-size:1em; color:#333; padding:10px 0 0 0; line-height:1.6; font-weight:600}
.terms_area_form{ padding:30px; border-top:2px solid #888; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background:#f7f7f7;}
.terms_area_form .terms_box_form{ padding:30px 40px; border:1px solid #ccc; background:#fff; height:240px; overflow-y:scroll;}
.agree_p{ width:100%; text-align:right; padding:8px 0 0 0;}
.agree_p > label{ color:#333;}
.agree_p > input{ vertical-align:middle;}
<!--.agree_box{width:96%; height:500px; font-size:1em; color:#666; background-color:#fff; line-height:18px; border:1px solid #ccc; padding:20px;}-->
.agree_box2{width:100%; height:300px; font-size:1em; color:#666; background-color:#fff; line-height:18px; border:1px solid #ccc; padding:3%; box-sizing:border-box;}


.bcguide {background:#999;}


/*login*/
.sub_login_wrap{ text-align:center}
.sub_login_wrap .sub_login_box{ display:inline-block; *display:inline; zoom:1; vertical-align:top; width:40%; margin:0 10px; transition:0.5s;}
.sub_login_wrap .sub_login_box_tit{ margin:0 0 30px 0}
.sub_login_wrap .sub_login_box_tit .logo{ margin:30px 0 20px 0}
.sub_login_wrap .sub_login_box_tit .tt{ font-size:.938em; color:#111; line-height:1.4}
.sub_login_wrap .sub_login_box_tit .tt .c1{ color:#aaa}
.sub_login_wrap .sub_login_box_tit .tt .c2{ color:#111}
.sub_login_wrap .sub_login_box .sub_login{ border:1px solid #ccc; border-top:2px solid #e55825; border-radius:0 0 10px 10px; background:#fff; padding:30px 40px 50px 40px; box-shadow:0 0 5px #ddd}
.sub_login_wrap .sub_login_box .sub_login .login_tit{ font-family:ns,sans-serif; font-size:1.5em; font-weight:600; padding-bottom:15px}
.sub_login_wrap .sub_login_box .sub_login .login_tit .c1{ color:#111}
.sub_login_wrap .sub_login_box .sub_login .login_tit .c2{ color:#aaa}
.sub_login_wrap .sub_login_box .sub_login .login_inp li{ margin-bottom:10px; font-size:1rem}
.sub_login_wrap .sub_login_box .sub_login .login_inp .tt{ text-align:left; font-size:.813em; color:#666; padding:0 2px}
.sub_login_wrap .sub_login_box .sub_login .login_inp .tt2{ text-align:left; font-size:.875em; color:#666; padding:0 2px; background:#f5f5f5; padding:15px 0; border-top:1px solid #aaa}
.sub_login_wrap .sub_login_box .sub_login .login_inp .inp{ border:1px solid #ddd; border-radius:2px; line-height:50px; height:50px; width:90%; padding:0 5%; font-family: Verdana, Arial, Helvetica, ns,sans-serif; font-weight:600; font-size:.875em; color:#aaa; vertical-align: middle}
.sub_login_wrap .sub_login_box .sub_login .login_inp .inp.sec2{ width:45%; text-align:center; padding:0}
.sub_login_wrap .sub_login_box .sub_login .login_inp .inp.sec3{ width:26.66%; text-align:center; padding:0}
.sub_login_wrap .sub_login_box .sub_login .login_inp .inp_tt{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:10%; text-align:center; margin:0 0 0 -4px}
.sub_login_wrap .sub_login_box .sub_login .login_inp .inp:focus{ color:#111;}
.sub_login_wrap .sub_login_box .sub_login .login_inp .btn{ border-radius:2px; border:none; height:50px; width:100%; text-align:center; font-family:ns,sans-serif; font-size:1.125em; color:#fff; background:#e5950a;}
.sub_login_wrap .sub_login_box .sub_login .login_inp .btn.st1{ background-color: #666}
.sub_login_wrap .sub_login_box .sub_login .login_inp .btn.st2{ background-color: #ffb636}
.sub_login_wrap .sub_login_box .sub_login .login_inp .btn.st3 { background-color:#ff9800; }
.sub_login_wrap .sub_login_box .sub_login .login_inp .btn:hover{ background:#333;}
.sub_login_wrap .sub_login_box .sub_login .login_link{ text-align:center; margin-top:30px} 
.sub_login_wrap .sub_login_box .sub_login .login_link > li{display:inline-block; *display:inline; zoom:1; vertical-align:top;}
.sub_login_wrap .sub_login_box .sub_login .login_link > li:first-child{ background:none;}
.sub_login_wrap .sub_login_box .sub_login .login_link > li > a{ font-size:.75em; color:#666; display:block; padding:5px 20px; border:1px solid #ddd; border-radius:2px}
.sub_login_wrap .sub_login_box .sub_login .login_link > li > a:hover{ background:#f5f5f5; color:#2e4577; }
.sub_login_wrap .sub_login_box.find{ width:0; height:0; overflow:hidden; white-space:nowrap}
.sub_login_wrap .sub_login_box.find.on{ width:40%; height:auto}
.sub_login_wrap .sub_login_box .sub_login .find_tt{ padding:20px 0; border:1px solid #ddd; border-left:none; border-right:none}
.sub_login_wrap .sub_login_box .sub_login .find_tt .t1{ font-size:.875em; color:#333}
.sub_login_wrap .sub_login_box .sub_login .find_tt .t2{ background:#f5f5f5; font-size:1.125em; font-family:Verdana, Arial, Helvetica, sans-serif; padding:20px 0; margin:20px 0; color:#111}
.sub_login_wrap .sub_login_box .sub_login .find_tt .t3{ font-size:.75em; color:#777}


/*join*/
.page_icon { background:url(../images/inc/page_icon.png) no-repeat left 4px; padding-left:25px; font-family:ns, sans-serif; font-size:1.063em; font-weight:600; color:#333; padding-bottom:10px}
.sub_box_st {border-radius:5px; padding:40px; border:1px solid #ddd}

.sub_agree_wrap{ border:1px solid #ddd; border-top:2px solid #666; padding:20px; line-height:1.5; font-size:.813em;}
.sub_agree_wrap .con{ height:200px; overflow-y:scroll; }
.sub_agree_wrap .agree{ text-align:right; border-top:1px solid #ddd; padding-top:10px;}

.tt_st1{ font-family:ns, sans-serif; font-size:1.125em; color:#111; line-height:1.5}
.tt_st2{ font-size:.813em; color:#666; line-height:1.5}
.tt_st3{ font-family:ns, sans-serif; font-size:1.313em; font-weight:600; color:#111; line-height:1.5}
.tt_st3.mb { margin-bottom:30px; }
.tt_st4{ font-family:ns, sans-serif; font-size:1.063em; font-weight:600; color:#111; line-height:1.5}

.order_tt{ font-size:1rem; font-weight:600; font-family:Arial, Helvetica, ns, sans-serif;}
.order_tt2{ font-size:0.875em;}
.order_tt_c1{color: #0a7fd1;}
.order_tt_c2{color: #FF0000;}
.order_tt_c3{color: #333;}
.order_tt_c4{color: #999;}

.page_sec{ margin-top:50px}
.page_sec2{ margin-top:25px}
.page_sec3{ margin-top:10px}


.snack_step_st{ padding:0 0 20px 20px; margin-bottom:30px; overflow:hidden; background:url(../images/inc/step_line.gif) repeat-x left bottom;}
.snack_step_st .icon_cart{ background-image:url(../images/inc/step_order_cart.png)} 
.snack_step_st .icon_order{ background-image:url(../images/inc/step_order_order.png)}
.snack_step_st .icon_order2{ background-image:url(../images/inc/step_order_order2.png)}
.snack_step_st .icon_order_end{ background-image:url(../images/inc/step_order_orderend.png)}
.snack_step_st .icon_cart.on{ background-image:url(../images/inc/step_order_cart_on.png)}
.snack_step_st .icon_order.on{ background-image:url(../images/inc/step_order_order_on.png)}
.snack_step_st .icon_order2.on{ background-image:url(../images/inc/step_order_order2_on.png)}
.snack_step_st .icon_order_end.on{ background-image:url(../images/inc/step_order_orderend_on.png)}
 
.snack_step_st .icon_join{ background-image:url(../images/inc/step_join_agree.png)}
.snack_step_st .icon_join2{ background-image:url(../images/inc/step_join_join.png)}
.snack_step_st .icon_join_end{ background-image:url(../images/inc/step_join_joinend.png)}
.snack_step_st .icon_join.on{ background-image:url(../images/inc/step_join_agree_on.png)}
.snack_step_st .icon_join2.on{ background-image:url(../images/inc/step_join_join_on.png)} 
.snack_step_st .icon_join_end.on{ background-image:url(../images/inc/step_join_joinend_on.png)}

.snack_step_st .tit{ float:left;}
.snack_step_st .tit .tt{ display:block; font-size:1.5em; font-weight:600; color:#333; background-repeat:no-repeat; background-position:left center; padding:0 0 0 50px; line-height:40px}
.snack_step_st .tit .tt2{ display:block; font-size:.813em; color:#999; margin-top:5px}
.snack_step_st .tit .tt2 > span{ vertical-align:middle;}
.snack_step_st .tit .point{display:inline-block; *display:inline; zoom:1; background:#2e4577; border-radius:50px; width:20px; text-align:center; line-height:20px; font-weight:600; color:#fff; margin:0 3px}
.snack_step_st .con{ float:right;}
.snack_step_st .step{ overflow:hidden}
.snack_step_st .step > li{ float:left; width:140px; background-repeat:no-repeat; background-position: center top; padding-top:40px; text-align:center; font-size:.938em; font-weight:600; color:#696969; position:relative; z-index:inherit; margin-left:11px; filter:alpha(opacity=50);opacity:0.5; color:#666;}
.snack_step_st .step > li:first-child{ margin-left:0}
.snack_step_st .step > li .arrow{ display:block; position:absolute; z-index:inherit; left:-11px; top:0; background:url(../images/inc/step_arrow.png) no-repeat center 40%; width:11px; height:100%}
.snack_step_st .step > li.on{filter:alpha(opacity=100);opacity:1; color:#f15a23}

.order_con_wrap{ margin:30px 0 0 0}
.order_con_wrap:first-child{ margin-top:0}
.order_con_wrap .order_tit{ padding-bottom:5px}
.order_con_wrap .order_tit .tt{ font-size:1.063em; font-weight:600; color:#888; }
.order_con_wrap .order_tit .no{ font-size:1.75em; color:#999; letter-spacing:-2px; font-family:Georgia, "Times New Roman", Times, serif; padding-right:10px}

.order_total{ text-align:right; font-size:.938em; font-weight:600; padding:10px 40px; border-bottom:1px solid #ddd; background:#f5f5f5}

.order_tit{ font-weight:600}
.order_tt_price{ font-weight:600; color:#2e4577}
.order_tt_op{ color:#888; margin-top:5px}
.order_tt_coupon{ padding-top:5px; font-weight:600; color: #009933}


/*cart*/
.price_info{ overflow:hidden; border-bottom:1px solid #ddd; padding:20px 0; text-align:right; width:100%;}
.price_info .price_tt{ float:left; width:18%; font-size:15px; font-weight:600; text-align:left; line-height:40px; padding:0 0 0 1%;}
.price_info .inner{ float:right; width:80%;}
.price_info .inner > ul{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:10%; text-align:center;}
.price_info .inner > ul.last_area{ text-align:right; padding:0 18px;}
.price_info .inner > ul > li{ font-size:15px;}
.price_info .inner > ul .num_wrap{ padding:3px 0 0 0;}
.price_info .inner > ul .num{ font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:600;}
.price_info .inner > ul > li.final_price{ text-align:center; color:#156fc8;}
.price_info .inner .symbol{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:5%; text-align:center; font-size:13px; font-weight:600;}

.prod_vol a, .prod_vol .inp_st{ margin:0 2px 0 0;}
.prod_vol a{ float:left; width:29px; height:27px; border:1px solid #ccc; font-size:0; line-height:0;}
.prod_vol a.st1{ background:url(../images/inc/icon_ds_arrow.png) no-repeat center center;}
.prod_vol a.st2{ background:url(../images/inc/icon_us_arrow.png) no-repeat center center;}
.prod_vol .inp_st{ float:left; width:46px; height:27px; border:1px solid #ccc; text-align:center; font-size:15px; font-family:Arial, Helvetica, sans-serif; color:#000; font-weight:600;}

@media screen and (min-width:1200px) and (max-width:1445px){
#header .gnb_wrap .gnb {margin-left:1.1em}
#header .gnb_wrap .gnb > li .dp1 { padding:0 12px;}	
.header .right_area .right_top > li.last_thn { margin-right:5px; }
.header .right_area .right_top > li > a { padding:5px 6px 0 6px; font-size:.813em;}
	
}

.sub_snack_top{ background:#f6ddd3; padding:4em 0}
.sub_snack_top .box1{ position:relative; min-height:420px}
.sub_snack_top .con{ width:50%}
.sub_snack_top .con .label{ margin:0 0 2em 0}
.sub_snack_top .con .label .in{ display:inline-block; padding:1em 2em; color:#fff; font-style:italic; background:#f15a23; font-size:1.125em; font-weight:700; line-height:1.5}
.sub_snack_top .con .t1{ font-weight:700; font-size:2em; font-family:notokrR, sans-serif}
.sub_snack_top .con .t2{ font-weight:700; font-size:3.25em; margin:.125em 0 .75em 0; font-family:notokrB, sans-serif}
.sub_snack_top .con .t2 .ts{ font-size:.875em; vertical-align: baseline}
.sub_snack_top .con .t3{ font-weight:500; font-size:1.375em; line-height:1.5; opacity:.5; font-family:notokrM, sans-serif}
.sub_snack_top .img{ position:absolute; left:0; top:50%; transform:translateY(-50%); left:50%}

.sub_snack_wrap.bg1{ background:#f1f1f1}
.sub_snack_wrap .pd{ padding:4em 0 5em 0}
.sub_snack_wrap .snack_tit{ font-weight:700; font-size:2.25em; margin:0 0 .75em 0; font-family:notokrB, sans-serif}
.sub_snack_wrap .snack_t1{ font-weight:400; font-size:1.188em; color:#666; line-height:1.5; font-family:notokrM, sans-serif}
.sub_snack_wrap .snack_t2{ margin-top:2em; color:#777; font-size:.875em}
.sub_snack_wrap.con1{ position:relative}
.sub_snack_wrap.con1 .img{ position:absolute; left:0; height:100%; right:50%; width:50vw; background:url(../images/sub/snack_con1.jpg) no-repeat; background-size:cover}
.sub_snack_wrap.con1 .con{ margin-left:55%}

.snack_check{ margin-top:2em}
.snack_check > li:not(:first-child){ margin-top:1em}
.snack_check > li{ position:relative; padding:.25em 0; padding-left:3em}
.snack_check > li .icon{ position:absolute; left:0; top:0; width:2em; line-height:2em; border-radius:50%; background:#f15a23; color:#fff; font-size:1em}
.snack_check > li .icon:before{content:"\e928"; font-size:2em; transform:translate(.125em,-.125em); text-shadow:1px 1px 1px rgba(0,0,0,.3)}
.snack_check > li .tt{ font-size:1.125em; font-weight:500; font-family:notokrM, sans-serif; line-height:1.5}

.snack_step{ position:relative}
.snack_step .dot{ position:absolute; top:50%; transform:translateY(-50%); width:1em; height:1em; border-radius:50%; background:#222; z-index:1}
.snack_step .dot.left{ left:-3em}
.snack_step .dot.right{ right:-3em}
.snack_step .line{ position:absolute; top:50%; transform:translateY(-50%); left:-3em; width:calc(100% + 6em); height:.5em; background:#ffae00; border-radius:1em}
.snack_step .step{ margin-left:-1.5em; position:relative}
.snack_step .step > li{ flex:1 1 0%}
.snack_step .step > li .in{ box-shadow:0 0 1em rgba(0,0,0,.1); padding:2em 1em; margin-left:1.5em; text-align:center; box-sizing:border-box; height:100%; background:#222}
.snack_step .step > li .in .icon{ width:5em; line-height:5em; text-align:center; border-radius:50%; background:#fff}
.snack_step .step > li .in .icon:before{ font-size:2em; color:#ffae00}
.snack_step .step > li .in .tit{ font-size:1.063em; margin:1em 0 .75em 0; line-height:1.3; color:#ffae00}
.snack_step .step > li .in .tt{ font-size:.875em; color:#fff; line-height:1.5}

.snack_prod{ margin-left:-2em; margin-bottom:-2em}
.snack_prod > li{ width:25%}
.snack_prod > li .in{ box-shadow:0 0 1em rgba(0,0,0,.2); margin:0 0 2em 2em; background:#fff; cursor:pointer;}
.snack_prod > li .in .img{ padding:1em}
.snack_prod > li .in .img .resize{ background-repeat:no-repeat; background-position:center; background-size:contain}
.snack_prod > li .in .con{ padding:1em; text-align:center; background:#f15a23; color:#fff}
.snack_prod > li .in .con .tit{ font-size:1.063em; font-weight:bold}
.snack_prod > li .in .con.c1{ background:#f5f5f5; color:#f15a23; border-top:1px solid #ccc}

.page_3_1.sub #contents .lnb_area .gnb .dp2 > li > a{display:none;}
.page_4_1.sub #contents .lnb_area .gnb .dp2 > li > a{display:none;}