@charset "utf-8";

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

/* btn */
.btn_area {}
.btn_area.col2 a,
.btn_area.col2 button{width:230px}
.btn_area.col2 a:last-child,
.btn_area.col2 button:last-child{margin-left:20px}
.btn_txt {font-size: 16px;padding: 0 10px;height: 40px;line-height: 40px;}
.btn_txt.white {}
.btn_txt.btn_more {width: 160px;background: url(/ko/common/images/default/ico_arrow_down.png) no-repeat 100px 16px;}
.btn_area .btn_full{width:auto;padding:0 78px;height:50px;line-height:50px;font-size:16px}
.btn_edu{line-height:45px;font-size:14px}

/* select */
.sel_wrap {margin: 20px 0;padding: 0;}
.selectric-wrapper {width: 365px;}
.selectric-label {font-size: 14px;padding: 0 15px;}
.selectric-items li {font-size: 14px;padding: 10px 15px;}

/* file */
.file-area{gap:0 10px}
.file-area .file-area--text{width:calc(100% - 100px)}
.file-area .file-area__wrap{width:90px} 
.file-area .file-area__wrap .file-area__wrap--btn{width:90px}

/* table - 공통 */
.ntc_total {font-size: 14px;margin:35px 0 15px;}
table.type1 thead th,
table.type1 thead td,
table.type1 tbody td{font-size: 14px;}
table.type1 thead th {padding: 15px 0;}
table.type1 tbody td {padding: 15px 0;}

/* popup */
.pop_mov .modal_con{width:1000px;margin:0 auto;padding:0;}
.pop_mov .pop_close{top:-49px;right:0;width:20px;height:19px;padding:15px 15.5px;}
.modal_table.review {top: 0;}
.modal_table.review .modal_con{padding: 0;}
.modal_table.review .pop_close{position:absolute;right: 0;top: -45px;width:35px;height:35px;background:none;padding: 0;}
.pop_area {overflow-y: hidden;}
.pop_area .review_wrap {}
.pop_area .review_wrap .pic {display: table-cell;width: 640px;height: 640px;text-align: center;vertical-align: middle;}
.pop_area .review_wrap .sns_review {display: table-cell;padding: 30px;}
.pop_area .review_wrap .sns_review .top_profile {font-size: 14px;font-weight: 300;padding-bottom: 10px;}
.pop_area .review_wrap .sns_review .top_profile em {width: 72px;margin-right: 25px;}
.pop_area .review_wrap .sns_review .bottom_con {font-size: 13px;padding: 30px;}
.pop_area .review_wrap .sns_review .bottom_con .scrl_inner {height: 415px;}
.pop_area .modal_layer{left:50%;margin:-270px 0 0 -405px;padding:0;width:810px;height:540px}

