@charset "utf-8";

/*layout*/
.wrapper	{position:relative;display:block;width:100%;height:100%;text-align:center;overflow:auto;-webkit-overflow-scrolling:touch;}
.wrapper_s	{}
.wrapper.wrapper_bg	{background:#f7f7f7;}
.contents_wrap   {}
.contents	{position:relative;min-height:250px;padding:10px 10px 50px;display:block;*zoom:1;}
.contents:after	{content:"";display:block;clear:both;}

/*   =======================  header  ===========================  */
header  {display:block;}
header section {position:relative;display:block;}
header section h1 {padding:12px 0 11px;}
header section h1 a {display:inline-block;font-size:0;line-height:0;}
header section h1 img {width:87.5px;}
header section>a {position:absolute;top:50%;width:22px;height:17.5px;padding:5px;margin-top:-15px;display:block;text-indent:-9999px;}

header section>a.header_srch {right:12.5px;width:20px;background:url(/images/default/header_srch.png) no-repeat 50% 50%;background-size:18.5px;}
header section>a.header_home {left:50px;background:url(/images/default/header_home.png) no-repeat 50% 50%;background-size:23.5px;}
header section>a.header_login {right:45px;width:18px;background:url(/images/default/header_login.png) no-repeat 50% 50%;background-size:16px;}
header section>a.header_logout {right:45px;width:18px;background:url(/images/default/header_login.png) no-repeat 50% 50%;background-size:16px;}
header section>a.header_cart  {right:45px;background:url(/images/index/header_cart.png) no-repeat 50% 50%;background-size:23px;}
header section>a.header_cart em  {position:absolute;top:-5px;right:-2px;background:rgba(39,170,225,0.7);width:20px;height:20px;border-radius:50%;font-size:12px;line-height:20px;color:#fff;}

header hgroup  {position:relative;display:block;background:#195886;}
header hgroup h2  {color:#fff;font-size:18px;height:50px;line-height:50px;}
header hgroup a  {position:absolute;top:50%;width:23px;height:17.5px;padding:5px;margin-top:-15px;display:block;}
header hgroup a.back_btn  {left:12.5px;background:url(/images/default/back_btn.png) no-repeat 50% 50%;background-size:10.5px;text-indent:-9999px;}
header hgroup a.header_cart  {right:12.5px;background:url(/images/default/header_cart.png) no-repeat 50% 50%;background-size:23px;}
header hgroup a.header_cart em  {position:absolute;top:-5px;right:-2px;background:rgba(39,170,225,0.7);width:20px;height:20px;border-radius:50%;font-size:12px;line-height:20px;color:#fff;}

/* gnb_area */
.gnb_area {position:fixed;top:0px;left:-270px;width:270px;bottom:0;overflow:auto;-webkit-overflow-scrolling:touch;background:#195886;box-shadow:inset -5px 0px 10px rgba(0,0,0,0.3);z-index:100;}
.gnb_area .gnb_con {position:relative;padding:57px 0 0;display:block;}
.gnb_area .gnb_con hgroup {position:absolute;top:0;left:0;right:0;height:57px;padding:0 0 0 15px;background:#27aae1;box-shadow:inset -5px 0px 10px rgba(0,0,0,0.3);}
.gnb_area .gnb_con hgroup a.gnb_home {position:absolute;top:50%;right:10px;width:22px;height:17.5px;padding:5px;margin-top:-15px;display:block;background:url(/images/gnb/gnb_home.png) no-repeat 50% 50%;background-size:23.5px;text-indent:-9999px;}
.gnb_area .gnb_con hgroup a.btn_txt {height:28px;line-height:26px;display:inline-block;margin:15px 5px 0 0;padding:0 12px;}
.gnb_area .gnb_con hgroup a.btn_white   {border-color:#195886;color:#195886;}
.gnb_area .gnb_con hgroup a.btn_blue   {border-color:#195886;background-color:#2395ca;}

.gnb_area .gnb_con .gnb_list {display:block;}
.gnb_area .gnb_con .gnb_list>ul {display:block;}
.gnb_area .gnb_con .gnb_list>ul>li  {display:block;border-bottom:1px solid #25618c;border-color:rgba(255,255,255,0.05);}
.gnb_area .gnb_con .gnb_list>ul>li.brand_menu  {background:#1d6d9d;}
.gnb_area .gnb_con .gnb_list>ul>li>a  {position:relative;padding:0 20px;color:#8cacc3;font-size:15px;height:50px;line-height:50px;display:block;}
.gnb_area .gnb_con .gnb_list>ul>li>a .mark  {position:absolute;top:50%;right:20px;width:13px;height:13px;margin-top:-7.5px;background:url(/images/gnb/gnb_mark.png) no-repeat 0 100%;background-size:13px;}
.gnb_area .gnb_con .sub_area   {background:#0c2c43;padding:16px 20px;display:none;}
.gnb_area .gnb_con .sub_area ul {overflow:hidden;display:block;}
.gnb_area .gnb_con .sub_area ul li  {float:left;width:50%;font-size:13px;line-height:30px;color:#fff;background:url(/images/gnb/sub_menu_bullet.png) no-repeat 0 15px;background-size:3px;}
.gnb_area .gnb_con .menu_campStory .sub_area ul li  {width:100%;}
.gnb_area .gnb_con .sub_area ul li a    {margin-left:10px;color:#fff;}

.gnb_area .gnb_con .gnb_list>ul>li.on   {border-bottom:0 none;}
.gnb_area .gnb_con .gnb_list>ul>li.on .sub_area {display:block;}
.gnb_area .gnb_con .gnb_list>ul>li.on>a  {color:#fff;}
.gnb_area .gnb_con .gnb_list>ul>li.on>a .mark  {background-position:0 0;}

/*   =======================  contents  ===========================  */
/* 공통 */
.skip_menu	{display:none;width:1px;height:1px;line-height:1px;}
.left_con	{float:left;position:relative;width:50%;}
.right_con	{float:right;position:relative;width:50%;}
.ready_con	{height:200px;line-height:200px;font-size:15px;font-weight:600;text-align:center;background:#f9f9f9;display:block;}
.nodata		{min-height:200px;line-height:200px;text-align:center;}
.loading	{position:fixed;top:0;left:0;right:0;bottom:0;display:block;z-index:999;background-color:rgba(0,0,0,0.6);}
.loading span    {position:absolute;top:50%;left:50%;width:35px;height:35px;margin:-17.5px 0 0 -17.5px;text-indent:-999999px;background:#fff url(/images/loading.gif) no-repeat 50% 50%;background-size:23px;border:1px solid #555;border-radius:8px;}
.loading.loading_data span	{width:150px;height:100px;margin:-50px 0 0 -75px;background-image:url(/images/loading_data.gif);background-size:150px;}

.box_line_sky   {height:2em;line-height:1.9em;padding:0 1em;text-align:center;background:#fff;color:#27aae1;border:2px solid #27aae1;border-radius:1.5em;display:inline-block;}
.box_gray   {height:2em;line-height:1.9em;padding:0 1em;text-align:center;background:#aaa;color:#fff;border:2px solid #999;border-radius:1.5em;display:inline-block;}
.box_sky   {height:2em;line-height:1.9em;padding:0 1em;text-align:center;background:#27aae1;color:#fff;border:2px solid #239acc;border-radius:1.5em;display:inline-block;}
.box_blue   {height:2em;line-height:1.9em;padding:0 1em;text-align:center;background:#195886;color:#fff;border:2px solid #154b72;border-radius:1.5em;display:inline-block;}

.info_txt	{margin:0 0 20px;text-align:left;display:block;}
.info_txt ul	{display:block;}
.info_txt ul li	{display:block;padding:0 0 0 8px;background:url(/images/mark_bullet/nemo_gray.png) no-repeat 0 8px;background-size:3px;}
.info_txt.info_txt_bg   {padding:15px 10px;background:#f6f6f6;}
.info_txt.info_txt_bg ul li	{background:url(/images/mark_bullet/nemo_blue.png) no-repeat 0 8px;background-size:3px;}
.info_txt.bullet_sky ul li	{background:url(/images/mark_bullet/circle_sky.png) no-repeat 0 7px;background-size:4px;}
.info_txt.info_icon  {text-align:center;}
.info_txt.info_icon img  {margin:0 10px 0 0;width:23px;}
.info_txt.info_icon_left  {position:relative;text-align:left;min-height:23px;padding:0 0 0 30px;margin:0 0 10px;}
.info_txt.info_icon_left img {position:absolute;top:0;left:0;width:23px;}
.info_txt.info_txt_cart	{padding:0 0 0 35px;background:url(/images/mark_bullet/info_cart_icon.png) no-repeat 5px 4px;background-size:21px;}

.rating_area    {position:relative;width:65px;height:10px;display:inline-block;*display:inline;*zoom:1;background:url(/images/mark_bullet/rating_off.png) no-repeat 0 0;background-size:auto 10px;vertical-align:middle;}
.rating_area span    {position:absolute;top:0;left:0;height:10px;text-indent:-99999px;display:block;background:url(/images/mark_bullet/rating_on.png) no-repeat 0 0;background-size:auto 10px;}

.ea_area {display:block;}
.ea_area:after    {content:"";display:block;clear:both;}
.ea_area input {float:left;width:70px;color:#333;font-size:13px;height:35px;line-height:35px;text-align:center;margin:0 5px;border-radius:3px;}
.ea_area a {float:left;width:35px;height:35px;border:1px solid #ccc;border-radius:3px;box-sizing:border-box;}
.ea_area a span {position:absolute;top:-99999px;overflow:hidden}
.ea_area a.minus  {background:#fff url(/images/product/minus_icon.png) no-repeat 50% 50%;background-size:12px;}
.ea_area a.plus  {margin:0 0 0 -1px;background:#fff url(/images/product/plus_icon.png) no-repeat 50% 50%;background-size:12px;}

.ea_select {letter-spacing:0em;display:inline-block;margin:0 5px 15px 0;}
.ea_select select {width:40px;}

/* tit_area */
.tit_area	{position:relative;text-align:left;padding: 10px 0 5px;overflow:hidden;display:block;}
.tit_area h2	{color:#333;font-size:16px;padding:0 0 5px;text-align:center}
.tit_area h2 span   {font-size:13px;margin:0 5px;font-weight:400;}
.tit_area p	{padding:0 0 5px;}
.tit_area .type1{margin-top:10px;padding:0 5%}
.tit_area .type1 li{position:relative;padding-left:10px;color:#333;}
.tit_area .type1 li:after{content:"-";display:block;position:absolute;left:0;top:0}

.tit_mark h2   {padding-left:15px;background:url(/images/mark_bullet/tit_mark.png) no-repeat 0 6px;background-size:10px;}

/* tab */
.tab	{padding:0 0 25px;display:block;}
.tab ul	{overflow:hidden;display:block;}
.tab ul li	{float:left;width:50%;color:#333;background:#878787;}
.tab ul li a	{display:block;background:#f8f8f8;margin:0 0 1px;border-left:1px solid #e4e4e4;text-decoration:none}
.tab ul li:first-child a	{border-left:0 none;}
.tab ul li a strong	{display:block;padding:18px 0 17px;color:#666;font-size:14px;}

.tab ul li.on   {background:#195886;}
.tab ul li.on a	{background:#fff;margin-bottom:3px;}
.tab ul li.on a strong	{padding-bottom:15px;color:#195886;}

.tab.login_tab	{padding:0;}
.tab.mypage_order_tab   {padding:0}
.tab.mypage_order_tab ul li	{width:33.33%;}
.tab.event_tab   {padding:0}
.tab.event_tab ul li	{width:33.33%;}
.tab.camp_intro_tab   {padding:0}
.tab.camp_intro_tab ul li	{width:50%;}
.tab.camp_apply_tab   {padding:0}
.tab.camp_apply_tab ul li	{width:50%;}
.tab.about_tab   {padding:0}
.tab.about_tab ul li	{width:25%;}
.tab.about_tab ul.col3 li	{width:33.33%;}
.tab.about_tab ul li a strong  {font-size:13px;}
.sub_tab_area {padding: 10px;}

@media all and (max-width:320px) {
.tab.about_tab ul li a strong  {font-size:12px;}
.tab.about_tab ul li:nth-child(4) a strong  {font-size:11px;}
}

/* tab_roll */
.tab_roll	{overflow:hidden;display:block;}
.tab_roll.not_login	{overflow-x:auto;}
.tab_roll ul	{white-space:nowrap;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start;}
.tab_roll ul li	{-webkit-flex:none;flex:none;display:block;position:relative;width:25%;background:#f8f8f8;}
.tab_roll.not_login ul li	{width:29%;}
.tab_roll ul li a	{display:block;text-decoration:none;border-left:1px solid #ddd;}
.tab_roll ul li:first-child a	{border-left:0 none;}
.tab_roll ul li a strong	{display:block;padding:20px 0 16px;color:#777;font-size:13px;font-weight:400;}
.tab_roll ul li a strong .icon   {display:block;height:25px;overflow:hidden;margin:0 0 8px;}
.tab_roll ul li a strong .icon img   {height:50px;width:auto;}
.tab_roll ul li a .arrow{position:absolute;bottom:0;left:-1px;right:-1px;font-size:0;line-height:0;border-bottom:1px solid #878787;z-index:9;}

.tab_roll ul li.on  {background:#fff;}
.tab_roll ul li.on a strong    {color:#195886;font-weight:600;}
.tab_roll ul li.on a strong .icon img  {margin-top:-25px;}
.tab_roll ul li.on a .arrow    {border:3px solid #195886;}
.tab_roll.not_login ul li.contactus{width:35%;}

.tab_roll ul.on li  {background:#fff;}
.tab_roll ul.on li a strong    {color:#195886;font-weight:600;}
.tab_roll ul.on li a strong .icon img  {margin-top:-25px;}

/* step */
.step {margin:0 0 20px;display:block;}
.step ol {overflow:hidden;display:block;}
.step ol li {float:left;position:relative;width:26%;height:55px;padding:0 0 0 24px;text-align:left;border:1px solid #e0e0e0;border-left:0 none;box-sizing:border-box;background:#f9f9f9;font-size:13px;color:#555;}
.step ol li:first-child {width:22%;padding-left:12px;border-left:1px solid #e0e0e0;}
.step ol li .num {display:block;font-size:11px;color:#999;padding:8px 0 0;}
.step ol li .arrow {position:absolute;top:-1px;right:-16px;bottom:-1px;width:16px;background:url(/images/default/step_arrow.png) no-repeat 0 0;background-size:16px;z-index:9;}
.step ol li:last-child .arrow   {display:none;}
.step ol li .here {position:absolute;top:-9999%;overflow:hidden;display:none;}

.step ol li.on {background:#27aae1;border-color:#1f9cd0;color:#fff;}
.step ol li.on .num {color:#a9ddf3;}
.step ol li.on .arrow {background-position:0 100%;}
.step ol li.on .here {display:block;}

/*   =======================  product  ===========================  */
.pro_list   {margin:0 0 20px;display:block;}
.pro_list ul   {border-top:1px solid #62656a;}
.pro_list ul li   {position:relative;border-top:1px solid #ddd;display:block;}
.pro_list ul li:first-child {border-top:0 none;}
.pro_list ul li a   {padding:15px 0 15px 165px;min-height:142px;text-align:left;overflow:hidden;display:block;}
.pro_list ul li .img  {position:absolute;top:10px;left:0;width:150px;height:150px;border:1px solid #ddd;display:block;}
.pro_list ul li .img img  {width:100%;height:100%;}
.pro_list ul li .pro_nm  {font-size:14px;color:#222;font-weight:600;margin:0 0 6px;padding:17px 0 0;}
.pro_list ul li .pro_srmy {font-size:13px;line-height:19px;margin:0 0 10px}
.pro_list ul li .price  {line-height:24px;margin:0 0 3px;font-size:14px;letter-spacing:0em;overflow:hidden;display:inline-block;}
.pro_list ul li .price span {font-size:13px;color:#fff;font-weight:600;height:22px;line-height:22px;margin:0 5px 0 0;float:left;width:40px;text-align:center;border-radius:3px;}
.pro_list ul li .price.member  {color:#444;}
.pro_list ul li .price.member span  {border:1px solid #134b74;background:#195886;}
.pro_list ul li .price.vip  {color:#eb2929;}
.pro_list ul li .price.vip span  {border:1px solid #c82727;background:#d92c2c;}

.type_thum   {}
.type_thum ul   {display:block;}
.type_thum ul:after  {content:"";display:block;clear:both;}
.type_thum ul li   {float:left;width:50%;border-top:0 none;}
.type_thum ul li a   {padding:15px 0 15px;min-height:auto;height:220px;text-align:center;}
.type_thum ul li:nth-child(odd) a   {padding-right:5px;}
.type_thum ul li:nth-child(even) a   {padding-left:5px;}
.type_thum ul li .img  {position:static;top:initial;left:initial;width:100%;height:130px;margin:0 auto;box-sizing:border-box;}
.type_thum ul li .img img  {max-width:130px;}
.type_thum ul li .pro_nm  {text-align:center;max-width:90%;height: 2.6em;line-height: 1.3em;margin:0 auto 10px;text-overflow:ellipsis;/*white-space:nowrap;*/word-wrap:normal;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.type_thum ul li .pro_srmy   {display:none;}

.wrapper_pro_view .contents	{padding:0 0 60px;}
.wrapper_pro_view .follow_menu,.wrapper_order .follow_menu {display:none !important;}
/*.wrapper_pro_view a.go_top_btn {display:none !important;}*/

.pro_view_top   {padding:10px;background:#f4f4f4;}
.pro_view_img   {background:#fff;border:1px solid #ddd;border-bottom:0 none;}
.pro_view_img .swiper-container {margin:0;}
.pro_view_img .swiper-wrapper {}
.pro_view_img .swiper-slide a   {display:block;text-align:center;}
.pro_view_img .swiper-slide img  {}
.pro_view_img .swiper-pagination {position:relative;bottom:initial;height:12px;font-size:0;line-height:0;padding:15px 0 0;border-top:1px solid #ddd;}
.pro_view_img .swiper-pagination-bullet{width:10px;height:10px;background:#62656a;border:1px solid #56585c;margin:0 9px;box-shadow:none;}
.pro_view_img .swiper-pagination-bullet-active{border-color:#27aae1;background:#27aae1;}

/*20180313 CSS 추가 ej*/
.contents .share_url {/*border-right: 1px solid #ddd;border-left: 1px solid #ddd;*/background: #fff;padding: 15px 15px 0;overflow: hidden;}
.contents .share_url h2 {float: left;font-size: 16px;color: #333;padding-top: 10px;margin-right: 10px;}
.contents .share_url ul {float: left;font-size: 0;}
.contents .share_url ul li {display: inline-block;margin-right:5px;}
.contents .share_url ul li a {display: block;width: 35px;height: 35px;border-radius: 50%;text-indent: -9999px;background-size: 100%;}
.contents .share_url ul li.facebook a {background: url(/images/product/mb_share_facebook.png) no-repeat 50% 50% #4360aa;}
.contents .share_url ul li.twitter a {background: url(/images/product/mb_share_twitter.png) no-repeat 50% 50% #55c6de;}
.contents .share_url ul li.kakao a {background: url(/images/product/mb_share_kakao.png) no-repeat 50% 50% #febc1c;}
.contents .share_url ul li.story a {background: url(/images/product/mb_share_story.png) no-repeat 50% 50% #febc1c;}
.contents .share_url ul li.url a {background: url(/images/product/mb_share_url.png) no-repeat 50% 50% #ccc;}

.pro_view_txt   {/*border:1px solid #ddd;border-top:0 none;*/text-align:left;padding:15px 15px 30px;background:#fff;}
.pro_view_txt .pro_nm  {font-size:14px;color:#222;font-weight:600;margin:0 0 6px;}
.pro_view_txt .pro_srmy {font-size:13px;line-height:19px;margin:0 0 10px}
.pro_view_txt .price  {line-height:24px;font-size:14px;letter-spacing:0em;display:inline-block;overflow:hidden;}
.pro_view_txt .price span {font-size:13px;color:#fff;font-weight:600;height:22px;line-height:22px;margin:0 5px 0 0;float:left;width:80px;text-align:center;border-radius:3px;}
.pro_view_txt .price.member  {color:#444;margin:0 15px 0 0;}
.pro_view_txt .price.member span  {border:1px solid #134b74;background:#195886;}
.pro_view_txt .price.vip  {color:#eb2929;}
.pro_view_txt .price.vip span  {border:1px solid #c82727;background:#d92c2c;}

.pro_detail_tab	{position:relative;top:0;left:0;right:0;padding:0 0 2px;background:#464646;}
.pro_detail_tab ul	{display:block;*zoom:1;}
.pro_detail_tab ul:after	{content:"";display:block;clear:both;}
.pro_detail_tab ul li	{float:left;position:relative;width:25%;background:#ddd;}
.pro_detail_tab ul li a	{display:block;margin:1px 1px 0 0;padding:1px 1px 0 0;background:#fff;text-decoration:none;font-weight:600;height:40px;color:#777;font-size:13px;line-height:40px;letter-spacing:-1px;}
.pro_detail_tab ul li:first-child a	{margin:1px 1px 0;padding:1px 1px 0 1px;}
.pro_detail_tab ul li:hover	{}
.pro_detail_tab ul li:hover a	{background:#464646;color:#fff;margin:1px 0 0 0;padding:1px 2px 0 0;}
.pro_detail_tab ul li:first-child:hover a	{margin:1px 0 0 0;}
.pro_detail_tab ul li.on	{}
.pro_detail_tab ul li.on a	{background:#464646;color:#fff;margin:1px 0 0 0;padding:1px 2px 0 0;}
.pro_detail_tab ul li.on a:first-child	{margin:1px 0 0 0;}

.follow_option    {position:fixed;bottom:0;left:0;width:100%;background:#f0f0f0;z-index:999;}
.follow_option .btn_area   {padding:0;}
.follow_option>.btn_area  {position:absolute;top:-24.5px;left:0;right:0;background:url(/images/product/total_option_bg.png) no-repeat 50% 0;background-size:600px;}
.follow_option .btn_area .option_open  {display:block;margin:0 auto;text-indent:-99999px;width:100px;height:24.5px;background:url(/images/product/total_option_open.png) no-repeat 50% 65%;background-size:18px;}
.follow_option .btn_area .option_close  {display:block;margin:0 auto;text-indent:-99999px;width:100px;height:24.5px;background:url(/images/product/total_option_close.png) no-repeat 50% 65%;background-size:18px;}
.follow_option .option_con {display:none;padding:10px;border-bottom:1px solid #aaa;max-height:150px;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;}
.follow_option .option_choice   {padding:0 0 5px;text-align:left;}
.follow_option .option_choice select   {width:100%;border-radius:3px;margin:0 0 5px;height:35px;}
.follow_option .option_choice .add_opt_area{background: #fff;border: 1px solid #ddd;padding:10px;margin-top:10px;}
.follow_option .choice_srmy   {background:#fff;border:1px solid #ddd;}
.follow_option .choice_srmy ul   {}
.follow_option .choice_srmy ul li {position:relative;padding:10px;border-top:1px solid #ddd;display:block;}
.follow_option .choice_srmy ul li:after  {content:"";display:block;clear:both;}
.follow_option .choice_srmy ul li:first-child    {border-top:0 none;}
.follow_option .choice_srmy ul li .txt   {display:block;text-align:left;margin:0 0 5px;font-size:13px;}
.follow_option .choice_srmy ul li .ea_area   {float:left;}
.follow_option .choice_srmy ul li .ea_area input {width:50px;}
.follow_option .choice_srmy ul li .price {overflow:hidden;font-size:14px;color:#333;line-height:35px;text-align:right;margin:0 35px 0 0;}
.follow_option .choice_srmy ul li .btn_img_del   {position:absolute;bottom:18px;right:15px;}
.follow_option .option_bt  {padding:10px;}
.follow_option .option_bt .total_price  {display:none;color:#d92c2c;font-size:16px;letter-spacing:0.05em;text-align:right;margin:0 0 10px;}
.follow_option .option_bt .btn_area  {-webkit-justify-content:space-between;justify-content:space-between;}
.follow_option .option_bt .btn_area .btn_txt  {width:24%;border-radius:3px;font-size:13px;letter-spacing:-0.05em;padding:0;}
.follow_option .option_bt .btn_area a.btn_txt   {line-height:260%;}

.follow_option.on .option_con  {display:block;}
.follow_option.on .option_bt .total_price  {display:block;}

.detail_con {padding:20px 10px;height:auto;min-height:1px;max-height:999999px;overflow:hidden;display:block;}

.detail_con.related_area   {padding-top:5px;}
.related_area .pro_list ul   {border-top:0 none;}

.detail_con.pro_info   {text-align:left;}
.pro_info ul	{display:block;margin:0 0 20px;}
.pro_info ul li	{display:block;color:#555;font-size:13px;line-height:20px;padding:0 0 0 8px;background:url(/images/mark_bullet/circle_gray.png) no-repeat 0 8px;background-size:3px;}
.pro_info p.text_info	{padding:0 0 10px;text-align:left;}
.pro_info p.text_info span	{color:#27aae1;}

.detail_con.pro_review {padding:20px 0;}
.detail_con.pro_review .tit_area    {padding:0 10px;}
.detail_con.pro_review .tit_area .rt_btn_area   {right:10px;}
.detail_con.pro_review .tit_area .rt_btn_area button span    {border-bottom:1px solid #666;}
.review_list    {margin:0 0 20px;display:block;}
.review_list dl    {border-top:1px solid #62656a;}
.review_list dl dt    {position:relative;border-bottom:1px solid #e4e4e4;text-align:left;}
.review_list dl dt a    {display:block;padding:15px;}
.review_list dl dt .rating_area	{}
.review_list dl dt .user   {display:inline-block;font-size:13px;color:#333;letter-spacing:0.01em;margin:0 0 0 5px;}
.review_list dl dt .date   {position:absolute;top:15px;right:15px;}
.review_list dl dt .tit_txt   {display:block;font-size:13px;color:#333;padding:5px 0 0;}
.review_list dl dd    {position:relative;text-align:left;padding:15px;background:#f6f6f6;border-bottom:1px solid #e4e4e4;display:none;}
.review_list dl dd .review_con    {height:auto;min-height:1px;max-height:999999px;overflow:hidden;display:block;}
.review_list dl dt.nodata   {padding:0;text-align:center;}
.review_list dl dt.on .tit_txt {font-weight:600;}

/* search_top */
.search_top	{}
.search_top .word_input {position:relative;}
.search_top .word_input input    {height:35px;line-height:35px;text-align:left;padding:0 55px 0 20px;}
.search_top .word_input ::-webkit-input-placeholder{color:#555 !important}
.search_top .word_input .btn_srch    {position:absolute;top:0;right:0;width:35px;height:35px;text-indent:-9999px;border:0 none;background:url(/images/btn/board_srch.png) no-repeat 50% 50%;background-size:14px;}
.search_top #search_top_open_btn	{margin:10px 0 20px;}
.pro_list_finder  {margin:0 0 15px;display:none;background:#f7f7f7;}
.pro_list_finder dl  {}
.pro_list_finder dl dt  {text-align:left;font-size:14px;color:#333;padding:15px 10px 10px;}
.pro_list_finder dl dd  {padding:0 10px 20px;border-bottom:1px solid #e0e0e0;}
.srch_check_list  {overflow:hidden;display:none;}
.srch_check_list li  {float:left;width:33.33%;text-align:left;margin:0 0 10px;}
.srch_check_list li label  {position:relative;font-size:13px;color:#888;}
.srch_check_list li label input  {position:absolute;left:-9999%;overflow:hidden;}
.srch_check_list li label span  {display:inline-block;letter-spacing:-0.1em;padding:0 0 0 20px;height:15px;line-height:15px;background:url(/images/btn/checkbox_login.jpg) no-repeat 0 0;background-size:15px;}
.srch_check_list li label input[type='checkbox']:checked + span {background-position:0 100%;}
.pro_list_finder>.btn_txt  {font-size:14px;color:#aaa;font-weight:600;width:100%;padding:0;border-top:1px solid #333;border-bottom:1px solid #333;border-radius:0;display:block;text-align:center;background:#2b2b2b;}
.search_top .btn2  {display:none;padding:0 0 25px;}

.search_top.search_top_open .pro_list_finder	{display:block;}
.search_top.search_top_open .srch_check_list	{display:block;}
.search_top.search_top_open .btn2{display:block;}

/*   =======================  order  ===========================  */
.order_list  {margin:0 0 10px;display:block;}
.order_list ul   {border-top:1px solid #878787;display:block;}
.order_list ul li{overflow:hidden;padding:15px 0;border-bottom:1px solid #e4e4e4;}
.order_list ul li .thumb {float:left;}
.order_list ul li .thumb .img {border:1px solid #ccc;width:120px;height:120px;display:block;}
.order_list ul li .thumb .img img {width:100%;height:100%;}
.order_list ul li .thumb input {margin:15px 0 0;}
.order_list ul li .txt {overflow:hidden;text-align:left;padding:0 0 0 15px;}
.order_list ul li .txt a {}
.order_list ul li .txt .pro_nm {font-size:14px;color:#222;font-weight:600;}
.order_list ul li .txt .pro_srmy {font-size:13px;line-height:19px;margin:0 0 16px}
.order_list ul li .txt .price {dipslay:block;margin:0 0 3px;letter-spacing:0em;}
.order_list ul li .txt .discount {display:inline-block;line-height:14px;border-left:1px solid #ddd;padding:0 0 0 5px;}
.order_list ul li .txt .buy_price {display:block;border-top:1px solid #e5e5e5;padding:15px 0 0;font-size:14px;}

.payment_srmy	{border:5px solid #eee;padding:15px 20px;margin:0 0 20px;text-align:right;letter-spacing:0.02em;}
.payment_srmy .payment_list	{border-bottom:1px solid #ddd;padding:0 0 15px;}
.payment_srmy .payment_list span    {display:inline-block;}
.payment_srmy .last_price	{padding:15px 0 0;font-size:13px;}

.order_gift {}
.order_gift ul  {border-top:1px solid #878787;border-bottom:1px solid #e4e4e4;margin:0 0 20px;padding:15px 0 0;overflow:hidden;}
.order_gift ul li   {float:left;width:50%;padding:0 5px 15px 0;height:210px;margin-bottom:15px;box-sizing:border-box;}
.order_gift ul li:nth-child(even)   {float:right;padding:0 0 15px 5px;}
.order_gift ul li .img {border:1px solid #ccc;height:150px;margin:0 0 10px;display:block;}
.order_gift ul li .img img {height:100%;width:auto;max-width:100%;}
.order_gift ul li p {font-size:13px;}
.order_gift ul li p label {color:#333;}

.order_sample   {text-align:left;padding:0 0 10px;display:block;}
.order_sample h3   {color:#195886;font-size:14px;margin:0 0 10px;}
.order_sample_list   {margin:0 0 20px;display:block;}
.order_sample_list ul   {border-top:1px solid #bbb;display:block;}
.order_sample_list ul li   {position:relative;border-bottom:1px solid #e4e4e4;padding:10px 0 10px 90px;height:75px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-flow:column wrap;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start;}
.order_sample_list ul li .img {position:absolute;top:10px;left:0;border:1px solid #ccc;width:75px;height:75px;margin:0 15px 0 0;display:block;}
.order_sample_list ul li .img img {width:100%;height:100%;}
.order_sample_list ul li label {}
.order_sample_list ul li .ea_select {margin:5px 0 0;}

.board_area.order_accountOk    {border:5px solid #eee;padding:15px 20px;margin:0 0 20px;}
.board_area.order_accountOk table.board_unline tbody tr:last-child th,
.board_area.order_accountOk table.board_unline tbody tr:last-child td	{border-bottom:0 none;}

.order_ok  {padding:100px 0 40px;color:#999;font-size:13px;background:url(/images/order/order_ok.png) no-repeat 50% 30px;background-size:60px;}
.order_ok p  {font-size:19px;line-height:25px;margin:0 0 5px;color:#333;font-weight:600;}

/*   =======================  event  ===========================  */
.event_visual{margin:0 0 15px;display:block;}
.event_visual .swiper-wrapper {margin:0;}
.event_visual .swiper-slide a   {display:block;text-align:center;}
.event_visual .swiper-slide img  {}
.event_visual .swiper-button-next,
.event_visual .swiper-button-prev{position:absolute;top:50%;width:12px;height:60px;margin:-30px 0 0;padding:9px;display:block;z-index:99;background:url(/images/event/event_roll_prev_btn.png) no-repeat 50% 50%;background-size:12px;}
.event_visual .swiper-button-prev{left:0;background-image:url(/images/event/event_roll_prev_btn.png);}
.event_visual .swiper-button-next{left:auto;right:0;background-image:url(/images/event/event_roll_next_btn.png);}

.event_list {display:block;}
.event_list ul {padding:0 0 15px;}
.event_list ul li {position:relative;display:block;margin:0 0 10px;}
.event_list ul li a {display:block;}
.event_list ul li img {}
.event_list ul li .flag {position:absolute;top:0;right:0;width:50px;padding:5px 0 4px;color:#fff;background:#000;}
.event_list ul li .flag.ing {}
.event_list ul li .flag.end {background:#888;color:#e9e9e9;}

.attendance {height:1330px;display:block;background:url(/images/event/attendance_bg.jpg) no-repeat 0 0;background-size:1100px 1330px;}
.attendance header {padding:461px 0 0;}
.attendance header h3 {font-size:36px;color:#4dba9f;font-weight:900;font-family:'Lato';letter-spacing:0.02em;}
.attendance header h3 .num {font-size:40px;}
.attendance header p {padding:13px 50px 0;text-align:right;color:#6c6c6c;font-size:14px;letter-spacing:0em;}
.attendance .cal_attendance {padding:7px 50px 0;margin:0 0 55px;display:block;}
.attendance .cal_attendance table {width:100%;table-layout:fixed;}
.attendance .cal_attendance table th {padding:0 0 30px;line-height:40px;color:#555;font-size:16px;font-weight:700;font-family:'Lato';letter-spacing:0.02em;}
.attendance .cal_attendance table th.sun {color:#eb2929}
.attendance .cal_attendance table th.sat {color:#1b90cf}
.attendance .cal_attendance table td {border-top:1px solid #e4e4e4;padding:0 0 20px;}
.attendance .cal_attendance table tbody tr:first-child td   {border-top:0 none;}
.attendance .cal_attendance table td .num {padding:7px 0 0 15px;display:block;text-align:left;color:#999;font-size:14px;height:14px;font-family:'Lato';letter-spacing:0.02em;}
.btn_attendance {width:190px;height:50px;text-indent:-99999px;background:url(/images/event/attendance_btn.png) no-repeat 0 0;}

/* 출석체크 9월호 -- 여기서 부터 */
.attendance09 {position:relative;max-width:1000px;margin:0 auto;display:block;background:url(/images/event/attendance09_bg.png) no-repeat 0 0;background-size:100%;}
.attendance09 header {padding:98% 0 0;position:relative; }
.attendance09 header h3 {/* position: relative; */height: 0;}
.attendance09 h3 .year {position: absolute;top: 7%;left: 7%;color: #4c8380;font-size: 210%;z-index: 100;}
.attendance09 h3 .month {font-size: 34%;display:block;padding-top: 20%;}
.attendance09 h3 .num {font-size: 400%;position: absolute;top: 11%;left: 50%;color: #4c8380;transform: translateX(-50%);z-index: 100;}
.attendance09 p {position:absolute;bottom: 3.8vh;left: 6%;line-height: 3.3vh;color:#000;font-size: 4vw;text-align: right;letter-spacing:0em;}
.attendance09 p b {display:block;}
.attendance09 .cal_attendance {max-width:1000px;display:block;background:url(/images/event/calendar_bg.png) no-repeat;padding-top:42%;padding: 42% 5% 3%;background-size:100%;position: relative;}
.attendance09 .cal_attendance table {max-width:911px;table-layout:fixed;margin:0 auto;}
.attendance09 .cal_attendance table th {text-indent:-99999px;}
.attendance09 .cal_attendance table td {color:#979797;position:relative;padding:0 0 2%;background:url(/images/event/day_bg01.jpg) no-repeat center;background-size:90%;}
.attendance09 .cal_attendance table td.none {background:none;}
.attendance09 .cal_attendance table td.holi {background:url(/images/event/day_bg02.jpg) no-repeat center;color:#ca8c67;background-size:90%;}
.attendance09 .cal_attendance table tbody tr:first-child td {border-top:0 none;}
.attendance09 .cal_attendance table td .num {position:absolute;left: 50%;top:50%;font-size: 150%;transform: translate(-50%, -50%);font-family:'Lato';letter-spacing:0.02em;}
.btn_attendance09 {width:36%;height:65px;margin-top: 40px !important;text-indent:-99999px;background:url(/images/event/attendance09_btn.png) no-repeat 0 0;background-size:100%;}
.attendance09 .footer09 {}
.attendance09 .coupon {background:#f1bea2;display:flex;}
.attendance09 .coupon .check {padding:4% 3% 4.5% 3% ;}
@media screen and (min-width:480px) and (max-width:768px) {
.attendance09 p {bottom: 4vh;line-height: 6vh;}
.attendance09 h3 .year {position: absolute;top: 8%;left: 7%;color: #4c8380;font-size: 250%;z-index: 100;}
.attendance09 h3 .month {font-size: 34%;display:block;padding-top: 25%;}
.attendance09 h3 .num {font-size: 500%;position: absolute;top: 15%;left: 50%;color: #4c8380;transform: translateX(-50%);z-index: 100;}
.attendance09 .cal_attendance table td .num {font-size:200%;}
}
@media screen and (min-width:769px) {
.attendance09 h3 .year {position: absolute;top: 8%;left: 7%;color: #4c8380;font-size: 250%;z-index: 100;}
.attendance09 h3 .month {font-size: 38%;display:block;padding-top: 30%;}
.attendance09 h3 .num {font-size: 700%;position: absolute;top: 15%;left: 50%;color: #4c8380;transform: translateX(-50%);z-index: 100;}
.attendance09 p {font-size:400%;line-height:5.3vh;}
.attendance09 .cal_attendance table td .num {font-size:200%;}
}
/* -- 여기까지 적용 -- */
/*   =======================  community  ===========================  */
.review_list ul {border-top:1px solid #62656a;}
.review_list ul li {position:relative;border-bottom:1px solid #e4e4e4;text-align:left;}
.review_list ul li a {display:block;min-height:75px;padding:10px 10px 10px 95px;}
.review_list ul li .img  {position:absolute;top:10px;left:10px;width:75px;height:75px;border:1px solid #ddd;display:block;}
.review_list ul li .img img  {width:100%;height:100%;}
.review_list ul li .rating_area	{}
.review_list ul li .user   {display:inline-block;font-size:13px;color:#aaa;letter-spacing:0.01em;margin:0 0 0 5px;}
.review_list ul li .pro_nm   {display:block;font-size:13px;color:#777;}
.review_list ul li .tit_txt   {display:block;font-size:13px;color:#333;margin:0 0 5px;max-width:90%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.review_list ul li .date   {display:block;}
.review_list ul li.nodata   {padding:0;text-align:center;}

.review_list ul li.answer_end a{position:relative;padding-right:75px;}
.review_list ul li.answer_end .icon_answer_complete{position:absolute;top:18px;right:10px;}

.recipe_list {border-top:1px solid #62656a;padding:15px 0;}
.recipe_list ul {overflow:hidden;display:block;}
.recipe_list ul li  {float:left;width:50%;box-sizing:border-box;}
.recipe_list ul li:nth-child(odd)   {padding:0 5px 10px 0;}
.recipe_list ul li:nth-child(even)   {padding:0 0 10px 5px;}
.recipe_list ul li a{border:1px solid #ddd;padding:0 0 10px;display:block;}
.recipe_list ul li .img {margin:0 0 10px;display:block;}
.recipe_list ul li .img img {width:100%;}
.recipe_list ul li .tit {line-height:18px;font-weight:600;color:#444;font-size:13px;margin:0 10px;max-width:99%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;display:block;}
.recipe_list ul li .txt_con {line-height:18px;margin:0 10px;height:34px;overflow:hidden;}

/*   =======================  customer  ===========================  */
.wrapper_cs_index .contents   {padding:0;}
.board_srch_cs_index    {background:#ddd;padding:15px 10px;}
.wrapper_cs_index .call_center  {margin:0 10px;}
.wrapper_cs_index .board_area    {margin:0 10px;}

.bank_account   {border-top:1px solid #ddd;padding:25px 10px;}
.bank_account h3   {position:relative;font-size:16px;color:#333;text-align:left;margin:0 0 10px;}
.bank_account h3 em   {position:absolute;top:0;right:0;font-size:14px;color:#195886;font-weight:400;}
.bank_account ul   {border:1px solid #e4e4e4;}
.bank_account ul li   {border-top:1px solid #e4e4e4;padding:5px 0 5px 20px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;}
.bank_account ul li:first-child {border-top:0 none;}
.bank_account ul li .img_area   {-webkit-flex:none;flex:none;width:90px;margin:0 10px 0 0;}
.bank_account ul li .img_area img   {height:22px;width:auto;}
.bank_account ul li strong   {display:inline-block;width:62px;text-align:left;}
.bank_account ul li .line   {width:1px;height:11px;background:#ccc;display:block;margin:0 10px 0 0;}

.cs_index_notice    {position:relative;border-top:1px solid #ddd;padding:25px 0;}
.cs_index_notice h3   {font-size:16px;color:#333;text-align:left;margin:0 0 10px 10px;}
.cs_index_notice ul   {border-top:1px solid #878787;text-align:left;padding:10px;}
.cs_index_notice ul li	{max-width:99%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;display:block;padding:0 0 0 8px;background:url(/images/mark_bullet/nemo_gray.png) no-repeat 0 8px;background-size:3px;}
.cs_index_notice ul li a   {}
.cs_index_notice .btn_list_more_s    {position:absolute;top:25px;right:10px;}

.board_srch_faq {padding:15px 10px 0;}
.board_srch_faq select {}

.faq_area   {}
.faq_area ul   {margin:0 0 25px;border-top:1px solid #333;}
.faq_area ul li   {border-bottom:1px solid #ddd;text-align:left;}
.faq_area ul li .tit   {padding:15px 10px;font-size:13px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start;}
.faq_area ul li .tit .mark   {-webkit-flex:none;flex:none;width:12.5px;margin:0 10px 0 0;}
.faq_area ul li .tit .mark img   {width:12.5px;}
.faq_area ul li .tit .category   {margin:0 5px 0 0;color:#777;}
.faq_area ul li .tit a   {color:#333;}
.faq_area ul li .con_txt   {display:none;background:#f6f6f6;border-top:1px solid #ddd;padding:15px 20px 15px 32.5px;}
.faq_area ul li .con_txt .con   {font-size:13px;color:#333;height:auto;min-height:1px;max-height:999999px;}

.call_center    {text-align:left;padding:10px 0 20px 85px;background:url(/images/customer/call_center_icon.png) no-repeat 0 0;background-size:65px;}
.call_center h3    {color:#333;font-size:16px;margin:0 0 15px;}
.call_center strong    {color:#195886;font-size:37px;font-weight:400;margin:0 0 15px;display:block;}
.call_center strong span    {color:#27aae1;margin:0 5px;}
.call_center p    {font-size:13px;color:#666;}

.membership_top {display:block;}
.membership {padding:0 0 50px;background:#f9f9f9;display:block;}
.membership .benefits {padding:15px 15px 20px;display:block;}
.membership .benefits ul {display:block;}
.membership .benefits ul li {display:block;margin:0 0 5px;position:relative;text-align:left;border:1px solid #e4e4e4;border-radius:5px;background:#fff;}
.membership .benefits ul li dl {padding:15px;}
.membership .benefits ul li dl dt {font-size:16px;line-height:22px;color:#333;font-weight:600;margin:0 0 5px;}
.membership .benefits ul li dl dd {font-size:13px;line-height:19px;color:#555;}
.membership .benefits ul li .btn_area {padding:0 15px 20px;}
.membership .benefits ul li .icon {position:absolute;top:15px;right:15px;width:44px;}
.membership .info_txt   {margin:0 20px;text-align:left;}
.membership .info_txt h2  {line-height:20px;padding:0 0 15px;font-size:16px;color:#333;}
.membership .info_txt h2 img  {vertical-align:top;margin:0 10px 0 0;}
.membership .info_txt ul li   {padding-bottom:5px;color:#777;font-size:12px;}

.membership_price   {padding:0 0 50px;background:#f7f6ef url(/images/customer/price_bg.png) repeat-y 50% 0;background-size:100%;}
.membership_price .price_gift {background:url(/images/customer/price_bg_top.jpg) no-repeat 50% 0;background-size:100%;}
.membership_price .price_gift>h2 {padding:40px 0 25px;}
.membership_price .price_gift>h2 img    {height:70px;width:auto;}
.membership_price .price_sample {background:url(/images/customer/price_bg_top.jpg) no-repeat 50% 0;background-size:100%;}
.membership_price .price_sample>h2 {padding:40px 0 25px;}
.membership_price .price_sample>h2 img    {height:83.5px;width:auto;}
.membership_price .price_list {display:block;padding:37.5px 0 0;background:url(/images/customer/price_gift_top_bg.png) no-repeat 50% 0;background-size:auto 37.5px}
.membership_price .price_list dl {margin:0 10px 20px;display:block;}
.membership_price .price_list dl dt {display:block;height:40px;line-height:40px;font-size:15px;color:#fff;background:url(/images/customer/price_gift_tit_bg01.png) no-repeat 50% 0;background-size:auto 80px;}
.membership_price .price_gift .price_list dl.price_10   {background:url(/images/customer/price_gift_tit_bg01.png) no-repeat 100% 0;background-size:auto 80px;}
.membership_price .price_gift .price_list dl.price_10 dt	{margin:0 34px 0 0;padding:0 0 0 35px;background:url(/images/customer/price_gift_tit_bg01.png) no-repeat 0 100%;background-size:auto 80px;}
.membership_price .price_gift .price_list dl.price_20	{background:url(/images/customer/price_gift_tit_bg02.png) no-repeat 100% 0;background-size:auto 80px;}
.membership_price .price_gift .price_list dl.price_20 dt	{margin:0 34px 0 0;padding:0 0 0 35px;background:url(/images/customer/price_gift_tit_bg02.png) no-repeat 0 100%;background-size:auto 80px;}
.membership_price .price_gift .price_list dl.price_30	{background:url(/images/customer/price_gift_tit_bg03.png) no-repeat 100% 0;background-size:auto 80px;}
.membership_price .price_gift .price_list dl.price_30 dt	{margin:0 34px 0 0;padding:0 0 0 35px;background:url(/images/customer/price_gift_tit_bg03.png) no-repeat 0 100%;background-size:auto 80px;}
.membership_price .price_gift .price_list dl.price_40	{background:url(/images/customer/price_gift_tit_bg04.png) no-repeat 100% 0;background-size:auto 80px;}
.membership_price .price_gift .price_list dl.price_40 dt	{margin:0 34px 0 0;padding:0 0 0 35px;background:url(/images/customer/price_gift_tit_bg04.png) no-repeat 0 100%;background-size:auto 80px;}
.membership_price .price_gift .price_list dl.price_50	{background:url(/images/customer/price_gift_tit_bg05.png) no-repeat 100% 0;background-size:auto 80px;}
.membership_price .price_gift .price_list dl.price_50 dt	{margin:0 34px 0 0;padding:0 0 0 35px;background:url(/images/customer/price_gift_tit_bg05.png) no-repeat 0 100%;background-size:auto 80px;}
.membership_price .price_sample .price_list dl.sample_10	{background:url(/images/customer/price_sample_tit_bg01.png) no-repeat 100% 0;background-size:auto 80px;}
.membership_price .price_sample .price_list dl.sample_10 dt	{margin:0 34px 0 0;padding:0 0 0 35px;background:url(/images/customer/price_sample_tit_bg01.png) no-repeat 0 100%;background-size:auto 80px;}
.membership_price .price_sample .price_list dl.sample_20	{background:url(/images/customer/price_sample_tit_bg02.png) no-repeat 100% 0;background-size:auto 80px;}
.membership_price .price_sample .price_list dl.sample_20 dt	{margin:0 34px 0 0;padding:0 0 0 35px;background:url(/images/customer/price_sample_tit_bg02.png) no-repeat 0 100%;background-size:auto 80px;}
.membership_price .price_sample .price_list dl.sample_30	{background:url(/images/customer/price_sample_tit_bg03.png) no-repeat 100% 0;background-size:auto 80px;}
.membership_price .price_sample .price_list dl.sample_30 dt	{margin:0 34px 0 0;padding:0 0 0 35px;background:url(/images/customer/price_sample_tit_bg03.png) no-repeat 0 100%;background-size:auto 80px;}
.membership_price .price_list dl dd {background:#fff;overflow:hidden;display:block;}
.membership_price .price_list .pro_list {margin:0;border-bottom:1px solid #e4e4e4;}
.membership_price .price_list .pro_list ul {border-top:0 none;margin:0 0 -1px;overflow:hidden;}
.membership_price .price_list .pro_list ul li   {float:left;width:50%;border:0 none;border-bottom:1px solid #e4e4e4;box-sizing:border-box;}
.membership_price .price_list .pro_list ul li:nth-child(odd)    {border-right:1px solid #e4e4e4;}
.membership_price .price_list .pro_list ul li .img  {position:static;top:initial;left:initial;width:100%;height:140px;padding:5px;margin:0 auto;border:0 none;box-sizing:border-box;}
.membership_price .price_list .pro_list ul li .img img  {width:100%;max-width:130px;max-height:130px;}
.membership_price .price_list .pro_list ul li .pro_nm  {background:#f9f9f9;color:#555;font-size:12px;font-weight:400;margin:0;padding:0;height:40px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;}
.membership_price .price_list .pro_list.count1 ul li {width:100%;border-right:0 none;}
.membership_price .info_txt   {text-align:left;margin:0 10px;}
.membership_price .info_txt h2  {line-height:20px;padding:0 0 10px;font-size:14px;color:#333;}
.membership_price .info_txt h2 img  {vertical-align:bottom;margin:0 10px 0 0;}
.membership_price .info_txt ul li   {padding-bottom:5px;}

.contactus_area{}
.step_contact{margin:12px 0 20px;text-align:center;}
.step_contact dl{display:table;height:69px;margin:0 auto;vertical-align:middle;}
.step_contact dt{display:block;}
.step_contact dd{display:inline-block;margin:12px auto 0;}
.step_contact dd li{display:inline-block;position:relative;float:left;width:63px;height:63px;margin:0 18px 0 0;text-align:center;border:3px solid #27aae1;border-radius:100%;}
.step_contact dd li.step1{border-color:#27aae1;}
.step_contact dd li.step2{border-color:#0380b4;}
.step_contact dd li.step3{border-color:#07709c;}
.step_contact dd li.step4{border-color:#195886;}
.step_contact dd li:last-child{margin:0;}
.step_contact dd li:after{position:absolute;right:-27px;top:50%;width:20px;height:4px;margin:-2px 0 0;background:url(/images/customer/dot_contact.gif) no-repeat;background-size:10px;content:'';}
.step_contact dd li:last-child:after{width:0;}
.step_contact dd li dl{width:63px;height:63px;}
.step_contact dd li dt{display:block;width:100%;margin:5px 0 0;font-weight:600;font-family:'Lato';font-size:10px;color:#27aae1;}
.step_contact dd li.step1 dt{color:#27aae1;}
.step_contact dd li.step2 dt{color:#0380b4;}
.step_contact dd li.step3 dt{color:#07709c;}
.step_contact dd li.step4 dt{color:#195886;line-height:1.25em;}
.step_contact dd li dd{width:63px;height:2.5em;margin:0;line-height:1.25em;}
.contactus_area ul{padding:0 0 15px;text-align:left;border-bottom:1px solid #e4e4e4;}
.contactus_area .contact{margin:15px 0 20px;text-align:left;}

@media all and (max-width:320px) {
.step_contact dd li,
.step_contact dd li dl{width:55px;height:55px;}
.step_contact dd li dd{width:55px;font-size:11px;}
}

/*   =======================  member  ===========================  */
.wrapper_member .info_txt   {margin-bottom:10px;}

.login_con  {}
.login_frm  {text-align:left;margin:0 0 10px;display:block;}
.login_frm ul  {padding:0 0 5px;}
.login_frm ul li  {margin:0 0 5px;}
.login_frm ul li label  {position:relative;}
.login_frm ul li label span  {position:absolute;top:50%;left:15px;color:#999;font-size:13px;margin:-8px 0 0;}
.login_frm ul li label input  {padding:0 10px 0 110px;color:#333;height:40px;line-height:40px;letter-spacing:0.1em;}
.login_frm .id_save	{display:block;margin:0 0 20px;}
.login_frm .id_save label	{position:relative;}
.login_frm .id_save label input	{position:absolute;left:-9999px;overflow:hidden;}
.login_frm .id_save label span  {display:inline-block;color:#999;font-size:13px;padding:0 0 0 40px;height:30px;line-height:30px;background:url(/images/btn/checkbox_login.jpg) no-repeat 0 0;background-size:30px;}
.login_frm .id_save label input[type='checkbox']:checked + span {background-position:0 100%;}

.login_con.login_con_noMem .btn_area  {-webkit-justify-content:space-between;justify-content:space-between;}

.join_check {overflow:hidden;display:block;border:1px solid #ddd;border-radius:5px;padding:30px 0;margin:0 0 20px;}
.join_check .join_type  {float:left;width:50%;border-left:1px solid #ddd;box-sizing:border-box;padding:3px 0 0;}
.join_check .join_type img  {width:58px;display:block;margin:0 auto 18px;}
.join_check .join_type label  {display:block;color:#555;font-size:13px;}
.join_check .join_type label input  {}
.join_check .join_type.join_type01  {border-left:0;padding-top:0;}
.join_check .join_type.join_type01 img  {width:30px;margin-bottom:15px;}

.mem_pri    {text-align:left;margin:0 0 20px;display:block;}
.mem_pri ul	{margin:0 0 15px;display:block;}
.mem_pri ul li	{display:block;margin:-1px 0 0;}
.mem_pri ul li:first-child  {margin-top:0;}
.mem_pri ul li .tit	{position:relative;padding:15px 0 15px 50px;border:1px solid #ccc;display:block;}
.mem_pri ul li .tit label    {color:#333;font-size:14px;display:block;}
.mem_pri ul li .tit label input {position:absolute;top:16px;left:20px;}
.mem_pri ul li .tit a	{position:absolute;top:10px;right:10px;width:30px;height:30px;display:block;text-indent:-99999px;background:url(/images/member/pri_on_off.png) no-repeat 50% 8px;background-size:15px;}
.mem_pri ul li .tit p	{font-size:10px;color:#666;line-height:16px;}
.mem_pri ul li.pri .tit	{padding-right:55px;}
.mem_pri .iframe{background:#f0f0f0;height:175px;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;display:none;}
.mem_pri ul li.pri.on .tit a   {background-position:50% -22px;}
.all_check  {margin:0 0 20px;border:1px solid #ccc;background:#f9f9f9;display:block;padding:15px 0 15px 20px;}
.all_check label    {color:#195886;font-size:14px;font-weight:600;}
.all_check label input {margin:0 6px 0 0;}

.join_ok    {padding:100px 0 20px;background:url(/images/member/join_ok_icon.png) no-repeat 50% 30px;background-size:60px;}
.join_ok h3  {font-size:19px;line-height:25px;margin:0 0 15px;color:#333;font-weight:400;}
.join_ok p  {color:#999;font-size:13px;}

.find_type  {display:block;}
.find_type ul  {display:block;}
.find_type>ul>li  {text-align:left;padding:20px;border:1px solid #e4e4e4;border-radius:8px;background:#fff;margin:0 0 20px;}
.find_type ul li h2  {font-size:14px;color:#333;margin:0 0 10px;}
.find_type ul li .login_frm {margin:0;}
.find_type .frm_phone select,
.find_type .frm_phone input,
.find_type .pass_number_wrap input,
.find_type .mail_code_wrap input,
.find_type .pass_number_wrap button,
.find_type .mail_code_wrap button{height:40px}
.find_type .pass_number_wrap,
.find_type .mail_code_wrap{margin-top: 5px}
.find_type .newPw{display:none;margin-top:10px}
.find_type .tbl_box{display:table;width:100%;margin-bottom:5px}
.find_type .tbl_box>.cell{display:table-cell;vertical-align:middle;color:#333}
.find_type .tbl_box>.cell.btn{text-align:right}
.find_type .tbl_box>.cell span{display:block;font-weight:500}
.find_txt   {padding:88px 20px 30px;border:1px solid #e4e4e4;border-radius:8px;background:#fff url(/images/member/find_icon.png) no-repeat 50% 30px;background-size:45px;margin:0 0 20px;}
.pri_area {background:#f0f0f0;height:400px;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;display:block;}

/* iframe-pri,law */
.iframe_wrap	{min-width:100% !important;height:auto;background:#f0f0f0;}
.iframe_con	{padding:10px;display:block;text-align:left;}
.iframe_con h1	{margin:0 0 10px;font-size:13px;}
.iframe_con h2  {margin:0 0 5px;font-size:12px;}
.iframe_con h3  {margin:0 0 5px;font-size:12px;}
.iframe_con div.section	{font-size:10px;line-height:16px;padding:0 5px 5px 10px;display:block;word-wrap:break-word;word-break:break-all;}
.iframe_con div.section p	{margin:3px 0 3px 15px;}
.iframe_con div.section table{width:100%;table-layout:fixed;border:1px solid #ddd;border-left:0 none;border-top:0 none;}
.iframe_con div.section table th{padding:14px 5px 13px;border-top:1px solid #ddd;border-left:1px solid #ddd;color:#333;font-size:13px;background:#f8f8f8;}
.iframe_con div.section table td{padding:14px 5px 13px 20px;border-top:1px solid #ddd;border-left:1px solid #ddd;text-align:left;}

/*   =======================  mypage  ===========================  */
.wrapper.wrapper_mypage .contents   {padding-top:20px;}

.user_class {position:relative;text-align:left;font-size:13px;padding:16px 0 15px 60px;margin:0 0 10px;border:1px solid #e4e4e4;border-radius:8px;background:#fff url(/images/mypage/user_class_icon.png) no-repeat 20px 50%;background-size:28.5px;}
.user_class strong  {font-size:15px;color:#333;}
.user_class .class_nm {position:absolute;top:50%;right:15px;margin:-15px 0 0;border:1px solid #759bb6;color:#195886;background:#fff;line-height:28px;padding:0 10px;display:inline-block;}
.wallet_srmy {margin:0 0 10px;border:1px solid #e4e4e4;border-radius:8px;background:#fff;}
.wallet_srmy ul {overflow:hidden;display:block;}
.wallet_srmy ul li  {float:left;width:33.33%;border-left:1px solid #e4e4e4;box-sizing:border-box;}
.wallet_srmy ul li a    {display:block;padding:20px 14px;}
.wallet_srmy ul li h3 {border-bottom:2px solid #ccc;font-size:13px;font-weight:400;padding:0 0 10px;}
.wallet_srmy ul li strong {display:block;padding:10px 0 0;font-size:14px;}
.order_progress {padding:20px 0;margin:0 0 10px;border:1px solid #e4e4e4;border-radius:8px;background:#fff;}
.order_progress ul {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:flex-start;align-items:flex-start;}
.order_progress ul li  {width:20%;padding:0 4px 0 8px;background:url(/images/mypage/order_progress_line.png) no-repeat 0 40px;background-size:6px;}
.order_progress ul li:first-child   {width:20%;background:none;padding-left:0;}
.order_progress ul li strong {font-size:30px;color:#ccc;display:block;padding:0 0 15px;}
.order_progress ul li h3 {font-size:12px;font-weight:400;color:#888;}
.order_progress ul li.on strong {color:#777;}

.order_list_mypage  {margin:0 0 20px;display:block;}
.order_list_mypage ul  {display:block;}
.order_list_mypage ul li  {background:#fff;border:1px solid #e4e4e4;border-radius:5px;margin:0 0 5px;display:block;}
.order_list_mypage ul li a  {display:block;}
.order_list_mypage ul li .order_num  {height:42px;padding:0 20px;border-bottom:1px solid #e4e4e4;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}
.order_list_mypage ul li .order_num .num  {font-size:13px;letter-spacing:0.02em;font-weight:600;}
.order_list_mypage ul li .order_num .status  {color:#eb2929;font-size:13px;}
.order_list_mypage ul li .pro_srmy  {padding:20px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;}
.order_list_mypage ul li .pro_srmy .img {-webkit-flex:none;flex:none;border:1px solid #ccc;width:80px;height:80px;margin:0 13px 0 0;}
.order_list_mypage ul li .pro_srmy .img img {width:100%;height:100%;}
.order_list_mypage ul li .pro_srmy .txt  {text-align:left;font-size:13px;color:#666;letter-spacing:-0.05em;}
.order_list_mypage ul li .pro_srmy .txt .pro_nm  {color:#333;font-size:14px;}

.pro_list.pro_list_wish  {margin:0 0 10px;}
.pro_list.pro_list_wish ul   {border-top:0 none;border-bottom:1px solid #ddd;}
.pro_list.pro_list_wish ul li   {}
.pro_list.pro_list_wish ul li label  {position:absolute;top:0;left:0;width:35px;bottom:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;}
.pro_list.pro_list_wish ul li label input    {}
.pro_list.pro_list_wish ul li a   {padding:15px 0 45px 165px;min-height:92px;}
.pro_list.pro_list_wish ul li .img    {top:15px;left:35px;width:120px;height:120px;}
.pro_list.pro_list_wish ul li .pro_nm  {padding:0;}
.pro_list.pro_list_wish ul li .price  {line-height:18px;font-size:12px;}
.pro_list.pro_list_wish ul li .price span {font-size:10px;font-weight:400;width:17px;height:17px;line-height:17px;}
.pro_list.pro_list_wish ul li button    {float:left;margin:-45px 0 0 165px;}

/*   =======================  camp  ===========================  */
.wrapper_camp_intro .contents {padding:0 0 50px;}
.camp_intro {text-align:center;padding:10px;}
.camp_intro h2 {font-size:19px;line-height:24px;padding:10px 10px 0;text-align:left;}
.camp_intro p {padding:20px 10px;color:#656565;font-size:13px;text-align:left;}
.camp_intro .top_dashed_line{padding-top:20px;border-top:1px dashed #e4e4e4}
.camp_intro h3  {font-size:15px;color:#333;text-align:left;padding:0 10px 15px;}
.camp_intro .program    {margin:0 0 20px;display:block;}
.camp_intro .program ul {display:block;}
.camp_intro .program ul li {text-align:left;padding:15px 10px;border-bottom:1px dashed #e4e4e4;overflow:hidden;display:block;}
.camp_intro .program ul li .tit{position:relative;display:block;font-size:14px;line-height:20px;color:#333;padding:0 0 15px 20px;}
.camp_intro .program ul li .tit .num{position:absolute;top:2px;left:0;width:16px;height:16px;line-height:16px;font-size:10px;color:#fff;background:#1b90cf;text-align:center;border-radius:50%;}
.camp_intro .program ul li img{float:left;width:115.5px;height:auto;margin:0 5px 5px 0;}
.camp_intro .teacher    {margin:0 0 20px;display:block;}
.camp_intro .teacher>ul {display:block;}
.camp_intro .teacher>ul>li {padding:15px 0;border-bottom:1px dashed #e4e4e4;overflow:hidden;display:block;}
.camp_intro .teacher>ul>li:first-child  {padding-top:0;}
.camp_intro .teacher>ul>li .info    {display:block;margin:0 10px 15px;}
.camp_intro .teacher>ul>li .info .img    {display:block;margin:0 0 15px;}
.camp_intro .teacher>ul>li .info .img img    {width:66px;}
.camp_intro .teacher>ul>li .info .nm    {color:#333;font-size:14px;}
.camp_intro .info_txt    {margin:0 10px;}
.camp_intro .teacher>ul>li.half {float:left;width:50%;box-sizing:border-box;height:200px;}
.camp_intro .camp1day   {}
.camp_intro .camp1day>ul   {}
.camp_intro .camp1day>ul>li   {text-align:left;font-size:13px;position:relative;padding:15px 10px 15px 50px;border-bottom:1px dashed #e4e4e4;display:block;}
.camp_intro .camp1day>ul>li .img    {position:absolute;top:15px;left:10px;width:35.5px;height:35.5px;display:block;}
.camp_intro .camp1day>ul>li .img img    {}
.camp_intro .camp1day>ul>li strong  {font-size:14px;line-height:20px;color:#333;padding:0 0 10px 10px;}
.camp_intro .camp1day>ul>li .info_txt    {margin:0 10px 10px;}

.wrapper_camp_apply .contents {padding:0;}
.camp_list  {display:block;margin:0 0 25px;}
.camp_list ul   {display:block;}
.camp_list ul li   {position:relative;border-bottom:1px solid #ddd;padding:15px 80px 15px 10px;min-height:47.5px;}
.camp_list ul li .txt   {text-align:left;display:block;}
.camp_list ul li .txt b   {display:block;font-size:14px;color:#333;}
.camp_list ul li .txt p {font-size:13px;margin:0 0 5px;}
.camp_list ul li .txt .date {color:#888;}
.camp_list ul li .flag   {position:absolute;top:0;top:50%;right:20px;margin:-23.75px 0 0;width:47.5px;height:47.5px;line-height:47.5px;color:#fff;background:#27aae1;border:1px solid #2493c2;border-radius:50%;}
.camp_list ul li .flag.end  {background:#888;border-color:#777;}
.camp_list ul li.nodata	{padding:0;}

.wrapper_camp_qna .contents {padding:0;}
.wrapper_camp_qna .contents .board_list {border-top:1px solid #878787;}

/*   =======================  about  ===========================  */
.intro_area {text-align:center;}
.intro_area h2 {font-size:19px;line-height:24px;padding:20px 20px 0;text-align:left;}
.intro_area p {padding:20px;color:#656565;font-size:13px;text-align:left;}
.intro_area .bg {background:#ddd;color:#777;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.intro_area .pd_yes  {box-sizing:border-box;padding:0 20px;}

.kih_tab	{position:relative;display:block;text-align:center;border:1px solid #ccc;padding:0 10px 0 0;margin:15px 10px 0;}
.kih_tab .select_txt	{padding:9px 0;display:block;background:#fff url(/images/mark_bullet/select_arrow.png) no-repeat 100% 50%;background-size:8.5px;}
.kih_tab .select_txt span{padding:0 20px 0 0;font-size:13px;font-weight:600;display:inline-block;}
.kih_tab select	{width:100%;padding:9px 0;border:0 none;position:absolute;top:8px;left:0;z-index:-1;background:none;color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.kih_tab select:focus   {z-index:1;outline:0;}

.store_list {margin:0 0 20px;}
.store_list>p {text-align:left;padding:0 10px 10px;}
.store_list ul  {border-top:1px solid #878787;}
.store_list ul li   {position:relative;border-bottom:1px solid #ddd;}
.store_list ul li a   {padding:12.5px 10px;font-size:13px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}
.store_list ul li .txt   {text-align:left;display:block;margin:0 30px 0 0;}
.store_list ul li .txt .area {color:#333;font-weight:600;}
.store_list ul li .txt .nm {color:#1b90cf;font-weight:600;padding:0 0 0 6px;margin:0 0 0 6px;background:url(/images/board/line.png) no-repeat 0 50%;background-size:1px;}
.store_list ul li .txt p    {}
.store_list ul li .txt .tel_num {}
.store_list ul li .distance   {-webkit-flex:none;flex:none;width:60px;}

.store_view {margin:0 0 20px;}
.store_view dl  {}
.store_view dl dt   {position:relative;border-bottom:1px solid #ddd;padding:12.5px 10px;font-size:13px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}
.store_view dl dt .txt   {text-align:left;display:block;margin:0 30px 0 0;}
.store_view dl dt .txt .area {color:#333;font-weight:600;}
.store_view dl dt .txt .nm {color:#1b90cf;font-weight:600;padding:0 0 0 6px;margin:0 0 0 6px;background:url(/images/board/line.png) no-repeat 0 50%;background-size:1px;}
.store_view dl dt .distance   {-webkit-flex:none;flex:none;width:60px;}
.store_view dl dd   {display:block;border-bottom:1px solid #ddd;}
.store_view dl dd>div   {width:100%;min-height:300px;overflow:hidden;}

.magazine_tab	{position:relative;display:block;text-align:center;border:1px solid #ccc;padding:0 10px 0 0;margin:15px 0 20px;}
.magazine_tab .select_txt	{padding:9px 0;display:block;background:#fff url(/images/mark_bullet/select_arrow.png) no-repeat 100% 50%;background-size:8.5px;}
.magazine_tab .select_txt span{padding:0 20px 0 0;font-size:13px;font-weight:600;display:inline-block;}
.magazine_tab select	{width:100%;padding:9px 0;border:0 none;position:absolute;top:8px;left:0;z-index:-1;background:none;color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.magazine_tab select:focus   {z-index:1;outline:0;}

.magazine_list {margin:0 0 20px;border-top:2px solid #878787;padding:15px 0 0;}
.magazine_list ul   {display:block;}
.magazine_list ul:after  {content:"";display:block;clear:both;}
.magazine_list ul li   {float:left;width:50%;}
.magazine_list ul li a {display:block;padding:0 0 15px;}
.magazine_list ul li:nth-child(odd) a   {padding-right:5px;}
.magazine_list ul li:nth-child(even) a   {padding-left:5px;}
.magazine_list ul li .img   {display:block;margin:0 0 5px;}
.magazine_list ul li .img img   {}
.magazine_list ul li .date   {display:block;color:#333;}

/*   =======================  popup  ===========================  */
.popup_area	{position:fixed;top:0;left:0;bottom:0;right:0;background:#fff;overflow-y:auto;display:none;z-index:999;}
.popup_area.popup_area_bg	{background:rgba(0,0,0,0.5);}
.popup_area .header {text-align:left;padding:20px;}
.popup_area .header h1	{font-size:18px;color:#333;}
.popup_area .close_btn	{position:absolute;top:14px;right:10px;width:30px;height:30px;border:1px solid #ccc;background:url(/images/pop/closeBtn.png) no-repeat 50% 50%;background-size:18px;display:block;}
.popup_area .close_btn span{position:absolute;top:-99999px;overflow:hidden;}
.popup_area .popup_contents {position:absolute;top:60px;left:0;right:0;bottom:0;padding:0 20px 20px;overflow:auto;-webkit-overflow-scrolling:touch;}

/*  ok 메시지  */
.pop_msg	{}
.pop_msg .popup_contents	{top:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-flow:column wrap;flex-direction:column;}
.pop_msg .msg_icon	{display:block;margin:0 0 20px;}
.pop_msg .msg_icon img	{width:88px;}
.pop_msg .msg_txt	{display:block;text-align:center;}
.pop_msg .msg_txt b	{display:block;margin:0 0 10px;font-size:19px;color:#333;}
.pop_msg .btn_area    {padding:20px 0 0;}

/*  우편번호찾기  */
.pop_post	{}
.pop_post .board_pop	{padding:0 20px;}
.pop_post_tab	{position:relative;margin:0 0 20px;height:41px;border-bottom:1px solid #195886;display:block;}
.pop_post_tab ul	{display:block;}
.pop_post_tab ul li	{position:absolute;bottom:0;left:50%;width:50%;background:#e0e0e0;}
.pop_post_tab ul li a	{display:block;text-align:center;margin:1px 1px 0 1px;padding:0 1px 0;background:#f5f5f5;text-decoration:none;color:#777;font-size:13px;height:40px;line-height:40px;}
.pop_post_tab ul li:first-child {left:0;}
.pop_post_tab ul li.on	{background:#195886;bottom:-1px;}
.pop_post_tab ul li.on a	{color:#195886;background:#fff;margin:1px 1px 0 1px;padding-bottom:1px;}
.pop_post .srch_add	{text-align:center;display:block;border-bottom:1px solid #000;border-top:1px solid #000;padding:15px 0 0;}
.pop_post .srch_add label	{display:block;margin:0 0 5px;font-weight:bold;color:#555;font-size:13px;}
.pop_post .srch_add .frm_srch_add   {position:relative;display:block;padding:0 50px 0 0;margin:0 0 10px;overflow:hidden;}
.pop_post .srch_add .frm_srch_add label {display:none}
.pop_post .srch_add .frm_srch_add select   {float:left;width:45%;margin:0 1% 0 0;}
.pop_post .srch_add .frm_srch_add input	{float:left;width:54%;}
.pop_post .srch_add .frm_srch_add button  {position:absolute;bottom:0;right:0;padding:0 10px;line-height:28px;height:28px;border-radius:0;}
.pop_post .srch_add .info_txt   {text-align:center;}
.pop_post .popup_contents {top:200px;bottom:70px;margin:0 20px;padding:0;border-bottom:1px solid #ddd;}
.pop_post .post_list	{display:block;}
.pop_post .post_list ul	{text-align:left;display:block;}
.pop_post .post_list ul li	{display:block;font-size:13px;letter-spacing:0.01em;border-bottom:1px solid #e4e4e4;}
.pop_post .post_list ul li a    {display:block;padding:10px 0;line-height:16px;}
.pop_post .post_list ul li a strong	{display:block;color:#222;margin:0 0 5px;}
.pop_post .post_list ul li div  {position:relative;padding:0 0 0 55px;display:block;}
.pop_post .post_list ul li div span{position:absolute;top:0;left:0;color:#27aae1;}
.pop_post .post_list ul li.nodata	{min-height:250px;line-height:250px;border:0 none;}
.pop_post .post_btn {position:fixed;bottom:15px;left:0;right:0;display:block;text-align:center;}
.pop_post .post_btn a {width:30px;height:30px;display:inline-block;margin:0 2px;border:1px solid #e4e4e4;}
.pop_post .post_btn a span{position:absolute;top:-9999px;overflow:hidden; }
.pop_post .post_btn a.prev_btn{margin-right:5px;background:#fff url(/images/btn/paging_prev.png) no-repeat 50% 50%;background-size:6px;}
.pop_post .post_btn a.next_btn{margin-left:5px;background:#fff url(/images/btn/paging_next.png) no-repeat 50% 50%;background-size:6px;}

/*  아이디확인  */
.pop_IDcheck	{}
.pop_IDcheck p	{text-align:left;margin:0 0 20px;}
.pop_IDcheck .frm_id	{margin:0 0 20px;text-align:center;display:block;}
.pop_IDcheck .id_anw	{padding:50px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;display:block;}
.pop_IDcheck .nodata	{text-align:center;min-height:auto !important;line-height:20px !important;}
.pop_IDcheck .nodata strong	{font-size:15px;color:#222;display:block;}
.pop_IDcheck .data	{text-align:center;display:block;}
.pop_IDcheck .data strong	{font-size:15px;color:#222;display:block;}
.pop_IDcheck .data button	{margin:20px 0 0;}

/*  pop_srch  */
.pop_srch	{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-flow:column wrap;flex-direction:column;}
.pop_srch .close_btn  {position:initial;top:initial;right:initial;margin:0 0 15px;background-color:#fff;-webkit-align-self:flex-end;align-self:flex-end;}
.pop_srch .popup_contents	{top:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-flow:column wrap;flex-direction:column;}
.pop_srch form   {width:100%;}
.pop_srch .word_input {position:relative;background:#fff;margin:0 0 5px;padding:0 55px 0 10px;border-radius:8px;box-sizing:border-box;}
.pop_srch .word_input input    {width:100%;height:40px;line-height:40px;text-align:left;font-size:13px;border:0 none;background:transparent;color:#333;font-weight:600;}
.pop_srch .word_input ::-webkit-input-placeholder{color:#555 !important}
.pop_srch .word_input .btn_srch    {position:absolute;top:0;right:0;width:40px;height:40px;text-indent:-9999px;border:0 none;background:url(/images/btn/board_srch.png) no-repeat 50% 50%;background-size:18.5px;}
.pop_srch .word_list {position:relative;border-top:3px solid #25618c;background:#fff;width:100%;}
.pop_srch .word_list h2   {text-align:left;padding:13px 5px 12px;font-size:14px;color:#3c3c3c;}
.pop_srch .word_list ul {display:block;}
.pop_srch .word_list ul li {position:relative;display:block;padding:0 0 0 10px;border-top:1px solid #25618c;box-sizing:border-box;text-align:left;}
.pop_srch .word_list ul li a    {display:block;line-height:36px;padding:0 0 0 20px;}
.pop_srch .word_list ul li .num {display:none;position:absolute;top:10px;left:5px;width:18px;height:18px;font-size:11px;line-height:16px;font-weight:600;text-align:center;box-sizing:border-box;border:2px solid #ea7878;}
.pop_srch .word_list ul li:first-child .num   {display:block;border-color:#ea7878;color:#ea7878;}
.pop_srch .word_list ul li:nth-child(2) .num   {display:block;border-color:#999;color:#888;}
.pop_srch .word_list ul li:nth-child(3) .num   {display:block;border-color:#ccc;color:#aaa;}
.pop_srch .word_list ul li:nth-child(4) .num   {display:block;border-color:#ccc;color:#aaa;}
.pop_srch .word_list ul li:nth-child(5) .num   {display:block;border-color:#ccc;color:#aaa;}

/* mypage/orderView */
.pop_cancel .cancel_con{padding:20px}

/*  pop_login  */
.pop_login	{padding:60px 0 0;}
.pop_login .popup_contents  {top:140px;}
.pop_login .login_tab   {border-top:1px solid #ddd;}

/* 비밀번호 확인 */
.pw_check {text-align: center;}
.pw_check fieldset {display:block;border:1px solid #ddd;padding:40px 0;margin:0 0 30px;}
.pw_check fieldset .inner{display:table;margin:0 auto}
.pw_check fieldset label {display:block;margin-bottom:10px;font-size:13px;}
.pw_check fieldset label span{float:left;display:block;width:90px;line-height:30px;text-align:left}
.pw_check fieldset input {width:calc(100% - 90px);-webkit-width:calc(100% - 90px);-moz-width:calc(100% - 90px);margin:0;line-height: 30px;height: 30px;    padding: 0 10px;box-sizing: border-box;}
.pw_check .btn_txt.btn_sky {width: 130px;}
.pw_check .id_check{height:30px;margin-bottom:10px;overflow:hidden}
.pw_check .id_check dt{float:left;width:90px;line-height:30px;text-align:left}
.pw_check .id_check dd{float:left;line-height:30px}


/*   =======================  footer  ===========================  */
footer {background:#f7f7f7;border-top:1px solid #d9d9d9;padding:0 0 90px;display:block;}
footer menu {display:block;}
footer menu li {display:inline-block;padding:20px 7px;height:13px;line-height:13px;background:url(/images/default/f_sns_line.png) no-repeat 0 50%;background-size:1px;}
footer menu li:first-child  {background:none;}
footer menu li a {}
footer address{display:block;color:#999;}
footer address strong    {}
footer .txt_con	{padding:15px 0 12px;text-align:center;display:block;}
footer .txt_con a.cs  {display:inline-block;margin:0 0 12px;color:#999;font-weight:600;font-size:14px;}
footer .txt_con ul   {display:block;}
footer .txt_con ul li {display:inline-block;margin:0 8px;}
footer .txt_con ul li a	{display:inline-block;}
footer .txt_con a img	{width:26.5px;}
footer .copyright{font-size:11px;line-height:15px;color:#999;letter-spacing:0}

.follow_menu{display:none;position:fixed;bottom:0;left:0;width:100%;background:#ececec;z-index:999;}
.follow_menu ul {overflow:hidden;display:block;}
.follow_menu ul li {float:left;width:20%;box-sizing:border-box;}
.follow_menu ul li a{display:block;padding:8px 0;}
.follow_menu ul li a i{display:block;height:22px;}
.follow_menu ul li a i img{height:100%;width:auto;}
.follow_menu ul li a span   {display:block;padding:7px 0 0;font-size:11px;color:#777;}

@media all and (max-width:320px) {
footer menu li{padding:20px 5px;}
}

a.go_top_btn    {position:fixed;bottom:70px;right:10px;width:38px;height:38px;line-height:38px;background:rgba(255,255,255,0.9);border:1px solid #d1d1d1;z-index:9;}
a.go_top_btn img    {width:18px;}

.pro_list ul li .color_icon{position:absolute;top:20px;left:95px;width: 50px;height: 50px;line-height:53px;color:#fff;font-size:12px;letter-spacing:-0.05em;text-align:center;font-weight:900;background:#ed3e3e;border-radius:50%;display:block;z-index:9;}
.pro_list ul li .red_icon{background:rgba(235,41,41,0.9);}
.pro_list ul li .blue_icon{background:rgba(25,88,134,0.9);}
.pro_list ul li .green_icon{background:rgba(34,152,56,0.9);}
.pro_list ul li .yellow_icon{background:rgba(244,155,0,0.9);}
.pro_list ul li .purple_icon{background:rgba(170,28,74,0.9);}
.pro_list ul li .lyellow_icon{background:rgba(255,242,0,0.9);color: #000 !important;}
.pro_list ul li .img .color_icon{top:5px;right:5px;}

/*20180402 제품아이콘 추가 ej*/
.pro_view_img .color_icon{position:absolute;top:25px;right:25px;width: 50px;height: 50px;line-height:53px;color:#fff;font-size:12px;letter-spacing:-0.05em;text-align:center;font-weight:900;background:#ed3e3e;border-radius:50%;display:block;z-index:9;}
.pro_view_img .red_icon{background:rgba(235,41,41,0.9);}
.pro_view_img .blue_icon{background:rgba(25,88,134,0.9);}
.pro_view_img .green_icon{background:rgba(34,152,56,0.9);}
.pro_view_img .yellow_icon{background:rgba(244,155,0,0.9);}
.pro_view_img .lyellow_icon{background:rgba(255,242,0,0.9);color: #000 !important;}
.pro_view_img .purple_icon{background:rgba(170,28,74,0.9);}
.pro_view_img .img .color_icon{top:5px;right:5px;}

/*190218 SNS 회원가입 체크*/
.join_check.join_type {float:none;width:100%;padding:0;border:none;border-radius:0;}
.join_check.join_type button.normal{color:#fff;width: 90%;margin:15px 0;background:#3b3b3b;border-radius:0;border:1px solid #292929}
.check_area{margin:15px 0 0;}
.check_area h1{position:relative;margin:0 0 20px;font-weight:400;font-size:14px;color:#333;}
.check_area h1 span{display:inline-block;position:relative;padding:0 10px;background:#fff;z-index:5;}
.check_area h1:before{position:absolute;left:0;top:50%;width:100%;height:1px;margin:-0.5px 0 0;background:#888;content:'';z-index:1;}
.check_area .sns{}
.check_area .sns:after{clear:both;display:block;content:'';}
.check_area .sns li{width: 100%;padding:0;margin-bottom:10px;vertical-align:middle;box-sizing:border-box}
.check_area .sns li:last-child{margin:0;}
.check_area .sns li.sns_fb{background:#334e87;border:1px solid #243e74}
.check_area .sns li.sns_naver{background:#1bb400;border:1px solid #169101}
.check_area .sns li.sns_kakao{background:#ffeb00;border:1px solid #d6c500}
.check_area .sns li a{display:block;height:35px;line-height:35px;color:#fff;text-align:center;}
.check_area .sns li.sns_kakao a{color:#381e1f;}
/* .check_area .sns li.normal{background:#000;border:1px solid #000} */
.check_area .sns li .icon{display:inline-table;overflow:hidden;width:20px;height:17px;margin:0 5px 0 0;background:url(/images/member/icon_join_sns.png) no-repeat;background-size:100%;vertical-align:middle;}
.check_area .sns li .icon.icon2{background-position:0 -17px;}
.check_area .sns li .icon.icon3{background-position:0 -34px;}
.check_area .sns li i{display:inline-table;vertical-align:middle;}

/*SNS 로그인*/
.login_con .sns{margin-bottom:10px}
.login_con .sns:after{clear:both;display:block;content:'';}
.login_con .sns li{float:left;width: 32.6%;margin:0 1% 0 0;padding:0;vertical-align:middle;box-sizing: border-box;border-radius:3px;}
.login_con .sns li:last-child{margin-right:0;}
.login_con .sns li.sns_fb{background:#334e87;border:1px solid #243e74}
.login_con .sns li.sns_naver{background:#1bb400;border:1px solid #169101}
.login_con .sns li.sns_kakao{background:#ffeb00;border:1px solid #d6c500}
.login_con .sns li a{display:block;height:35px;line-height:35px;color:#fff;text-align:center;}
.login_con .sns li.sns_kakao a{color:#381e1f;}
.login_con .sns li i{display:inline-table;vertical-align:middle;font-style: normal;}

/* account_agree_area */
.account_agree_area{padding:30px 10px}
.account_agree_area h3{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #ddd;font-size:14px;color:#222;font-weight:700}
.account_agree_area>p{font-size:13px;color:#555;padding-top:120px;background:url(/images/member/accountAgree.png) 50% 0 no-repeat;margin-bottom:50px}
.account_agree_area .btn_txt{border:1px solid #787878;margin:0 3px;border-radius:5px;background:#8c8c8c;color:#fff}
.account_agree_area .btn_txt.btn_blue{border:1px solid #2499ca;background:#27aae1}
.account_agree_area table.board_write{margin:30px auto 0}
.account_agree_area.pd_none>p{background:none;padding-top:0}
.pw_reset{margin:0 auto}
.pw_reset label{display:block;margin-bottom:10px}
.pw_reset label span{display:inline-block;width:90px;margin-right:15px;text-align:right}
.pw_reset label input{display:inline-block;width:calc(100% - 105px)}
.pw_reset .btn_area{margin-top:40px}
.pw_reset .btn_area .btn_txt{width:130px;border: 1px solid #2499ca;background: #27aae1;}

/* review_top_info */
.review_top_info    {margin:0 0 30px}
.review_top_info h3    {padding:29px 0 21px;line-height:25px;color:#3a3f49;font-size:15px}
.review_top_info h3 strong    {color:#d72d56;font-size:21px}
.review_top_info>ul    {padding:0 10px 20px;display:block;background:#545863}
.review_top_info>ul>li    {text-align:left;color:#e8e8e8;padding:15px 25px}
.review_top_info ul li .tit    {font-size:15px;line-height:21px;font-weight:700;padding:16px 0 17px 67px;background:url(/images/community/review_top_info_icon02.png) no-repeat 0 40%;background-size:50px}
.review_top_info ul li .tit b    {display:block;color:#ea5a7d;}
.review_top_info ul li.list1{border-bottom:1px dashed #666b75}
.review_top_info ul li.list1 .tit    {background:url(/images/community/review_top_info_icon01.png) no-repeat 0 40%;background-size:50px}
.review_top_info ul li.list1 .tit b    {color:#27aae1;}
.review_top_info ul li.list2{}
.review_top_info ul li p    {font-size:14px;color:#cfd1d4;line-height:20px;}
.review_top_info ul li .info_txt{color:#cfd1d4;margin:0 0 10px -10px;font-size:14px;line-height:20px;}
.review_top_info .btn_area{background:#545863}
.review_top_info .btn_review_write	{width:200px;height:40px;line-height:1.5;color:#fff;font-size:15px;text-indent:22px;border-radius:25px;background:#27aae1 url(/images/btn/btn_review_write_icon.png) no-repeat 22px 50%;background-size:13px}