@charset "utf-8";

.pc_hidden {display: block !important;}
.mb_hidden {display: none !important;}

.nodata{width:100% !important;line-height:150px;text-align:center;}
.nodata div{display:block}

/* btn */
.btn_area {text-align: center;}
.btn_area:after{content:"";display:block;clear:both}
.btn_area.col2 a,
.btn_area.col2 button{float:left;width:49%}
.btn_area.col2 a:last-child,
.btn_area.col2 button:last-child{margin-left:2%}
.btn_txt {display: inline-block;font-size: 12px;text-align: center;padding: 0 10px;height: 30px;line-height: 30px;box-sizing:border-box;border: 0;}
.btn_txt.white {background: #fff;border: 1px solid #000;}
.btn_txt.white_min {font-size: 10px;color: #666;height: 20px;line-height: 20px;width: 65px;background: #fff;border: 1px solid #ccc;padding: 0;box-sizing: border-box;}
.btn_txt.black {background: #000;color: #fff;border: 1px solid #000;}
.btn_txt.btn_more {width: 120px;background: url(/ko/common/images/default/ico_arrow_down.png) no-repeat 75px 10px;text-indent: -15px;}
.btn_txt.pd50 {padding: 0 50px;}
.btn_txt.btn_black{background:#000;color:#fff}
.btn_area .btn_full {width:100%;height:40px;line-height:40px;font-size:14px;box-sizing: border-box}
.btn_edu{display:block;width:100%;line-height:30px;border-radius:5px;font-size:13px;font-weight:700;text-align:center}
.btn_gray{background:#666;color:#fff}
.btn_lgray{background:#ccc;color:#fff}

/* file */
.file-area{display:flex;align-items:center;gap:0 5px}
.file-area .file-area--text{width:calc(100% - 75px)}
.file-area .file-area__wrap{position:relative;width:70px}
.file-area .file-area__wrap .file-area__wrap--input{position:absolute;inset:0;width:0;height:0;visibility:hidden} 
.file-area .file-area__wrap .file-area__wrap--btn{display:block;width:70px;height:35px;color:#fff;font-size:14px;line-height:35px;text-align:center;background:#000}

/* select */
.sel_wrap {/* padding: 0 4%; */margin: 40px 0 20px;box-sizing: border-box;}
.selectric-wrapper {width: 100%;}
.selectric-label {font-size: 15px;color: #666;padding: 0 10px;}
.selectric-items li {font-size: 15px;color: #666;padding: 10px;}

/* table - 공통 */
.ntc_total {font-size: 12px;color: #666;margin:25px 0 5px;}
.ntc_total em {color: #ff0000;}
table.type1 {table-layout:fixed;border-top: 1px solid #000;}
table.type1 thead th,
table.type1 thead td,
table.type1 tbody td{font-size: 13px;}
table.type1 thead th {font-weight: 500;color: #333;letter-spacing: -0.025em;padding: 15px 0;border-bottom: 1px solid #ccc;text-align:center}
table.type1 tbody td {letter-spacing: -0.025em;text-align: center;color: #555;padding: 15px 0;border-bottom: 1px solid #ccc;}
table.type1 tbody td.subj {text-align: left;}
table.type1 tbody td a {color: #333;}
table.type1.top tbody td{text-align:left}

/* popup */
.pop_area{display:none;position:fixed;overflow:auto;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:1001;-webkit-backface-visibility:hidden;}
.pop_area .pop_close{position:absolute;right:0;top:0;width:13px;height:14px;padding:8px 8.5px;background:#292929;z-index:11;}
.modal_table{display:table;position:relative;width:100%;height:100%;background:transparent;z-index:9;}
.modal_table .modal_cell{display:table-cell;vertical-align:middle;}
.modal_table .modal_con{position:relative;display:block;}
.pop_mov .modal_con{padding: 0 10px;}
.pop_mov .pop_close{top:-30px;right:10px;}
.pop_mov .mov_wrap {border:1px solid #000;}
.mov_wrap {position:relative;padding:0 0 56.25%;background:#fff;display:block;box-sizing:border-box;}
.mov_wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.pop_area.fixed{overflow:hidden}
.pop_area .modal_layer{position:relative;top:50%;left:0;margin-top:-27%;padding:0 10px;box-sizing:border-box}
.modal_table.review {top: 50px;}
.modal_table.review .modal_con{padding: 0 20px;}
.modal_table.review .pop_close{position:absolute;right: 20px;top: -35px;width:25px;height:25px;background:none;padding: 0;}
.pop_area .review_wrap {background: #fff;}
.pop_area .review_wrap .pic img {width: 100%;}
.pop_area .review_wrap .sns_review {padding: 20px;}
.pop_area .review_wrap .sns_review .top_profile {font-size: 13px;font-weight: 300;padding-bottom: 15px;border-bottom: 1px solid #e5e5e5;}
.pop_area .review_wrap .sns_review .top_profile em {display: inline-block;width: 36px;margin-right: 10px;vertical-align: middle;}
.pop_area .review_wrap .sns_review .bottom_con {padding: 15px;overflow-y: scroll;}
.pop_area .review_wrap .sns_review .bottom_con .scrl_inner {height: 180px;}

.pop_youtube .modal_con{width:100%;box-sizing:border-box}
.pop_youtube .modal_con .pop_con{padding:15px;background:#fff}
.pop_youtube .modal_con .pop_con .img{width:100%;margin-bottom:15px;*zoom:1}
.pop_youtube .modal_con .pop_con .img:after{content:"";display:block;clear:both}
.pop_youtube .modal_con .pop_con .img .main_img{float:left;width:100%;text-align:center;}
.pop_youtube .modal_con .pop_con .img .main_img .video{display:none}
.pop_youtube .modal_con .pop_con .img .sub_img{float:right;margin-left:10px}
.pop_youtube .modal_con .pop_con .img .sub_img li{width:40px;height:40px;margin-bottom:5px;border:1px solid #eee;box-sizing: border-box}
.pop_youtube .modal_con .pop_con .info{position: relative;padding:15px 0;border-top:1px solid #e5e5e5;text-align:center}
.pop_youtube .modal_con .pop_con .info h2{margin-bottom:10px;font-size:17px;color:#000;font-weight:600}
.pop_youtube .modal_con .pop_con .info .sub_info{font-size:14px;color:#666;text-align:center}
.pop_youtube .modal_con .pop_con .info .btn_area{margin:20px 0}
.pop_youtube .modal_con .pop_con .info .btn_area a{display:inline-block;width:101px;height:25px;margin:0 3px;border:1px solid #191919;font-size:11px;color:#666;line-height:25px}
.pop_youtube .modal_con .pop_con .info .share{margin-bottom:20px;text-align:center}
.pop_youtube .modal_con .pop_con .info .share p{display:inline-block;margin-right:12px;line-height:26px;vertical-align:top;color:#000}
.pop_youtube .modal_con .pop_con .info .share a{display:inline-block;width:26px;height:26px;margin:0 7px;overflow:hidden;background:url(/ko/common/images/product/icon_facebook.png) center center no-repeat;background-size:26px;text-indent:-9999px}
.pop_youtube .modal_con .pop_con .info .share a.twiter{background:url(/ko/common/images/product/icon_twiter.png) center center no-repeat;background-size:26px;}
.pop_youtube .modal_con .pop_con .info .share a.kakao{background:url(/ko/common/images/product/icon_kakao.png) center center no-repeat;background-size:26px;}
.pop_youtube .modal_con .pop_con .info .pd_list{width:100%;overflow:hidden;border-top:1px solid #e5e5e5}
/*
.pop_youtube .modal_con .pop_con .info .pd_list .slickSlider div .top,
.pop_youtube .modal_con .pop_con .info .pd_list .slickSlider div .bottom{display:block;border-bottom:1px solid #e5e5e5;*zoom:1}
.pop_youtube .modal_con .pop_con .info .pd_list .slickSlider div .top:after,
.pop_youtube .modal_con .pop_con .info .pd_list .slickSlider div .bottom:after{content:"";display:block;clear:both}
.pop_youtube .modal_con .pop_con .info .pd_list .slickSlider div .top a,
.pop_youtube .modal_con .pop_con .info .pd_list .slickSlider div .bottom a{float:left;width:25%}
*/
.pop_youtube .modal_con .pop_con .info .pd_list .slickSlider ul{overflow:hidden}
.pop_youtube .modal_con .pop_con .info .pd_list .slickSlider ul li{float:left;width:25%;border-bottom:1px solid #e5e5e5}
.pop_youtube .modal_con .pop_con .info .pd_list .slickSlider .slick-arrow{position:absolute;bottom:-35px;width:25px;height:25px;overflow:hidden;text-indent:-9999px}
.pop_youtube .modal_con .pop_con .info .pd_list .slickSlider .slick-prev{left:30%;background:url(/ko/common/images/product/popup_arrow_prev.png) center center no-repeat;background-size:25px}
.pop_youtube .modal_con .pop_con .info .pd_list .slickSlider .slick-next{left:60%;background:url(/ko/common/images/product/popup_arrow_next.png) center center no-repeat;background-size:25px}
.pop_youtube .modal_con .pop_con .info .pd_list .controller{text-align:center;margin-top: 15px;padding-bottom: 15px}
.pop_youtube .modal_con .pop_con .info .pd_list .controller span{font-size:12px;color:#666}
.pop_youtube .modal_con .pop_con .info .pd_list .controller span.cnt{color:#000;font-weight:800}

/* 전성분 보기 팝업 */
.ingredient_box {display: none;z-index: 120;position: absolute;left: 0;top: 115px;width: 100%;padding: 20px;box-sizing: border-box;border: 1px solid #9c9c9c;background: #fff;}
.ingredient_box h3 {font-weight: 700;}
.ingredient_box h3 span {display: inline-block;width: 15px;height: 15px;margin: 0 5px 10px 0;background: #ccc;color: #fff;font-weight: 700;text-align: center;}
.prd_step_clip .ad_list .ingredient_box2 {display: none;z-index: 120;position: absolute;left: 0;top: 20px;width: 100%;padding: 15px;box-sizing: border-box;border: 1px solid #9c9c9c;background: #fff;}
.prd_step_clip .ad_list .ingredient_box2 h3 {font-size: 14px;font-weight: 500;color: #191919;border-bottom: 1px solid #ccc;padding-bottom: 10px;letter-spacing: -0.025em;line-height: 1;}
.prd_step_clip .ad_list .ingredient_box2 p {font-size: 12px;color: #666;margin: 15px 0 10px;letter-spacing: -0.025em;}
.prd_step_clip .ad_list .ingredient_box2 .btn_close {position: absolute;top: 15px;right: 15px;width: 15px;}

/* page - tab */
.tab_btn {display: block;font-size: 0;text-align: center;margin:20px 0 10px;}
.tab_btn li {font-size: 14px;display: inline-block;padding:3px 0;}
.tab_btn li:after {content: "";display: inline-block;width: 1px;height: 10px;background: #191919;margin: 0 7px;}
.tab_btn li:last-child:after {display: none;}
.tab_btn li a {color: #999;}
.tab_btn li.on a {font-weight: 500;color: #191919;border-bottom: 1px solid #191919;}

.pro_tab_wrap {position: relative;margin:20px 0;/* height: 38px;overflow: hidden; */padding-bottom:38px}
.pro_tab_tit {position: absolute;top: 0;font-size: 15px;width: 100%;height: 38px;line-height: 38px;padding: 0 10px;box-sizing: border-box;background: url(/ko/common/images/default/ico_arrow_down_gry.png) no-repeat 97% 50%;background-size: 10px;border: 1px solid #ccc;overflow: hidden;}
.pro_tab_tit.on {background: url(/ko/common/images/default/ico_arrow_up_gry.png) no-repeat 97% 50%;background-size: 10px;}
.pro_tab_tit a {display: block;color: #666;}
.pro_tab_btn {display: none;position: relative;top: 38px;border-right: 1px solid #ccc;border-left: 1px solid #ccc;}
.pro_tab_btn > li {font-size: 13px;padding: 0 10px;width: 100%;height: 38px;line-height: 38px;border-bottom: 1px solid #ccc;box-sizing: border-box;}
.pro_tab_btn > li a {display: block;}

/* board */
.board_area {clear:both;position:relative;text-align:center;margin:0 0 25px;display:block;*zoom:1;}
.board_area:after{content:"";display:block;clear:both;}
.board_area_l{text-align:left !important;}
.board_area_r{text-align:right !important;}
.board_write{border-collapse:separate;*border-collapse:collapse;width:100%}
.board_write th{padding:10px 10px;color:#333;background:#fff;font-size:13px;font-weight:400;word-break: keep-all;}
.board_write td{padding:0 0 5px;position:relative;text-align:left;font-size:13px}
.board_write tr:last-of-type th{padding:10px 10px 0}
.board_write tr:last-of-type td{padding:0}
.board_write col.th_tit{width:26%;}
.board_write p{font-size:12px;color:#777;}
.board_write td .email div:first-child{margin-bottom:5px}
.board_write td .email div .btn_txt{margin-top:0}
.board_write td .email div .select_area{width:100%}
.board_write td .email .e_id{overflow:hidden}
.board_write td .email .e_id input{float:left;width:calc(50% - 12px)}
.board_write td .email .e_id span{float:left;display:inline-block;width:24px;line-height:35px;text-align:center}
.board_write .email_check+.btn_area{padding-top:5px;text-align:left;}
.board_write .cp{position:relative;padding:0 0 0 32%;}
.board_write .cp.change{padding:0 0 0 32%;}
.board_write .cp.change .btn_change{position:absolute;right:0;top:0;width:60px;height:35px;font-weight:700;color:#fff;font-size:13px;line-height:33px;text-align:center;background:#31472e;border:1px solid #233221;}
.board_write .cp_new{padding:0;}
.board_write .cp_new>button{margin:0 0 10px;}
.board_write .cp_new em{color:#31472e;}
.board_write .cp .select_area{position:absolute;left:0;top:0;width:31%;}
.board_write .cp .input_num{display:block;}
.board_write .cp .input_num:after{content:"";display:block;clear:both}
.board_write .cp .input_num span{float:left;display:inline-block;position:relative;width:50%;padding:0 0 0 10px;box-sizing:border-box;}
.board_write .cp .input_num span em{position:absolute;left:0;top:0;width:10px;text-align:center;line-height:35px;}

/* layout */
#wrapper {width: 100%;padding-top: 80px;}
h3.type1,h3.type2 {font-size: 20px;font-weight: 500;color: #111;margin: 40px 0 20px;text-align: center;}
h3.type1:before,h3.type2:before {content: "";display: block;width: 30px;height: 3px;background: #000;margin: 0 auto 15px auto;}

/* header */
/* gnb */
.m_nav {padding: 0 3%;}
.m_nav .logo {text-align: center;}
.m_nav > a {position: absolute;display: block;}
.m_nav > a.m_gnb_open {top: 31px;left: 3%;}
.m_nav > .m_lang_area+.m_gnb_open {top: 45px}
.m_nav > .m_lang_area{position:absolute;top:9px;left:8px}
.m_nav > .m_lang_area .ico{display:block;padding:3px 5px;box-sizing:border-box}
.m_nav > .m_lang_area .ico img{display:inline-block;vertical-align:middle;width:30px;margin-right:3px}
.m_nav > .m_lang_area ul{position:relative;display:none;background:#fff;border:1px solid #ccc;z-index:10}
.m_nav > a.shop {top: 27px;right: 3%;}
.m_nav > a.shop.new {top:13px;right: 3%;width:60px}

.m_gnb {z-index: 150;position: fixed;top: 0;width: 100%;background: #fff;padding: 25px 0;border-bottom: 1px solid #e5e5e5;}
.m_gnb .menu1 {z-index: 110;position: fixed;top: 0;left: -100%;font-size: 22px;width: 100%;height: 100%;min-height: 560px;background: #fff;padding: 80px 4%;box-sizing: border-box;}
.m_gnb .menu1 ul li {margin-bottom:5%;white-space: nowrap;}
.m_gnb .menu1 ul li a {font-weight: 700;}
.m_gnb .menu1 a {font-weight: 500;color: #000;}
.m_gnb .menu1 .mall{width:125px}
.m_gnb .menu1 .shop.new {display: block;line-height:46px;margin:15px 0;font-size: 16px;font-weight: 300;background: url(/ko/common/images/default/mb_ico_cart.png) no-repeat 0 0;background-size:50px;padding-left: 55px;letter-spacing: -0.025em;}
.m_gnb .menu1 .bottom {position: absolute;bottom: 23px;}
.m_gnb .menu1 .bottom .txt{margin-bottom:10px;font-size:16px}
.m_gnb .menu1 .bottom .sel_wrap {margin:5% 0}
.m_gnb .menu1 .bottom .sel_wrap select {display: block;font-size: 12px;font-weight: 500;color: #555;margin-bottom:5%}
.m_gnb .menu1 .bottom .lang_area{overflow:hidden;}
.m_gnb .menu1 .bottom .lang_area li{float:left;width:30px;margin:0 6px 0 0}
.m_gnb .menu1 .bottom .sns_wrap {font-size: 0;margin-top:5%}
.m_gnb .menu1 .bottom .sns_wrap a {display: inline-block;margin-right: 15px;}
.m_gnb .menu1 .bottom .sns_wrap a:last-child {margin-right: 0;}
.m_gnb .menu1 .menu1_close {position: absolute;top: 28px;right: 4%;display: block;width: 25px;height: 25px;}

.m_gnb .menu2 {z-index: 120;position: fixed;top: 0;left: -100%;font-size: 13px;width: 100%;height: 100%;background: #f4f4f4;overflow-y: auto;padding: 80px 4%;box-sizing: border-box;}
.m_gnb .menu2 a {color: #000;}
.m_gnb .menu2 > ul > li {font-size: 17px;font-weight: 500;margin-bottom: 15px;}
.m_gnb .menu2 li > ul {margin: 15px 0 0 25px;}
.m_gnb .menu2 li > ul > li {font-size: 12px;font-weight: 400;margin-bottom: 5px;display: inline-block;width: 36%;}
.m_gnb .menu2 li > ul > li:last-child {margin-bottom: 0;}
.m_gnb .menu2 li > ul > li a {color: #666;}
.m_gnb .menu2_wrap .menu2_close {display: none;z-index: 130;position: absolute;top: 28px;right: 4%;width: 28px;}

.sns_toggle{position:fixed;top:21px;right:11px;width:47px;text-align:center;z-index:100}
.sns_toggle button{width:40px;height:40px}
.sns_toggle ul{display:none;border:1px solid #ccc;background:#fff;margin-top:10px;padding:5px}
.sns_toggle ul li:not(:first-child){margin-top:5px}
.sns_toggle ul li a{display:block;width:35px;height:35px}

/* top_menu */
.top_menu {display: none;}

/* lnb */
.lnb {box-sizing: border-box;}
.lnb h1.logo {display: none;}
.lnb h2.page_tit {display: none;}
.lnb .m_menu {font-size: 15px;font-weight: 700;color: #111;border-bottom: 1px solid #e5e5e5;text-align: center;}
.lnb .m_menu span {display: inline-block;background: url(/ko/common/images/default/m_ico_arrow_down.png) no-repeat 100% 50%;background-size: 11px;padding-right: 20px;}
.lnb .m_menu.on span {background: url(/ko/common/images/default/m_ico_arrow_up.png) no-repeat 100% 50%;background-size: 11px;}
.lnb .m_menu a {display: block;padding: 13px 0 12px;}
.lnb>ul{display: none;width: 100%;}
.lnb>ul>li {font-size: 15px;font-weight: 700;color: #111;border-bottom: 1px solid #e5e5e5;text-align: center;}
.lnb>ul>li span {display: inline-block;}
.lnb>ul>li>a {display: block;padding: 13px 0 12px;}
.lnb .m_lang_area {display: none;}
.lnb .lang {display: none;}

/* content_wrap */
.content_wrap {padding: 20px 0 0;box-sizing: border-box;}
.content_wrap .content_inner {padding: 0 3%;}
.content_inner .sub_tit {display: none;font-size: 20px;font-weight: 500;line-height: 1;color: #111;text-align: center;margin-bottom: 20px;}
.content_inner .sub_tit:after {content: "";display: block;width: 30px;height: 3px;background: #111;margin: 15px auto 0;}
.content_inner .sub_tit.mb_on {display: block;/* margin-top: 40px; */}
.content_inner .sub_txt {display: block;font-size: 13px;font-weight: 400;color: #666;text-align: center;letter-spacing: -0.05em;margin-bottom: 40px;line-height: 1.3em;}

/* event */
/* 진행중, 완료된 */
.event_list {overflow: hidden;}
.event_list ul {width: 100%;padding-bottom: 45px;}
.event_list ul li {position: relative;font-size: 14px;color: #333;padding: 0 15px;}
.event_list ul li em {color: #999;}
.event_list ul li em:before {content: "";display: inline-block;width: 1px;height: 10px;background: #d1d1d1;margin: 0 10px;}
.event_list ul li.pic {text-align: center;display: table;width: 100%;padding: 0;vertical-align: middle;border: 1px solid #e5e5e5;box-sizing: border-box;}
.event_list ul li.pic.disable {position: relative;height: 0;padding: 0 0 60%;}
.event_list ul li.pic a {position: relative;display: table-cell;vertical-align: middle;width: 100%;height: 0;padding-bottom: 60%;overflow: hidden;}
.event_list ul li.pic img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.event_list ul li.category {margin: 15px 0;color: #000;}
.event_list ul li.category span {display: inline-block;font-size: 12px;font-weight: 300;text-align: center;width: 85px;height: 20px;line-height: 20px;color: #000;background: #f5f5f5;}
.event_list ul li.subj {font-size: 18px;font-weight: 700;color: #111;margin-bottom: 12px;}
.event_list ul li .finish {z-index: 90;position: absolute;top: 0;left: 0;font-size: 14px;width: 100%;height: 100%;cursor: default;}
.event_list ul li .finish .bg {width: 100%;height: 100%;background: #000;opacity: 0.5;}
.event_list ul li .finish span {position: absolute;top: 0;right: 0;display: block;height: 34px;line-height: 34px;padding: 0 20px;background: #000;color: #fff;}

/* 당첨자발표 */
.result_top {display: table;width: 100%;margin-bottom: 20px;padding-right: 15px;box-sizing: border-box;}
.result_top ul {display: table-cell;width: 60%;vertical-align: middle;}
.result_top ul li {display: table-cell;padding: 0 15px;}
.result_top ul li a {display: block;font-size: 14px;color: #666;}
.result_top ul li.on a {border-bottom: 2px solid #000;color: #000;padding-bottom: 3px}
.result_top .srch_wrap {display: table-cell;width: 40%;padding: 5px;}
.result_top .srch_wrap.on {border: 1px solid #ccc;}
.result_top .srch_wrap .ip_srch {visibility: hidden;float: left;width: 85%;height: 20px;line-height: 20px;border: 0;}
.result_top .srch_wrap .ip_srch.on {visibility: visible;}
.result_top .srch_wrap .btn_area {float: left;width: 10%;padding-left: 5%;}
.result_top .srch_wrap .btn_area button {width: 20px;}

/* brand */
/* studio */
.content_wrap.brand {padding: 0;}
.bandi_collection {padding: 40px 0 1em;background: #f4f4f4;text-align: center;}
.bandi_collection h3 {font-size: 26px;font-weight: 500;line-height: 1;letter-spacing: -0.05em;}
.bandi_collection h3 span {display: block;font-size: 12px;font-weight: 400;margin: 10px 0 20px;letter-spacing: 0;}
.bandi_collection .slide_wrap {position: relative;width: 100%;height: auto;margin: 0 auto 30px;}
.bandi_collection .slide_wrap .slick-slide {height: auto;padding: 0 15px;}
.bandi_collection .slide_wrap .slick-slide span {display: block;font-size: 16px;font-weight: 500;text-align: center;color: #000;margin-top: 20px;}
/* .bandi_collection .slick-dots {font-size: 0;text-align: center;margin-top: 30px;}
.bandi_collection .slick-dots li {display: inline-block;margin-right: 6px;}
.bandi_collection .slick-dots li:last-child {margin-right: 0;}
.bandi_collection .slick-dots li button {width: 12px;height: 12px;border-radius: 6px;background: #ccc;border: 0;text-indent: -9999px;overflow: hidden;}
.bandi_collection .slick-dots li.slick-active button {background: #fff;} */
.bandi_collection .slide_wrap button {z-index: 150;position: absolute;top: 50%;width: 21px;height: 38px;text-indent: -9999px;overflow: hidden;}
.bandi_collection .slick-prev {left: 3%;background: url(/ko/common/images/default/btn_arrow_prev.png) no-repeat 0 0;}
.bandi_collection .slick-next {right: 3%;background: url(/ko/common/images/default/btn_arrow_next.png) no-repeat 0 0;}

.board_clip .ad_list {overflow: hidden;width: 100%;}
.board_clip .ad_list ul {float: left;width: 49%;margin: 0 2% 40px 0;}
.board_clip .ad_list ul:nth-child(2n+0) {margin-right: 0;}
.board_clip .ad_list ul li {font-weight: 300;color: #999;}
.board_clip .ad_list ul li.pic a {display: inline-block;width: 100%;height: auto;overflow: hidden;text-align: center;vertical-align: middle;}
.board_clip .ad_list ul li.pic img {width: 100%;}
.board_clip .ad_list ul li.subj {font-size: 16px;font-weight: 500;line-height: 1;color: #191919;margin: 20px 0 10px;overflow: hidden;text-overflow: ellipsis;height: 2em;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.board_clip .ad_list ul li:last-child {font-size: 1em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.board_clip.insta .ad_list {overflow: hidden;width: 100%;}
.board_clip.insta .ad_list ul {float: left;width: 49%;margin: 0 2% 3% 0;}
.board_clip.insta .ad_list ul:nth-child(2n+0) {margin-right: 0;}
.board_clip.insta .ad_list ul li {position: relative;width: 100%;padding-bottom: 100%;float: left;}
.board_clip.insta .ad_list ul li a {display: inline-block;position: absolute;width: 100%;height: 100%;text-align: center;}
.board_clip.insta .ad_list ul li img {position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 100%;height: 100% !important;}
.board_clip.insta .ad_list .txt_con {display: none;}
.board_clip.facebook .sns_facebook .box1 iframe {width: 100%;height: 181px;margin-bottom: 25px;}
.board_clip.facebook .sns_facebook .box2 iframe {width: 100%;height: 700px;}

.art_gallery {padding-top: 40px;overflow: hidden;}
.art_tab_btn_wrap {display: block;white-space: nowrap;height: 127px;overflow-x: scroll;overflow-y: hidden;-webkit-overflow-scrolling: touch;padding-left: 2%;margin-bottom: 10px;}
/* .art_tab_btn_wrap::-webkit-scrollbar {width: 0;} */
.art_tab_btn_wrap .art_tab_btn {float: left;width: 284px;}
.art_tab_btn_wrap .art_tab_btn li {display: inline-block;width: 110px;height: 107px;margin-right: 2%;}
.art_tab_btn_wrap .art_tab_btn li a {display: block;}
.art_tab_btn_wrap .art_tab_btn li a p {width: 110px;height: 70px;margin-bottom: 10px;}
.art_tab_btn_wrap .art_tab_btn li a p img {width: 100%;}
.art_tab_btn_wrap .art_tab_btn li a h3 {font-family: "Futura Lt BT";font-size: 15px;font-weight: 700;}
.art_tab_btn_wrap .art_tab_btn li a h3 span {display: block;font-family: "Futura Lt BT";font-size: 12px;font-weight: 700;color: #666;}
.art_tab_con {display: none;width: 100%;padding: 0 12.5%;text-align: center;box-sizing: border-box;}
.art_tab_con .slick-slide {height: auto;}
.art_tab_con .pic {width: 100%;}
.art_tab_con .txt {width: 100%;margin-bottom: 20px;}
.art_tab_con .txt h4 {margin: 20px 0;}
.art_tab_con .txt ul {margin-bottom: 25px;}
.art_tab_con .txt li {color: #f86621;letter-spacing: -0.05em;}
.art_tab_con .txt li:first-child {font-size: 14px;color: #333;}
.art_tab_con .txt li:nth-of-type(2) {font-size: 50px;font-weight: 700;line-height: 1.1;}
.art_tab_con .txt li:nth-of-type(2) span {display: block;font-size: 40px;font-weight: 500;}
.art_tab_con .txt li:last-child {font-size: 16px;letter-spacing: -0.025em;line-height: 1.4em;margin-top: 30px;}
.art_tab_con .txt .btn_detail {display: inline-block;font-size: 16px;font-weight: 500;color: #333;border-bottom: 1px solid #333;padding-bottom: 5px;}
.art_tab_con .slick-dots {font-size: 0;text-align: center;}
.art_tab_con .slick-dots li {display: inline-block;margin-right: 6px;}
.art_tab_con .slick-dots li:last-child {margin-right: 0;}
.art_tab_con .slick-dots li button {width: 12px;height: 12px;border-radius: 6px;background: #ccc;text-indent: -9999px;overflow: hidden;border: 0;}
.art_tab_con .slick-dots li.slick-active button {background: #000;}

/* brand_dna */
.brand_dna_top .tit {font-family: "BebasNeue";font-size: 43px;font-weight: 700;text-align: center;line-height: 0.9em;}
.brand_dna_top .tit span {font-family: "BebasNeue";font-size: 18px;display: block;margin-bottom: 10px;line-height: 1;}
.brand_dna_top .tit em {font-family: "BebasNeue";display: block;}
.brand_dna_top .txt_box {font-weight: 300;background: url(/ko/common/images/brand/ico_tit.png) no-repeat center 0;background-size: 27px;margin: 40px 0 20px;padding: 38px 3% 40px;border-bottom: 1px solid #ccc;word-break: keep-all;text-align:center}
.brand_dna_top .txt_box p {font-size: 14px;font-weight: 300;text-align: center;}
.brand_dna_top .sub_line {position: relative;}
.brand_dna_top .sub_line:before {content: "";display: block;clear: both;z-index: 100;position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background: #ccc;}
.brand_dna_top .sub_line p {font-family: "BebasNeue";font-size: 18px;font-weight: 700;z-index: 120;position: relative;left: 50%;width: 120px;background: #fff;padding: 0 3%;margin-left: -80px;}
.brand_dna_top .sub_line+.txt_box .tit {margin-bottom: 40px;}
.brand_con {margin-top: 20px;}
.brand_con .txt_box {margin-top: 20px;}
.brand_con .txt_box ul {margin-bottom: 20px;}
.brand_con .txt_box li {font-size: 12px;font-weight: 300;margin-bottom: 20px;}
.brand_con .txt_box li.con_sub_tit {font-family: "BebasNeue";font-size: 26px;font-weight: 700;line-height:1.1}
.brand_con.type1 .aniShow{overflow:hidden}

/* history */
.content_inner.ani_con1 .aniWrap{width:100%;text-align:center}
.history_top > div {text-align: center;}
.history_top p {font-size: 20px;font-weight: 300;color: #111;letter-spacing: -0.05em;text-align: center;margin: 40px 0;}
.history_top p span {font-weight: 700;}
.history_slide_wrap {border: 1px solid #ccc;padding: 15px 0;}
.history_slide_wrap > button {position: absolute;top: 50%;width: 25px;height: 25px;text-indent: -9999px;overflow: hidden;}
.history_slide_wrap .slick-prev {left: -3.5%;background: url(/ko/common/images/brand/btn_arrow_prev.jpg) no-repeat 0 0;background-size: 100%;}
.history_slide_wrap .slick-next {right: -3.5%;background: url(/ko/common/images/brand/btn_arrow_next.jpg) no-repeat 0 0;background-size: 100%;}
.history_slide_wrap .slick-dots {font-size: 0;position: absolute;bottom: -35px;width: 100%;text-align: center;}
.history_slide_wrap .slick-dots li {display: inline-block;margin: 0 3px;}
.history_slide_wrap .slick-dots li button {width: 12px;height: 12px;border-radius: 6px;background: #ccc;text-indent: -9999px;overflow: hidden;}
.history_slide_wrap .slick-dots li.slick-active button {background: #000;}
.history_slide_wrap .slick-slide {height: auto;}
.history_slide_wrap .pic {padding: 0 3%;text-align: center;}
.history_slide_wrap .pic img {display: inline-block;}
.history_slide_wrap dl {text-align: center;padding: 0 10%;box-sizing: border-box;}
.history_slide_wrap dt {font-size: 25px;font-weight: 800;color: #111;font-style: italic;margin: 15px 0;letter-spacing: -0.05em;}
.history_slide_wrap dd {font-size: 13px;color: #555;letter-spacing: -0.05em;margin-bottom: 10px;line-height: 1.3em;}
.history_slide_wrap dd span {display: inline-block;font-size: 11px;color: #999;margin-left: 12px;}

/* dear_artist */
.dear_top {position: relative;margin-top: 40px;width: 100%;height: 0;padding-top : calc(94.44%);background: url(/ko/common/images/brand/m_dear_top.jpg) no-repeat center center;background-size: cover;}
.dear_top p {position: absolute;top: 55px;font-size: 14px;font-weight: 300;letter-spacing: -0.025em;color: #333;line-height: 1.6em;padding: 0 6%;word-break: keep-all;text-align: center;}
.dear_top p em {font-weight: 500;border-bottom: 1px solid #333;}
.educator_notice {background: #f8f8f8;padding: 40px 13% 60px;text-align: center;}
.educator_notice h3 {font-size: 14px;font-weight: 300;letter-spacing: -0.05em;line-height: 1.3em;margin-bottom: 10px;text-align:center}
.educator_notice h3 span {font-size: 17px;}
.educator_notice h3 span em {font-weight: 700;}
.educator_notice .ntc_box {padding: 30px 0;border-bottom: 1px solid #ccc;text-align: center;}
.educator_notice .ntc_box:last-child {padding-bottom: 0;border-bottom: 0;}
.educator_notice p.pic {width: 130px;margin: 0 auto 20px;}
.educator_notice li {font-size: 12px;color: #555;line-height: 1.4em;}
.educator_notice li span {font-weight: 700;color: #000;}
.educator_notice li.tit {font-size: 14px;font-weight: 700;color: #000;margin-bottom: 15px;}
.educator_notice li .step_ntc {margin-top: 15px;}
.educator_notice li .step_ntc dl {font-size: 12px;letter-spacing: -0.05em;}
.educator_notice li .step_ntc dt {color: #fff;width: 60px;background: url(/ko/common/images/brand/m_ico_educator_intro.png) no-repeat 0 0;background-size: 100%;padding: 3px 0 3px 7px;}
.educator_notice li .step_ntc dd {color: #555;margin: 6px 0 12px 7px;}
.educator_intro .intro_top .member_tit {padding: 47px 0;background: url(/ko/common/images/brand/m_member_tit_bg.jpg) no-repeat center center;background-size: 100%;}
.educator_intro .intro_top .member_tit p {font-size: 14px;font-weight: 300;letter-spacing: 0.03em;color: #fff;text-align: center;width: 100%;padding: 0 22%;box-sizing: border-box;}
.educator_intro .intro_top .member_tit p span {display: block;font-size: 17px;font-weight: 700;letter-spacing: 0.01em;margin-top: 7px;}
.educator_intro .intro_top .member_select {margin: 20px 0 30px;text-align: right;}
.educator_intro .intro_top .member_select select {height: 30px;line-height: 30px;margin-right: 15px;padding-left: 10px;border-bottom: 1px solid #000;}
.educator_intro .intro_top .member_select button {font-weight: 500;padding: 0 20px;vertical-align: top;}
.educator_intro .member_wrap {overflow: hidden;}
.educator_intro .member_wrap .aniWrap{float:left;width:50%;margin-top: 30px}
.educator_intro .member_wrap .aniWrap.top_mb_zero{margin-top:0}
/*.educator_intro .member_wrap ul {float: left;width: 50%;margin-top: 30px;}
.educator_intro .member_wrap ul:first-child,.educator_intro .member_wrap ul:nth-of-type(2) {margin-top: 0;}*/
.educator_intro .member_wrap li {font-size: 13px;color: #333;text-align: center;}
.educator_intro .member_wrap li.pic {width: 130px;margin: 0 auto 10px;}
.educator_intro .member_wrap li.kor_nm {font-size:15px;color: #333;text-align: center;line-height:20px;font-weight:700;}
.educator_intro .member_wrap li.eng_nm {font-size:12px;color: #999;text-align: center;margin-bottom:5px;}

/* product */
.content_wrap.product {padding-top: 0;}
.prd_visual {margin: 0 auto;}
.filter_wrap {margin-bottom: 40px;}
.filter_wrap .filter_top {font-size: 0;width: 100%;height: 40px;background: #191919;text-align: center;/* padding: 0 3%; */box-sizing: border-box;}
.filter_wrap .filter_top > h3 {font-family: "Futura Lt BT";font-size: 14px;font-weight: 700;color: #fff;float: left;width: 33.33%;line-height: 40px;}
.filter_wrap .filter_top .select_wrap {position: relative;text-align: center;float: left;width: 33.33%;height: 40px;}
.filter_wrap .filter_top .select_wrap > button {font-family: "Futura Lt BT";font-size: 13px;font-weight: 300;color: #fff;width: 100%;height: 40px;padding: 0 25px;box-sizing: border-box;background: url(/ko/common/images/default/ico_arrow_down_wh.png) no-repeat 85% 50%;background-size: 9px;}
.filter_wrap .filter_top .select_wrap .sel_btn_area {display: none;z-index: 120;position: absolute;top: 40px;right: 0;width: 185px;background: #fff;box-shadow: 2px 2px 5px #efefef;}
.filter_wrap .filter_top .select_wrap .sel_btn_area button {display: block;font-size: 11px;padding: 0 15px;width: 100%;height: 30px;text-align: left;}
.filter_wrap .filter_top .select_wrap .sel_btn_area button:first-child {margin-top: 10px;}
.filter_wrap .filter_top .select_wrap .sel_btn_area button:last-child {margin-bottom: 10px;}
.filter_wrap .filter_top .select_wrap .sel_btn_area button span {display: inline-block;width: 20px;height: 12px;margin-right: 5px;}
.filter_wrap .filter_top .select_wrap .sel_btn_area button .t10201 {background: #f75998;} /* pink */
.filter_wrap .filter_top .select_wrap .sel_btn_area button .t10202 {background: #d7caad;} /* beige */
.filter_wrap .filter_top .select_wrap .sel_btn_area button .t10203 {background: #9b55bc;} /* violet */
.filter_wrap .filter_top .select_wrap .sel_btn_area button .t10204 {background: #5f9af1;} /* blue */
.filter_wrap .filter_top .select_wrap .sel_btn_area button .t10205 {background: #cd4039;} /* red */
.filter_wrap .filter_top .select_wrap .sel_btn_area button .t10206 {background: #ff9829;} /* orange&yellow */
.filter_wrap .filter_top .select_wrap .sel_btn_area button .t10207 {background: #44911b;} /* green */
.filter_wrap .filter_top .select_wrap .sel_btn_area button .t10208 {background: #d7caad;} /* white&silver */
.filter_wrap .filter_top .select_wrap .sel_btn_area button .t10209 {background: #4e4e4e;} /* black&gold */

.filter_wrap .filter_top .select_wrap .sel_btn_area button .t20401 {background: #f75998;} /* pink */
.filter_wrap .filter_top .select_wrap .sel_btn_area button .t20402 {background: #d7caad;} /* beige */
.filter_wrap .filter_top .select_wrap .sel_btn_area button .t20403 {background: #9b55bc;} /* violet */
.filter_wrap .filter_top .select_wrap .sel_btn_area button .t20404 {background: #5f9af1;} /* blue */
.filter_wrap .filter_top .select_wrap .sel_btn_area button .t20405 {background: #cd4039;} /* red */
.filter_wrap .filter_top .select_wrap .sel_btn_area button .t20406 {background: #ff9829;} /* orange&yellow */
.filter_wrap .filter_top .select_wrap .sel_btn_area button .t20407 {background: #44911b;} /* green */
.filter_wrap .filter_top .select_wrap .sel_btn_area button .t20408 {background: #d7caad;} /* white&silver */
.filter_wrap .filter_top .select_wrap .sel_btn_area button .t20409 {background: #4e4e4e;} /* black&gold */

.filter_wrap .filter_bottom {font-size: 12px;padding: 0 3%;margin-top: 10px;}
.filter_wrap .filter_bottom p {font-family: "Futura Lt BT";font-weight: 300;color: #666;line-height: 25px;}
.filter_wrap .filter_bottom .btn_del {position: relative;display: inline-block;height: 25px;padding: 0 40px 0 10px;box-sizing: border-box;border: 1px solid #ccc;border-radius: 12px;margin-right: 15px;cursor: pointer;margin-bottom: 10px;}
.filter_wrap .filter_bottom p {font-family: "Futura Lt BT";font-weight: 300;color: #666;line-height: 25px;}
.filter_wrap .filter_bottom .btn_del button {position: absolute;top: 4px;right: 8px;display: inline-block;width: 16px;height: 16px;border-radius: 8px;background: url(/ko/common/images/default/ico_filter.png) no-repeat center center #f4f4f4;background-size: 9px;text-indent: -9999px;overflow: hidden;}
.filter_wrap .filter_bottom .btn_all_del {position: relative;display: inline-block;height: 25px;background: #f6f6f6;padding: 0 40px 0 10px;box-sizing: border-box;border: 1px solid #ccc;border-radius: 12px;margin-right: 15px;cursor: pointer;margin-bottom: 10px;}
.filter_wrap .filter_bottom .btn_all_del button {position: absolute;top: 4px;right: 8px;display: inline-block;width: 16px;height: 16px;border-radius: 8px;background: url(/ko/common/images/default/ico_filter.png) no-repeat center center #f4f4f4;background-size: 9px;text-indent: -9999px;overflow: hidden;}

.prd_clip {}
.prd_clip .ad_list {overflow: hidden;width: 100%;margin-bottom: 50px;}
.prd_clip .ad_list ul {float: left;width: 49%;margin: 0 2% 3% 0;}
.prd_clip .ad_list ul:nth-child(2n+0) {margin-right: 0;}
.prd_clip .ad_list ul li {font-weight: 300;color: #999;text-align: center;}
.prd_clip .ad_list ul li.pic a {display: inline-block;width: 100%;height: auto;overflow: hidden;text-align: center;vertical-align: middle;}
.prd_clip .ad_list ul li.pic img {width: 100%;}
.prd_clip .ad_list ul li.subj {font-size: 16px;font-weight: 500;line-height: 1;color: #191919;margin: 20px 0 10px;overflow: hidden;text-overflow: ellipsis;height: 2em;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.prd_clip .ad_list ul li:last-child {font-size: 1em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.prd_step_clip {padding-top: 38px;}
.prd_step_clip:after{content:"";display:block;clear:both}
.prd_step_clip .ad_list {margin: 40px 0 30px;}
.prd_step_clip .ad_list ul {position: relative;display: table;width: 100%;padding: 20px 0;border-bottom: 1px solid #eee;}
.prd_step_clip .ad_list ul:first-child {padding-top: 0;}
.prd_step_clip .ad_list ul li {display: table-cell;width: 50%;vertical-align: top;}
.prd_step_clip .ad_list ul li.pic img {width: 100%;}
.prd_step_clip .ad_list ul li.txt {padding-left: 10px;box-sizing: border-box;}
.prd_step_clip .ad_list ul li.txt .btn_area {text-align: left;margin-top: 10px;}
.prd_step_clip .ad_list ul li.txt .btn_area a:first-child {margin-right: 6px;}
.prd_step_clip .ad_list ul li h3 {font-size: 16px;font-weight: 700;color: #191919;line-height: 1;}
.prd_step_clip .ad_list ul li h3 span {display: block;font-size: 13px;font-weight: 400;color: #666;margin-bottom: 7px;}
.prd_step_clip .ad_list ul li p {font-size: 12px;color: #999;margin: 10px 0;line-height: 1.4em;}
.prd_step_clip .ad_list ul li > span {font-size: 11px;color: #666;}

.prd_con .trend_top {text-align: center;margin: 40px 0;padding: 0 3%;box-sizing: border-box;}
.prd_con .trend_top > span {display: block;padding: 0 3%;margin-bottom: 25px;box-sizing: border-box;}
.prd_con .trend_top > p {font-size: 15px;text-align: center;letter-spacing: -0.05em;line-height: 1.5em;}
.trend_tab_btn {display: table;width: 100%;margin-bottom: 40px;}
.trend_tab_btn > li {display: table-cell;font-size: 13px;font-weight: 500;width: 33.33%;height: 30px;line-height: 30px;text-align: center;border: 1px solid #ccc;border-bottom: 2px solid #000;}
.trend_tab_btn > li a {display: block;}
.trend_tab_btn > li.on {border: 2px solid #000;border-bottom: 0;}
.trend_tab_con {display: none;position:relative}
.trend_tab_con .btn_trend{position:absolute;bottom:45.2%;left:32%;display:block;width:35.5%;height:3.7%}
.video_wrap {float: none;clear: both;width: 100%;height: 0;position: relative;padding-bottom: 56.25%;}
.video_wrap iframe {position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;margin-left: auto;margin-right: auto;}

/* process */
body.product .tab_btn {display: block;margin:15px 10px 10px;overflow-x:scroll;white-space:nowrap}
.process_top {position: relative;margin-top: 80px;padding-bottom: 50px;}
.process_top .bg_inner {background: #f8f8f8;padding: 20px 3% 75px;}
.process_top .inner .bg_item {content: "";display: block;clear: both;position: absolute;bottom: 0;right: 3%;width: 104px;height: 123px;}
.process_top .inner .bg_item.geliker {background: url(/ko/common/images/product/process_tit_geliker.png) no-repeat 0 0;background-size: 100%;}
.process_top .inner .bg_item.gelique {background: url(/ko/common/images/product/process_tit_gelique.png) no-repeat 0 0;background-size: 100%;}
.process_top .inner .bg_item.gildaa {background: url(/ko/common/images/product/process_tit_gildaa.png) no-repeat 0 0;background-size: 100%;}
.process_top .inner .bg_item.hand {background: url(/ko/common/images/product/process_tit_hand.png) no-repeat 0 0;background-size: 100%;}
.process_top .inner .bg_item.metalish {background: url(/ko/common/images/product/process_tit_metalish.png) no-repeat 0 0;background-size: 100%;}
.process_top .inner .bg_item.pedi {background: url(/ko/common/images/product/process_tit_pedi.png) no-repeat 0 0;background-size: 100%;}
.process_top h3 {font-size: 30px;font-weight: 500;letter-spacing: -0.05em;line-height: 1.2em;}
.process_top span {font-size: 20px;display: block;margin-top: 20px;color: #555;}
.process_step_wrap {}
.step_box {margin-bottom: 20px;}
.step_box h4 {font-size: 15px;font-weight: 700;color: #191919;letter-spacing: -0.05em;margin-bottom: 20px;}
.step_box h4 > span {display: inline-block;font-size: 12px;color: #fff;width: 77px;height: 22px;line-height: 22px;text-align: center;background: #191919;border-radius: 10px;letter-spacing: 0;margin-right: 10px;}
.step_box .step_tit {font-size: 13px;font-weight: 500;color: #333;letter-spacing: -0.05em;margin-bottom: 10px;}
.step_box ol {margin: 0 0 15px;}
.step_box ol li {font-size: 12px;color: #666;letter-spacing: -0.05em;line-height: 1.4em;}
.step_box .tip_nic_wrap {}
.step_box .tip_nic_wrap p {font-size: 13px;color: #333;letter-spacing: -0.05em;line-height: 1.4em;margin: 5px 0 15px;}
.step_box .tip_nic_wrap .ico_tip {display: block;width: 43px;height: 20px;line-height: 20px;border: 1px solid #ff0000;background: #fff;font-size: 12px;text-align: center;color: #ff0000;letter-spacing: 0.05em;}
.step_box .tip_nic_wrap .ico_notice {display: block;width: 43px;height: 20px;line-height: 20px;border: 1px solid #ff0000;background: #ff0000;font-size: 12px;text-align: center;color: #fff;letter-spacing: 0.05em;}
.step_box .pic_wrap {margin-bottom: 20px;}
.step_box .pic_wrap ul {overflow: hidden;}
.step_box .pic_wrap ul.left li {float: left;margin-right: 2%;}
.step_box .pic_wrap ul.left li:nth-of-type(3n+0) {margin-right: 0;}
.step_box .pic_wrap ul.right li {float: right;margin-left: 2%;}
.step_box .pic_wrap ul.right li:nth-of-type(3n+0) {margin-left: 0;}
.step_box .pic_wrap ul li {z-index: 80;position: relative;width: 32%;margin-bottom: 1.5%;}
.step_box .pic_wrap .ico_tip:after {content: "TIP";display: block;clear: both;z-index: 100;position: absolute;right: 0;top: 0;font-size: 10px;width: 33px;height: 15px;line-height: 15px;border: 1px solid #ff0000;background: #fff;text-align: center;color: #ff0000;letter-spacing: 0.05em;}
.step_box.line {padding: 15px;border: 1px solid #ddd;box-sizing: border-box;}

/* place */
/* salon */
.content_wrap.salon {padding: 0;}
.content_wrap.salon h3.type1 {text-align: left;padding-bottom: 10px;}
.content_wrap.salon h3.type1:before {margin: 0 0 15px 0;}

.salon_top {}
.salon_top .tit_box {position: relative;text-align: center;padding: 39px 3% 33px;}
.salon_top .tit_box:after {content: "";display: block;clear: both;width: 103px;height: 1px;background: #000;margin: 33px auto 0;}
.salon_top .tit_box h3 {font-size: 20px;font-weight: 300;color: #111;letter-spacing: -0.05em;line-height: 1;}
.salon_top .tit_box h3 span {display: block;font-size: 25px;font-weight: 700;margin: 10px 0 26px;}
/* .salon_top .tit_box p {font-size: 14px;font-weight: 300;letter-spacing: -0.05em;line-height: 1.4em;text-align: center;} */
.salon_con_wrap {padding-bottom: 40px;}
.salon_con {margin-bottom: 40px;}
.salon_con .txt_box h3 {font-size: 20px;font-weight: 300;letter-spacing: -0.05em;line-height: 1;}
.salon_con .txt_box h3:before {content: "";display: block;clear: both;width: 30px;height: 3px;background: #ccc;margin: 20px 0 15px;}
.salon_con .txt_box h3 span {display: block;font-weight: 700;margin: 10px 0 20px;}
.salon_con .txt_box p {font-size: 14px;color: #666;}
.salon_con.right .txt_box {text-align: right;}
.salon_con.right .txt_box h3:before {margin-left: auto;}
.salon_con.right .txt_box p {text-align: right;}
.service_con {font-size: 0;width: 100%;box-sizing: border-box;margin-bottom: 20px;}
.service_con:last-child {margin-bottom: 0;}
.service_con .pic_box {display: inline-block;vertical-align: top;width: 30%;margin-right: 5%}
.service_con .txt_box {display: inline-block;vertical-align: top;width: 65%;margin-top: 5px;}
.service_con .txt_box h4 {font-size: 13px;font-weight: 500;color: #333;margin-bottom: 15px;}
.service_con .txt_box li {position: relative;font-size: 12px;letter-spacing: -0.05em;color: #666;line-height: 1.4em;padding-left: 7px;}
.service_con .txt_box li:after {content: "-";display: block;clear: both;position: absolute;top: 0;left: 0;}
.shop_con {padding: 15px 0;border-bottom: 1px solid #ccc;}
.shop_con:nth-of-type(1) {padding-top: 0;}
.shop_con:last-child {border-bottom: 0;}
.shop_con .txt_box {letter-spacing: -0.05em;margin-bottom: 8px;}
.shop_con .txt_box li {font-size: 12px;color: #666;line-height: 1.4em;}
.shop_con .txt_box li.tit {font-size: 13px;font-weight: 500;color: #333;margin: 20px 0 15px;}
.shop_con .txt_box li:last-child {margin-top: 22px;}
.shop_con .btn_area {font-size: 0;text-align: right;}
.shop_con .btn_area button {font-size: 12px;padding: 0 10%;}
.shop_con .btn_area button:last-child {margin-left: 5px;}

/* .pop_area .pop_slide_wrap {position:absolute;top:0;left:0;width:100%;height:100%;}
.pop_area .slide img {width: 100%;height: 100%;} */
.pop_area .slide img{border:1px solid #111;box-sizing:border-box}
.pop_area .slide .slick-dots {z-index: 9999;position: absolute;top: 58vw;width: 100%;text-align: center;}

@media screen and (max-width: 480px) {
    .pop_area .slide .slick-dots {top: 56vw}
}
@media screen and (max-width: 380px) {
    .pop_area .slide .slick-dots {top: 54vw}
}

.pop_area .slide .slick-dots li {display: inline-block;margin: 0 5px;}
.pop_area .slide .slick-dots li button {width: 12px;height: 12px;border-radius: 6px;background: #ccc;text-indent: -9999px;overflow: hidden;cursor: pointer;}
.pop_area .slide .slick-dots li.slick-active button {background: #fff;}
.pop_area .slide .slick-prev {position: absolute;top: 50%;left: -60px;width: 30px;height: 60px;background: url(/ko/common/images/default/btn_arrow_prev_wh.png) no-repeat 0 0;text-indent: -9999px;overflow: hidden;}
.pop_area .slide .slick-next {position: absolute;top: 50%;right: -60px;width: 30px;height: 60px;background: url(/ko/common/images/default/btn_arrow_next_wh.png) no-repeat 0 0;text-indent: -9999px;overflow: hidden;}

.mov_wrap.stroe {padding-bottom: 0 !important;}
.mov_wrap.stroe .map {height: 260px;border: 1px solid #000;}
.mov_wrap.stroe .map_txt {background: #000;padding: 20px 3% 25px;}
.mov_wrap.stroe .map_txt h2 {font-size: 13px;color: #fff;letter-spacing: -0.05em;margin-bottom: 10px;}
.mov_wrap.stroe .map_txt li {font-size: 13px;color: #ccc;letter-spacing: -0.05em;line-height: 1.2em;}

/* branch */
.branch_top {}
.branch_top .txt {font-size: 25px;letter-spacing: -0.05em;text-align: center;margin-bottom: 30px;color: #111;}
.branch_top .txt_box {margin: 30px 0 40px;padding: 0 10%;}
.branch_top .txt_box p {font-size: 14px;font-weight: 300;letter-spacing: -0.05em;text-align: center;word-break: keep-all;line-height: 1.2em;}
.store_tel_wrap {overflow: hidden;}
.tel_box {float: left;width: 48.5%;margin: 0 3% 3% 0;}
.tel_box:nth-of-type(2n+0) {margin-right: 0;}
.tel_box ul {padding: 25px 20px 28px;border: 1px solid #b2b2b2;}
.tel_box li {font-size: 13px;color: #666;text-align: center;}
.tel_box li.tit {font-size: 16px;font-weight: 500;color: #000;padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #ccc;}
.tel_box a {display: block;font-size: 12px;height: 30px;line-height: 30px;text-align: center;background: #000;color: #fff;}
.tel_box a span {display: inline-block;width: 11px;height: 11px;background: url(/ko/common/images/default/ico_tel.png) no-repeat 0 0;background-size: 11px;margin-left: 10px;}

/* academy */
.academy_top p {font-size: 25px;color: #111;letter-spacing: -0.05em;text-align: center;word-break: keep-all;}
.academy_top p.txt {display: block;font-size: 14px;font-weight: 300;letter-spacing: -0.05em;padding: 0 8%;margin: 30px 0;}
.academy_con {padding: 20px 0;border-bottom: 1px solid #ccc;}
.academy_con:first-child {padding-top: 0;}
.academy_con li {font-size: 13px;color: #666;line-height: 1.2em;}
.academy_con li.tit {font-family: 'BebasNeue';font-size: 24px;font-weight: 700;color: #000;margin: 15px 0;}
.academy_con li.tit img {display: inline-block;height: 17px;margin-left: 7px;}
.academy_con_wrap+.btn_area {margin-top: 40px;}
.academy_con_wrap+.btn_area .btn_txt {font-weight: 700;width: 150px;}
.annex_center_wrap ul {display: table;margin: 0 auto;}
.annex_center_wrap li {display: table-cell;vertical-align: top;width: 26%;}
.annex_center_wrap li span {font-size: 12px;text-align: center;display: table-cell;vertical-align: middle;width: 90px;height: 90px;border-radius: 45px;background: #f4f4f4;}
.annex_center_wrap li.arrow {width: 35px;height: 12px;background: url(/ko/common/images/place/m_ico_arrow.png) no-repeat 0 50%;background-size: 100%;}

/* member */
.terms_area h1 {margin:0 0 40px;}
.terms_area .guide_privacy {margin:0 0 30px;padding:0 0 30px;border-bottom:1px solid #ebebeb;line-height:20px;color:#666;}
.terms_area .guide_privacy em {display:block;margin:20px 0 0;font-style:normal;}
.terms_area .terms {margin:0 0 25px;}
.terms_area .terms h2 {font-weight:bold;font-size:14px;line-height:22px;}
.terms_area .terms p {line-height:20px;color:#666;}
.terms_area .terms li {clear:both;line-height:20px;color:#666;}
.terms_area .terms dl {clear:both;display:block;}
.terms_area .terms dl dt {float:left;display:inline-block;line-height:20px;margin:0 5px 0 0;}
.terms_area .terms dl dd {float:left;display:inline-block;line-height:20px;}
.terms_area .last_terms {color:#f37022;text-decoration:underline;}

/* footer */
#footer {font-size: 11px;color: #000;width: 100%;margin-top: 85px;border-top: 1px solid #e5e5e5;}
.foot_inner {padding: 15px 0 25px;}
.foot_inner ul {display: table;margin-left: auto;margin-right: auto;overflow: hidden;}
.foot_inner li {float: left;}
.foot_inner li:after {content: "";display: inline-block;width: 1px;height: 9px;margin: 0 10px;background: #000;}
.foot_inner li:last-child:after {display: none;}

.foot_inner .m_sns_wrap {font-size: 0;text-align: center;margin: 30px 0;}
.foot_inner .m_sns_wrap a {display: inline-block;width: 25px;margin-right: 15px;}
.foot_inner .m_sns_wrap a:last-child {margin-right: 0;}
.foot_inner p {clear: both;line-height:1.4em;font-size: 13px;letter-spacing:normal;text-align: center;color: #191919;}

/* 애니메이션 */
.aniWrap{position:relative;overflow:hidden;display:inline-block;}
.aniWrap .aniShow{position:relative}

/* select - style */
.checkbox_style1{position:relative;display:inline-block;}
.checkbox_style1 input[type="checkbox"]{position:absolute;top:0;left:0;opacity:0}
.checkbox_style1 input[type="checkbox"] + label{position:relative;display:inline-block;height:22px;padding:0 5px 0 32px;font-size:13px;color:#666;text-align:left;line-height:22px}
.checkbox_style1 input[type="checkbox"] + label:after{content:"";position:absolute;top:0;left:0;width:22px;height:22px;background:#e5e5e5}
.checkbox_style1 input[type="checkbox"]:checked + label{color:#666;}
.checkbox_style1 input[type="checkbox"]:checked + label:after{background:url(/ko/common/images/default/icon_checkbox_on.jpg) center center no-repeat;background-size:22px}
.checkbox_style1 input[type="checkbox"]:focus + label:after{outline: rgb(158, 158, 158) auto 5px;}
.radio_style1{position:relative;display:inline-block;}
.radio_style1 input[type="radio"]{position:absolute;top:0;left:0;opacity:0}
.radio_style1 input[type="radio"] + label{position:relative;display:inline-block;height:22px;padding:0 5px 0 32px;font-size:13px;color:#666;text-align:left;line-height:22px}
.radio_style1 input[type="radio"] + label:after{content:"";position:absolute;top:0;left:0;width:22px;height:22px;border:1px solid #ccc}
.radio_style1 input[type="radio"]:checked + label{color:#666;}
.radio_style1 input[type="radio"]:checked + label:after{background:url(/ko/common/images/default/icon_radio_on.png) center center no-repeat;background-size:14px}
.radio_style1 input[type="radio"]:focus + label:after{outline: rgb(158, 158, 158) auto 5px;}

/* login */
.login .checkbox_style1 {margin-top: 15px;}
.login .login_table{display:table;width:100%;height:100%;box-sizing:border-box}
.login .login_table .login_cell{display:table-cell;vertical-align:middle}
.login .login_table .login_cell .login_con{position:relative;background:#fff;height:100%}
.login_style01 .login_con{padding:45px 15px 0}
.login_style01 .login_con h2{position:relative;padding-bottom:10px;font-size:25px;color:#000;letter-spacing:0.01em;text-align:center}
.login_style01 .login_con h2:after{content:"";position:absolute;bottom:0;left:50%;width:30px;height:1px;margin-left:-15px;background:#000}

/* member - login */
.login_wrap .login_con .sns{margin-top:45px}
.login_wrap .login_con .sns li{margin-bottom:5px}
.login_wrap .login_con .sns li a{display:block;padding:0 40px;font-size:13px;text-align:center;line-height:40px;font-weight:500}
.login_wrap .login_con .sns li.kakao a{background:#f7e114 url(/ko/common/images/member/sns_icon_kakao.png) 15px center no-repeat;background-size:16px;color:#381e1f}
.login_wrap .login_con .sns li.facebook a{background:#3b5998 url(/ko/common/images/member/sns_icon_facebook.png) 15px center no-repeat;background-size:16px;color:#fff}
.login_wrap .login_con .sns li.naver a{background:#2db400 url(/ko/common/images/member/sns_icon_naver.png) 15px center no-repeat;background-size:16px;color:#fff}
.login_wrap .login_con .email_login{margin-top:45px}
.login_wrap .login_con .email_login input[type='text'],
.login_wrap .login_con .email_login input[type='password']{width: 100%;height:33px;margin-top:10px;line-height:33px;border: 1px solid #ccc;padding: 0 15px;box-sizing: border-box;}
.login_wrap .login_con .email_login span{font-size:13px}
.login_wrap .login_con .email_login .checkbox_style2{margin-top:10px}
.login_wrap .login_con .btn_area{margin-top:35px;*zoom:1}
.login_wrap .login_con .btn_area:after{content:"";display:block;clear:both}
.login_wrap .login_con .btn_area a{margin-top:30px;font-size:13px;color:#777;border-bottom: 1px solid #777;padding-bottom: 3px;}
.login_wrap .login_con .btn_area .creat_id{float:left}
.login_wrap .login_con .btn_area .find_id{float:right}

/* video_area */
.video_area{position:relative;height:0;padding-bottom:56.25%}
.video_area iframe{position:absolute;top:0;left:0;width:100%;height:100%}

/* brand_house_page */
.brand_house_page .top{position:relative}
.brand_house_page .top .txt{position:absolute;top:0;left:0;right:0;bottom:0}
.brand_house_page .top .txt .table{display:table;width:100%;height:100%}
.brand_house_page .top .txt .table .table-cell{display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center}
.brand_house_page .top .txt .table .table-cell img{width:212px;margin:0 auto}
.brand_house_page .top .txt .table .table-cell .tit{margin-top:10px;color:#fff;font-size:15px;text-align:center}
.brand_house_page .top .txt .table .table-cell .info{margin-top:30px;color:#fff;font-size:13px;line-height:1.4;text-align:center}
.brand_house_page .top_info{margin-top:40px}
.brand_house_page .top_info .img{text-align:center}
.brand_house_page .top_info .img img{width:67%;margin:0 auto}
.brand_house_page .top_info .txt{margin-top:30px}
.brand_house_page .top_info .txt h3{margin-bottom:20px;font-weight:500;font-size:20px;color:#558420;}
.brand_house_page .top_info .txt h3 img{display:inline-block;width:101px;margin-left:4px;}
.brand_house_page .top_info .txt dd,
.brand_house_page .top_info .txt p{line-height:1.4;font-size:13px;color:#000;font-weight:300;word-break: keep-all;}
.brand_house_page .top_info .txt p{margin-bottom:40px}
.brand_house_page .top_info .txt dt{margin-bottom:15px;font-size:15px;font-weight:500;color:#000;line-height:1.4;}
.brand_house_page .top_info .txt dd{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ddd}
.brand_house_page .top_info .txt dd.last{border:none;padding-bottom:0;}
.brand_house_page .img_list{margin:35px -5px 35px}
.brand_house_page .img_list:after{content:"";display:block;clear:both}
.brand_house_page .img_list li{float:left;width:50%;padding:5px;box-sizing:border-box;}

/* brand_program_page */
h3.brand_tit{position:relative;margin:20px 0 0;padding-bottom:15px;color:#111;font-size:20px;font-weight:700;text-align:center}
h3.brand_tit::after{content:'';display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:30px;height:3px;background:#000}
p.brand_tit_txt{margin-top:20px;color:#333;font-size:13px;text-align:center;line-height:20px}
.brand_program_page .system_con{margin:0 0 40px}
.brand_program_page .system_con .system_list{margin-top:40px}
.brand_program_page .system_con .system_list::after{content:'';clear:both;display:block}
.brand_program_page .system_con .system_list li{float:left;width:48%}
.brand_program_page .system_con .system_list li:nth-of-type(2n){margin-left:2%}
.brand_program_page .system_con .system_list li:nth-of-type(1),
.brand_program_page .system_con .system_list li:nth-of-type(2){margin-bottom:20px}
.brand_program_page .system_con .system_list li .img{padding:0 40px;margin-bottom:20px}
.brand_program_page .system_con .system_list li .txt{text-align:center}
.brand_program_page .system_con .system_list li .txt strong{display:block;margin-bottom:7.5px;font-size:16px;font-weight:bold;color:#25ac6a}
.brand_program_page .system_con .system_list li .txt:nth-of-type(2n) strong{color:#1e906f}
.brand_program_page .system_con .system_list li .txt p{font-size:13px;line-height:20px;text-align:center}
.brand_program_page .system_con .system_list li .list{margin-top:15px;padding:25px;box-sizing:border-box;border-radius:10px;background:#f5f5f5;line-height:20px}
.brand_program_page .system_con .system_list li .list .list_txt{display:block;color:#555;font-size:13px}
.brand_program_page .program_con .program_list{margin-top:40px}
.brand_program_page .program_con .program_list li{padding:25px 0 40px;margin-bottom:20px;border:1px solid #ccc;box-sizing:border-box}
.brand_program_page .program_con .program_list li:last-of-type{margin-bottom:0}
.brand_program_page .program_con .program_list li .tit{position:relative;display:block;padding:12.5px 0;font-size:18px;text-align:center;z-index:10}
.brand_program_page .program_con .program_list li .tit span{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);font-size:50px;font-weight:bold;color:#eee;z-index:-1}
.brand_program_page .program_con .program_list li .txt{margin:22.5px 0 15px;color:#25ac6a;font-size:13px;font-weight:700;text-align:center}
.brand_program_page .program_con .program_list li .list{font-size:13px;line-height:20px;text-align:center}
.brand_program_page .program_con .program_list li .list span{display:block}
.brand_program_page .interview_con h3.brand_tit{margin-top:60px}
.brand_program_page .interview_con .interview_list{display:flex;flex-wrap:wrap;margin:37px -6px 0}
.brand_program_page .interview_con .interview_list li{width:50%;margin-top:25px;padding:0 6px;box-sizing:border-box}
.brand_program_page .interview_con .interview_list li:nth-of-type(-n+2){margin-top:0}
.brand_program_page .interview_con .interview_list li .img{display:block}
.brand_program_page .interview_con .interview_list li .img img{vertical-align:top}
.brand_program_page .interview_con .interview_list li .tit{display:block;margin-top:10px;line-height:1.4}
/* .brand_program_page .interview_con .interview_list li .tit span{display:block;margin-top:5px} */
.brand_program_page .interview_view_con h3.brand_tit{margin-bottom:37px}
.brand_program_page .interview_view_con .con .tit{margin:20px 0 10px;font-size:15px}
.brand_program_page .interview_view_con .con .txt{font-size:13px}
.pagination{margin-top:50px;text-align:center}
.pagination a{display:inline-block;margin:0 10px}
.pagination .page{display:inline-block}

.page_navi{margin-top:40px;text-align:center}
.page_navi button{display:inline-block;padding:0 10px;font-size:10px}
.page_navi .num{display:inline-block}

/* brand_faq_page */
.brand_faq_page select{padding:0;color:#777;border:1px solid #ccc;border-radius:0;font-size:13px;font-weight:normal;width:100%;height:35px;line-height:35px;cursor:pointer;background:#fff url(/ko/common/images/default/mb_ico_sel.jpg) 100% 50% no-repeat;background-size:34px;-webkit-appearance:none;-moz-appearance:none;padding-left:10px;box-sizing:border-box}
.brand_faq_page select::-ms-expand{opacity:0}
.brand_faq_page .board_area{margin:20px 0 40px}
.brand_faq_page .board_area .board_write th{vertical-align:top}
.brand_faq_page .radio_style1{padding:5px 0 10px}
.brand_faq_page .btn_txt{width:100%;height:40px;line-height:40px}

/* brand_recruit_page */
.tit_banner{position:relative;overflow:hidden;margin:0 0 30px;height:120px}
.tit_banner .img::before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:90}
.tit_banner .img img{display:block;position:absolute;width:100%;height:100%;object-fit:cover}
.tit_banner .title_box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;z-index:100}
.tit_banner .title_box .title_box__sub{color:#fff;font-size:12px;text-align:center}
.tit_banner .title_box .title_box__title{margin-top:4px;color:#fff;font-size:20px;font-weight:700;text-align:center}
.brand_recruit_page .board_write .law_area{padding:10px;overflow:hidden auto;height:200px;border:1px solid #ccc}
.brand_recruit_page .board_write .law_area p{color:#777;font-size:13px}
.brand_recruit_page .board_write .radio_style1{padding:5px 0 15px}

/* brand_franchise_page */
.brand_franchise_page>p{margin:20px 0 40px;line-height:20px;font-size:13px;color:#333;text-align:center}
.brand_franchise_page .top{padding-bottom:22px}
.brand_franchise_page .top p{margin-bottom:10px}
.brand_franchise_page .fran_store_wrap{position:relative;padding-top:32px}
.brand_franchise_page .fran_store_wrap:before{content:"";display:block;clear:both;position:absolute;top:0;left:50%;width:102px;height:1px;margin-left:-51px;background:#000}
.brand_franchise_page .shop_con .txt_box li.tit{margin-bottom:13px;font-size:16px}

/* brand_process_page */
.brand_process_page .list_step{margin:20px 0 40px}
.brand_process_page .list_step ul:after{content:"";display:block;clear:both}
.brand_process_page .list_step li{position:relative;float:left;width:50%;margin-top:53px;padding-top:115px;box-sizing:border-box;line-height:20px;font-size:13px;text-align:center}
.brand_process_page .list_step li:after{content:"";display:block;position:absolute;width:23px;height:24px;z-index:10}
.brand_process_page .list_step li.ico01{margin-top:0;background:url(/ko/common/images/brand/mb_process_img01.png) 50% 0  no-repeat;background-size:100px}
.brand_process_page .list_step li.ico01:after{top:38px;right:-12px;background:url(/ko/common/images/brand/mb_ico_arrow_right.png) 0   no-repeat;background-size:100%}
.brand_process_page .list_step li.ico02{margin-top:0;background:url(/ko/common/images/brand/mb_process_img02.png) 50% 0 no-repeat;background-size:100px}
.brand_process_page .list_step li.ico02:after{left:50%;bottom:-38px;width:24px;height:23px;margin-left:-12px;background:url(/ko/common/images/brand/mb_ico_arrow_down.png) 0 0 no-repeat;background-size:100%}
.brand_process_page .list_step li.ico03{float:right;background:url(/ko/common/images/brand/mb_process_img03.png) 50% 0 no-repeat;background-size:100px}
.brand_process_page .list_step li.ico03:after{top:38px;left:-12px;background:url(/ko/common/images/brand/mb_ico_arrow_left.png) 0 0 no-repeat;background-size:100%}
.brand_process_page .list_step li.ico04{background:url(/ko/common/images/brand/mb_process_img04.png) 50% 0 no-repeat;background-size:100px}
.brand_process_page .list_step li.ico04:after{left:50%;bottom:-38px;width:24px;height:23px;margin-left:-12px;background:url(/ko/common/images/brand/mb_ico_arrow_down.png) 0 0 no-repeat;background-size:100%}
.brand_process_page .list_step li.ico05{background:url(/ko/common/images/brand/mb_process_img05.png) 50% 0 no-repeat;background-size:100px}
.brand_process_page .list_step li.ico05:after{top:38px;right:-12px;background:url(/ko/common/images/brand/mb_ico_arrow_right.png) 0   no-repeat;background-size:100%}
.brand_process_page .list_step li.ico06{background:url(/ko/common/images/brand/mb_process_img06.png) 50% 0 no-repeat;background-size:100px}
.brand_process_page .list_step li.ico06:after{left:50%;bottom:-38px;width:24px;height:23px;margin-left:-12px;background:url(/ko/common/images/brand/mb_ico_arrow_down.png) 0 0 no-repeat;background-size:100%}
.brand_process_page .list_step li.ico07{float:right;background:url(/ko/common/images/brand/mb_process_img07.png) 50% 0 no-repeat;background-size:100px}
.brand_process_page .list_step li.ico07:after{top:38px;left:-12px;background:url(/ko/common/images/brand/mb_ico_arrow_left.png) 0 0 no-repeat;background-size:100%}
.brand_process_page .list_step li.ico08{background:url(/ko/common/images/brand/mb_process_img08.png) 50% 0 no-repeat;background-size:100px}
.brand_process_page .list_step li.ico08:after{left:50%;bottom:-38px;width:24px;height:23px;margin-left:-12px;background:url(/ko/common/images/brand/mb_ico_arrow_down.png) 0 0 no-repeat;background-size:100%}
.brand_process_page .list_step li.ico09{background:url(/ko/common/images/brand/mb_process_img09.png) 50% 0 no-repeat;background-size:100px}
.brand_process_page .list_step li.ico09:after{top:38px;right:-12px;background:url(/ko/common/images/brand/mb_ico_arrow_right.png) 0   no-repeat;background-size:100%}
.brand_process_page .list_step li.ico10{background:url(/ko/common/images/brand/mb_process_img10.png) 50% 0 no-repeat;background-size:100px}
.brand_process_page .list_step li.ico10:after{left:50%;bottom:-38px;width:24px;height:23px;margin-left:-12px;background:url(/ko/common/images/brand/mb_ico_arrow_down.png) 0 0 no-repeat;background-size:100%}
.brand_process_page .list_step li.ico11{float:right;background:url(/ko/common/images/brand/mb_process_img11.png) 50% 0 no-repeat;background-size:100px}
.brand_process_page .list_step li.ico11:after{top:38px;left:-12px;background:url(/ko/common/images/brand/mb_ico_arrow_left.png) 0 0 no-repeat;background-size:100%}
.brand_process_page .list_step li.ico12{background:url(/ko/common/images/brand/mb_process_img12.png) 50% 0 no-repeat;background-size:100px}
.brand_process_page .tel_area{background:#f5f5f5}
.brand_process_page .tel_area p{display:table;margin:0 auto;padding:39px 0 39px 27px;background:url(/ko/common/images/brand/mb_ico_tel.png) 0 50% no-repeat;background-size:19px;font-size:20px;color:#111}
.brand_process_page .tel_area p span{display:inline-block;margin-right:13px;font-weight:500}

/* bandi_news_page */
.bandi_news_page .brand_tit{margin-bottom:25px}
.bandi_news_page table.type1 .num {width: 18%;}
.bandi_news_page table.type1 .date {width: 22%;}
.bandi_news_page .btn_area{margin-top:40px}
.bandi_news_page table.type1.view .subj {text-align: left;padding: 12px 8px;}
.bandi_news_page table.type1.view .subj span {display: block;font-weight: 400;color: #555;}
.bandi_news_page table.type1.view tbody td {text-align: left;padding: 15px 8px;}

/* brand_startup_page */
.brand_startup_page{text-align: center}
.brand_startup_page .video_wrap{margin: 0 auto}
.brand_startup_page .brand_tit{margin-bottom: 40px}
.brand_startup_page .btn_wrap{display: flex;align-items: flex-end;justify-content: center}
.brand_startup_page .btn_wrap p{position: absolute;padding: 1% 3%;background: #003501;font-weight: 700;color: #fff}
.brand_startup_page .btn_wrap01 p{margin: 0 40% 44.8% 0}
.brand_startup_page .btn_wrap02 p{margin: 0 40% 11.5% 0}
.brand_startup_page .floating_banner{position: fixed;bottom: 120px;right: 15px;width: 100px;z-index: 400}

/* call btn */
.call_btn {margin:40px 0;text-align:center}
.call_btn p{display:inline-block;margin:0 auto;padding:18px 60px;background:#f5f5f5}
.call_btn p span{display:block;min-height:19px;margin-bottom:14px;padding-left:26px;background: url(/ko/common/images/brand/mb_ico_tel.png) 10px 50% no-repeat;background-size: 19px;font-size: 16px;color: #111;text-align: center}
.call_btn p i{display:none;margin-top:8px;font-style:normal;font-size: 16px;color: #111;}
.call_btn p a{display:block;margin-top:8px;font-size: 16px;color: #111;}
.call_btn .faq{display:block;width:280px;margin:20px auto 0;padding:15px 0;background:#f5f5f5;font-size: 16px;color: #111;}

/* education - edu_list */
.content_wrap.education{padding-top:40px}
.education .srch_form{overflow:hidden;border:1px solid #ccc;margin:0 10px}
.education .srch_form p{float:left;width:calc(100% - 50px)}
.education .srch_form p input{height:40px;line-height:40px;border:0;padding:0 15px}
.education .srch_form button{float:left;width:50px;height:40px;background:url(/ko/common/images/education/mb_ico_scrh.png) 50% 50% no-repeat;background-size:24px;text-indent:-9999px;overflow:hidden}
.education .list_top{margin:20px 0 12px;font-size:13px;font-weight:300;color:#111}
.education .list_top em{font-weight:700}
.education .edu_list{overflow:hidden;margin-bottom:50px}
.education .edu_list li{float:left;width:49%;margin:2% 2% 0 0;border:1px solid #ccc;box-sizing:border-box;font-weight:300}
.education .edu_list li:nth-child(1),
.education .edu_list li:nth-child(2){margin-top:0}
.education .edu_list li:nth-child(2n){margin-right:0}
.education .edu_list li .img{}
.education .edu_list li .con{padding:15px 10px}
.education .edu_list li .con .cate{font-size:11px;color:#111}
.education .edu_list li .con .tit{margin:8px 0 18px;font-size:15px;font-weight:700;color:#111;width:100%;overflow:hidden;text-overflow:ellipsis;line-height:1.3;height:2.6em;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.education .edu_list li .con .txt{color:#666}
.education .edu_list li .con .btn_edu{max-width:145px;margin:18px auto 0;color:#fff}

/* progress_bar */
.progress_area{position:relative;height:9px;border:1px solid #ccc;z-index:5}
.progress-bar{float:left;width:0;height:100%;text-align:center;-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}
.progress-bar-info{position:relative;height:11px;margin-top:-1px;background:#111;z-index:10}
.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}

/* education - edu_top */
.education .edu_top{margin-bottom:30px;font-weight:300}
.education .edu_top .img{width:250px;margin:0 auto}
.education .edu_top .con{color:#111}
.education .edu_top .con .cate{margin:15px 0 10px;font-size:12px;text-align:center}
.education .edu_top .con .tit{font-size:18px;font-weight:700;text-align:center}
.education .edu_top .con .txt{margin:20px 0 30px;text-align:center}
.education .edu_top .con .contents{margin:15px 0 10px;font-size:12px;text-align:center;color:#666666}
.education .edu_top .info{background:#f4f4f4;padding:20px 10px;font-size:13px}
.education .edu_top .info p{padding:0 15px;margin-bottom:30px;font-size:13px;font-weight:300;color:#111;text-align:center}
.education .edu_top .info li{margin-top:10px;font-weight:700;color:#111}
.education .edu_top .info li:first-child{margin-top:0}
.education .edu_top .info li>span{display:inline-block;width:85px;padding-left:13px;box-sizing:border-box;font-weight:300;color:#666}

/* education - edu_con */
.education .top_wrap{display:table;width:100%;margin:30px 0 22px}
.education .btn_area.result{margin-top:20px}
.education .btn_area.result button{width:100%;max-width:430px;line-height:40px;border-radius:20px;padding:0 10px;box-sizing:border-box;font-weight:500;color:#fff}
.education .btn_area.result button span{display:inline-block}
.education .btn_area.result .btn_ing{background:#c10700}
.education .btn_area.result .btn_ing span{padding-left:19px;box-sizing:border-box;background:url(/ko/common/images/education/mb_ico_ing.png) 0 50% no-repeat;background-size:14px}
.education .btn_area.result .btn_finish{background:#000}
.education .btn_area.result .btn_finish span{padding-left:22px;box-sizing:border-box;background:url(/ko/common/images/education/mb_ico_finish.png) 0 50% no-repeat;background-size:17px}
.education .top_wrap .edu_tit{display:table-cell;vertical-align:middle;font-size:20px;font-weight:500;color:#111}
.education .top_wrap .edu_tit:before{content:"";display:block;width:30px;height:3px;margin:0 0 12px;background:#000}
.education .btn_play span{background:url(/ko/common/images/education/mb_ico_play.png) 100% 50% no-repeat;background-size:13px;padding-right:18px}
.education .btn_area{color:#fff}
.edu_con_list .tbl_list{}
.edu_con_list .tbl_list li{display:table;width:100%;padding:20px 0;box-sizing:border-box;border-bottom:1px solid #ccc}
.edu_con_list .tbl_list li:first-child{border-top:1px solid #ccc}
.edu_con_list .tbl_list li .box{display:table-cell;vertical-align:middle;font-size:13px;font-weight:300;color:#666}
.edu_con_list .tbl_list li .box>div{font-size:13px;font-weight:300;color:#111}
.edu_con_list .tbl_list li .box .btn_edu.result{margin-top:5px}
/* 수강현황 */
.edu_con_list.status .box{width:calc(100% - 180px)}
.edu_con_list.status .box.sort{width:70px;padding:0 10px;box-sizing:border-box;text-align:center}
.edu_con_list.status .box.btn{width:110px;padding:0 10px;box-sizing:border-box}
.edu_con_list.status .box .state{float:left;}
.edu_con_list.status .box .date{float:right;margin-right:10px}
.edu_con_list.status .box .graph{clear:both;margin:30px 10px 0 0}
.edu_con_list.status .box .graph .pgs_txt{display:table;width:100%;margin-top:5px;font-size:11px;font-weight:300;color:#666}
.edu_con_list.status .box .graph .pgs_txt span{display:table-cell;vertical-align:middle;width:calc(100% / 3);text-align:center}
.edu_con_list.status .box .graph .pgs_txt span:first-child{text-align:left}
.edu_con_list.status .box .graph .pgs_txt span:last-child{text-align:right}
/* 커리큘럼 */
.edu_con_list.curriculum .box{width:calc(100% - 180px)}
.edu_con_list.curriculum .box.sort{width:70px;padding:0 10px;box-sizing:border-box;text-align:center}
.edu_con_list.curriculum .box.sort>p{display:table;width:60px;height:60px;font-size:13px;font-weight:500}
.edu_con_list.curriculum .box.sort>p>span{display:table-cell;vertical-align:middle;border-radius:100%;background:#999;font-weight:500;color:#fff;text-align:center}
.edu_con_list.curriculum .box.sort>p.quiz>span{background:#999 url(/ko/common/images/education/mb_ico_quiz.png) 50% 50% no-repeat;background-size:23px;text-indent:-9999px;overflow:hidden}
.edu_con_list.curriculum .box.btn{width:110px;padding:0 10px;box-sizing:border-box}
.edu_con_list.curriculum .box .sbjt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3em;overflow:hidden;text-overflow:ellipsis;height:2.6em;font-weight:500}
.edu_con_list.curriculum .box .time{color:#666}

/* education - pop_area */
.pop_area.pop_edu{background:rgba(0,0,0,0.8)}
.pop_area.pop_edu .pop_close{right:10px;width:31px;height:31px;background:url(/ko/common/images/education/mb_pop_close.png) 50% 50% no-repeat;background-size:100%;padding:0;text-indent:-9999px;overflow:hidden}
.pop_edu .modal_table .modal_con{padding:48px 10px 0}
.pop_video .modal_table .modal_con .mov_wrap{height:80vh;padding:0;background:transparent}
.pop_video .modal_table .modal_con .mov_wrap .scrl_box{overflow-y:auto;padding-bottom:30px}
.pop_video .edu_tit{margin:20px auto 18px}
.pop_video .edu_tit,
.pop_video .edu_con_list .tbl_list li .box>div{color:#fff}
.pop_video .edu_con_list.curriculum .box .time{color:#ccc}
.pop_video .edu_tit:before{background:#fff}
.pop_quiz .modal_table .modal_con .mov_wrap{padding:0;border:1px solid #ccc}
.pop_quiz .q_top{background:#f4f4f4;padding:10px;border-bottom:1px solid #ccc}
.pop_quiz .q_top:after{content:"";display:block;clear:both}
.pop_quiz .q_top ul{float:left}
.pop_quiz .q_top li{position:relative;float:left;margin-right:10px}
.pop_quiz .q_top li.on:after{content:"";display:block;position:absolute;bottom:-11px;left:50%;width:11px;height:6px;margin-left:-6px;background:url(/ko/common/images/education/mb_bg_quiz.png) 50% 50% no-repeat;background-size:100%}
.pop_quiz .q_top li>span{display:table-cell;vertical-align:middle;width:30px;height:30px;border-radius:100%;background:#999;font-weight:700;color:#fff;text-align:center}
.pop_quiz .q_top li.correct>span{background:#2f43ff}
.pop_quiz .q_top li.incorrect>span{background:#cf0000}
.pop_quiz.test .q_top li>span{position:relative;background:#999 !important}
.pop_quiz.test .q_top li.correct>span:after{content:"";display:block;position:absolute;top:-1px;left:-3px;width:36px;height:34px;background:url(/ko/common/images/education/mb_bg_correct.png) 0 0 no-repeat;background-size:100%}
.pop_quiz.test .q_top li.incorrect>span:after{content:"";display:block;position:absolute;top:-1px;left:-3px;width:36px;height:34px;background:url(/ko/common/images/education/mb_bg_incorrect.png) 0 0 no-repeat;background-size:100%}
.pop_quiz .q_top p{float:right;margin-top:10px;font-weight:300;color:#111}
.pop_quiz.result .q_top p{margin-top:0}
.pop_quiz .q_top p>em{font-weight:700}
.pop_quiz .q_box{position:relative;padding:15px 10px 40px}
/* .pop_quiz .q_box .arrow{display:block;position:absolute;top:-6px;left:20px;width:11px;height:6px;background:url(/ko/common/images/education/mb_bg_quiz.png) 50% 50% no-repeat;background-size:100%} */
.pop_quiz .q_box .tit{font-size:13px;font-weight:700;color:#111}
.pop_quiz .q_box .con{display:none;border-bottom:1px solid #ccc;padding-bottom:30px}
.pop_quiz .q_box .con textarea{height:175px;margin-top:15px}
.pop_quiz .q_box .con .design_radio{display:block;margin-top:15px}
.pop_quiz .q_box .con .design_radio label{position:relative;display:block;font-size:13px;font-weight:300;color:#111}
.pop_quiz .q_box .con .design_radio.correct label{color:#2f43ff}
.pop_quiz .q_box .con .design_radio.incorrect label{color:#cf0000}
.design_radio.correct label{background:url(/ko/common/images/education/mb_ico_correct.png) 0 50% no-repeat;background-size:18px}
.design_radio.incorrect label{background:url(/ko/common/images/education/mb_ico_incorrect.png) 0 50% no-repeat;background-size:18px}

.pop_quiz.test .q_box .con .design_radio.correct label{color:#111}
.pop_quiz.test .q_box .con .design_radio.incorrect label{color:#111}
.pop_quiz.test .design_radio.correct label{background:url(/ko/common/images/education/mb_ico_radio.png) 0 50% no-repeat;background-size:18px}
.pop_quiz.test .design_radio.correct label:after{content:"";display:block;position:absolute;top:50%;left:-8px;width:36px;height:34px;margin-top:-17px;background:url(/ko/common/images/education/mb_bg_correct.png) 0 0 no-repeat;background-size:100%}

.pop_quiz.test .design_radio.incorrect label{background:url(/ko/common/images/education/mb_ico_radio.png) 0 50% no-repeat;background-size:18px}
.pop_quiz.test .design_radio.incorrect label:after{content:"";display:block;position:absolute;top:-7px;left:-9px;width:36px;height:34px;background:url(/ko/common/images/education/mb_bg_incorrect.png) 0 0 no-repeat;background-size:100%}

.pop_quiz .q_box .control_area{margin-top:10px;text-align:center}
.pop_quiz .q_box .control_area button{width:40px;height:40px;margin:0 3px;border:1px solid #111;color:#111;font-size:12px;/*text-indent:-9999px;overflow:hidden*/}
/* .pop_quiz .q_box .control_area .btn_prev{background:url(/ko/common/images/education/mb_ico_arrow_prev_on.png) 50% 50% no-repeat;background-size:9px}
.pop_quiz .q_box .control_area .btn_next{margin-left:3px;background:url(/ko/common/images/education/mb_ico_arrow_next_on.png) 50% 50% no-repeat;background-size:9px} */
.pop_quiz .q_box .control_area button.lock{border:1px solid #ccc;color:#ddd}
/* .pop_quiz .q_box .control_area .btn_prev.lock{background:url(/ko/common/images/education/mb_ico_arrow_prev.png) 50% 50% no-repeat;background-size:9px}
.pop_quiz .q_box .control_area .btn_next.lock{margin-left:3px;background:url(/ko/common/images/education/mb_ico_arrow_next.png) 50% 50% no-repeat;background-size:9px} */
.pop_quiz .q_box .btn_area{margin-top:30px}
.pop_quiz .q_box .btn_area .btn_txt{width:170px;height:40px;line-height:40px}

/* common style - radio, check style */
.design_radio,
.design_check{position:relative;display:inline-block}
.design_radio input[type='radio'],
.design_check input[type='checkbox']{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;visibility:hidden}
.design_radio label,
.design_check label{line-height:20px;background:url(/ko/common/images/education/mb_ico_radio.png) 0 50% no-repeat;background-size:18px;padding-left:28px}
.design_radio input[type='radio']:checked + label,
.design_check input[type='checkbox']:checked + label{background:url(/ko/common/images/education/mb_ico_radio_on.png) 0 50% no-repeat;background-size:18px}

/* 메인 팝업 오늘하루 열지 않기 */
.pop_main{display:none;z-index:60;position:absolute;top:100px;left:15px;right:15px}
.pop_main .modal_cell{padding:15px;}
.pop_main .modal_con .con{position:relative;height:auto;min-height:1px;max-height:999999px;font-size:0}
.pop_main .modal_con .con img {width: 100%;-ms-interpolation-mode: bicubic;}
.pop_main .modal_con .con .btn_link{position:absolute;top:0;display:block;width:100%;height:100%}
.pop_main .frm{position:relative;background:#555;color:#fff;font-size:14px;height:36px;/* line-height:36px; */padding:0 10px;display:block;}
.pop_main .frm form{display:inline-block;}
.pop_main .frm form label,
.pop_main .frm form label input{line-height:36px;vertical-align:middle;color:#fff}
.pop_main .close{position:absolute;top:5px;right:10px;height:26px;line-height:26px;padding:0 6px;background:#fff;color:#000;font-weight:600;}

/* quickbar */
.quickbar {display:block;z-index: 400;position: fixed;bottom: 15px;right: 15px;display: block;}
.quickbar a {display: block;text-indent:-9999px;overflow: hidden;width: 40px;height: 40px;margin-bottom: 10px;}
.quickbar a.kakaoCn {background:url(/ko/common/images/default/ico_quick_talk.png) 0 0 no-repeat;background-size:100%}
.quickbar a.btn_top {background:url(/ko/common/images/default/ico_quick_top.png) 0 0 no-repeat;background-size:100%;margin-bottom:0}

/* 하단 영상 */
.video_box{position:relative}
/* .video_box img{width:100%} */
.video_box button{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.5) url(/ko/common/images/main/playbtn.png) center no-repeat;overflow:hidden;text-indent:-9999px}
.video_box button.on{background:none}
/* .video_box img{display:none} */
.video_box video{display:block}