.pop_youtube .modal_con{width:1102px;margin:0 auto;border:1px solid #000}
.pop_youtube .modal_con .pop_con{padding:30px;*zoom:1}
.pop_youtube .modal_con .pop_con:after{content:"";display:block;clear:both}
.pop_youtube .modal_con .pop_con .img{float:left;width:500px;border-right:1px solid #e5e5e5;margin-bottom:0}
.pop_youtube .modal_con .pop_con .img .main_img{float:none;width:100%}
.pop_youtube .modal_con .pop_con .img .sub_img{float:none;margin-left:0;margin-top:15px;overflow:hidden;text-align:center}
.pop_youtube .modal_con .pop_con .img .sub_img li{display:inline-block;width:66px;height:66px;margin:0 11px}
.pop_youtube .modal_con .pop_con .info{float:right;width:510px;padding:15px 0;border-top:1px solid #e5e5e5;text-align:left}
.pop_youtube .modal_con .pop_con .info h2{margin-bottom:15px;font-size:22px}
.pop_youtube .modal_con .pop_con .info .sub_info{font-size:18px;text-align:left}
.pop_youtube .modal_con .pop_con .info .btn_area{margin:40px 0;text-align:left}
.pop_youtube .modal_con .pop_con .info .btn_area a{width:128px;height:32px;margin:0 4px;font-size:14px;line-height:32px;text-align:center}
.pop_youtube .modal_con .pop_con .info .share{margin-bottom:20px;text-align:left}
.pop_youtube .modal_con .pop_con .info .share p{display:inline-block;font-size:20px;color:#000;margin-right:10px;line-height:30px}
.pop_youtube .modal_con .pop_con .info .share a{display:inline-block;width:30px;height:30px;margin:0 4px;overflow:hidden;background:url(/ko/common/images/product/icon_facebook.png) center center no-repeat;background-size:30px}
.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:30px;}
.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:30px;}

.pop_youtube .modal_con .pop_con .info .pd_list .slickSlider .slick-arrow{bottom:-43px;width:30px;height:30px}
.pop_youtube .modal_con .pop_con .info .pd_list .slickSlider .slick-prev{left:193px;background:url(/ko/common/images/product/popup_arrow_prev.png) center center no-repeat;background-size:30px}
.pop_youtube .modal_con .pop_con .info .pd_list .slickSlider .slick-next{left:288px;background:url(/ko/common/images/product/popup_arrow_next.png) center center no-repeat;background-size:30px}
.pop_youtube .modal_con .pop_con .info .pd_list .controller{text-align:center;margin-top:20px;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 {top: 140px !important;}
.prd_step_clip .ad_list .ingredient_box2 {top: 0;padding: 20px;width: 90%;margin-left: 5%;}
.prd_step_clip .ad_list .ingredient_box2 h3 {font-size: 13px;padding-bottom: 5px;}
.prd_step_clip .ad_list .ingredient_box2 p {font-size: 13px;margin: 20px 0 0;}
.prd_step_clip .ad_list .ingredient_box2 .btn_close {position: absolute;top: 20px;right: 20px;width: 12px;}

/* location */
.location {margin-left: 91px;}
.location .page_map {margin: 20px 0 0 30px;}
.location .page_map li {display: inline-block;letter-spacing: -0.025em;}
.location .page_map li:after {content: ">";display: inline-block;clear: both;margin: 0 5px;}
.location .page_map li:last-child:after {display: none;}

/* layout */
#wrapper {padding-top: 0;}
h3.type1 {margin: 50px 0 35px;text-align: left;}
h3.type1:before {margin: 0 0 10px 0;}
h3.type2 {margin: 50px 0 35px;text-align: center;}

/* page - tab */
.tab_btn {display: block;font-size: 0;text-align: center;margin-bottom: 30px;}
.tab_btn li {font-size: 16px;display: inline-block;}
.tab_btn li:after {content: "";display: inline-block;width: 1px;height: 10px;background: #191919;margin: 0 50px;}
.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_tit {display: none;}
.pro_tab_btn {display: table;table-layout:fixed;width: 100%;margin:-30px 0 20px;border: 0;}
.pro_tab_btn > li {display: table-cell;font-size: 16px;font-weight: 500;;height: 40px;line-height: 40px;text-align: center;border: 1px solid #ccc;border-bottom: 2px solid #000;}
.pro_tab_btn > li a {display: block;}
.pro_tab_btn > li.on {border: 2px solid #000;border-bottom: 0;}
.tab3 li {width:33.33%;}
.tab4 li {width:25%;}
.tab5 li {width:20%;}
.tab6 li {width:16.666%;}

/* board */
.board_write col.th_tit{width:130px;}
.board_write th{font-size:14px}
.board_write td{padding:0 0 20px;font-size:13px}
.board_write td .email {position:relative;width: 100%;box-sizing: border-box;}
.board_write td .email div:first-child{margin-bottom:5px}
.board_write td .email .select_area{position:absolute;top:0;right:0;width:170px}
.board_write td .email div.e_id {float: left;width:calc(100% - 190px);box-sizing: border-box;}
.board_write td .email .e_addr {float:right;width:180px}
.board_write td .email .btn_input {position: absolute;width: 100px;}
.board_write p{font-size:13px}
.board_write .cp{padding:0 0 0 210px}
.board_write .cp .select_area{width:210px}
.board_write .cp .input_num span{width:50%;padding:0 0 0 24px;box-sizing:border-box;}
.board_write .cp .input_num span em{width:24px}

/* header */
/* gnb */
h1.logo a {display: block;}
.ovl {display: none;z-index: 120;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.6;}
.ovl.on {display: block;}
.gnb {z-index: 130;position: fixed;top: 0;left: 0;height: 100%;}
.gnb .left_wrap {z-index: 120;position: relative;text-align: center;width: 90px;height: 100%;min-height: 560px;background: #fff;border-right: 1px solid #e5e5e5;}
.gnb .left_wrap a {display: block;position: absolute;left: 0;width: 90px;padding: 10px 0;}
.gnb .left_wrap a.shop {height: 34px;top: 13px;}
.gnb .left_wrap a.shop.new {left:10px;width:70px}
.gnb .left_wrap a.gnb_open {width: 34px;height: 24px;top: 444px;left: 28px;background: url(/ko/common/images/main/gnb_open.png) no-repeat center center;text-indent: -9999px;overflow: hidden;}
/* .gnb .left_wrap a.gnb_open.on {background: url(/ko/common/images/main/gnb_close.png) no-repeat center center;} */
.gnb .left_wrap a.join {height: 35px;bottom: 13px;}
.gnb .menu1 {z-index: 140;position: absolute;top: 0;left: -246px;font-size: 22px;width: 246px;height: 100%;min-height: 730px;background: #fff;padding: 0 30px;box-sizing: border-box;}
.gnb .menu1 .logo_wrap {font-size: 0;margin-top: 25px;}
.gnb .menu1 .logo_wrap a.gnb_close {display: inline-block;width: 24px;vertical-align: top;margin: 10px 10px 0 0;}
.gnb .menu1 .logo_wrap h1.logo {display: inline-block;width: 152px;vertical-align: top;}
.gnb .menu1 ul {margin-top: 60px;}
.gnb .menu1 ul li {margin-bottom: 30px;white-space: nowrap;}
.gnb .menu1 ul li a {font-weight: 700;}
.gnb .menu1 .shop {display: block;font-size: 18px;font-weight: 300;width: 34px;height: 34px;line-height: 34px;background: url(/ko/common/images/main/ico_shop.png) no-repeat 0 0;padding-left: 45px;letter-spacing: -0.025em;}
.gnb .menu1 .mall{width:125px}
.gnb .menu1 .shop.new {display: block;margin-top:20px;font-size: 18px;font-weight: 300;width: auto;height: 36px;line-height: 36px;background: url(/ko/common/images/default/mb_ico_cart.png) no-repeat 0 0;background-size:40px;padding-left: 45px;letter-spacing: -0.025em;}
.gnb .menu1 a {font-weight: 500;color: #000;}
.gnb .menu1 .bottom {position: absolute;bottom: 23px;}
.gnb .menu1 .bottom .txt{margin-bottom:15px;font-size:18px}
.gnb .menu1 .bottom .util_wrap {}
.gnb .menu1 .bottom .util_wrap span {position: relative;display: inline-block;font-size: 12px;}
.gnb .menu1 .bottom .util_wrap span:first-child {margin-right: 15px;padding-right: 18px;}
.gnb .menu1 .bottom .util_wrap span:first-child:after {content: "";display: block;position: absolute;top: 3px;right: 0;width: 1px;height: 10px;background: #000;}
/* .gnb .menu1 .bottom .sel_wrap {margin-top: 50px;} */
.gnb .menu1 .bottom .sel_wrap select {display: block;font-size: 12px;font-weight: 500;}
.gnb .menu1 .bottom .lang_area{overflow:hidden;margin-top:20px}
.gnb .menu1 .bottom .lang_area li{float:left;width:30px;margin:0 6px 0 0}
.gnb .menu1 .bottom .sns_wrap {font-size: 0;margin-top: 20px;}
.gnb .menu1 .bottom .sns_wrap a {display: inline-block;margin-right: 15px;}
.gnb .menu1 .bottom .sns_wrap a:last-child {margin-right: 0;}
.gnb .menu2 {z-index: 100;position: absolute;top: 0;left: -248px;font-size: 14px;width: 208px;height: 100%;background: #f4f4f4;padding: 70px 20px 0;overflow-y: auto;}
.gnb .menu2 a {color: #666;}
.gnb .menu2 > ul > li {margin-bottom: 35px;}
.gnb .menu2 li > ul {margin: 15px 0 0 25px;}
.gnb .menu2 li > ul > li {font-size: 12px;margin-bottom: 5px;}
.gnb .menu2 li > ul > li:last-child {margin-bottom: 0;}
.gnb #product li {margin-bottom: 15px;} /* product GNB 메뉴 li */
.gnb #product li ul li {margin-bottom: 5px;} /* product GNB 하위 메뉴 li */

.sns_toggle{position:absolute;top:27px;right:70px;width:47px}
.sns_toggle button{width:27px;height:27px}
.sns_toggle ul{padding:5px 10px}
.sns_toggle ul li a{width:27px;height:27px}

/* top_menu */
.top_menu {display: block;z-index: 110;position: fixed;top: 0;left: 0;width: 100%;padding:23px 0 25px 90px;}
.top_menu h1.logo {display: inline-block;margin-left: 30px;}
.top_menu>ul {position: absolute;top:25px;right: 270px;}
.top_menu>ul>li {float: left;margin-left: 50px;font-size: 16px;font-weight: 700;}
.top_menu>ul>li a {display: block;height: 33px;line-height: 33px;color: #191919;}
.top_menu>ul>li.img a{width:95px;height:14px;line-height:14px;margin-top:10px;}
.top_menu .lang {position: absolute;top:20px;right: 140px;font-size: 14px;height: 33px;padding: 0 14px 0 0;color: #191919;border-bottom: 1px solid #191919;}
.top_menu h1.logo .white{display:none}
.top_menu.white h1.logo .black{display:none}
.top_menu.white h1.logo .white{display:block}
.lnb .m_lang_area{display:block;position:absolute;top:15px;left:initial;right:50px}
.top_menu .m_lang_area{position:absolute;top:15px;left:initial;right:140px}
.lnb .m_lang_area .ico,
.top_menu .m_lang_area .ico{display:block;width:100%;padding:5px 10px;box-sizing:border-box}
.lnb .m_lang_area .ico img,
.top_menu .m_lang_area .ico img{display:inline-block;vertical-align:middle;width:40px;margin-right:5px}
.lnb .m_lang_area ul,
.top_menu .m_lang_area ul{position:relative;top:initial;right:initial;display:none;background:#fff;border:1px solid #ccc;z-index:10}
.top_menu .m_lang_area li a{font-size:12px;font-weight:400}

/* lnb */
.lnb {width: 100%;margin-top: 23px;padding: 0 0 25px 90px;border-bottom: 1px solid #e5e5e5;}
.lnb h1.logo {display: inline-block;margin-left: 30px;}
.lnb h2.page_tit {display: inline-block;font-size: 28px;font-weight: 700;color: #111;margin-left: 55px;vertical-align: top;line-height: 1.1;}
.lnb .m_menu {display: none;}
.lnb>ul {display: block;position: absolute;top: 23px;right: 180px;/* margin-right: 65px;float: right; */width: auto;border-top: 0;}
.lnb>ul>li {float: left;margin-left: 50px;font-size: 16px;border-bottom: 0;}
.lnb>ul>li.on {font-weight: 800;border-bottom: 3px solid #191919;}
.lnb>ul>li>a {display: block;height: 30px;line-height: 30px;color: #191919;padding: 0;}
.lnb>ul>li span {background: none;padding-right: 0;}
.lnb .lang {display: block;/* position: absolute;top: 25px;right: 50px; */margin-right: 50px;float: right;font-size: 12px;height: 23px;padding: 0 14px 0 0;color: #999;border-bottom: 1px solid #ccc;}
body.product #wrapper {min-width: 1580px;}
body.product .lnb_prd_wrap {float:right}
body.product .lnb>ul {margin-right:25px;right:120px}
body.product .lnb>ul>li {margin-left:20px;font-size:13px}

/* content_wrap */
.content_wrap {padding-top: 60px;margin-left: 91px}
.content_wrap .content_inner {width: 1100px;margin: 0 auto;padding: 0;}
.content_inner .sub_tit {display: block;font-size: 42px;font-weight: 500;line-height: 1;color: #111;text-align: center;margin-bottom: 30px;}
.content_inner .sub_tit:after {width: 60px;height: 3px;margin: 35px auto 0;}
.content_inner .sub_tit > span {display: block;font-size: 16px;font-weight: 400;color: #666;text-align: center;margin-top: 15px;}
.content_inner .sub_tit.mb_on {margin: 0 0 50px;}
.content_inner .sub_txt {font-size: 16px;margin-bottom: 60px;line-height: 1.5em;}

/* event */
.event_list {}
.event_list ul {float: left;width: 350px;padding-bottom: 95px;margin-right: 25px;}
.event_list ul:nth-child(3n+0) {margin-right: 0;}
.event_list ul li {}
.event_list ul li em {}
.event_list ul li.pic {height: 238px;padding: 0;}
.event_list ul li.pic a {width: 348px;height: 238px;}
.event_list ul li.pic img {height: 100%;}
.event_list ul li.category {}
.event_list ul li.category span {}
.event_list ul li.subj {}
.content_wrap.event .btn_area {}
.event_view .sub_tit {display: none;}

/* 당첨자발표 */
.result_top {padding-right: 0;}
.result_top ul {width: auto;padding-left: 15px;}
.result_top ul li a {font-size: 16px;}
.result_top ul li.on a {font-weight: 500;padding-bottom: 5px;}
.result_top .srch_wrap {float: right;display: inline-block;width: 225px;border-bottom: 1px solid #ccc;padding: 0 5px;}
.result_top .srch_wrap .ip_srch {visibility: visible;height: 30px;line-height: 30px;}
.result_top .srch_wrap .btn_area {width: 20px;padding: 0 0 5px 10px;}

/* brand */
/* studio */
.content_wrap.brand {padding-top: 60px;}
.bandi_collection {padding: 70px 0 1em;background: #f4f4f4;text-align: center;}
.bandi_collection h3 {font-size: 42px;font-weight: 500;line-height: 1;letter-spacing: -0.05em;}
.bandi_collection h3 span {display: block;font-size: 14px;font-weight: 400;margin: 20px 0 50px;letter-spacing: 0;}
.bandi_collection .slide_wrap {width: 1040px;margin: 0 auto 30px;}
.bandi_collection .slide_wrap .slick-slide {width: 297px;margin: 0 25px;padding: 0;}
.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-prev {left: -30px;}
.bandi_collection .slick-next {right: -30px;}

.art_gallery {padding-top: 0;overflow: hidden;width: 1100px;margin: 0 auto;}
.art_tab_btn_wrap::-webkit-scrollbar {width: 0;}
.art_tab_btn_wrap .art_tab_btn {float: left;width: 285px;}
.art_tab_btn_wrap {float: left;height: auto;padding: 0;}
.art_tab_btn_wrap .art_tab_btn li {display: block;width: 283px;height: 95px;border: 1px solid #ccc;border-bottom: 0;margin-right: 0;}
.art_tab_btn_wrap .art_tab_btn li:last-child {border-bottom: 1px solid #ccc;}
.art_tab_btn_wrap .art_tab_btn li a {padding: 20px;box-sizing: border-box;}
.art_tab_btn_wrap .art_tab_btn li a p {display: inline-block;vertical-align: middle;width: 88px;height: 56px;margin: 0 10px 0 0;}
.art_tab_btn_wrap .art_tab_btn li a h3 {display: inline-block;vertical-align: middle;font-size: 20px;}
.art_tab_btn_wrap .art_tab_btn li a h3 span {font-size: 14px;margin-bottom: 5px;}
.art_tab_btn_wrap .art_tab_btn li.on {background: #050608;border: 1px solid #050608;}
.art_tab_btn_wrap .art_tab_btn li.on a h3,.art_tab_btn_wrap .art_tab_btn li.on a h3 span {color: #fff;}

.art_tab_con {display: none;float: left;width: 795px;height: 480px;margin-left: 20px;padding: 0;}
.art_tab_con .pic {float: left;width: 435px;}
.art_tab_con .txt {float: left;width: 320px;margin-left: 20px;}
.art_tab_con .txt h4 {margin: 30px 0 45px;}
.art_tab_con .txt ul {margin: 30px 0 45px;}
.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 {position: absolute;bottom: 20px;right: 155px;font-size: 0;}
.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;}

.board_clip .ad_list:after {content: "";display: block;clear: both;}
.board_clip .ad_list ul {width: 266px;margin: 0 12px 40px 0;}
.board_clip .ad_list ul:nth-child(2n+0) {margin-right: 12px;}
.board_clip .ad_list ul:nth-child(4n+0) {margin-right: 0;}
.board_clip .ad_list ul li.pic {width: 266px;height: 150px;overflow: hidden;}
.board_clip .ad_list ul li.pic a {display: table-cell;width: 266px;height: 150px;}

.board_clip.insta .ad_list {}
.board_clip.insta .ad_list ul {width: 270px;margin: 0 5px 25px 0;}
.board_clip.insta .ad_list ul:nth-child(2n+0) {margin-right: 5px;}
.board_clip.insta .ad_list ul li {position: relative;width: 270px;height: 270px;padding-bottom: 0;float: none;}
.board_clip.insta .ad_list ul li a {display: table-cell;position: relative;width: 270px;height: 270px;}
.board_clip.insta .ad_list ul li img {position: relative;width: 100%;height: 100%;}
.board_clip.facebook {width: 760px;margin: 0 auto;}
.board_clip.facebook .sns_facebook .box1 iframe {float: left;width: 280px;margin-bottom: 0;}
.board_clip.facebook .sns_facebook .box2 iframe {float: right;width: 450px;}

/* brand_dna */
.content_wrap.brand_dna .content_inner {width: 1000px;margin: 0 auto;}
.brand_dna_top .tit {font-size: 96px;letter-spacing: 1;line-height: 0.85em;}
.brand_dna_top .tit span {font-size: 32px;margin-bottom: 25px;}
.brand_dna_top .tit em {}
.brand_dna_top .txt_box {background: url(/ko/common/images/brand/ico_tit.png) no-repeat center 0;background-size: 55px;margin: 90px 0 40px;padding: 75px 0 60px;}
.brand_dna_top .txt_box p {font-size: 20px;line-height: 1.4em;}
.brand_dna_top .txt_box p span {display: block;}
.brand_dna_top .sub_line p {font-size: 32px;width:234px;background: #fff;padding: 0 30px;margin-left: -137px;}
.brand_dna_top .sub_line+.txt_box .tit {margin-bottom: 40px;}
.brand_con {padding-left: 30px;padding-bottom: 10px;margin-top: 20px;background: url(/ko/common/images/brand/brand_dna_img3.jpg) no-repeat 520px 750px;}
.brand_con .txt_box {margin-top: 0;}
.brand_con .txt_box ul {margin-bottom: 70px;line-height: 1;}
.brand_con .txt_box li {font-size: 14px;margin-bottom: 0;line-height: 1.4em;}
.brand_con .txt_box li.con_sub_tit {font-size: 34px;}

.brand_con.type1 {overflow: hidden;margin-bottom: 100px;padding-bottom: 0;background: none;}
.brand_con.type1 .pic_box {float: left;width: 480px;margin-right: 40px;}
.brand_con.type1 .txt_box {float: left;width: 450px;line-height: 1;border-top: 4px solid #000;padding-top: 40px;margin-top: 0;}
.brand_con.type1 .txt_box ul {margin-bottom: 50px;}
.brand_con.type1 .txt_box li {margin-bottom: 25px;line-height: 1.4em;}
.brand_con.type1 .txt_box li.con_sub_tit {font-size: 48px;line-height: 1;}

/* history */
.history_top {}
.history_top p {font-size: 40px;margin: 60px 0 120px;}
.history_wrap {position: relative;height:0;background: url(/ko/common/images/brand/history_bg.jpg) center 30px repeat-y;}
.history_wrap:after{content:"";position:absolute;top:0;left:50%;width:10px;height:30px;margin-left:-5px;background:#fff}

.history_wrap .aniWrap{overflow:inherit;display:block}
.history_wrap .aniWrap .aniShow{overflow:hidden}
.history_wrap .history_box {position: absolute;width: 470px;}
.history_wrap .history_box dl dt {font-size: 30px;font-weight: 700;font-style: italic;color: #111;letter-spacing: -0.05em;line-height: 1;margin-bottom: 12px;}
.history_wrap .history_box dl dd {font-size: 15px;color: #555;letter-spacing: -0.05em;line-height: 1.2em;margin-bottom: 8px;}
.history_wrap .history_box dl dd span {display: inline-block;font-size: 12px;color: #999;margin-left: 10px;}
.history_wrap .history_box .dot{display:none;position:absolute;top:30px;width:10px;height:10px;background:#000;border-radius:100%;z-index:500}
.history_wrap .history_box .dot .line{display:block;position:absolute;top:5px;width:0;height:1px;background:#ccc;z-index:499}

.history_wrap .history_box.y2018 {left: 0;}
.history_wrap .history_box.y2018 .pic {float: right;}
.history_wrap .history_box.y2018 dl {float: right;width: 250px;margin-top: 15px;}
.history_wrap .history_box.y2018 dl dt {font-size: 50px;}
.history_wrap .history_box.y2018 .dot{right:-85px}
.history_wrap .history_box.y2018 .dot .line{right:10px}

.history_wrap .history_box.y2017 {right: 0;top: 150px;}
.history_wrap .history_box.y2017 .pic {float: left;width: 225px;}
.history_wrap .history_box.y2017 dl {float: right;width: 230px;margin-top: 30px;}
.history_wrap .history_box.y2017 .dot{left:-85px}
.history_wrap .history_box.y2017 .dot .line{left:10px}

.history_wrap .history_box.y2016 {left: 0;top: 350px;}
.history_wrap .history_box.y2016 .pic {float: right;width: 260px;}
.history_wrap .history_box.y2016 dl {position: absolute;top: 30px;}
.history_wrap .history_box.y2016 .dot{right:-85px}
.history_wrap .history_box.y2016 .dot .line{right:10px}

.history_wrap .history_box.y2015 {right: 0;top: 500px;}
.history_wrap .history_box.y2015 .pic {float: left;width: 235px;margin-right: 15px;}
.history_wrap .history_box.y2015 dl {float: left;width: 220px;}
.history_wrap .history_box.y2015 .dot{left:-85px}
.history_wrap .history_box.y2015 .dot .line{left:10px}

.history_wrap .history_box.y2014 {left: 0;top: 700px;}
.history_wrap .history_box.y2014 .pic {float: right;padding-bottom:70px}
.history_wrap .history_box.y2014 dl {position: absolute;left: 255px;top: 160px;}
.history_wrap .history_box.y2014 .dot{right:-85px}
.history_wrap .history_box.y2014 .dot .line{right:10px}

.history_wrap .history_box.y2013 {right: 0;top: 850px;}
.history_wrap .history_box.y2013 .pic {width: 344px;margin-bottom: 30px;}
.history_wrap .history_box.y2013 .dot{left:-85px}
.history_wrap .history_box.y2013 .dot .line{left:10px}

.history_wrap .history_box.y2012 {left: 0;bottom: 657px;}
.history_wrap .history_box.y2012 .pic {float: right;width: 110px;}
.history_wrap .history_box.y2012 .dot{right:-85px}
.history_wrap .history_box.y2012 .dot .line{right:10px}

.history_wrap .history_box.y2011 {right: 0;bottom: 520px;}
.history_wrap .history_box.y2011 .pic {float: left;width: 155px;margin-right: 15px;}
.history_wrap .history_box.y2011 .dot{left:-85px}
.history_wrap .history_box.y2011 .dot .line{left:10px}

.history_wrap .history_box.y2010 {left: 0;bottom:310px;}
.history_wrap .history_box.y2010 .pic {float: right;width: 370px;}
.history_wrap .history_box.y2010 dl{padding-top:75px}
.history_wrap .history_box.y2010 .dot{right:-85px}
.history_wrap .history_box.y2010 .dot .line{right:10px}

.history_wrap .history_box.y2009 {right: 0;bottom:165px;}
.history_wrap .history_box.y2009 .pic {float: left;width: 155px;margin-right: 15px;}
.history_wrap .history_box.y2009 .dot{left:-85px}
.history_wrap .history_box.y2009 .dot .line{left:10px}

.history_wrap .history_box.y2008 {left: 0;bottom: 0;}
.history_wrap .history_box.y2008 .pic {float: right;width: 377px;}
.history_wrap .history_box.y2008 dl{padding-top:140px}
.history_wrap .history_box.y2008 .dot{right:-85px}
.history_wrap .history_box.y2008 .dot .line{right:10px}

/* dear_artist */
.dear_top {margin-top: 40px;height: 679px;padding-top : 0;background: url(/ko/common/images/brand/dear_top.jpg) no-repeat 0 0;}
.dear_top p {position: relative;top: 110px;padding: 0;font-size: 20px;}
.dear_top p span {display: block;}
.educator_notice {padding: 70px 85px 50px;}
.educator_notice h3 {font-size: 20px;line-height: 1.4em;margin-bottom: 50px;}
.educator_notice h3 span {font-size: 30px;}
.educator_notice p.pic {width: 260px;margin: 0 auto 30px;border-right: 0}
.educator_notice .ntc_box {display: table-cell;width: 310px;padding: 0;border-bottom: 0;}
.educator_notice ul {height: 450px;border-right: 1px solid #ccc;padding: 0 25px;}
.educator_notice .ntc_box:last-child ul {border-right: 0;}
.educator_notice li {font-size: 16px;line-height: 1.4em;}
.educator_notice li.tit {font-size: 20px;margin-bottom: 30px;padding-top: 20px;height: 50px;line-height: 1.2em;}
.educator_notice li.tit.type1 {margin-bottom: 45px;padding-top: 30px;height: 25px;}
.educator_notice li .step_ntc {margin-top: 15px;}
.educator_notice li .step_ntc dl {font-size: 16px;letter-spacing: -0.05em;}
.educator_notice li .step_ntc dt {font-size: 14px;width: 70px;background: url(/ko/common/images/brand/ico_educator_intro.png) no-repeat 0 0;background-size: 100%;}
.educator_notice li .step_ntc dd {line-height: 1.2em;margin: 3px 0 10px 7px;}
.educator_intro .intro_top .member_tit {padding: 50px 0;background: url(/ko/common/images/brand/member_tit_bg.jpg) no-repeat center center;background-size: 100%;}
.educator_intro .intro_top .member_tit p {font-size: 18px;padding: 0;}
.educator_intro .intro_top .member_tit p span {font-size: 26px;margin-top: 15px;}
.educator_intro .intro_top .member_select {margin: 30px 0;}
.educator_intro .intro_top .member_select select {height: 40px;line-height: 40px;margin-right: 20px;padding-left: 12px;}
.educator_intro .member_wrap .aniWrap{width: 33.33%;margin-top:80px}
.educator_intro .member_wrap .aniWrap.top_zero{margin-top:0}
/*.educator_intro .member_wrap ul {width: 33.33%;margin-top: 80px;}
.educator_intro .member_wrap ul:first-child,.educator_intro .member_wrap ul:nth-of-type(2),.educator_intro .member_wrap ul:nth-of-type(3) {margin-top: 0;}*/
.educator_intro .member_wrap li {font-size: 14px;}
.educator_intro .member_wrap li.pic {width: 260px;margin: 0 auto 20px;}
.educator_intro .member_wrap li.kor_nm {font-size:18px;}
.educator_intro .member_wrap li.eng_nm {font-size:12px;}

/* product */
.content_wrap.product {padding-top: 60px;}
.prd_visual {width: 1100px;margin: 0 auto;text-align: center;}
.prd_visual.w740{width: 740px}
.filter_wrap {width: 1100px;margin: 0 auto;}
.filter_wrap .filter_top {text-align: left;padding: 0;}
.filter_wrap .filter_top > h3 {width: auto;padding: 0 30px;}
.filter_wrap .filter_top .select_wrap {width: 160px;}
.filter_wrap .filter_top .select_wrap > button {box-sizing: border-box;background: url(/ko/common/images/default/ico_arrow_down_wh.png) no-repeat 75% 50%;background-size: 9px;padding: 0 25px 0 10px;}
.filter_wrap .filter_bottom {padding: 0 30px;margin-top: 20px;}

.prd_clip {margin-top: 40px;}
.prd_clip .ad_list {margin-bottom: 70px;}
.prd_clip .ad_list ul {width: 12.5%;margin: 0 0 30px 0;padding: 0;box-sizing: border-box;}
.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: 12px;font-weight: 500;line-height:15px;color: #191919;margin: 20px 0 10px;overflow: hidden;text-overflow: ellipsis;height: 3.0em;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.prd_clip .ad_list ul li.subj20300 {font-size: 13px;font-weight: 500;line-height:15px;color: #191919;margin: 20px 0 10px;overflow: hidden;text-overflow: ellipsis;height: 3.0em;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 {}
.prd_step_clip .ad_list {font-size: 0;margin: 30px 0 40px;}
.prd_step_clip .ad_list ul {display: inline-block;vertical-align: top;width: 33.33%;padding: 10px 20px;margin-bottom: 30px;border-bottom: 0;border-left: 1px solid #eee;box-sizing: border-box;}
.prd_step_clip .ad_list ul:nth-child(3n+0) {border-right: 1px solid #eee;}
.prd_step_clip .ad_list ul:first-child {padding-top: 10px;}
.prd_step_clip .ad_list ul li.txt {padding-left: 20px;line-height: 1;}
.prd_step_clip .ad_list ul li h3 {font-size:16px;line-height:18px;letter-spacing:-0.5;}
.prd_step_clip .ad_list ul li h3 span {font-size:11px;line-height:12px;}
.prd_step_clip .ad_list ul li p {margin: 12px 0 10px;}

.prd_con .trend_top {width: 1100px;margin: 80px auto;}
.prd_con .trend_top > span {padding: 0;margin-bottom: 60px;}
.prd_con .trend_top > p {font-size: 24px;}
.prd_con .trend_top > p span {display: block;}

.trend_tab_btn {margin-bottom: 80px;}
.trend_tab_btn > li {font-size: 16px;;height: 40px;line-height: 40px;}
.trend_tab_con {width: 1100px;margin: 0 auto;}
.trend_tab_con .btn_trend{bottom:1057px}

/* process */
body.product .tab_btn {display: block;margin:15px 0;overflow:hidden;white-space:normal}
.process_top {margin-top: 70px;}
.process_top .bg_inner {padding: 40px 0;}
.process_top .inner {position: relative;width: 1100px;margin: 0 auto;}
.process_top .inner .bg_item {bottom: -115px;right: 0;width: 208px;height: 246px;}
.process_top h3 {font-size: 42px;}
.process_top span {font-size: 26px;font-weight: 300;margin-top: 30px;line-height: 1;}
.process_step_wrap {}
.step_box {margin-bottom: 70px;}
.step_box h4 {font-size: 18px;}
.step_box h4 > span {font-size: 14px;width: 105px;height: 30px;line-height: 30px;border-radius: 20px;letter-spacing: 0;}
.step_box .step_tit {font-size: 16px;}
.step_box ol {margin: 0 0 20px;}
.step_box ol li {font-size: 14px;line-height: 1.6em;}
.step_box .tip_nic_wrap {margin-bottom: 15px;}
.step_box .tip_nic_wrap p {display: inline-block;font-size: 13px;color: #333;letter-spacing: -0.05em;line-height: 1.4em;margin: 0;}
.step_box .tip_nic_wrap .ico_tip {font-size: 14px;display: inline-block;margin: 0 10px 5px 0;}
.step_box .tip_nic_wrap .ico_notice {font-size: 14px;display: inline-block;margin: 0 10px 5px 0;}
.step_box .pic_wrap {margin-bottom: 20px;overflow: hidden;}
.step_box .pic_wrap ul.left {float: left;}
.step_box .pic_wrap ul.left li {margin-right: 10px;}
.step_box .pic_wrap ul.left li:nth-of-type(3n+0) {margin-right: 10px;}
.step_box .pic_wrap ul.right {float: left;}
.step_box .pic_wrap ul.right li {float: left;margin-left: 0;margin-right: 10px;}
.step_box .pic_wrap ul li {z-index: 80;position: relative;width: 104px;height: 78px;margin-bottom: 0;}
.step_box.line {padding: 20px 20px 0;}

/* place */
/* salon */
.content_wrap.salon {padding-top: 60px;}
.content_wrap.salon h3.type1 {margin-top: 0;padding-bottom: 0;}
.salon_top {width: 1100px;margin: 85px auto 0;}
.salon_top .tit_box {padding: 0 0 130px;overflow: hidden;}
.salon_top .tit_box:after {display: none;}
.salon_top .tit_box h3 {float: left;width: 345px;font-size: 30px;text-align: left;}
.salon_top .tit_box h3 span {font-size: 40px;margin: 20px 0 0;}
.salon_top .tit_box .pic_box {float: left;width: 700px;margin-left: 55px;}
/* .salon_top .tit_box p {font-size: 20px;line-height: 1.6em;}
.salon_top .tit_box p span {display: block;} */
.salon_con_wrap {padding-bottom: 50px;}
.salon_con {margin-bottom: 80px;overflow: hidden;}
.salon_con .pic_box {float: left;width: 440px;margin-right: 60px;}
.salon_con .txt_box {float: left;width: 600px;}
.salon_con .txt_box h3 {font-size: 30px;}
.salon_con .txt_box h3:before {margin: 0 0 20px;}
.salon_con .txt_box h3 span {margin: 20px 0 30px;}
.salon_con .txt_box p {font-size: 16px;line-height: 1.6em;}
.salon_con.right .pic_box {float: right;width: 330px;margin-right: 220px;margin-left: 50px;}
.salon_con.right .txt_box {float: right;width: 500px;}
.service_prgm_wrap {overflow: hidden;margin-bottom: 80px;}
.service_con {float: left;width: 25%;margin-bottom: 0;}
.service_con .pic_box {display: block;width: 190px;height: 190px;margin: 0 auto;}
.service_con .txt_box {display: block;width: 100%;margin-top: 30px;}
.service_con .txt_box h4 {font-size: 18px;text-align: center;margin-bottom: 20px;}
.service_con .txt_box ul {padding-right: 20px;}
.service_con .txt_box li {font-size: 16px;}
.shop_con {position: relative;overflow: hidden;padding: 20px 0;border-bottom: 1px solid #ccc;}
.shop_con:nth-of-type(1) {padding-top: 0;}
.shop_con:last-child {border-bottom: 0;}
.shop_con .pic_box {float: left;width: 408px;margin-right: 50px;}
.shop_con .txt_box {float: left;width: 642px;margin-bottom: 0;}
.shop_con .txt_box li {font-size: 16px;line-height: 1.4em;}
.shop_con .txt_box li.tit {font-size: 24px;margin: 50px 0 40px;}
.shop_con .txt_box li:last-child {margin-top: 35px;}
.shop_con .btn_area {position: absolute;right: 0;bottom: 20px;width: 335px;}
.shop_con .btn_area button {font-size: 16px;width: 160px;padding: 0;}
.shop_con .btn_area button:last-child {margin-left: 10px;}
.mov_wrap.stroe .map{height:420px}
.mov_wrap.stroe .map_txt {padding: 20px 20px 35px;}
.mov_wrap.stroe .map_txt h2 {font-size: 16px;margin-bottom: 15px;}
.mov_wrap.stroe .map_txt li {font-size: 16px;line-height: 1.4em;}

.pop_area .slide{border:1px solid #111}
.pop_area .slide img {height: 100%;border:0}
.pop_area .slide .slick-dots {top:initial;bottom:25px}

/* branch */
.branch_top {width: 1100px;margin: 0 auto;}
.branch_top .txt {font-size: 40px;margin-bottom: 40px;}
.branch_top .txt_box {margin: 40px 0 80px;padding: 0;}
.branch_top .txt_box p {font-size: 20px;line-height: 1.4em;}
.branch_top .txt_box span {display: block;}
.store_tel_wrap {}
.tel_box {width: 260px;margin: 0 20px 20px 0;}
.tel_box:nth-of-type(2n+0) {margin-right: 20px;}
.tel_box:nth-of-type(4n+0) {margin-right: 0;}
.tel_box ul {padding: 50px 40px 58px;}
.tel_box li {font-size: 18px;}
.tel_box li.tit {font-size: 24px;padding-bottom: 30px;margin-bottom: 30px;}

/* academy */
.academy_top p {font-size: 40px;}
.academy_top p span {display: block;}
.academy_top p.txt {font-size: 20px;padding: 0;margin: 40px 0 80px;}
.academy_con_wrap {padding-bottom: 30px;}
.academy_con {overflow: hidden;padding: 40px;}
.academy_con:first-child {padding-top: 0;}
.academy_con:last-child {border-bottom: 0;}
.academy_con .pic {float: left;width: 200px;margin-right: 40px;}
.academy_con ul {float: left;width: 780px;}
.academy_con li {font-size: 16px;color: #666;line-height: 1.4em;}
.academy_con li.tit {font-size: 40px;margin: 0 0 25px 0;line-height: 1;}
.academy_con li.tit img {height: 34px;margin-left: 15px;}
.academy_con_wrap+.btn_area {margin-top: 10px;}
.academy_con_wrap+.btn_area .btn_txt {width: 340px;}
.annex_center_wrap ul {display: table;margin: 0 auto;}
.annex_center_wrap li {display: table-cell;vertical-align: top;width: auto;padding: 0 50px;}
.annex_center_wrap li span {font-size: 20px;width: 180px;height: 180px;border-radius: 90px;background: #f4f4f4;line-height: 1.4em;}
.annex_center_wrap li.arrow {width: 97px;height: 31px;background: url(/ko/common/images/place/ico_arrow.png) no-repeat 0 50%;background-size: 100%;padding: 0;}

/* member */
.terms_area .terms h2 {font-size:16px;}
.guide_privacy {font-size:14px;}
.terms_area .terms p {font-size:14px;}
.terms_area .terms li {font-size:14px;}

/* footer */
#footer {margin-top: 100px;padding-left: 91px;font-size: 14px;border-top: 0;box-sizing: border-box;}
.foot_inner {width: 1100px;margin: 0 auto;border-top: 1px solid #e5e5e5;padding: 18px 0 22px;}
.foot_inner li:after {height: 12px;margin: 0 20px;}
.foot_inner p {margin-top: 18px;}}}er-top: 1px solid #e5e5e5;padding: 18px 0 22px;}
.foot_inner li:after {height: 12px;margin: 0 20px;}
.foot_inner p {margin-top: 18px;}

/* select - style */
.checkbox_style1 input[type="checkbox"] + label{height:36px;padding:0 5px 0 45px;font-size:16px;line-height:36px}
.checkbox_style1 input[type="checkbox"] + label:after{width:36px;height:36px}
.checkbox_style1 input[type="checkbox"]:checked + label:after{background-size:36px}

/* login */
.login .login_table{width:890px;height: 660px;padding:0 45px;margin:0 auto}
.login .login_table .login_cell .login_con{width: 440px;margin: 0 auto;height:auto;max-height:80vh;overflow:auto}
.login .login_table .login_cell .login_con .login_close{width:60px;height:60px;}
.login_style01 .login_table {}
.login_style01 .login_table .login_cell .login_con{height:100%;max-height:100%;padding:55px 0 0}

/* member - login */
.login_wrap .login_con .sns{margin-top:0;}
.login_wrap .login_con .sns li{margin-bottom:10px}
.login_wrap .login_con .sns li a{font-size:16px;line-height:50px}
.login_wrap .login_con .email_login{margin-top:50px}
.login_wrap .login_con .email_login input[type='text'],
.login_wrap .login_con .email_login input[type='password']{font-size: 14px;height:44px;line-height:44px}
.login_wrap .login_con .email_login span{font-size:16px}
.login_wrap .login_con .email_login .checkbox_style2{margin-top:20px}
.login_wrap .login_con .btn_area{margin-top:40px}
.login_wrap .login_con .btn_area .btn_full{width:100%;margin:0}
.login_wrap .login_con .btn_area a{border-bottom:1px solid #777;font-size:16px;padding-bottom: 6px;}

/* video_area */
.video_area{width:740px;margin:0 auto;padding-bottom:37.25%}

/* brand_house_page */
.brand_house_page .top .txt .table .table-cell img{width:375px}
.brand_house_page .top .txt .table .table-cell .tit{margin-top:30px;font-size:26px}
.brand_house_page .top .txt .table .table-cell .info{margin-top:55px;font-size:20px}
.brand_house_page .top_info{margin-top:80px;display:table;width:100%}
.brand_house_page .top_info .img{display:table-cell;width:475px;vertical-align:middle}
.brand_house_page .top_info .img img{width:420px;}
.brand_house_page .top_info .txt{display:table-cell;width:620px;padding-left:40px;box-sizing:border-box;margin-top:0;vertical-align:top}
.brand_house_page .top_info .txt h3{font-size:32px}
.brand_house_page .top_info .txt h3 img{width:158px;margin-left:10px}
.brand_house_page .top_info .txt dd,
.brand_house_page .top_info .txt p{font-size:16px}
.brand_house_page .top_info .txt p{margin-bottom:60px}
.brand_house_page .top_info .txt dt{font-size:20px}
.brand_house_page .top_info .txt dd{padding-bottom:30px;margin-bottom:30px}
.brand_house_page .top_info .txt dd.last{padding-bottom:0}
.brand_house_page .img_list{margin:80px 0 40px}
.brand_house_page .img_list li{width:260px;padding:0;margin-right:20px}
.brand_house_page .img_list li:last-child{margin-right:0}

/* brand_program_page */
h3.brand_tit{margin:0;padding-bottom:40px;font-size:42px}
h3.brand_tit::after{width:60px}
p.brand_tit_txt{margin-top:30px;font-size:16px;line-height:25px}
.brand_program_page .system_con{margin:0 0 80px}
.brand_program_page .system_con .system_list li{margin-right:20px;width:260px}
.brand_program_page .system_con .system_list li:nth-of-type(2n){margin-left:0}
.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:0}
.brand_program_page .system_con .system_list li:last-of-type{margin-right:0}
.brand_program_page .system_con .system_list li .img{margin-bottom:30px;text-align:center}
.brand_program_page .system_con .system_list li .txt{}
.brand_program_page .system_con .system_list li .txt strong{margin-bottom:20px;font-size:24px}
.brand_program_page .system_con .system_list li .txt p{font-size:16px;line-height:26px}
.brand_program_page .system_con .system_list li .list{margin-top:25px;padding:20px 0;height:170px;line-height:26px}
.brand_program_page .system_con .system_list li .list .list_txt{margin-left:65px;font-size:16px}
.brand_program_page .program_con .program_list{margin-top:35px}
.brand_program_page .program_con .program_list::after{content:'';display:block;clear:both}
.brand_program_page .program_con .program_list li{float:left;padding:25px 0 30px;width:540px}
.brand_program_page .program_con .program_list li:nth-of-type(2n){margin-left:20px}
.brand_program_page .program_con .program_list li:nth-of-type(3){margin-bottom:0}
.brand_program_page .program_con .program_list li:last-of-type{margin-bottom:0}
.brand_program_page .program_con .program_list li .tit{padding:20px 0;font-size:26px}
.brand_program_page .program_con .program_list li .tit span{font-size:70px}
.brand_program_page .program_con .program_list li .txt{margin:10px 0 20px;font-size:16px}
.brand_program_page .program_con .program_list li .list{font-size:16px;line-height:26px}
.brand_program_page .interview_con h3.brand_tit{margin-top:70px}
.brand_program_page .interview_con .interview_list{margin:77px -12px 0}
.brand_program_page .interview_con .interview_list li{width:25%;margin-top:0;padding:0 12px}
.brand_program_page .interview_con .interview_list li .tit{font-size:15px}
.brand_program_page .interview_view_con h3.brand_tit{margin-bottom:40px}
.brand_program_page .interview_view_con .con{padding:0 14px}
.brand_program_page .interview_view_con .con .tit{margin:45px 0 14px;font-size:21px}
.brand_program_page .interview_view_con .con .txt{font-size:16px}
.pagination{margin-top:80px}
.pagination a{margin:0 20px}

.page_navi{margin-top:55px}
.page_navi button{margin:0 15px;font-size:16px}


/* brand_faq_page */
.brand_faq_page{width:800px;margin:0 auto}
.brand_faq_page select{background:#fff url(/ko/common/images/default/pc_ico_sel.jpg) 100% 50% no-repeat;background-size:34px;padding-left:20px}
.brand_faq_page .board_area{margin:80px 0 40px}
.brand_faq_page .board_area .board_write th{vertical-align:middle}
.brand_faq_page .radio_style1{padding:0 0 20px}
.brand_faq_page .btn_txt{width:190px;height:50px;line-height:50px}

/* brand_recruit_page */
.tit_banner{margin:0 0 60px;height:320px}
.tit_banner .title_box .title_box__sub{font-size:20px}
.tit_banner .title_box .title_box__title{font-size:42px}
.brand_recruit_page .board_write .radio_style1{margin:-10px 0 0;padding:0 !important}
.brand_recruit_page .board_area .board_write th{vertical-align:top}
.brand_recruit_page .board_area .board_write th.center{vertical-align:middle}

/* brand_franchise_page */
.brand_franchise_page>p{margin:40px 0;line-height:1.2em;font-size:16px;font-weight:300}
.brand_franchise_page .top{padding-bottom:80px;overflow:hidden}
.brand_franchise_page .top p{float:left;margin-bottom:0}
.brand_franchise_page .top p:first-child{margin-right:20px}
.brand_franchise_page .fran_store_wrap{padding-top:0}
.brand_franchise_page .fran_store_wrap:before{display:none}
.brand_franchise_page .shop_con .txt_box li.tit{margin-bottom:35px;font-size:24px}

/* brand_process_page */
.brand_process_page .list_step{margin:40px 0 80px}
.brand_process_page .list_step li{width:25%;margin-top:95px;padding-top:150px;line-height:1.2em;font-size:16px;font-weight:300}
.brand_process_page .list_step ul:nth-child(2) li{float:right}
.brand_process_page .list_step li:after{width:38px;height:40px}
.brand_process_page .list_step li.ico01{margin-top:0;background:url(/ko/common/images/brand/pc_process_img01.png) 50% 0 no-repeat;background-size:100px}
.brand_process_page .list_step li.ico01:after{top:45px;right:-19px;background:url(/ko/common/images/brand/pc_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/pc_process_img02.png) 50% 0 no-repeat;background-size:100px}
.brand_process_page .list_step li.ico02:after{top:45px;left:initial;right:-19px;bottom:initial;width:38px;height:40px;margin-left:0;background:url(/ko/common/images/brand/pc_ico_arrow_right.png) 0 0 no-repeat;background-size:100%}
.brand_process_page .list_step li.ico03{float:left;margin-top:0;background:url(/ko/common/images/brand/pc_process_img03.png) 50% 0 no-repeat;background-size:100px}
.brand_process_page .list_step li.ico03:after{top:45px;left:initial;right:-19px;bottom:initial;width:38px;height:40px;margin-left:0;background:url(/ko/common/images/brand/pc_ico_arrow_right.png) 0 0 no-repeat;background-size:100%}
.brand_process_page .list_step li.ico04{margin-top:0;background:url(/ko/common/images/brand/pc_process_img04.png) 50% 0 no-repeat;background-size:100px}
.brand_process_page .list_step li.ico04:after{bottom:-66px;width:40px;height:38px;margin-left:-20px;background:url(/ko/common/images/brand/pc_ico_arrow_down.png) 0 0 no-repeat;background-size:100%}
.brand_process_page .list_step li.ico05{background:url(/ko/common/images/brand/pc_process_img05.png) 50% 0 no-repeat;background-size:100px}
.brand_process_page .list_step li.ico05:after{top:45px;right:initial;left:-19px;width:38px;height:40px;background:url(/ko/common/images/brand/pc_ico_arrow_left.png) 0 0 no-repeat;background-size:100%}
.brand_process_page .list_step li.ico06{background:url(/ko/common/images/brand/pc_process_img06.png) 50% 0 no-repeat;background-size:100px}
.brand_process_page .list_step li.ico06:after{top:45px;right:initial;left:-19px;bottom:initial;width:38px;height:40px;margin-left:0;background:url(/ko/common/images/brand/pc_ico_arrow_left.png) 0 0 no-repeat;background-size:100%}
.brand_process_page .list_step li.ico07{float:left;background:url(/ko/common/images/brand/pc_process_img07.png) 50% 0 no-repeat;background-size:100px}
.brand_process_page .list_step li.ico07:after{top:45px;right:initial;left:-19px;width:38px;height:40px;background:url(/ko/common/images/brand/pc_ico_arrow_left.png) 0 0 no-repeat;background-size:100%}
.brand_process_page .list_step li.ico08{background:url(/ko/common/images/brand/pc_process_img08.png) 50% 0 no-repeat;background-size:100px}
.brand_process_page .list_step li.ico08:after{bottom:-66px;width:40px;height:38px;margin-left:-20px;background:url(/ko/common/images/brand/pc_ico_arrow_down.png) 0 0 no-repeat;background-size:100%}
.brand_process_page .list_step li.ico09{background:url(/ko/common/images/brand/pc_process_img09.png) 50% 0 no-repeat;background-size:100px}
.brand_process_page .list_step li.ico09:after{top:45px;right:-19px;width:38px;height:40px;background:url(/ko/common/images/brand/pc_ico_arrow_right.png) 0 0 no-repeat;background-size:100%}
.brand_process_page .list_step li.ico10{background:url(/ko/common/images/brand/pc_process_img10.png) 50% 0 no-repeat;background-size:100px}
.brand_process_page .list_step li.ico10:after{top:45px;left:initial;right:-19px;bottom:initial;width:38px;height:40px;margin-left:0;background:url(/ko/common/images/brand/pc_ico_arrow_right.png) 0 0 no-repeat;background-size:100%}
.brand_process_page .list_step li.ico11{float:left;background:url(/ko/common/images/brand/pc_process_img11.png) 50% 0 no-repeat;background-size:100px}
.brand_process_page .list_step li.ico11:after{top:45px;left:initial;right:-19px;width:38px;height:40px;background:url(/ko/common/images/brand/pc_ico_arrow_right.png) 0 0 no-repeat;background-size:100%}
.brand_process_page .list_step li.ico12{background:url(/ko/common/images/brand/pc_process_img12.png) 50% 0 no-repeat;background-size:100px}
.brand_process_page .tel_area p{padding:60px 0 60px 53px;background:url(/ko/common/images/brand/pc_ico_tel.png) 0 50% no-repeat;background-size:38px;font-size:40px}
.brand_process_page .tel_area p span{margin-right:30px;font-size:42px}

/* bandi_news_page */
.bandi_news_page{width:800px;margin:0 auto}
.bandi_news_page .brand_tit{margin-bottom:50px}
.bandi_news_page table.type1 .num {width: 80px;}
.bandi_news_page table.type1 .date {width: 130px;}
.bandi_news_page table.type1.view .subj {padding: 12px 20px;}
.bandi_news_page table.type1.view .subj span {float: right;}
.bandi_news_page table.type1.view tbody td {padding: 20px 20px 35px;line-height:1.5}

/* brand_startup_page */
.brand_startup_page .video_wrap{width: 1000px;height: 563px;padding-bottom: 0}
.brand_startup_page .btn_wrap{position: relative}
.brand_startup_page .btn_wrap p{margin: 0;padding: 15px 40px;font-size: 20px}
.brand_startup_page .btn_wrap01 p{bottom: 478px;left: 235px}
.brand_startup_page .btn_wrap02 p{bottom: 123px;left: 235px}
.brand_startup_page .floating_banner{bottom: 15px;right: 85px;width: 130px}

/* call btn */
.call_btn p i{display:block}
.call_btn p a{display:none}

/* education - edu_list */
.content_wrap.education{padding-top:60px}
.education .srch_form{width:365px;margin:90px auto 0}
.education .srch_form p{width:calc(100% - 65px)}
.education .srch_form p input{height:50px;line-height:50px;padding:0 20px;font-size:14px}
.education .srch_form button{width:65px;height:50px;background:url(/ko/common/images/education/pc_ico_scrh.png) 50% 50% no-repeat;background-size:25px}
.education .list_top{margin:30px 0 30px;font-size:16px}
.education .edu_list{margin-bottom:60px}
.education .edu_list li{width:266px;margin:30px 12px 0 0}
.education .edu_list li:nth-child(1),
.education .edu_list li:nth-child(2),
.education .edu_list li:nth-child(3),
.education .edu_list li:nth-child(4){margin-top:0}
.education .edu_list li:nth-child(2n){margin-right:12px}
.education .edu_list li:nth-child(4n){margin-right:0}
.education .edu_list li .img{}
.education .edu_list li .con{padding:10px 10px 20px;overflow:hidden}
.education .edu_list li .con .cate{font-size:14px}
.education .edu_list li .con .tit{margin:10px 0 20px;font-size:16px}
.education .edu_list li .con .btn_edu{float:right;width:110px;max-width:none;margin:30px 0 0}

/* education - edu_top */
.education .edu_top{margin-bottom:40px}
.education .edu_top .f_box{overflow:hidden}
.education .edu_top .img{float:left;width:400px}
.education .edu_top .con{float:left;width:700px;padding:0 20px;box-sizing:border-box}
.education .edu_top .con .cate{margin:20px 0;font-size:20px;text-align:left}
.education .edu_top .con .tit{font-size:36px;text-align:left}
.education .edu_top .con .txt{margin:40px 0 0;font-size:24px;text-align:left}
.education .edu_top .con .contents{margin:20px 0;font-size:18px;text-align:left;color:#666666}
.education .edu_top .info{padding:30px 146px;margin-top:40px;font-size:16px}
.education .edu_top .info p{margin-bottom:40px;line-height:24px;font-size:16px}
.education .edu_top .info ul{overflow:hidden}
.education .edu_top .info li{float:left;width:404px;margin-top:20px}
.education .edu_top .info li:first-child,
.education .edu_top .info li:nth-child(2){margin-top:0}
.education .edu_top .info li>span{width:80px;padding-left:0;}

/* education - edu_con */
.education .top_wrap{margin:40px 0 38px}
.education .btn_area.result{display:block;margin-top:40px}
.education .btn_area.result .btn_ing span{padding-left:27px;background:url(/ko/common/images/education/pc_ico_ing.png) 0 50% no-repeat;background-size:14px}
.education .btn_area.result .btn_finish span{padding-left:28px;background:url(/ko/common/images/education/pc_ico_finish.png) 0 50% no-repeat;background-size:18px}
.education .top_wrap .edu_tit{padding-left:30px;font-size:20px;text-align:left}
.education .top_wrap .edu_tit:before{margin:0 0 13px}
.education .btn_play span{background:url(/ko/common/images/education/pc_ico_play.png) 100% 50% no-repeat;background-size:19px;padding-right:28px}
.education .btn_area{display:table;margin:0 auto}
.edu_con_list{padding:0 30px}
.edu_con_list .tbl_top{display:table;width:100%}
.edu_con_list .tbl_top li{display:table-cell;vertical-align:middle;line-height:50px;border-top:1px solid #ccc;text-align:center;font-size:16px;font-weight:300;color:#111}
.edu_con_list .tbl_list li .box{font-size:16px}
.edu_con_list .tbl_list li .box>div{font-size:16px;text-align:center}
.edu_con_list .tbl_list li .box .btn_edu.result{margin-top:10px}
/* 수강현황 */
.edu_con_list.status .sort{width:150px !important}
.edu_con_list.status .state{width:150px !important}
.edu_con_list.status .date{width:150px !important}
.edu_con_list.status .graph{width:440px !important}
.edu_con_list.status .btn{width:150px !important}
.edu_con_list.status .box:after{content:"";display:block;clear:both}
.edu_con_list.status .box .state{float:none;display:table-cell;vertical-align:middle}
.edu_con_list.status .box .date{float:none;display:table-cell;vertical-align:middle;margin-right:0}
.edu_con_list.status .box .graph{float:none;clear:none;display:table-cell;vertical-align:middle;margin:0;padding:0 45px;box-sizing:border-box}
/* 커리큘럼 */
.edu_con_list.curriculum .tbl_list li{padding:30px}
.edu_con_list.curriculum .box{width:calc(100% - 295px)}
.edu_con_list.curriculum .box.sort{width:115px;padding:0 20px}
.edu_con_list.curriculum .box.sort>p{width:65px;height:65px;font-size:20px}
.edu_con_list.curriculum .box.sort>p.quiz>span{background:#999 url(/ko/common/images/education/pc_ico_quiz.png) 50% 50% no-repeat;background-size:31px}
.edu_con_list.curriculum .box.btn{width:180px;padding:0 30px}
.edu_con_list.curriculum .box .sbjt{float:left;text-align:left}
.edu_con_list.curriculum .box .time{float:right;width:250px}

/* education - pop_area */
.pop_area.pop_edu .pop_close{top:-65px;right:40px;width:44px;height:44px;background:url(/ko/common/images/education/pc_pop_close.png) 50% 50% no-repeat;background-size:100%}
.pop_edu .modal_table .modal_con{padding:0}
.pop_video .modal_table .modal_con{width:1100px;margin:0 auto}
.pop_video .modal_table .modal_con .mov_wrap{height:auto;max-height:80vh}
.pop_video .modal_table .modal_con .mov_wrap .video_area{max-width:1020px;width:80vw;max-height:575px;height:45vw;padding-bottom:0}
.pop_video .modal_table .modal_con .mov_wrap .scrl_box{max-height:20Vh}
.pop_video .edu_tit{margin:40px auto 38px}
.pop_video .edu_con_list{padding:0}
.pop_area.pop_quiz .pop_close{right:0}
.pop_quiz .modal_table .modal_con{max-width:1020px;margin:0 auto}
.pop_quiz .q_top{padding:10px 25px 20px}
.pop_quiz .q_top li{margin-right:20px}
.pop_quiz .q_top li.on:after{bottom:-21px;width:21px;height:11px;margin-left:-11px;background:url(/ko/common/images/education/pc_bg_quiz.png) 50% 50% no-repeat;background-size:100%}
.pop_quiz .q_top li>span{width:40px;height:40px;font-size:16px}
.pop_quiz.test .q_top li.correct>span:after{top:-1px;left:-6px;width:48px;height:45px;background:url(/ko/common/images/education/pc_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:-6px;width:48px;height:45px;background:url(/ko/common/images/education/pc_bg_incorrect.png) 0 0 no-repeat;background-size:100%}
.pop_quiz .q_top p{margin-top:10px;font-size:16px}
.pop_quiz.result .q_top p{margin-top:10px}
.pop_quiz .q_box{padding:30px 25px 50px}
/* .pop_quiz .q_box .arrow{top:-11px;left:32px;width:21px;height:11px;background:url(/ko/common/images/education/pc_bg_quiz.png) 50% 50% no-repeat;background-size:100%} */
.pop_quiz .q_box .tit{font-size:16px}
.pop_quiz .q_box .con{padding-bottom:40px}
.pop_quiz .q_box .con textarea{height:140px;margin-top:25px}
.pop_quiz .q_box .con .design_radio{margin-top:25px}
.pop_quiz .q_box .con .design_radio label{font-size:14px}
.pop_quiz .q_box .control_area{margin-top:20px}
.pop_quiz .q_box .control_area button{width:60px;height:60px;font-size:16px}
/* .pop_quiz .q_box .control_area .btn_prev{background:url(/ko/common/images/education/pc_ico_arrow_prev_on.png) 50% 50% no-repeat;background-size:11px}
.pop_quiz .q_box .control_area .btn_next{margin-left:3px;background:url(/ko/common/images/education/pc_ico_arrow_next_on.png) 50% 50% no-repeat;background-size:11px} */
/* .pop_quiz .q_box .control_area .btn_prev.lock{background:url(/ko/common/images/education/pc_ico_arrow_prev.png) 50% 50% no-repeat;background-size:11px}
.pop_quiz .q_box .control_area .btn_next.lock{margin-left:3px;background:url(/ko/common/images/education/pc_ico_arrow_next.png) 50% 50% no-repeat;background-size:11px} */
.pop_quiz .q_box .btn_area{margin-top:38px}
.pop_quiz .q_box .btn_area .btn_txt{width:340px;height:46px;line-height:46px}

/* common style - radio, check style */
.design_radio label,
.design_check label{line-height:20px;background:url(/ko/common/images/education/pc_ico_radio.png) 0 50% no-repeat;background-size:17px}
.design_radio input[type='radio']:checked + label,
.design_check input[type='checkbox']:checked + label{background:url(/ko/common/images/education/pc_ico_radio_on.png) 0 50% no-repeat;background-size:17px}

/* 메인 팝업 오늘하루 열지 않기 */
.pop_main{position:absolute;top:115px;right:inherit;left:130px;width:auto}
.pop_main.second{top:378px}
.pop_main .link{position:absolute;overflow:hidden;text-indent:-9999px}

/* quickbar */
.quickbar a {width: 50px;height: 50px;}
.quickbar a.cart span{top:10px;right:10px;}