@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------
 * Name      : web_layout.css    
 * Desc      : page layout 
 * Created   : 
 * Updated   : 
 ------------------------------------------------------------ */
body.fixe {overflow:hidden; height:100%;}
.m_gnb .sub_menu {display:none !important;}
.web_dis {display:block;}
.mb_dis {display:none;}
.search_btn {display: none; position: absolute; right:65px; top:36px;}
img {max-width: 100%;}
/* wrap */
#wrap {width:100%; max-width:2200px; overflow:hidden; margin:0 auto; padding-top:210px;}

#inner_wrap {max-width:1200px; margin:0 auto; position:relative;}
#inner_wrap:after {clear:both; content:""; display:block;}
/*
.inner {max-width:1200px; margin:0 auto;}
.inner:after { clear: both; content: ""; display: block;}
*/



.m_gnb_on {position:absolute; left:10px; top:28px; display:none;}
.in_header {max-width:1200px; width:100%; margin:0 auto; padding:25px 0px; position:relative; z-index:9}
.in_header .bt_basket {position: absolute; right: 0px; top:35px;}
.in_header .bt_basket .count {display: block; border-radius: 100%; width:27px; line-height:27px; color: #fff; background: #ff6666; text-align: center; position: absolute; left:-10px; top:-2px; font-size: 12px; font-family: 'Noto SansL';}
.in_header .bt_sitemap {position: absolute; left: 0px; bottom:-50px;}

/* GNB */
.w_gnb {border-top:1px solid #eeeeee; z-index: 9;}
.w_gnb .gnb {font-family:Noto Sans; max-width: 1200px; padding: 0px 0px 0px 120px; box-sizing: border-box; margin: 0 auto; position: relative; }
.w_gnb .gnb:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul {font-size:0px; text-align: center;}
.w_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul > li {display:inline-block; zoom:1; width:16.66%; *display:inline; position:relative; text-align:left;}
.w_gnb .gnb > ul > li > a {display:block; color:#000000;}
.w_gnb .gnb > ul > li > a > span {font-size:18px; line-height:47px; height:49px; padding-left: 10px; font-family:Noto Sans; font-weight:500; display: block; transition: all 0.2s 0s ease-in-out;}
.w_gnb .gnb > ul > li:hover > a > span {color:#f29600;}
.w_gnb .gnb > ul > li.on > a > span {color:#f29600;}

.w_gnb .sub_menu  {position:absolute; left:0%; width:100%; box-sizing:border-box; overflow:hidden; top:43px; line-height:20px; display:none; padding:0px 0px; margin-top: 20px; border-right:1px solid #cbcbcb; height:200px; z-index: 9}
.w_gnb .gnb01 .sub_menu {border-left:1px solid #cbcbcb;}
.w_gnb .sub_menu > li {padding:2px 10px 2px 10px; letter-spacing:-0.5px;}
.w_gnb .sub_menu > li > a {display:block; font-size:13px; text-align:left; color:#333333; padding:3px 0px;  line-height:18px;}
.w_gnb .sub_menu > li > a:hover {color:#000; text-decoration: underline;}
.w_gnb .sub_menu > li > ul {padding-bottom: 10px;}
.w_gnb .sub_menu > li > ul > li {padding:2px 0px; letter-spacing:-0.5px;}
.w_gnb .sub_menu > li > ul > li > a {display:block; font-size:13px; text-align:left; color:#333333; padding:0px 0px 0px 8px; line-height:18px; background: url(../img/common/bul03.gif) no-repeat left 8px;}


#gnb_bar {position:absolute; display:none; left:0%; top:209px; border-top:1px solid #f29600; width:100%; /*background: url(../img/common/png_h.png) repeat left top;*/ background: #fff; height:235px; border-bottom: 1px solid #eeeeee;}
#gnb_bar .gnb_bar_in {max-width:1200px; height:425px; margin:0 auto;}



/* visual */
.main_visual {position:relative; }
.main_visual .bxslider li { height:642px; background-size:cover !important;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a {width:19px; height:19px; margin:0 4px; background:#fff; border:none; -moz-border-radius:19px;  -webkit-border-radius:19px; border-radius:19px;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a:hover {background:#ffffff;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a.active {background:#f25154;}

.main_visual .bx-wrapper .bx-controls-direction a {width:64px; height:100px; top:50%; position: absolute; margin-top: -50px; text-indent:-9999px;}

.main_visual .bx-wrapper .bx-pager { position:absolute; width: 100%; left: 0px; bottom:60px; padding:0px; z-index: 99;}
.main_visual .bx-controls-direction {display: none;}

.visual_txt {max-width:1180px; padding: 0px 10px; margin:8% auto; text-align: center;}
.visual_txt img {display: inline-block !important;}
.visual_txt .txt2 {color:#fff; font-size:16px; line-height: 150%; padding-top:25px; }
.main_visualW {position: relative;}
.main_visualW .bg_wave {position: absolute; left: 0px; bottom:0px; width: 100%; height:49px; display: block; background: url(../img/main/bg_wave.png) repeat-x left top; z-index: 99}


/* 전체메뉴*/
.sitemap_wrap {display:none; width:100%; overflow-y:scroll; position:fixed; left:0%; top:0%; bottom:0%; right:0%; margin:0px; z-index:999999; padding:25px 0px; -webkit-overflow-scrolling: touch; background: url(../img/common/png_80.png) repeat left top;}
.sitemap_wrap .sitemap {/*padding: 7% 0 10%;*/ padding: 13% 0 10%;}
.sitemap_wrap #gnbW {/*width: 98%; max-width:1011px;*/ width:100%; max-width:1200px; margin: 3.214285% auto 2.571428%; cursor: auto; position: relative;}
.sitemap_wrap .sitemap .gnb > ul { text-align:center; overflow:hidden;}
.sitemap_wrap .sitemap .gnb > ul > li {display:inline-block; vertical-align:top; text-align:left; width:169px; min-height:190px; padding:20px 13px;}
.sitemap_wrap .sitemap .gnb > ul > li > a {display:block; line-height:20px; height:35px; font-size:20px; color:#fff; padding-bottom:10px; border-bottom:4px solid #fff; text-align:left;}
.sitemap_wrap .sitemap .gnb > ul > li .sub_menu {padding:10px 0px 0px 0px; width:100%; height:auto !important; display:block !important; position:relative; left:0px; top:0px;}
.sitemap_wrap .sitemap .gnb > ul > li .sub_menu li {padding:7px 0px; float:none; font-size:15px;}
.sitemap_wrap .sitemap .gnb > ul > li .sub_menu li a {color:#fff;}
.sitemap_wrap .sitemap .gnb > ul > li .sub_menu li .br { display:block;}
.sitemap_wrap .close_bt { position:absolute; right:25px; top:25px;}

/*.sitemap_wrap .sitemap .gnb > ul > li.gnb00 {display:none;}*/

.sub_sitemap #gnbW {padding:30px 0px 0px 0px;}
.sub_sitemap .gnb > ul {text-align:center; overflow:hidden; font-size:0px;}
.sub_sitemap .gnb > ul > li {float:left; text-align:left; width:20%; box-sizing:border-box; min-height:190px; padding:20px 10px;}
.sub_sitemap .gnb > ul > li > a {display:block; line-height:20px; height:35px; font-size:18px; color:#000; padding-bottom:10px; border-bottom:4px solid #d91b5c; text-align:left;}
.sub_sitemap .gnb > ul > li .sub_menu {padding:10px 0px 0px 0px; width:100%; height:auto !important; display:block !important; position:relative; left:0px; top:0px;}
.sub_sitemap .gnb > ul > li .sub_menu li {padding:7px 0px; float:none; font-size:15px;}
.sub_sitemap .gnb > ul > li .sub_menu li a {color:#333;}
.sub_sitemap .gnb > ul > li .sub_menu li .br { display:block;}


/* section */
.section {padding:40px 0px;}
#section1 {background: #fdd766}
#section1 .m_tit_wrap {padding-top:79px; margin-top: -20px; background: url(../img/main/tit_ico01.png) no-repeat center top; position: relative;}
#section1 .m_tit_wrap .line {display: block; width: 100%; height: 1px; background: #fff; border: none; position: absolute; left: 0px; top: 113px;}
#section1 .m_tit_wrap .m_tit {padding:0px 70px; background: #fdd766; position: relative;}
#section1 .m_tit_wrap .m_tit .tit_p {position: absolute; top: 50%; margin-top: -14px;}
#section1 .m_tit_wrap .m_tit .tit_p.fl {left: 0px;}
#section1 .m_tit_wrap .m_tit .tit_p.fr {right: 0px}


.m_tit_wrap {text-align: center; padding:30px 0px 45px 0px; }
.m_tit_wrap .m_tit {display: inline-block; padding: 0px;}
.m_tit_wrap .s_txt {font-size: 24px; padding-top:5px; line-height: 140%;}
.m_tit {padding:20px 0px 10px 0px; font-size:46px; text-align:center; text-transform:uppercase; font-weight:700; line-height:150%; display:block;}
.m_tit_txt {margin:-20px 0px 30px 0px; color:#555555; font-size:18px; text-align:center; line-height:150%; display:block;}



.making_step {overflow: hidden; margin: 0px -8px; padding-bottom:50px; }
.making_step > li {float: left; width: 33.33%; box-sizing: border-box; padding: 0px 8px; text-align: center;}

.making_step > li h4 {font-size: 26px; color: #333333; line-height: 100%; font-weight:700; margin: 25px 0px 15px 0px;}
.making_step > li .txt {font-size:15px; line-height: 150%; font-weight:400;}
.making_step > li .txt.txt_bul {background: url(/img/common/bul.gif) no-repeat 7px 11px; margin-left:13px; margin-top:8px;}
.making_step > li .txt.txt_bul:first-child {margin-top:0px;}

#section2 {margin-top: 10px; background:url(../img/main/bg_section2.jpg) no-repeat center top #efefef; }
#section2 .m_tit_wrap {color: #fff;}
#section2 .more a {background: url(../img/main/more.png) no-repeat left center; color: #fff;}

.section .more {position: absolute; right: 0px; top:15px;}
.section .more a {display:block; padding-left:40px; background: url(../img/main/more2.png) no-repeat left center; font-size:13px; font-weight: 500;  color: #333; }

.prd_tab_wrap {position: relative;}
.prd_tab_wrap .more {position: absolute; right: 0px; top:-110px;}
.prd_tab_wrap .more a {color: #fff;}

.roll_tab {overflow: hidden; padding-bottom: 30px;}
.roll_tab > li {float: left; box-sizing:border-box; display: table; width:14.2%;}
.roll_tab > li > a {display:table-cell; width: 100%; height:60px; font-weight: 500; vertical-align: middle; background:#fff; line-height:20px; padding:0px 3px; text-align:center; color:#333; box-sizing:border-box; border:1px solid #ccc; font-size: 16px; border-left:none; word-break:break-all }
.roll_tab > li.on a {color: #fff; background: #f29600; border: 1px solid #f29600;}

.prd_slider > li {background: #fff; position: relative;}
.prd_slider > li .num {display: block; width: 50px; height: 50px; line-height: 50px; font-size:28px; color:#fff; font-weight: 700; text-align: center; position: absolute; left: 0px; top: 0px;}
.prd_slider > li .num .pr {color:#fff; z-index: 99;}
.prd_slider > li .num .bg {display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6;}
.prd_slider > li .num.first .bg {background: #ffa800;}
.prd_slider > li .pic > a {display: block; background-size: cover !important}
.prd_slider > li .pic > a img {width: 100%;}
.prd_slider > li .txt {padding:15px; position: relative;}
.prd_slider > li .txt .tit {font-size:18px; line-height: 140%; font-weight: 500; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; min-height: 25px;}
.prd_slider > li .txt .price {font-size:22px; line-height: 140%; min-height:31px; font-weight:300; padding-top: 15px; color: #f25154;}
.prd_slider > li .txt .price strong {font-size:1.15em; font-weight: 500;}
.prd_slider > li .txt .bt_basket {position: absolute; right: 15px; bottom:10px;}
.prd_sliderW .bx-wrapper .bx-controls-direction a {margin-top: -90px; width:108px; height:108px;}
.prd_sliderW .bx-wrapper .bx-prev {left:-140px; background:url(../img/common/controls2.png) no-repeat 0 0px;}
.prd_sliderW .bx-wrapper .bx-next {right:-140px; background: url(../img/common/controls2.png) no-repeat right 0px;}





.m_left {width:50%; float: left; position:relative; box-sizing: border-box; padding-right: 15px; transition: all 0.3s 0s ease-in-out;}
.m_right {float: right; width:50%; padding-left: 15px; box-sizing: border-box; transition: all 0.3s 0s ease-in-out;}

.main_board {position: relative;}
.main_board h4 {padding-left:60px; padding-bottom:15px; line-height: 46px; min-height: 46px; color: #333333; font-size: 24px; font-weight:700;  margin-bottom: 30px}
.main_board h4.tit_ico2 {background: url(../img/main/tit_ico02.gif) no-repeat left top; border-bottom: 1px solid #000;}

.board {min-height:145px; overflow: hidden; margin-left: -20px;}
.board > li {float: left; width: 50%; box-sizing: border-box; padding-left: 20px;}
.board > li > a {font-size: 20px; font-weight: 500; color: #333333; line-height: 25px; height: 50px; overflow: hidden; display: block; margin-bottom:15px;}
.board > li .date {color: #666; font-size: 16px; line-height: 20px; display: block;}

.main_board h4.tit_ico3 {background: url(../img/main/tit_ico03.gif) no-repeat left top; border-bottom: 1px solid #000;}

.movie > li > a {position: relative; padding-left:310px; min-height:160px; display: block;}
.movie > li > a .pic {display: block; position: absolute; left: 0px; top: 0px; background-size: cover !important}
.movie > li > a .txt {font-size: 20px; font-weight: 500; color: #333333; line-height: 25px; height:78px; overflow: hidden; margin-bottom: 30px; display: block;}
.movie > li > a .date {color: #666; font-size: 16px; line-height: 20px; display: block;}
.main_board .bx-wrapper .bx-pager {bottom:0px; text-align: right;}
.main_board .bx-wrapper .bx-pager.bx-default-pager a {background: #e1e1e1; font-size: 0px;}

.recipe h4 {padding-left:60px; padding-bottom:15px; line-height: 46px; min-height: 46px; color: #333333; font-size: 24px; font-weight:700; display: inline-block; background: url(../img/main/tit_ico04.gif) no-repeat left top;}
.recipe .more {position: absolute; right: 0px; top: 15px;}
.recipe > ul {min-height: 447px; padding-left:289px; background: url(../img/main/recipe.jpg) no-repeat left top #f2f2f2; }
.recipe > ul > li {text-align: center; padding:20px 10px 0px 10px; }
.recipe > ul > li > a {display:block; color: #333333;}
.recipe > ul > li > a .pic {display:block; max-width: 154px; margin:5px auto; overflow: hidden; border-radius:100%; }
.recipe > ul > li > a .pic img {width: 100%;}
.recipe > ul > li > a .txt {display:block; color: #333333; font-size: 16px; font-weight: 500; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;}


#section4 {margin-top: 10px; background:url(../img/main/bg_section4.jpg) no-repeat center top #f8f7fc; }
#section4 .section4_txt {font-size: 32px; line-height: 140%; text-align:center}
#section4 .section4_txt strong {color:#f29600;}
.m_customer {margin-top:50px; overflow: hidden; position: relative; background: #eaebef}
.m_customer > dl {float: left; width: 50%; background: #fff; box-sizing: border-box; padding:40px 40px;}
.m_customer > dl > dt {font-size: 32px; font-weight: 500; line-height: 140%; padding-bottom: 10px;}
.m_customer > dl > dd.tel {padding-left:70px; background: url(../img/main/tit_ico05.gif) no-repeat left 5px; font-size:50px; font-weight: 700;  line-height:50px; padding-bottom: 30px;}
.m_customer > dl > dd.tel a {color: #333;}
.m_customer > dl > dd.txt {font-size: 16px; color: #666666; font-weight:400; padding-top: 5px;}
.m_customer > dl > dd.txt strong {padding-right:7px;}
.m_customer > dl > dd.txt a {color: #666666;}
.m_customer .m_map {width: 50%; box-sizing: border-box; float: left; padding: 10px; }
.m_customer .m_map .map_warp { width: 100%; max-width:500px; margin:30px auto 0px auto; border: 1px solid #fff; box-sizing: border-box; background: url(../img/main/map.gif) no-repeat center center; }
.m_customer .m_map .map_warp img {width: 100%;}
.m_customer .arrow {display: block; width:47px; height: 144px; background: url(../img/main/customer_arrow.png) no-repeat left center; position: absolute; left: 50%; top: 50%; margin: -72px 0px 0px -15px;}

.slide_banner {position: relative; padding-right:145px; }
.slide_banner .r_ban > a {display: block; border: 1px solid #d2d2d2; text-align:center;}
.slide_banner .r_ban > a img {height:63px; display:inline-block; max-width:100%;}
.slide_banner .control_box {position: absolute; right: 0px; top: 0px; width: 190px; height:63px; border: 1px solid #d2d2d2; display: none;}
.slide_banner .control_box .more {display: block; position: absolute; width: 60px; right: 0px; top: 0px; height: 100%; border-left:1px solid #d2d2d2; box-sizing: border-box; display: table;}
.slide_banner .control_box .more a {display:table-cell; width: 100%; line-height: 14px; box-sizing: border-box; height: 100%; vertical-align: middle; background: none; text-align: center; padding: 0px;}
.slide_banner .bx-wrapper .bx-controls-direction {position: relative;}
.slide_banner .bx-wrapper .bx-controls-direction a {margin-top:0px; top:17px; font-size: 0px; display: inline-block; }
.slide_banner .bx-wrapper .bx-prev {left: 10px;}
.slide_banner .bx-wrapper .bx-next {right: 10px;}
.slide_banner .bx-wrapper .bx-controls-auto {bottom:16px; width:40px; right:46px; z-index: 99;}
.slide_banner .bx-wrapper .bx-controls-auto .bx-controls-auto-item a {display: block;}
.slide_banner .bx-wrapper .bx-controls-auto .bx-controls-auto-item a.active {display:none;}
.slide_banner .bx-wrapper .bx-controls {position: absolute; right:-143px; top: 0px; width: 138px; height:63px; border: 1px solid #d2d2d2; }


/* 카피라이트 */
#footerW {clear:both; width:100%; background:#40454e; box-sizing: border-box;}
.footer_menu {border-bottom:1px solid #666a71; }
.footer_menu > ul {overflow: hidden; max-width: 1200px; margin: 0 auto; padding:20px 0px;}
.footer_menu > ul > li {float: left; padding: 0px 15px; background: url(../img/common/f_line.gif) no-repeat left center; line-height: 20px; height: 20px;}
.footer_menu > ul > li > a {color: #d3d3d3;}
.footer_menu > ul > li:first-child {background: none; padding-left:0px;}

#footer_add {max-width:950px; padding:30px 250px 30px 0px; background:url(../img/common/f_logo.gif) no-repeat right 30px; margin:0 auto; position:relative; color:#d3d3d3; font-weight: 300;}
#footer_add:after {clear:both; display:block; content:""}
#footer_add .copyright {padding-top:10px;}
#footer_add .copyright span {padding:0px 15px;}
#footer_add .bt_top {position: absolute; right: 0px; top:-60px;}

.web_info span {display:inline-block; zoom:1; display:inline-block; padding-right: 10px; margin-right: 10px; line-height: 130%;}
.web_info span a { color:#d3d3d3;}
.web_info:after { clear:both; content:""; display:block;}

.sub_wrap #header {height: auto; }
.sub_wrap #footerW {margin-top:50px;}
.sub_wrap .w_gnb {background: #fff;}


#content {width:100%; max-width:1200px; margin:0 auto; padding:30px 0px;}
#content:after {clear:both; content:""; display:block;}


.sub_wrap_1 .sub_visual {background:url(../img/introduce/sub_visual.jpg) no-repeat center bottom;}
.sub_wrap_2 .sub_visual {background:url(../img/bank/sub_visual.jpg) no-repeat center bottom;}
.sub_wrap_3 .sub_visual {background:url(../img/loan/sub_visual.jpg) no-repeat center bottom;}
.sub_wrap_6 .sub_visual {background:url(../img/culture/sub_visual.jpg) no-repeat center bottom;}
.sub_wrap_7 .sub_visual {background:url(../img/divide/sub_visual.jpg) no-repeat center bottom;}
.sub_wrap_8 .sub_visual {background:url(../img/community/sub_visual.jpg) no-repeat center bottom;}

.sub_visual {height:293px; padding: 0px 10px; box-sizing: border-box; overflow: hidden; position: relative; background-size: cover!important}
.sub_visual .sub_txt {display: table; height: 100%; width: 100%;}
.sub_visual .sub_txt p {display: table-cell; vertical-align: middle; height: 100%; text-align: center;}

#sub_tit {font-size:35px; color: #fff; font-family: Noto Sans; font-weight:500; line-height:140%;}
#sub_tit > span {display: block; padding-bottom:20px;}

#m_lnb {display:none;}


#lnb_wrap {width:100%; background:url(../img/common/lnb_bg.png) repeat left top; z-index:9; position: relative;}
#lnb_wrap.fix {position: fixed; left: 0px; top:193px; box-shadow: 0px 1px 1px #ccc;}
#lnb_wrap .lnb {max-width:1200px; margin:0 auto; position:relative;}
#lnb_wrap .lnb:after {clear:both; content:""; display:block;}
#m_lnb {display:none;}

.lnb ul:after { clear:both; content:""; display:block;}
.lnb ul li {color:#fff; float:left; width:25%; display: table;}
.lnb ul li a {color:#fff; font-size:15px; display:table-cell; width: 100%; height: 100%; line-height:20px; vertical-align: middle; height:60px; padding:0px 2px; text-align:center;}
.lnb ul li.on a {color:#fff; background:#f29600;}
.lnb .lnbs .copy_menu {position:absolute; left:0px; top:40px; width:100%; display:none;}
.lnb ul li > ul {display: none;}

.sub_wrap_1 .lnb ul li {width:20%;}
.sub_wrap_2 .lnb ul li {width:33.333%;}
.sub_wrap_3 #lnb_wrap {display: none;}
.sub_wrap_6 .lnb ul li {width:25%;}
.sub_wrap_7 .lnb ul li {width:33.333%;}


#lnb_tit {font-size:14px; letter-spacing:-1px; padding:0px 0px 0px 20px; color:#333333; line-height:39px; height:39px; background:url(../img/common/lnb_arrow.png) no-repeat 90% center; cursor:pointer;}
#lnb_tit2 {font-size:14px; letter-spacing:-1px; padding:0px 0px 0px 20px; color:#333333; line-height:39px; height:39px; background:url(../img/common/lnb_arrow.png) no-repeat 95% center; cursor:pointer;}

.rightW {float: right; width: 900px; box-sizing: border-box;}


.title_bar { position: relative; padding:20px 0px 30px 0px; margin-bottom:30px;}
.title_bar .line {display: block; width: 100%; position: absolute; left: 0px; bottom:0px; height:10px; background: url(../img/common/tit_line.gif) repeat left bottom; border: none;}
.title_bar h2 {font-size:32px; padding:5px 0px 5px 0px; color:#000000;  line-height:150%; letter-spacing:-1px;  transition: all 0.2s 0s ease-in-out; font-family: Noto Sans; font-weight:500;}
.title_bar .s_txt {font-size:13px; color:#555555}
.title_bar .title_s {font-size:15px; color:#555555}

.location {line-height:37px; margin-top: -40px; text-align:right;}
.location span {display:inline-block; zoom:1; *display:inline; padding-left:17px; margin-left:10px; background:url(../img/common/location.gif) no-repeat left center; color:#686868;}
.location span:first-child {padding-left:0px; margin-left:0px; background:none}
.location #location_2 {color:#222222; font-family:Noto Sans; font-weight:500;}
.location img {vertical-align:middle}

.product_tab {font-size: 0px; text-align: center; padding-bottom: 20px;}
.product_tab > li {display: inline-block; padding: 0px 5px;}
.product_tab > li > a {display:block; color: #333333; font-size: 14px; line-height: 140%; padding: 5px 10px;}
.product_tab > li.on > a {background: #f29600; color: #fff;}


.sort_wrap {padding-bottom:17px; margin-bottom:30px; border-bottom:1px solid #b2b2b2; overflow:hidden;}
.sort_wrap .cate { font-size:15px; color:#333333; float:left;}
.sort_wrap .cate strong {font-size:17px;}
.sort_wrap .sort {overflow:hidden; float:right; width: 100%; max-width:320px;}
.sort_wrap .sort li {float:left; width: 25%; box-sizing: border-box; padding: 0px 2px;}
.sort_wrap .sort li a {overflow:hidden; border:1px solid #e6e6e6;  display:block; height:25px; padding: 0px 2px; text-align:center; line-height:23px; font-size:11px; color:#666666; border-radius:3px; }
.sort_wrap .sort li.on a { background: #ff9032; border: 1px solid #ff9032; color:#fff;}

.prd_list {margin:-10px -6px; margin-top: -10px; overflow: hidden;}
.prd_list > li {float: left; width: 25%; box-sizing: border-box; padding:10px 6px;}
.prd_list > li .pic > a {display: block; background-size: cover !important}
.prd_list > li .pic > a img {width: 100%;}
.prd_list > li .txt {padding:15px; position: relative; border: 1px solid #cccccc; border-top:none; }
.prd_list > li .txt .tit {font-size:18px; line-height: 140%; font-weight: 500; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; min-height: 25px;}
.prd_list > li .txt .price {font-size:22px; line-height: 140%; min-height:31px; font-weight:300; padding-top: 15px; color: #f25154;}
.prd_list > li .txt .price strong {font-size:1.15em; font-weight: 500;}
.prd_list > li .txt .bt_basket {position: absolute; right: 15px; bottom:10px;}

.view_top {overflow: hidden;}
.view_top .prd_img {float: left; width: 50%; max-width:600px; padding-right:80px; box-sizing: border-box;}
.view_top .prd_txt {float: right; width: 50%; max-width:600px;  box-sizing: border-box;}
.view_top .prd_img .photo {width: 100%; border: 1px solid #cccccc; max-width: 520px; height: 520px; overflow: hidden; box-sizing: border-box; margin-bottom: 20px; display:table}
.view_top .prd_img .photo .table_cell {display: table-cell; height: 100%; width: 100%; vertical-align: middle;}
.view_top .prd_img .photo img {width: 100%;}
.view_top .bx-wrapper .bx-prev {left:  -50px;}
.view_top .bx-wrapper .bx-next {right:  -50px;}
.view_top .prd_thumW {padding: 0px 50px;}
.view_top .prd_thum > li {cursor: pointer;}


.view_top .prd_info .txt {font-size:14px; color: #666666; line-height: 140%; padding-bottom:20px; border-bottom: 1px solid #000; }
.view_top .prd_info .shop_btns {padding-top:30px; font-size:0px; margin:0px -2px;}
.view_top .prd_info .shop_btns > li {display: inline-block; box-sizing:border-box; padding:0px 2px; width:33.33%; text-align:center;}
.view_top .prd_info .shop_btns > li a {display:block; background: #f25154; color: #fff; font-size:22px;  box-sizing:border-box; line-height: 68px; height:70px; }
.view_top .prd_info .shop_btns > li.basket a {background: #4a4a4a; color: #fff; }
.view_top .prd_info .shop_btns > li.buy2 a {background: #fff; border:1px solid #333; color: #333; }


.prd_option > li {position:relative; padding-left:130px; font-size: 15px; margin-top:15px; line-height:20px; min-height:20px; color:#333333; font-weight: 300;}
.prd_option > li:first-child {margin-top:0px;}
.prd_option > li .price {color: #f25154; font-size: 22px;}
.prd_option > li .dd_tit {position:absolute; left:0px; top:0px; font-weight: 500; color:#666666; line-height:20px; min-height:20px;}
.prd_option > li .input_amount {height:24px; min-height:24px; line-height:23px; text-align:center; padding:0px; border-radius:0px;}
.prd_option .count { line-height:0px; display: inline-block; border: 1px solid #dbdbdb}
.prd_option .count li {float:left;}
.prd_option .count li .input_amount {border: none; width: 42px; line-height: 30px; padding: 0px; text-align: center; height: 40px; border-left: 1px soldi #dbdbdb; border-right:1px solid #dbdbdb; border-left:1px solid #dbdbdb;}
.price_total {padding:30px 0px 0px 0px; text-align: right; margin-top: 30px; border-top:1px solid #cccccc; color:#000; overflow:hidden; position:relative;}
.price_total dt {display: inline-block; font-size:18px; line-height: 140%; vertical-align: middle;}
.price_total dd {display: inline-block; padding-left:30px; font-size:26px; color: #f25154; line-height: 140%; vertical-align: middle;}
.price_total dd strong {font-size:1.4em;}
.prd_option.line {padding: 30px 0px 0px 0px; margin-top: 30px;}


.delivery_info h4 {font-size:18px; color: #666666; font-weight: 500; padding-bottom: 10px; line-height: 140%; padding-top: 40px; }
.delivery_info {color: #666666; font-weight: 300;}


.view_info {padding-top:60px; position: relative;}
.view_info .position {height: 5px; position: absolute; left: 0px; top:-155px;}
.view_info .atab > li {width: 50%;}
.view_info .atab > li a {background: #f3f3f3; border: 1px solid #dcdcdc; border-left: none; font-size: 18px;}
.view_info .atab > li:first-child a {border-left: 1px solid #dcdcdc;}



.sub_con {/*min-height:300px;*/ padding-bottom: 50px; font-size: 14px; line-height: 160%}
.parking { text-align:center; font-size:32px; padding:70px 0px 360px 20px; background: url(../img/common/parking.gif) no-repeat center bottom; background-size:contain; max-width:579px; margin:0 auto;}

.s_tit {font-size:20px; color:#333333; line-height:140%; margin:45px 0px 15px 0px; padding:15px 0px 0px 0px; background: url(../img/common/tit_line2.gif) no-repeat left top; font-family: Noto Sans; font-weight:500;}
.ss_tit {font-size:18px; color:#000000; font-family: Noto Sans; font-weight:500; padding:2px 0px 2px 20px; margin-top:30px; line-height:140%; background:url(../img/common/ss_bul.gif) no-repeat 0px 8px; min-height:20px; text-align:left; margin-bottom:8px;}
.sss_tit {font-size:13px; color:#333333; padding:0px 0px 10px 0px; margin-top:20px; line-height:140%; font-size: 15px;}
.imgW img {max-width:100%;}

/*introduce*/
/*회사소개*/
.con_w{width:100%; position:relative;}
.con_w h3{font-size: 18px; font-weight:bold; position: absolute; left; top;}
.con_w .p_box{position: relative; padding-left:250px;}
.con_w .p_box .p_tit{font-size: 18px; color:#333; line-height:33px; padding-bottom:25px; border-bottom:1px solid #e8e8e8;}
.con_w .p_box .p_txt{font-size: 15px; color:#666; line-height:28px; padding-top:25px;}

/*연혁*/
.his_w{width:100%; position:relative; min-height:110px; padding-left:165px; box-sizing:border-box;}
.his_w > strong{font-size: 34px; position:absolute; left:0px; top:0px;}
.his_w > ul {border-top:1px solid #e8e8e8; padding-top:20px}
.his_w > ul > li{font-size: 19px; color:#333; line-height:150%; position:relative; padding-left:82px; margin-top:10px;}
.his_w > ul > li:first-child{margin-top:0px;}
.his_w > ul > li > strong {display:block; height:18px; border-right:1px solid #ccc; font-size: 14px; color:#999; padding-right:15px; position:absolute; left:0px; top:2px; line-height:18px; }

/*사업내용*/
.busi_txt{overflow: hidden;}
.busi_txt .ico01 .table_cell{ background: url(../img/introduce/ico01.png) no-repeat left center;}
.busi_txt .ico02 .table_cell{ background: url(../img/introduce/ico02.png) no-repeat left center;}
.busi_txt .ico03 .table_cell{ background: url(../img/introduce/ico03.png) no-repeat left center;}
.busi_txt .ico04 .table_cell{ background: url(../img/introduce/ico04.png) no-repeat left center;}
.busi_txt .ico05 .table_cell{ background: url(../img/introduce/ico05.png) no-repeat left center;}
.busi_txt .ico06 .table_cell{ background: url(../img/introduce/ico06.png) no-repeat left center;}
.busi_txt > li {position: relative; padding:0 10px; min-height: 200px; line-height: 140%; width:50%; float: left;  box-sizing: border-box;}
.busi_txt > li .table_cell {display: table-cell; vertical-align: middle; padding-left: 130px; border-bottom:1px solid #e8e8e8; padding-bottom: 30px; height:150px;} 
.busi_txt > li .no_bar{border-bottom:none;}
.busi_txt > li strong{font-size: 18px; color:#333; font-weight: 500; line-height: 30px;}
.busi_txt > li .pro_txt{ padding-top:20px;}
.busi_txt > li .pro_txt li{background: url(../img/introduce/pro_bar.png)no-repeat left 15px; padding-left:13px; line-height: 26px; font-size: 14px;}

/*오시는길*/

.map_W {clear:both; width:100%;}
.come_ul {overflow:hidden;}
.come_ul li:first-child {margin-top:0px; background:none; float:none; clear:both; width:100%; padding-right:0px; margin-right:0px;}
.come_ul li {float:left; margin-top:5px; background:url(../img/introduce/bar.gif) no-repeat right center; padding-right:20px; margin-right:20px;}
.come_ul li.last {padding-right:0px; margin-right:0px; background:none;}
.come_ul li p {padding-left:25px; color:#000; font-size:14px; line-height:24px;}
.come_ul li p a {color:#000;}
.come_ul li .n01 {background:url(../img/introduce/ic01.gif) no-repeat left center;}
.come_ul li .n02 {background:url(../img/introduce/ic02.gif) no-repeat left center;}
.come_ul li .n03 {background:url(../img/introduce/ic03.gif) no-repeat left center;}
.come_ul li .n04 {background:url(../img/introduce/ic04.gif) no-repeat left center;}


.culture_info .txt_t {font-size:1.8em; line-height:140%; padding-bottom: 15px; }
.culture_info p {font-size:1.15em; line-height: 170%;}
.advantage {border-top:1px solid #000; overflow: hidden; border-bottom:1px solid #000; padding: 15px 0px; }
.advantage > li {float: left; width: 33.33%; min-height: 230px; box-sizing: border-box; text-align: center; border-left:1px solid #d9d9d9; padding: 10px 0px;}
.advantage > li:first-child {border: none;}
.advantage > li .txt {display: block; padding-top:20px; margin: 0 auto;}



.login_wrap {max-width:460px; margin:0 auto;}
.login_wrap .login_bt .btn {background-color: #f25154; color: #fff; padding: 12px; line-height:40px; display: block; font-size: 16px; text-align: center;font-weight: 500; width: 100%; cursor: pointer; box-sizing: border-box; -moz-box-size: border-box;}
.login_wrap .id_save {font-size::15px; color:#000; margin:-10px 0px 20px 0px;}
.signup {padding:30px 0px 20px 0px;}
.signup_or {position:relative; margin-bottom:5px; text-align:center; background:url(../img/common/line.gif) repeat-x left center;}
.signup_or_text {background-color:#fff; display:inline-block; padding:8px; font-size:14px; font-weight: 500; color:#82888a;}
.signup li { margin-bottom:5px;}
.signup li input {width:100%; height:60px; padding:8px 10px; display:block; border:1px solid #cccccc; border-radius:0px; background-color:#fff; color:#565a5c; box-sizing:border-box; -moz-box-size:border-box; font-size:15px;}
.find_idpw {padding:10px 0px 15px 0px;}
.find_idpw a {font-size:15px; color:#333333; text-decoration:underline;}

.join_txt {padding:10px 0px 10px 40px; min-height:20px; margin-top:10px; background:url(../img/common/ico_idpw.gif) no-repeat left 5px; display:inline-block;}

.join_go {padding:15px 0px; text-align:center; margin:15px 0px; background:#f3f4f8}
.join_go > p {padding:10px 0px; font-size:15px;}
.join_go > a {display:block; max-width:290px; margin:10px auto; background:#333333; color:#fff; font-size:15px; line-height:50px;}

.member_wrap {max-width:590px; margin:0 auto;}
.check_boxW {background:#efeef3; border:1px solid #dadadc; border-top:none; padding:10px 5px;}
.add_bt {position: absolute; right: 0px; top: 0px;}

.dl_table > dl {padding:20px 0px 0px 0px;}
.dl_table > dl > dt {font-size:18px; color:#000000; line-height:150%; padding-bottom:5px;}
.dl_table > dl > dd .input {line-height:46px; height:46px; padding-left: 10px; border:1px solid #cccccc}
.dl_table > dl > dd .select_ds select {line-height:46px; height:46px; border:1px solid #cccccc}
.dl_table > dl .pa_minus {line-height:46px;}
.dl_table > dl .btnNormalS span {height:46px; line-height: 46px;}

.member_ok {background:#f3f4f8; padding:80px 0px; text-align:center;}
.member_ok > p {font-size:18px; color:#333333; line-height:140%;}
.member_ok > p > strong {font-size:46px; color:#f29600;  line-height:140%;}

.btnNormal.m_block span {min-width:60px;}


.findW {padding:30px 0px 0px 0px;}
.findW .fl50, .findW .fr50 { border:1px solid #cccccc;}
.findW .fl50 h4, .findW .fr50 h4 { text-align:center; padding:25px 0px; background:#fbfbfb; border-bottom:1px solid #ededed;}
.find_box { padding:20px;}
.find_box .btn { border-top:1px solid #cccccc; margin-top:20px;}
.find_box .btn a {display:block; background:#f25154; font-size:1.25em; padding:15px 0px; color:#fff; text-align:center; font-weight: 500;}
.find_box .clean_tableW { min-height:155px;}
.bb_tit {font-size: 1.5em; line-height: 150%; color: #000000; font-weight: 500; padding: 40px 0px 15px 0px;}


.info_toggleW {border-top:5px solid #333;}
.info_toggle {border-bottom: 1px solid #f1f1f1;}
.info_toggle .s_tit {margin:0px; font-size:16px; color: #000000; padding:18px 50px 18px 20px; background: url(../img/common/toggle_on.png) no-repeat 98% center;  cursor: pointer;}
.info_toggle .s_tit > p {padding:18px 0px 18px 70px; background: url(../img/common/q.png) no-repeat left top;}
.info_toggle .s_tit.on {background: url(../img/common/toggle_off.png) no-repeat 98% center; }
.toggle_in { line-height: 160%; border-top: 1px solid #f1f1f1;}
.toggle_in .con {padding:30px 20px 30px 90px; background:url(../img/common/a.png) no-repeat 18px 18px #fafafa; line-height: 160%;}
.toggle_in_t {padding:0px 20px 0px 170px;}




.my_tab {margin-left:1px;}
.my_tab:after {clear:both; display:block; content:""}
.my_tab > li {width:20%; float:left;}
.my_tab > li > a {display:block; text-align:center; border:1px solid #e9e9e9; margin-left:-1px; padding:15px 0px; font-size:13px; color:#000000;}

.my_tab > li > a .ico {display:block; padding:0px 0px 5px 0px;;}


.cart_total { margin-top:30px; padding-top:30px; background:url(../img/common/line.gif) repeat-x left top;}
.cart_total ul {overflow:hidden; position:relative;}
.cart_total ul li {float:left; width:33%; min-height:105px; background:#e9e9e9; box-sizing:border-box; padding:0px;}
.cart_total ul li p {display:inline-block; zoom:1; *display:inline; line-height:28px; padding:20px 0px 0px 30px; font-size:14px; color:#666666}
.cart_total ul li p strong {display:block;}
.cart_total ul li p em { font-family:nGothicB; font-size:26px;}
.cart_total ul li.ico02 {background:#f1f1f1;}
.cart_total ul li.ico03 {background:#484848; width:34%;}
.cart_total ul li.ico03 p {color:#fff}
.cart_total ul li.ico03 p em { color:#ee868d;}
.cart_total ul li.img_plus {width:32px; min-height:32px; padding:0px; position:absolute; left:33%; z-index:9; top:35px; margin-left:-16px; background:none;}
.cart_total ul li.img_total {width:32px; min-height:32px; padding:0px; position:absolute; left:66%; z-index:9; top:35px; margin-left:-16px; background:none;}

.pay_typeW {overflow:hidden; background:url(../img/cart/black.gif) repeat-y right top #f1f1f1; }
.pay_typeW .left {float:left; width:685px;}
.pay_typeW .right {float:right; width:315px;}
.pay_typeW .right p {font-size:14px; color:#fff; line-height:28px; font-family:nGothicB; display:inline-block; zoom:1; *display:inline; padding:10px 0px 10px 50px;}
.pay_typeW .right p strong {font-size:26px; color:#ee868d;}
.pay_typeW .pay_type {padding:15px 0px 15px 30px; font-family:nGothicB; color:#000;}
.pay_typeW .pay_type .mr15 {display:inline-block;}
.pay_typeW .cart_totalW {padding:15px 0px 15px 30px;}
.cart_totalW li {font-size: 13px; line-height:31px; padding:5px 0px 5px 95px; position: relative;}

.cart_totalW li .won {color:#a8804a; font-size:18px;}
.cart_totalW li .titl {font-family:nGothicB; color:#000; left:0; position:absolute; top:6px;}
.btn-rb2 {margin-top: -30px; text-align: right;}
.SubmitW {padding: 15px 0px;}
.total {
	padding:10px 0px;
	border-bottom:1px dotted #909090;}
.total dd {
	padding:7px 10px 7px 122px;
	line-height:22px;
	position:relative;
	text-align:right;
	min-height:22px;
	font-size:1.05em;}
.total dd strong {
	display:block;
	position:absolute;
	left:8px;
	top:5px;
	color:#3e3e3e;
	font-weight:normal;
	font-family:nGothicB;
}
.total dd strong.fs87 {
	font-weight:normal;
	color:#666}

.total dd .point {
	color:#333333;
	font-weight:normal;
	font-family:nGothicB;
}
.total dd .won {
	color:#f5801e;
	font-size:1.2em;}
.total dd span {
	display:block;
	font-weight:bold;}

.top_purchase {background:#fbfbfb; padding:20px 5px;}
.top_purchase .period {text-align:center;}
.top_purchase .period > .ib {padding:4px 0px;}
.top_purchase .period img {vertical-align:middle;}
.top_purchase .btnSmall {margin-left:-1px;}
.top_purchase .btnSmall.black {margin-left:10px;}
.wish_btns {font-size: 0px;}
.wish_btns li {padding:3px 0px;}
.wish_btns li .input {text-align: center;}
.wish_btns li a.btnSmall span {min-width:70px; font-size:13px;}
.secede_check li {padding:3px 0px;}

.payment_option {overflow:hidden; padding:0px 5px 10px 5px; border-bottom:1px dotted #909090;}
.payment_option li {float:left; margin-bottom:10px; width:50%; font-size:0.9em;}
.payment_option li input {vertical-align:-2px;}

.cart_total font-size:0.95em;}
.cart_total li {padding:10px 0 0px 75px; position: relative;}
.cart_total li .titl {font-weight:bold; left:0; position:absolute; top:10px;}

.list_tab {width:100%; margin-bottom:30px; font-size:0px; border-bottom:1px solid #000000; border-top:1px solid #000000; line-height:0px; box-sizing:border-box; }
.list_tab li {/*width:167px;*/ width:20%; min-width:130px; display:inline-block; zoom:1; *display:inline; text-align:center; min-height:50px; line-height:50px; letter-spacing:-1px; font-size:14px; box-sizing:border-box; border-top:3px solid #fff;}

.list_tab li span {display:block; background:url(../img/common/gnb_line.gif) no-repeat left center;}
.list_tab li:first-child span {display:block; background:none;}
.list_tab li span a {display:block;  font-size:13px; font-family:nGothicB; color:#000; }
.list_tab li:hover {border-top:3px solid #37589b; min-height:50px; line-height:50px; color:#37589b;}
.list_tab li:hover a {color:#37589b; }
.list_tab li.on {border-top:3px solid #37589b; font-family:nGothicB; min-height:50px; line-height:50px; color:#37589b;}
.list_tab li.on a {color:#37589b;}
.list_tab li.line {background:url(../img/common/list_tab_line.gif) no-repeat right center;}

.scrollbox1 {background: #f1f1f1; height: 100px; overflow-x: hidden; overflow-y: auto; padding: 12px;}

.point_use {padding:15px 30px; border:1px solid #dddddd}
.point_use_in {position:relative; padding:0px 130px 0px 60px; display:inline-block; width:100%; max-width:360px; box-sizing:border-box}
.point_use_in label {position:absolute; left:0px; top:0px; line-height:33px;}
.point_use_in .btnNormalS {position:absolute; right:0px; top:0px;}








/* line */
.line {border-top:1px solid #ccc; /*padding-top:20px;*/}



/*atab*/
.atab { margin-bottom:40px;}
.atab:after {clear:both; display:block; content:"";}
.atab li {float:left; width:20%; box-sizing:border-box; position:relative; display: table}
.atab li a {display:table-cell; width: 100%; height:55px; vertical-align: middle; background:#fff; line-height:20px; padding:0px 3px; text-align:center; color:#.view_info .atab > li a {background: #f3f3f3; border: 1px solid #dcdcdc; border-left: none}; box-sizing:border-box; border:1px solid #dcdcdc; font-size: 16px;}
.atab li.on a {font-family: Noto Sans; background: #fff; color: #333333; font-weight:500; border-top:3px solid #f25154; border-bottom: 1px solid #fff;}
.atab.two li {width:50%;}
.atab.four li {width:25%;}



.of_hi .fl50 {float:left; width:48%;}
.of_hi .fr50 {float:right; width:48%;}
.graybox { background:#cccccc; padding:10px;}
.no_flash { display: none;}

/* 레이어팝 */
#black {display:none;}
.layerPop {-webkit-overflow-scrolling: touch; overflow-y: scroll; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; background:url(http://pic.neungyule.com/nebuildandgrow/mall/img/common/png_70.png) repeat left top;/*background:#d7d7d7;*/ zoom: 1;}
.layerPop_inner {padding:40px 0px;}
.pop_wrap {width:100%; max-width:800px; margin:0 auto; background-color: #fff; cursor: auto; position: relative;}
.pop_wrap .pop_body {padding:15px;}
.pop_wrap .x_btn_w {position: absolute; top:6px; right:10px;}
.pop_wrap .x_btn {width:35px; height: 35px; line-height: 25px; cursor: pointer; background: url(../../img/common/close_bt.gif) no-repeat right center; color: #fff; font-size:0px;}
.pop_wrap .pop_head {background: #219847}
.pop_wrap .pop_head .title {font-size:16px; line-height:20px;  color: #fff; padding:12px 0px 15px 17px;text-align: left; }
.pop_wrap .pop_head .s_txt {font-size:14px; line-height:14px;  color: #646464; text-align: center; padding: 0px 0px 30px 0px;}
.pop_wrap .pop_footer {background:#219847; padding:20px; position: relative; min-height:30px; }

.pop_wrap.classroom_memo .pop_head {background:#fff;}
.pop_wrap.classroom_memo .pop_head .title {color: #000; border-bottom:1px solid #ccc; font-family:Noto Sans; font-weight:500; }

/* 팝업 */

.popup_scroll {overflow-x:hidden; overflow-y:auto;}

.layers_wrap {background:#FFF; position:relative; min-width:300px;}
.layers_wrap .layers_tit {width:100%; padding:15px 0px; text-indent:10px; line-height:150%; background:#f29600; font-size:1.8em; color:#fff; font-family:Noto Sans; font-weight:500; position:relative;}
.layers_wrap .layers_tit .logo {padding-left:25px; padding-top:20px;}
.layers_wrap  .close_pop { position:absolute; right:25px; top:17px;}
.layers_wrap .layers {padding:20px; position:relative; /*min-height:100px; max-height:760px; overflow-x:hidden; overflow-y:auto; -webkit-print-color-adjust:exact;*/}

.layers_wrap .close {height:30px; border-top:none; text-align:right; background:#e2e2e2; line-height:30px;}
.layers_wrap .close a { display:inline-block; zoom:1; *display:inline; font-family:Noto Sans; font-weight:500; color:#2d2d2d; padding-right:20px; background:url(http://pic.neungyule.com/newnetimes/img/btn/pop_close_s.gif) no-repeat right center; margin-right:10px;}
.layers_wrap .pop_tit {padding-left:5px; border-bottom:1px solid #afafaf; min-height:41px; padding-bottom:3px; font-family:Noto Sans; font-weight:500; color:#444444; font-size:22px; line-height:41px;}
.layers_wrap .pop_tit.ico_check2 { font-size:13px; min-height:20px; padding:10px 10px 10px 50px; background:url(../img/common/ico_check2.gif) no-repeat 10px 10px #f9f9f9; line-height:150%; border-bottom:none;}
.layers_wrap .pop_tit_no {min-height:38px; font-family:Noto Sans; font-weight:500; color:#444444; font-size:22px; line-height:38px;}




/* ------------------------------------------------------------
 * Name      : mobile_layout.css    
 * Desc      : page layout 
 * Created   : 
 * Updated   : 
 ------------------------------------------------------------ */
.mobile_on .m_gnb .gnb > ul {overflow-y:auto; overflow-x:hidden;}
.m_gnb {position:absolute; left:0px; top:90px; width:100%;}
.m_gnb .gnb > ul {width:100%; background:rgba(18,18,18, .97); position:relative; overflow-x:hidden;}
.m_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.m_gnb .gnb > ul > li > a {display:block; font-size:14px; color:#ffffff; padding:15px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
/*.m_gnb .gnb > ul > li:hover > a {background:#000;}*/

.m_gnb .sub_menu  {width:100%; line-height:20px; background:#4a4a4a; display:none;}
.m_gnb .sub_menu > li > a {display:block; color:#fff; font-size:12px; padding:5px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
.m_gnb .sub_menu > li > a:hover { background:#009091;}
.m_gnb .gnb .alarm { background-size:20px;}
.m_gnb .gnb .name {max-width:200px;}
.mobile_on input, .mobile_on select, .mobile_on textarea {-webkit-appearance:none;}
.mobile_on select {height:31px; padding:0px 2em 0px 8px!important;}
.mobile_on .sel_arrow {position: relative;}





/* 1200px 이상 */
@media screen and (min-width:1199px) {
	.m_gnb {display:none !important;}
}

/* 1220px 이하 */
@media screen and (max-width:1219px) {
   
    .rightW {float:none; width:100%; margin: 0 auto; box-sizing: border-box; padding:0px 10px;}
    #inner_wrap {padding:0px 10px;}
    .prd_sliderW .bx-wrapper .bx-prev {left: 0px;}
    .prd_sliderW .bx-wrapper .bx-next {right: 0px;}

	/*회사소개*/
    .con_w br{display:none;}
    .con_w .p_box{position: absolute left; top:30px;  padding-left:0;}

	/*사업내용*/
	.busi_txt > li {width:100%; float: none;}
	.busi_txt > li .table_cell{padding-top:20px; background-size: 70px auto !important; padding-left: 95px;}
	.busi_txt > li .table_cell br{display:none;}
	.busi_txt > li strong{font-size: 15px;}
	.busi_txt > li .pro_txt li{font-size: 13px;}
	.busi_txt > li .no_bar{border-bottom:1px solid #e8e8e8;}
}

/* 980px 이하 */
@media screen and (max-width:979px) {
    #wrap {padding-top:140px;}
	#header {height:140px;}
	.in_header {padding: 15px 0px;}
   
    #header .top_menu > ul {padding:0px 5px; box-sizing: border-box;}
	.go_sitemap { display:none;}
	.w_gnb {display:none;}
	#gnb_bar {display:none !important;}
	.m_gnb_on {display:block}
    .search_btn {display: block;}
   
    
    #header .search_box {top:90px; left: 0px; border-radius:0px; width: 100%; display: none;}
    
    .m_customer > dl {float: none; width:100%;}
    .m_customer .arrow {display: none;}
    .m_customer .m_map { float: none; width:100%;}
    .m_customer .m_map .map_warp {max-width:750px; margin:10px auto;}

	

	.main_visual .bxslider li {height:410px;}
	.main_visual .bx-controls {margin-left:130px;}
    
    .m_left {width:100%; float: none; padding-right:0px; transition: all 0.3s 0s ease-in-out;}
    .m_right {float: none; width:100%; clear: both; padding: 0px; padding-top:30px; transition: all 0.3s 0s ease-in-out;}
    .recipe .tc {text-align: left !important}

	#footer_add {max-width: 100%; text-align: center; font-size: 12px; padding:20px 0px 10px 0px; background:none;}
    .footer_menu > ul {text-align: center; font-size: 0px;}
    .footer_menu > ul > li {float: none; line-height:20px; height:20px; display: inline-block; vertical-align: top;}
	.footer_menu > ul > li > a {font-size: 12px;}
    
    .prd_list > li {width:33.33%; }
    .view_top .prd_img {float: none; margin: 0 auto; max-width: 520px; width:100%; padding: 0px;}
    .view_top .prd_txt {float: none; margin: 0 auto; max-width: 600px; width:100%; padding:30px 0px 0px 0px;}
    .view_top .prd_img .photo {height: auto;} 
	
	
}

/* 768 이하 */
@media screen and (max-width:767px) {

    .main_visual .bxslider li {height:370px;}
     .prd_sliderW .bx-wrapper .bx-prev {display: none;}
    .prd_sliderW .bx-wrapper .bx-next {display: none;}
    .main_banner {width:100%; float:none; padding-right:0px;}
    .interest_rateW {width: 100%; float: none; padding-left:0px; padding-top: 10px;}
	.main_banner > div > ul > li > a {padding:15px 0px 10px 0px;}
    
    .m_tit {font-size:36px;}
    .m_tit_wrap .s_txt {font-size:20px;}
    .making_step > li h4 {font-size:23px;}
	
	.sub_visual .sub_txt {width:80%; float: none; margin: 0 auto;}
	.sub_con {/*min-height:300px;*/ font-size: 13px; padding-bottom: 0px;}
    .title_bar {margin-bottom: 20px;}
	.title_bar h2 {font-size: 2.2em;}
	
	.sub_title {font-size:14px;}
	.of_hi .fl50 {float:none; width:100%;}
	.of_hi .fr50 {float:none; width:100%; margin-top:15px;}
	.advantage > li {padding: 10px;}
    .advantage > li br {display: none; }
    
    /*atab*/
    .atab li a {font-size:13px;}
    .my_tab > li {width:33.33%;}
	.my_tab > li > a {margin-top:-1px;}

    .prd_list > li .txt .tit {font-size:16px;}
    .prd_list > li .txt .price {font-size:18px;}
    
    .top_purchase {padding: 20px 0px;}
	.top_purchase .period > .ib {width:100%; display:block;}
	.top_purchase .btnSmall.white {width:16.66%; margin: 1px 0px;}
	.top_purchase .btnSmall.white span {display:block; padding:0px;}
	.top_purchase .input {margin-left:0px !important;}
	.cart_total ul li {width:50%; text-align:center;}
	.cart_total ul li.img_plus {left:50%;}
	.cart_total ul li p {padding: 20px 0px 0px 0px;}
	.cart_total ul li.ico03 {width:100%;}
	.cart_total ul li.img_total {display:none;}
	.m_th {width:80px !important;}
	.m_th2 {width:100px !important;}
    .t_cell {display: none !important;}
    
    .info_toggle .s_tit {font-size:14px; padding:10px 50px 10px 10px;}
    .info_toggle .s_tit > p {padding:10px 0px 10px 70px;}
    .toggle_in .con {padding:20px 10px 20px 80px; background-position:10px 10px;}

	.his_w {padding-left:0px; border-top: 1px solid #e8e8e8; margin-top:20px;}
	.his_w > strong {position:relative; left:auto; top:auto; display:block; line-height:150%;}
	.his_w > ul {border-top:none;}

}
/* 600 이하 */
@media screen and (max-width:599px) {
	.main_visual .bxslider li {height:280px;}
	.main_visual .bx-controls {margin-left:0px; width:100%; left:0%;}
	.visual_txt .txt2 .br {display: none;}
	.visual_txt .txt2 {font-size: 12px;}
    .slide_banner {padding: 0px 0px;}
    .slide_banner .control_box {display: none;}
    .section {padding:20px 0px;}
    .making_step > li {float: none; width:100%; padding-top:20px;}
    
    #section4 .section4_txt {font-size:26px;}
    .board {min-height:110px;}
    .board > li > a {font-size:16px;   line-height:20px; height:40px;}
    .board > li .date {font-size:14px;}
    .movie > li > a .txt {font-size:16px; line-height:20px; height:60px;}
    .movie > li .date {font-size: 14px;}
    
    #lnb_wrap {background: url(../img/common/png60.png) repeat left top;}
	#w_lnb {display:none;}
    .web_cell {display: none !important;}
	#m_lnb {display:block;}
	#lnb_tit2 {font-size:14px; letter-spacing:-1px; padding:0px 0px 0px 20px; color:#fff; line-height:45px; height:45px; background:url(../img/common/lnb_arrow.png) no-repeat 95% center; cursor:pointer;}
	.lnb:after {clear:both; content:""; display:block;}
	.lnb .lnbs {width:100%; position:relative;}
	.lnb .lnbs .copy_menu {position:absolute; left:0px; top:45px; width:100%; display:none;}
	.lnb ul li {color:#333333; float:none; width:100% !important;}
	.lnb ul li.on {display:none !important;}
	.lnb ul li a {color:#333333; font-size:14px; display:block; line-height:25px; height: auto; min-height:25px; padding:8px 0px; border-bottom:1px solid #ababab; background:#fff;}
	.lnb ul li a:hover {color:#fff; background:#f29600;}
	#sub_visual {background-size:cover !important;}
	.sub_visual {height:220px;}
   
  
    .list_btnW {margin: 0px;}
  
    
    .info_toggle .s_tit {padding-left:10px; }
    
      
    .prd_list > li {width:50%; box-sizing: border-box; padding:10px 6px;}
     .top_purchase .btnSmall.black {margin:10px 0px 0px 0px; display:block;}
	.top_purchase .input {width:40% !important;}
	.top_purchase .btnSmall.black span {line-height:34px; height:35px; }   

	.table_style6 tbody tr th { border-bottom:1px solid #333; padding:0 23px; width: 33%;}

}



/* 480px 이하 */
@media screen and (max-width:479px) {
    #wrap {padding-top: 110px;}
    #header {height: auto;}
    #header h1 img {height:40px;}
   
    .m_quick > ul > li > a {font-size:13px;}
    .main_banner > div > ul > li > a {font-size: 13px;}
    .search_btn {right:auto; left: 5px; top:0px; display: none}
    .in_header .bt_basket {width:30px; top:22px;}
    .in_header .bt_basket .count {width:20px; line-height:20px; font-size:10px;}
    
   
    .board > ul > li {margin-top:2px; }
    .board > ul > li > a {font-size:13px;}
    .m_tit_txt {font-size:14px;}
	.main_visual .bx-controls-direction { display: none;}
	
	.m_gnb_on {top:23px;}
	.m_gnb_on img {width:23px;}
	
	#header .top_menu > ul > li > a {font-size: 12px; padding:10px 0px;}
	
    .m_tit_wrap {padding:20px 0px 25px 0px;}
    .m_tit {font-size:28px;}
    .m_tit_wrap .s_txt {font-size:16px;}
    .main_board h4 {padding-left:35px; line-height:30px; min-height:30px; font-size:18px; margin-bottom:20px; background-size:30px auto !important}
    .main_board .bx-wrapper .bx-pager {text-align: center;}
    .recipe h4 {font-size:28px;padding-left:35px; border-bottom: 1px solid #000; margin-bottom: 20px; display: block;line-height:30px; min-height:30px; font-size:18px; background-size:30px auto !important }
    .recipe > ul {min-height: auto; padding-left: 0px; background: none; overflow: hidden;}
    .recipe > ul > li {float: left; width: 50%; box-sizing: border-box; padding: 0px 5px;}
    .board {margin: 0px; padding-bottom: 30px;}
    .board > li {float: none; width:100%; padding: 0px; padding:10px 0px;}
    .board > li:first-child { padding-top:0px;}
    .board > li > a {font-size: 16px; line-height: 20px; height: auto; margin-bottom: 5px;}
   
    .movie > li > a {padding-left:190px; min-height:150px; }
    .movie > li > a .pic {width: 180px;}
    
    #section1 .m_tit_wrap .line {top: 99px;}
    .prd_slider > li .num {width:30px; height:30px; line-height:30px; font-size:18px;}
    .prd_slider > li .txt .tit {font-size:16px;}
    .prd_slider > li .txt .price {font-size:18px; padding-right: 35px;}
    
    .prd_slider > li .txt .bt_basket {width: 30px; height: 30px; bottom: 15px;}
    .roll_tab > li > a {font-size: 14px;}
    
    .m_customer > dl {padding:20px;}
    .m_customer > dl > dt {font-size:22px;}
    .m_customer {margin-top:20px;}
    .m_customer > dl > dd.tel {padding-left:0px; background: none; font-size:30px; line-height:140%; padding-bottom:10px;   }
    .m_customer > dl > dd.txt {font-size:13px;}
    .m_customer .m_map .map_warp {background-size:cover !important}
    #section4 .section4_txt {font-size:18px;}
    .location {display: none;}
    
	#footer_add {font-size: 11px;}
	.footer_menu > ul > li {padding: 0px 5px;}
    #footer_add .bt_top {display:none;}
	
	.subject {padding-left:10px;}
	.bbs_search {margin-bottom:10px;}
	.bbs_search_in {padding:0px;}
	.bbs_search_in .select { position:relative; margin-bottom:5px; width:100%;}
	.bbs_search_in .btn_search { position:relative; display:block; margin:5px 0px 0px 0px; width:100%;}
	.paging a {width:23px;}
	.paging a.prev, .paging a.next, .paging a.first, .paging a.last {width:33px;}
    .block_m {display: block;}
    .block_m.fl {float: none;}
    .list_btn .block_m {margin: 2px 0px;}
	.board-view td.view_td {padding:20px 10px;}
    .list_btnW a {display: block;}

	
	.s_tit {margin:30px 0px 10px 0px; font-size: 18px;}
	.ss_tit {margin-top:20px;}
	/*#inner_wrap {font-size:0.95em;}
    */
	.title_bar {padding:10px 0px 30px 10px;}
	.title_bar h2 {font-size:1.8em; }
	
	.sub_visual .sub_txt {width:100%;}
	#lnb_wrap.fix {top:156px;}
	.m_th {width:90px !important;}
    
    .menu_btn {height:20px; width:30px;}
    .menu_btn .line-middle {top:8px;}
    .w_date {width:80px;}
    .m_block {display: block; margin-bottom: 3px; float: none;}
    

    
    .prd_list > li .txt {padding:10px;}
    .prd_list > li .txt .tit {font-size:14px;}
    .prd_list > li .txt .price {font-size:17px; min-height:21px; padding-top: 5px;}
  
    .prd_list > li .txt .bt_basket {width:30px; right:10px; border-bottom: 8px}
    .view_top .prd_info .shop_btns {margin: 0px;}
    .view_top .prd_info .shop_btns > li {width:100%; padding: 2px 0px;}
    .view_top .prd_info .shop_btns > li a {font-size:18px; line-height:58px; height:60px;}
    .prd_option > li {font-size:13px; margin-top: 10px; padding-left: 100px;}
    .prd_option.line {padding:20px 0px 0px 0px; margin-top:20px;}
    .prd_option > li .price {font-size:18px;}
    .price_total dd {padding-left:20px; font-size:22px;}
    
    .point_use_in .btnNormalS {position: relative; margin-top: 5px;}
    .point_use_in {padding: 0px 0px 0px 60px;  max-width:500px;}
    .point_use_in .btnNormalS {display: block;}
    .point_use_in .btnNormalS span {width: 100% !important; box-sizing: border-box; display: block;}


    
}

/* 320px 이하 */
@media screen and (max-width:320px) {
    .prd_list > li {width: 100%;}
}



.loading_area {position:fixed; width:100%; height:100%; z-index:9999;}
.loading_area #bg {background-color:#000; display:block; height:100%; left:0;  opacity:0.5; filter:alpha(opacity=50); position:fixed; top:0; width:100%; z-index:9999;}
.loading_area .loading_img { position:fixed; left:50%; top:50%;}

.sns_login {padding-top:10px;}
.sns_login > li {margin-top:5px;}
.sns_login > li > a {display: block; text-align: center; background: #fff;}
.sns_login > li > a > span {display:inline-block; line-height: 38px; min-height: 38px; padding-left:34px; background-size:25px auto !important; font-size: 13px;}
.sns_login > li.bt01 > a {color: #523738; background: #ffea0f;}
.sns_login > li.bt02 > a {color: #fff; background: #1ec800;}
.sns_login > li.bt03 > a {color: #fff; background: #3b5998;}
.sns_login > li.bt04 > a {color: #fff; background: #ff821f;}
.sns_login > li.bt01 > a > span {background: url(../img/common/kakao.png) no-repeat left center;}
.sns_login > li.bt02 > a > span {background: url(../img/common/naver.png) no-repeat left center;}
.sns_login > li.bt03 > a > span {background: url(../img/common/face.png) no-repeat left center;}