@charset "utf-8";

/* Font 
---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@font-face {
font-family: 'NanumGothic''NanumMyeongjo';
src: url('/tpl/webfont/NanumGothic.eot');
src: url('/tpl/webfont/NanumGothic.eot?#iefix') format('embedded-opentype'),
url('/tpl/webfont/NanumGothic.woff') format('woff'),
url('/tpl/webfont/NanumGothic.ttf') format('truetype');
src: url('/tpl/webfont/NanumMyeongjo.eot');
src: url('/tpl/webfont/NanumMyeongjo.eot?#iefix') format('embedded-opentype'),
url('/tpl/webfont/NanumMyeongjo.woff') format('woff'),
url('/tpl/webfont/NanumMyeongjo.ttf') format('truetype');

}
@import url('https://cdn.rawgit.com/singihae/Webfonts/master/style.css');
.jua {font-family:'BM JUA','배달의민족 주아',sans-serif;}

/* Reset 
---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0; padding:0;}
fieldset,img{border:0 none;}
dl,ul,ol,menu,li{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after{content:''; content:none;}
input,select,textarea,button{font-size:100%; vertical-align:middle;}
button{border:0 none; background-color:transparent; cursor:pointer;}
table{border-collapse:collapse; border-spacing:0;}
body{-webkit-text-size-adjust:none} /* 뷰표트 변환시 폰트크기 자동확대 방지 */
input[type='text'], input[type='password'], input[type='submit'], input[type='search']{-webkit-appearance:none; border-radius:0;}
input:checked[type='checkbox']{background-color:#666; -webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file']{
    -webkit-appearance: button;
    border-radius: 0;
    border: 0;
}
i{font-style:normal}
input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none;}
body,th,td,input,select,textarea,button{font-size:13px;  font-family:'Noto Sans KR', sans-serif; color:#333;line-height:1.2} /* color값은 디자인가이드에 맞게사용 */
a{text-decoration:none; display:block;}
a:active, a:hover{text-decoration:none;}
address,caption,cite,code,dfn,em,var{font-style:normal; font-weight:normal;}
img{vertical-align:middle;}

select { 
	appearance: none; 
	-webkit-appearance: none; 
	background:#fff url(/images/basic_blue/select-arrow.png) no-repeat 93% center/9px; 
	border-radius:0
}
textarea{border-radius:0; box-shadow: none;}
select::-ms-expand { display:none; }
input:read-only {
    background-color: #f9f9f9;
}
/* Common
---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.mT5 {margin-top:5px;}
.mR7 {margin-right:7px;}
.mL7 {margin-left:7px;}
.mL20 {margin-left:20px;}
.mT30 {margin-top:30px;}
.mB60 {margin-bottom:60px;}
.ta_C {text-align:center;}
.w-77{width:77% !important}
.w100{width:100%}
.hidden{margin:0; padding:0; width:0; height:0; line-height:0; font-size:0; text-indent:-9999em; overflow:hidden;}

.text-box,
.sel-box,
.input_email,
.multi-box{
	border: 1px solid #ddd;
    padding: 0 10px;
    font-size: 12px;
    color: #888;
    vertical-align: middle;
    box-sizing: border-box;
}
.multi-box{padding:10px}
.text-box,
.sel-box{
    height: 37px;
    line-height: 37px;
}
textarea {
    border: 1px solid #ddd;
    height: 120px;
    width: 100%;
    padding: 15px 20px;
    font-size: 12px;
    font-family: 'Malgun Gothic';
    color: #888;
    line-height: 17px;
    box-sizing: border-box;
}
.phone,
.email,
.address{font-size:0}
.phone .text-box,
.phone .sel-box{
    width: 30%;
    display: inline-block;
    vertical-align: middle;
}
.phone span{
    display: inline-block;
    width: 3%;
    font-size: 24px;
    line-height: 37px;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    text-align: center;
    font-size: 20px;
    color: #666;
}

.email .text-box{
    width: 46% ;
    display: inline-block;
    vertical-align: middle;
}

.email span{
	display: inline-block;
    width: 8%;
    font-size: 14px;
    line-height: 37px;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    text-align: center;
}


.address .zip-box{width:80%}
.address .zip-btn{
    display: inline-block;
    background: #555;
    width: 20%;
    height: 42px;
    line-height: 42px;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    color: #fff;
	font-size: 14px;
    text-align: center;
}
.address .text-box,
.address .zip-btn{margin-bottom:6px;}
.apply-btn{
    width: 250px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    background: #064989;
    color: #fff;
    border: 1px solid #064989;
    box-sizing: border-box;
    margin: 50px auto 0;
    display: block;
    font-weight: 600;
}

.date-btn{
	display: inline-block;
    width: 20px;
    height: 42px;
    position: absolute;
    right: 10px;
    top: 8px;
}

/* 체크박스,라디오버튼 */
.container {
    display: block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}


.container:hover input ~ .checkmark {
    background-color: #ccc;
}

.container input:checked ~ .checkmark {
    background-color: #356319;
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.container input:checked ~ .checkmark:after {
    display: block;
}

/* chk */
.chk-area .container .checkmark:after {
	left: 5px;
    top: 1px;
    width: 5px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);

}
.chk-area .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #eee;
}


/* radio */
.radio-area .checkmark {
    position: absolute;
    top: 0;
    left: 0;
	height: 16px;
    width: 16px;
    background-color: #eee;
    border-radius: 50%;
}

.radio-area .container .checkmark:after {
    top: 5px;
    left: 5px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: white;
}













/*  Layout
---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
html,body{height:100%;}
#wrap{position:relative; width:100%; min-width:320px;}

/*  Header
---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#header{
	padding: 10px;
    background: transparent;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    box-sizing: border-box;
    transition: .3s;
	
}
#header:after{
	clear:both;
	display:block;
	content:'';
}
#header h1{float:left; width:auto; height:37px; line-height:0; font-size:0;}
#header h1 a{display:block; height:100%; line-height:1; font-size:20px;}
#header h1 a img{width:auto; height:100%;}

#nav{z-index:777; transition:.3s background linear;}
#nav.open{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000,endColorstr=#70000000);}

#nav .btn_allmenu{
    z-index: 999;
    position: absolute;
    top: 20px;
    right: 15px;
    width: 22px;
    height:14px;
    cursor: pointer;
    transition: .3s all linear;
}
#nav .btn_allmenu span{
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 2px;
    transition: .3s all linear;
    background: #000;
    cursor: pointer;
    border-radius: 30%;
    box-sizing: border-box;
}
#nav .btn_allmenu span.line01{top:0;}
#nav .btn_allmenu span.line02{bottom:0}
#nav.open .btn_allmenu{
	position: fixed;
    width: 27px;
    right: 83%;
}
#nav.open .btn_allmenu span{background:#fff}
#nav.open .btn_allmenu span.line01{transform:rotate(-45deg);    top: 5px;}
#nav.open .btn_allmenu span.line02{transform:rotate(45deg);    bottom: 7px;}

#nav.open .btn_allmenu:after{display:none;}

/* ie8 용 */
#nav.open .btn_allmenu span.line01,
#nav.open .btn_allmenu span.line02,
#nav.open .btn_allmenu span.line03,
#nav.open .btn_allmenu span.line04{display:none\9;}
#nav.open .btn_allmenu:after{display:inline-block\9; content:"\2715\9"; font-weight:bold\9; font-size:29px\9; line-height:20px\9; color:#000\9;}

.navigation .navi-wrap{
	z-index: 888;
    position: fixed;
    -webkit-transform: translate(0);
    top: 0;
    right: -80%;
    width: 80%;
    height: 100%;
    box-sizing: border-box;
    background: #fff;
    transition: .3s all linear;
	overflow: scroll;
}
#nav.open .navigation .navi-wrap{right:0;}

.navigation > li{border-top:1px solid #ddd;}
.navigation > li:last-child{border-bottom:1px solid #ddd;}
.navigation .main_menu{
    position: relative;
    display: block;
    padding: 0 5px;
    height: 45px;
    overflow: hidden;
    line-height: 45px;
    font-size: 15px;
    color: #333;
    cursor: pointer;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
}


.plus-btn{
	display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    transition: transform 0.7s;
    top: 50%;
    right: 5px;
    margin-top: -7px;
}
.plus-btn:before,
.plus-btn:after{
    content: '';
    width: 100%;
    height: 1px;
    background: #cccccc;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -7px;
}
.plus-btn:after{transform: rotate(90deg);}
.plus-btn.rotate{transform: rotate(270deg);}





.m-gnb-wrap > li.active .main_menu{color: #356319;}
.m-gnb-wrap > li.active .main_menu i:after,
.m-gnb-wrap > li.active .main_menu i:before{background:#356319}

.sub_menu{
    display: none;
    background: #356319;
    padding: 15px;
}
.sub_menu li a{
    display: block;
    overflow: hidden;
    line-height: 25px;
    font-size: 13px;
    color: #fff;
    font-weight: 300;
}
.sub_menu li a:before{display:inline-block; content:"\2010"; margin-right:7px;    vertical-align: 4px;}

.navi-top ol{
	background:#356319;
	padding: 17px 20px;
}
.navi-top ol:after{
	clear:both;
	display:block;
	content:'';
}
.navi-top ol>li{
    float: left;
    padding-right: 10px;
    position: relative;
    margin-right: 10px;
}
.navi-top ol>li:last-child{
	padding:0;
	margin:0'
}
.navi-top ol>li:last-child:after{display:none}
.navi-top ol>li:after{
    content: '';
    display: inline-block;
    position: absolute;
    width: 1px;
    height: 11px;
    background: #fff;
    right: 0;
    top: 2px;
	opacity:.4
}
.navi-top ol>li a{
	color:#fff;
	font-size:14px;
}

.m-gnb-wrap{
	padding:40px 20px 80px
}

.navi-bottom{padding: 0 20px;}
.navi-bottom ol:after{
	clear:both;
	display:block;
	content:'';
}
.navi-bottom ol>li{
    float: left;
    margin-right: 3%;
    width: 31%;
    height: 37px;
    line-height: 37px;
}
.navi-bottom ol>li:last-child{margin-right:0}
.navi-bottom ol>li a{
	color: #666;
    background: #ddd;
    font-size: 12px;
    text-align: center;
}




/*  Footer
---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.footer {
    background: #333;
    padding: 30px 20px;
    text-align: center;
}
.foot_logo img{width:150px}
.foot_navi{
    display: inline-block;
    margin: 20px 0 15px
}
.foot_navi li{ 
    float: left;
	margin-left: 5px;
    padding-left: 5px;
    border-left: 1px solid #717171;
}
.foot_navi li:first-child{margin-left:0; padding-left:0; border-left:0;}
.foot_navi li a{
    color: #fff;
    font-size: 12px;
    font-weight: 300;
}

.foot_info dd{
    display: inline;
    margin: 0 5px;
    word-break: keep-all;
    line-height: 1.4;
    font-size: 12px;
    color: #6c6c6c;
}
.foot_info + .copyright{margin-top:10px; font-size:12px;color: #6c6c6c;}
.ft-btn {
    display: inline-block;
    background: #525252;
    color: #fff;
    font-size: 11px;
    font-weight: 100;
    padding: 0 7px;
    height: 19px;
    border-radius: 3px;
    line-height: 19px;
    margin-left: 3px;
    vertical-align: middle;
    margin-top: 1px;
}

.foot_btn{margin:0 -2px; margin-top:20px;}
.foot_btn > li{display:inline-block; margin:0 3px; line-height:0; font-size:0;}
.foot_btn > li > a{display:inline-block; padding:6px 10px; letter-spacing:-1px; line-height:1; font-size:13px; border:1px solid #a1a1a1; color:#fff;}

/*  Main Page
---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#main_contents{z-index:666;}
#main_contents:after{content:""; display:block; clear:both;}

.main_img{width:100%; margin:0; padding:0}
.main_img img{width:100%;}

.box {clear:both; margin:0 auto; padding:2%; width:96%; *zoom:1;}
.box:after {content:""; display:block; clear:both;}
.box .box_w {float:left; width:24%; margin:0; padding:.5%}
.box .box_w a img{margin:0; padding:0}

#instafeed a {
display:inline-block; 
width:calc(50% - 6px); 
border:1px solid #e5e5e5; 
box-sizing:border-box;
margin-right:10px;
overflow:hidden;
}
#instafeed a:hover img {transform:scale(1.1); transition:all 0.5s;}
#instafeed a:nth-child(2n) {margin-right:0px;}
#instafeed a:nth-child(n+3):nth-child(-n+8) {margin-top:10px;}
#instafeed a > img {width:100%; transition:all 0.5s;}

/* ---------------------------------------------------- bxslider */

.bx-wrapper {
  position: relative;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
   background: #fff;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}

/* PAGER */
.bx-wrapper .bx-pager {
    text-align: center;
    position: absolute;
    bottom: 20px;
    width: 100%;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff;
    text-indent: -9999px;
    display: block;
    width: 13px;
    height: 13px;
    margin: 0 5px;
    outline: 0;
    border-radius: 50%;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #356319;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url('images/controls.png') no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right: 10px;
  background: url('images/controls.png') no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

.slider{height:100%}
.slider>div img{
	max-width:100%;
	width:100%
}



/* pager */

#bx-pager li{float:left;}
#bx-pager li a{

}





















/*  Sub Page
---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#subContainer{z-index:666; padding-top:12px; border-top:1px solid #ddd;}
#subContainer:after{content:""; display:block; clear:both;}

#contents{width:96%; margin:0 auto; padding:0 2% 5%}
#subContainer #mobile_contents h2,
#subContainer #contents h2{margin:0; padding:0; width:100%; height:40px; font-size:20px; text-align:left; color:#424242; letter-spacing:-1px; border-bottom:1px solid #dcdcdc}
#contents h2{margin:10px 0; font-size:1.6em; font-weight:bold; color:#2993e5; line-height:24px;}

/* 고객센터 */
.cs_box {width:100%; padding:15px; margin:30px auto 0; box-sizing:border-box; border:1px solid #d3d3d3; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; box-shadow:1px 1px 0 #e5e5e5; font-size:14px; color:#666; line-height:25px;}
.cs_box:after{content:""; display:block; clear:both;}
.cs_box dt {clear:both; float:left; padding-left:9px; background:url(../images/icon_dot2.gif) left 10px no-repeat; font-weight:bold; letter-spacing:-1px;}
.cs_box dd {float:left; margin-left:5px;}
/* ~ 고객센터 */

.s_txt {width:100%; padding:20px 0 0 ;}
.s_txt dt {font-size:16px; color:#535353; font-weight:; letter-spacing:-1.5px; line-height:20px;font-weight:bold; }
.s_txt dt p{font-size:18px;}
.s_txt dd {margin-top:10px; font-size:14px; color:#666; letter-spacing:-1px; line-height:20px;}
.s_txt dd .ls_0 {letter-spacing:0;}
.s_txt2 {width:94%; padding:0 3% 25px;}
.s_txt2 dt {margin-top:20px; padding-left:9px; background:url(../images/icon_dot.gif) left 5px no-repeat; font-size:14px; color:#71b948; font-weight:bold; letter-spacing:-1px;}
.s_txt2 dd {margin-top:10px; font-size:12px; color:#666; letter-spacing:-1px; line-height:18px;}
.s_txt2 dd .ls_0 {letter-spacing:0;}
.s_img1 {width:100%; max-height:376px; background:url(/images/kor01-14-0044/m/sub/sub01_img.gif) top center no-repeat;}
.s_img2 {width:100%; height:218px; background:url(../images/sub2_img.gif) top center no-repeat;}
.map {width:94%; padding:10px 3% 0;}
.transfer {width:94%; padding:30px 3% 15px;}
.transfer li {clear:both; width:100%; padding:10px 0; border-top:1px dotted #b2b2b2; *zoom:1;}
.transfer li:after {content:""; display:block; clear:both;}
.transfer li p {float:left; width:80px;}
.transfer li dl {float:right; width:100%; margin-top:5px;}
.transfer li dl dt {font-size:14px; font-weight:bold; color:#709f4a;}
.transfer li dl dd {margin-top:5px; font-size:12px; color:#7e7e7e; line-height:18px;}

.i_txt {width:96%; padding:10px 2% 15px;}
.i_txt li {clear:both; width:100%; padding:18px 0 15px; border-top:1px dotted #b2b2b2; *zoom:1;}
.i_txt li:after {content:""; display:block; clear:both;}
.i_txt li.first {border-top:none;}
.i_txt li p {float:left; width:30%; padding:0; margin:0}
.i_txt li dl {float:right; width:66%;}
.i_txt li dl dt {font-size:16px; font-weight:bold; color:#e5091e;}
.i_txt li dl dd {margin-top:10px; font-size:14px; color:#666; line-height:20px;}

.s_box {width:68%; height:81px; padding:15px 0 7px 25%; background:url(../images/sub6_img1.gif) 5% 20px no-repeat; margin:30px 3% 0; border:1px solid #d3d3d3; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; box-shadow:1px 1px 0 #e5e5e5; font-size:14px; color:#666; line-height:25px;}
.s_box dt {clear:both; float:left; padding-left:9px; background:url(../images/icon_dot2.gif) left 10px no-repeat; font-weight:bold; letter-spacing:-1px;}
.s_box dd {float:left; margin-left:5px;}




.paging {clear:both; width:94%; padding:40px 3% 15px; text-align:center; color:#888;}
.paging img {vertical-align:middle;}
.paging span {padding:0 1px;}
.paging .on {color:#333; font-weight:bold;}


.tab {clear:both; width:96%; margin-bottom:10px; border-bottom:1px solid #bcbcbc; padding:30px 3% 0; *zoom:1;}
.tab:after {content:""; display:block; clear:both;}
.tab li {float:left; width:24.3%; padding:9px 0 8px; background:#f2f2f2; border:1px solid #bcbcbc; border-left:none; border-bottom:none; font-size:13px; color:#666; text-align:center;}
.tab li.first {border-left:1px solid #bcbcbc;}
.tab li.on {background:#fff; color:#000;}

.clause_txt {clear:both; width:94%; padding:30px 3%; font-size:14px; color:#666; line-height:20px;}
.tip {clear:both; width:94%; padding:30px 3%; font-size:12px; color:#999; text-align:center; line-height:20px;}


.history {width:100%; padding:30px 0 0;}
.history p { float:left; width:30%; }
.history dl {float:right; width:70%; }
.history dt {font-size:16px; color:#e5091e; font-weight:bold; letter-spacing:-1.5px; line-height:20px;}
.history dd {margin-top:10px; font-size:14px; color:#666; letter-spacing:-1px; line-height:20px; border-bottom:1px solid #d7d7d7; padding-bottom:10px; }
.history dd li:after { content:""; display:block; clear:both; }
.history label { float:left; width:25%; color:#252525; font-weight:bold;  }
.history span { float:right; width:75%; }






.main-bnr-area a img{
    max-width: 100%;
    width: 100%;
}
.main-title{
    text-align: center;
    color: #000;
    font-size: 30px;
    letter-spacing: -1px;
	margin-bottom:40px
}
.main-title p {
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0;
    margin-top: 7px;
}
#main_contents section{padding:50px 0}

ul:after{
	content:'';
	display:block;
	clear:both;

}

/* sec-2 */
.sec-2{
	background:url(/images/basic_blue/sec2-bg.png) no-repeat center/cover;
	width:100%;
	box-sizing:border-box;
	position:relative;
}
.sec-2 ul:before{
    content: '';
    width: 100vw;
    height: 1px;
    background: #fff;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    opacity: 0.4;
    margin-top: -20px;
}
.sec-2 ul{
    display: block;
    padding: 0 5px;
	position:relative;
}

.sec-2 .main-title{
	color:#fff
}
.sec-2 ul li{
    float: left;
    text-align: center;
    width: calc(100%/4);
    box-sizing: border-box;
}
.sec-2 ul li:last-child{padding-right:0}
.sec-2 ul li a{
    color: #fff;
    position: relative;
    top: 0;
    transition: .4s;
}
.sec-2 ul li a:hover{top:-30px}
.sec-2 ul li a img{
	width:78%
}
.sec-2 ul li h5{
    font-size: 13px;
    margin: 10px 0 5px;
}
.sec-2 ul li p{
    font-size: 9px;
    opacity: 0.5;
    font-weight: 100;
    letter-spacing: -.5px;
}




/* sec-3 */
.sec-3 ul{padding: 0 15px;}
.sec-3 li{
    width: 53%;
    position: relative;
}

.sec-3 li .edu-txt{
    position: absolute;
    bottom: 0px;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
    height: 40%;
}
.sec-3 li img{transition: transform 1s;
	width:100%;
	max-width:100%
}
.sec-3 li:hover img{
	transform: scale(1.1);
	transition: transform 1s;
}
.edu-txt span{
    font-size: 15px;
    color: #fff;
    display: block;
    z-index: 1;
    position: absolute;
    bottom: 20px;
    left: 0;
    text-align: center;
    width: 100%;
}
.sec-3 li span:before{
    content: '';
    display: block;
    width: 40px;
    height: 1px;
    background: #fff;
    margin: 0 auto 7px;
}
.edu-1{
    z-index: 1;
    box-shadow: 0px 4px 20px 2px rgba(0, 0, 0, 0.1);
    float: left;
}
.edu-2{
    float: right;
    margin-top: -45%;
}



/* sec-4 */
.sec-4{background:#f1f1f1}
.sec-4 >ul{padding:0 15px}
.sec-4 >ul>li{
    height: 0;
    color: #fff;
    padding: 20px 20px 45% 20px;
    box-sizing: border-box;
}
.sec-4 >ul>li:last-child{margin-right:0}
.sec-4 >ul>li>a{
	height:100%;
	color:#fff;
	transition:.4s
}	
.sec-4 li h3{
    font-size: 15px;
    font-weight: 600;
}
.sec-4 li h3:after{
	content: '';
    display: block;
    width: 30px;
    height: 1px;
    background: #fff;
    margin: 7px 0 10px 1px;
}
.sec-4 >ul>li>p,
.sec-4 >ul>li>a>div>p{
	font-size: 13px;
    font-weight: 300;
    line-height: 17px;
	word-break:keep-all
}




.sec4-1,
.sec4-2{width: 48.5%;}
.sec4-3{    
	width: 100%;
    margin-top: 3.5%;
    float: left;
}

.sec4-1{background:url(/images/basic_blue/sec4-1-bg.png) no-repeat center/cover; float:left}
.sec4-2{background:url(/images/basic_blue/sec4-2-bg.png) no-repeat center/cover; float:right}

.sec4-2 .store-search{
	position:relative;
	margin-top:20px
}
.sec4-2 .store-search input{
    width: 100%;
    height: 30px;
    line-height: 30px;
    border-radius: 50px;
    border: 0;
    background: rgba(8, 26, 2, 0.75);
    padding: 0 35px 0 15px;
    box-sizing: border-box;
    font-size: 10px;
    color: #fff;
    font-weight: 300;
}
.sec4-2 .store-search button{
    background: url(/images/basic_blue/search-icon-wh.png) no-repeat left center;
    text-indent: -9999px;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    background-size: 16px;
}
.sec4-2 .store-search input::placeholder {
	color: #fff;
}
.sec4-2 .store-search input:-ms-input-placeholder {
	color: #fff;
}


.sec4-3{background:#fff}
.sec4-3 h3{
    color: #000;
}
.sec-4 li.sec4-3 h3:after{display:none}
.sec4-3 h3 .more{
	display: inline-block;
    float: right;
    width: 25px;
    height: 25px;
    background: #356319;
    color: #fff;
    text-align: center;
    position: relative;
    margin-top: -4px;
}
.sec4-3 h3 .more:before,
.sec4-3 h3 .more:after{
content: '';
    background: #fff;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 13px;
    margin-top: -7px;
}
.sec4-3 h3 .more:after{transform: rotate(90deg);}

.sec4-3 .main-notice-area{margin-top: 20px;}

.main-notice-area h5{
    font-size: 15px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
}

.main-notice-area p{
    font-size: 13px;
    color: #888;
    line-height: 19px;
    font-weight: 300;
    margin: 7px 0 20px;
    max-height: 39px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.main-notice-area .notice-date{
    font-size: 13px;
    color: #999;
    font-family: sans-serif;
    letter-spacing: -.5px;
}



/*sec-5*/
.sec-5 .main-title img{
    width: 29px;
    vertical-align: -4px;
}

/*sec-2*/

#main_contents .sec1-slide-wrap{padding: 0 15px;}
#main_contents .sec1-slide-wrap:after{
	content:'';
	display:block;
	clear:both;
}
#main_contents .sec1-slide .slider-track {
    transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  }
  
#main_contents .sec1-slide.slider-1 .headspa-img {
	height: 100%;
	position: relative;
	z-index: 1;
}  
#main_contents .sec1-slide.slider-1 .headspa-img img {
	width: 100%;
    transition: all 1.5s ease-in-out;
	transform: scale(1.2);
}

#main_contents .sec1-slide.slider-1  .slick-active .headspa-img img {
	transform: scale(1);
}
#main_contents .sec1-slide .slick-slide{
	transform: scale(1);
	margin-right:0;
	transition:none
}

#main_contents .sec1-slide-arrow-wrap{
	background: #fff;
    padding: 15px 20px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    left: 0;
    margin: 0 7%;
    margin-top: -50px;
}
#main_contents .slider-2 .slider-track{
	width:100%
}
#main_contents .slider-2 .slick-slide{
    color: #000;
    font-weight: 300;
    text-align: left;
}
#main_contents .slider-2 .slick-slide h2{font-size: 17px;}
#main_contents .slider-2 .slick-slide p{
    font-size: 12px;
    font-weight: 300;
    margin-top: 10px;
    color: #888;
    line-height: 17px;
}


#main_contents .sec1-slide-arrow{
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 10px;
}
#main_contents .sec1-slide-arrow li{
	float:left;
    display: block;
}
#main_contents .sec1-slide-arrow .slick-prev,
#main_contents .sec1-slide-arrow .slick-next{
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: #f1f1f1 url(/mobile/images/basic/arrow-gray.png) no-repeat center;
    border: 1px solid #ddd;
	background-size: 7px;
}
#main_contents .sec1-slide-arrow li.slick-prev{
	transform: scale(-1, 1);
	margin-right:-1px
}



#main_contents .slick-more-btn{
    display: inline-block;
    height: 26px;
    border-radius: 50px;
    margin-top: 10px;
    position: relative;
    transition: width 1s;
    background-position: center;
    width: 100px;
    color: #fff;
    background: #000;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
}










/*----------------------------------------------------------------------------------------------------------- SUB */

.sub-area #header{
    background: #fff;
    position: static;
	border-bottom:1px solid #e5e5e5
}

.sub-visual-area img{
    width: 100%;
    max-width: 100%;
}

/*linemap*/

.linemap-area{
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	box-sizing:border-box;
}
.linemap-area ul>li{
	float:left;
	height: 45px;
    line-height: 45px;
}
.linemap-area .home{
    width: 20%;
    text-align: center;
    border-right: 1px solid #ddd;
    box-sizing: border-box;
}
.linemap-area .home a{height:100%}
.linemap-area .home img{
    width: 20px;
    margin-top: 13px;
}
.dep1-area{
    width: 80%;
    
}
.dep1-area h2{
    color: #999;
	padding: 0 17px;
	box-sizing: border-box;
	background:url(/mobile/images/basic/linemap-arrow.png) no-repeat 95% center/15px;
    font-size: 13px;
    font-weight: 400;
}
.dep2-area{
    box-sizing: border-box;
    z-index: 100;
    position: relative;
    top: 1px;
    left: -1px;
    width: 101%;
	display:none
}


.dep2-area li a{
	border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
	box-sizing:border-box;
	background: #fff;
	 color: #999;
	 padding: 0 17px;
}
.dep2-area li.on a{
	background: #356319;
    color: #fff;
    border-left: 1px solid #356319;
}

.inner{
	padding:0 20px
}
.sub-cont-area{
    padding: 40px 0 60px;
}
.sub-title{
	text-align: center;
    font-size: 30px;
    color: #000;
    letter-spacing: -0.7px;
    font-weight: 500;
	margin: 0 10px 40px;
}
.sub-title.margin_top60{
	margin-top: 60px;
}
.sub-title:before{
    content: '';
    display: block;
    width: 4px;
    height: 20px;
    background: #356319;
    text-align: center;
    margin: 0 auto 5px;
}
.sub-title p{
	font-size: 14px;
    color: #999;
    font-weight: 300;
    margin-top: 9px;
    line-height: 19px;
    padding: 0 25px;
	word-break:keep-all
}

.cont-title{
    font-size: 16px;
    color: #000;
    padding-left: 12px;
    position: relative;
    margin-bottom: 15px;
    font-weight: 500;
    text-align: left;
}
.cont-title:before{
    content: '';
    display: inline-block;
    background: #356319;
    width: 4px;
    height: 4px;
    position: absolute;
    top: 8px;
    left: 0;
}



/* sub1-1 */

.bs-1 h3{
	font-size: 22px;
    text-align: center;
    font-weight: 300;
    color: #333;
    letter-spacing: -.5px;
    margin-bottom: 25px;
    position: relative;
    padding: 0px 19px;
    line-height: 29px;
}
.bs-1 h3:before,
.bs-1 h3:after{
    content: '';
    background: url(/mobile/images/basic/sub1-1-1.png) no-repeat;
    width: 17px;
    height: 15px;
    display: inline-block;
    position: absolute;
    top: 0px;
    background-size: 100% auto;
}
.bs-1 h3:before{left: 3px;}
.bs-1 h3:after{
	 transform: rotate(180deg);
	 right:3px
}
.bs-1 h3 span{
    font-size: 20px;
    color: #999;
    font-weight: 100;
}

.bs-1 .inner>ul li:before{
    content: '';
    display: inline-block;
    background: #356319;
    width: 3px;
    height: 3px;
    position: absolute;
    top: 9px;
    left: 0;
}
.bs-1 .inner >ul li{
    font-size: 13px;
    color: #666;
    line-height: 19px;
    padding-left: 15px;
    position: relative;
    margin-bottom: 15px;
    font-weight: 400;
    text-align: left;
    word-break: break-all;
}	
.bs-1 .inner >ul li:last-child{margin-bottom:0}
.bs-1 .inner >ul li b{
    color: #356319;
    font-weight: 600;
    display: block;
    margin-bottom: 3px;
    font-size: 15px;
    line-height: 22px;
}


.bs-2{
    margin: 50px 0 -120px;
    background: #f9f9f9;
    padding: 50px 0 120px;
}

.bs-2 .inner > ul li{
    float: left;
    font-size: 13px;
    color: #333333;
    text-align: center;
    display: inline-block;
    margin-right: 10px;
    box-sizing: border-box;
    width: calc(100%/3 - 7px);
    word-break: keep-all;
    line-height: 17px;
}
.bs-2 .inner > ul li:last-child{margin-right:0}
.bs-2 .inner > ul li img{
    display: block;
    margin: 0 auto 10px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
}



/* 스파머신 , 무선진단기 */

.spa-area:after{
	content:'';
	display:block;
	clear:both;
}
.spa-area dt img{
    width: 100%;
    max-width: 100%;
}
.spa-area dd{}
.spa-area dd li{margin-bottom:20px;}
.spa-area dd li:last-child{margin-bottom:0;}

.spa-area dd li h5{
    font-size: 15px;
    color: #356319;
    font-weight: 600;
	letter-spacing: -.5px;
}
.spa-area dd li h5 span{
    display: inline-block;
    color: #fff;
    background: #356319;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    vertical-align: 1px;
    line-height: 20px;
    font-size: 12px;
    font-weight: 300;
    margin-right: 3px;
}
.spa-area dd li p{
    font-size: 13px;
    color: #888;
    font-weight: 400;
    line-height: 19px;
    margin: 5px 0 0 3px;
}




/* sub2-1 */
.sub2-1-2{
	margin: 50px 0 -80px;
    background: #f9f9f9;
    padding: 50px 0 50px;
}
.sub2-1-2:after{
	content:'';
	display:block;
	clear:both;
}
.sub2-1-2 .head-slider .slider-track {
    transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  }
  
.sub2-1-2 .head-slider.slider-1 .headspa-img {
	min-height: 220px;
	position: relative;
	z-index: 1;
}  
.sub2-1-2 .head-slider.slider-1 .headspa-img img {
	width: 100%;
	transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
	transform: scale(1.2);
	min-height:220px
}

.sub2-1-2 .head-slider.slider-1  .slick-active .headspa-img img {
	transform: scale(1);
	
}
.sub2-1-2 .head-slider .slick-slide{
	transform: scale(1);
	margin-right:0;
	transition:none;
	
}

.sub2-1-2 .head-slider-arrow-wrap{
    padding: 20px;
    box-sizing: border-box;
    text-align: left;
}
.sub2-1-2 .slider-2 .slider-track{
	width:100%
}
.sub2-1-2 .slider-2 .slick-slide h2 {
    font-size: 16px;
    color: #333;
    font-weight: 600;
}
.sub2-1-2 .slider-2 .slick-slide p{
	font-size: 13px;
    font-weight: 300;
    margin-top: 7px;
    color: #666;
    line-height: 17px;
}


.sub2-1-2 .head-slider-arrow li{
	float:left;
    display: block;
}
.sub2-1-2 .head-slider-arrow .slick-prev,
.sub2-1-2 .head-slider-arrow .slick-next{
width: 30px;
    height: 30px;
    cursor: pointer;
    background: #f1f1f1 url(/mobile/images/basic/arrow-gray.png) no-repeat center;
    border: 1px solid #ddd;
    background-size: 10px;
}
.sub2-1-2 .head-slider-arrow li.slick-prev{
	transform: scale(-1, 1);
	margin-right:-1px
}







/*게시판*/

/* BBS_notice */
.m-board-area ul {
	clear: both;
    width: 100%;
    border-top: 2px solid #356319;
}
.m-board-area ul li {
	padding: 15px;
    border-bottom: 1px solid #ddd;
}
.m-board-area ul li a{
	display: inline-block;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.5px;
    line-height: 18px;
	vertical-align: middle;
}
.m-board-area ul li a:hover {background:#f3f3f3;}
.m-board-area ul li dl:after {content:""; display:block; clear:both;}
.m-board-area ul li dl dt {margin-bottom:7px;}
.m-board-area li dl dd {
    font-size: 11px;
    color: #959595;
    font-weight: normal;
    letter-spacing: -.5px;
    border-right: 1px solid #ddd;
    float: left;
    padding-right: 7px;
    margin-right: 7px;
}
.m-board-area li dl dd:last-of-type{
	border-right:0;
	margin-right:0;
	padding-right:0
}

/*view*/
.mobile_board .board {
	clear: both;
    width: 100%;
    border-top: 2px solid #356319;
}
.mobile_board .viewtitle {
	padding: 13px 15px;
    background: #f9f9f9;
    border-bottom: 1px solid #dcdcdc;
}
.mobile_board .viewtitle span {
    font-size: 11px;
    color: #959595;
    font-weight: normal;
    letter-spacing: -0.5px;
    display: inline-block;
    border-right: 1px solid #ddd;
    float: left;
    padding-right: 7px;
    margin-right: 7px;
}
.mobile_board .viewtitle .Btitle{
    font-size: 14px;
    color: #333;
    font-weight: 500;
    margin-bottom: 7px;
}
.mobile_board .viewtitle span:last-child{
	border-right:0;
	margin-right:0;
	padding-right:0
}
.mobile_board .view {
	padding: 15px;
    font-size: 13px;
    line-height: 17px;
    color: #666;
    border-bottom: 1px solid #ddd;
}
.mobile_board .view img{
	max-width: 100% !important;
}
.cmt-arrow{
    padding: 15px 0 10px;
}
.cmt-arrow a{
	font-size:13px;
	color:#333
}
.view02 .multi-box{
    width: 100%;
    height: 70px;
}
.view02 p{
    font-size: 0;
    margin-bottom: 5px;
}
.view02 p span{
	display: inline-block;
    width: 20%;
    font-size: 13px;
    vertical-align: middle;
    font-weight: 500;
}
.view02 p .text-box{
	width: 80%;
}
.cmt-btn{
    background: #eaeaea;
    width: 100%;
    margin-top: 5px;
    height: 32px;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

.mobile_board #bbs_file_wrap {width:100%; margin:0 auto;}


/* .mobile_board .bwrite{
	width:100%;
	border-top: 2px solid #356319;
} */
.bwrite>div{
	margin-bottom:5px
}
.bwrite .multi-box,
.bwrite .text-box{width:100%}
.bwrite .multi-box{height:120px; padding:10px}

.board-write{text-align:center}
.board-write .btn_area{
	display:inline-block;
	margin-top:30px
}
.board-write .btn_area button{margin-right:5px}
.board-write .btn_area button:last-child{margin-right:0}
.board-write .btn_area .board-btn {
    width: 120px;
    height: 35px;
    line-height: 33px;
}


.delete-wrap{
    text-align: center;
    background: #f9f9f9;
    padding: 40px;
}
.delete-wrap h5{
	font-size: 15px;
    font-weight: 500;
}
.delete-wrap .text-box{
    width: 100%;
    margin: 10px 0 20px;
}



.cmt_view{
	background: #f9f9f9;
    padding: 10px;
    margin-bottom: 10px;	
}
.cmt_view a{
    display: inline-block;
    vertical-align: middle;
}
.cmt-arrow a span{
    font-size: 9px;
    color: #aaa;
}

.f_search{
    background: #f9f9f9;
    padding: 20px;
    text-align: center;
    margin-top: 40px;
	font-size:0
}
.f_search .text-box-area{
    position: relative;
    display: inline-block;
    width: 70%;
}
.f_search .text-box{
	padding-right: 30px;
	width: 100%;
	border-left: 0;
}
.f_search .sel-box{
    width: 30%;
    display: inline-block;
}
.f_search .btn_search { 
    display: inline-block;
    background: url(/images/basic_blue/search-icon.png) no-repeat left center;
    height: 37px;
    line-height: 37px;
    width: 30px;
    text-indent: -9999px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    background-size: 18px;
}

/* Button */
.list-btn-area{
    text-align: right;
    margin: 15px 0;
}
.board-btn{
    display: inline-block;
    width: 80px;
    height: 32px;
    line-height: 30px;
    font-size: 13px;
    font-weight: 300;
    box-sizing: border-box;

}
.btn_write {
    background: #555;
    border: 1px solid #555;
	color:#fff
}

.btn_re{
    display: inline-block;
    width: 12%;
    height: 100px;
    line-height: 100px;
    font-size: 14px;
    font-weight: 300;
    vertical-align: middle;
    background: #e4e4e4;
    color: #666;
}
.btn_list{
    background: #eaeaea;
    color: #777;
	border: 1px solid #ddd;
}
.btn-wht{
    background: #fff;
    border: 1px solid #ddd;
    color: #666;
}

.board_pagetab a {display:inline-block !important;}
.board_pagetab span.on a{
    background: #356319;
    color: #fff;
    display: inline-block;
    padding: 4px 8px;
}

.btn_area {
    text-align: right;
    font-size: 0;
	margin-top: 40px;
}
.btn_area a{
    margin-left: 1.2%;
    display: inline-block;
    width: calc(100%/4 - 0.9%);
    box-sizing: border-box;

}
.btn_area a:first-child{margin-left:0}
.btn_area a .board-btn{
   width:100%
}

.btn3-wrap{
	font-size:0;
	padding:0 15px;
	box-sizing:border-box;
	margin-top: 10px;
}
.btn3-wrap li{
    margin-right: 1.5%;
    display: inline-block;
    width: calc(100%/3 - 1%);
    box-sizing: border-box;
}
.btn3-wrap li:last-child{margin-right:0}
.btn3-wrap li button{
	display: block;
    background: #ddd;
    text-align: center;
    height: 43px;
    line-height: 43px;
    font-size: 14px;
    color: #666;
    font-weight: 400;
    width: 100%;
	border:1px solid #ddd;
	box-sizing:border-box
}



/* BBS_WEBZINE */
.event-area .webzine { border-top:2px solid #356319; }
.event-area .webzine li {
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    text-align: left;
}
.event-area .webzine li:after{
	clear:both;
	display:block;
	content:'';
}
.event-area .webzine_thumb{
	width: 110px;
    display: table-cell;
    vertical-align: middle;	
}
.event-area .webzine-txt{
	padding-left: 15px;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}
.event-area .webzine-txt h5{
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
}
.event-area .webzine-txt h5 img{
	vertical-align: top;
	margin-right:3px
}
.event-area .webzine-txt  .date{
	font-size: 12px;
    color: #999;
}



.event-view .board{
	width:100%;
	border-top: 2px solid #356319;
}
.viewtitle{
    background: #f9f9f9;
    padding: 15px;
	border-bottom:1px solid #ddd
}
.viewtitle h5{
	font-size: 14px;
    font-weight: 500;
	margin-bottom:7px
}

.viewtitle h5 img{
	vertical-align: top;
	margin-right:3px
}
.viewtitle span{
    font-size: 11px;
    color: #959595;
    font-weight: normal;
    letter-spacing: -0.5px;
    display: inline-block;
    border-right: 1px solid #ddd;
    float: left;
    padding-right: 7px;
    margin-right: 7px;
}
.viewtitle span:last-child {
    border-right: 0;
    margin-right: 0;
    padding-right: 0;
}
.event-view .view{
	padding: 15px;
    font-size: 13px;
    line-height: 17px;
    color: #666;
    border-bottom: 1px solid #ddd;
}




/*user*/
.empty-layout{
    padding: 60px 0 80px;
    border-top: 1px solid #ddd;
    box-sizing: border-box;
}


.login-area .inner {
    padding: 0 50px;
}
.login-form-area p{margin-bottom:5px}
.login-form-area .text-box {
    height: 45px;
    line-height: 45px;
    background: #fff;
	width: 100%;
}
.login-form-area button{
    width: 100%;
    height: 45px;
    line-height: 45px;
    background: #356319;
    color: #fff;
    font-size: 16px;
}


.user-util{
	margin-top: 30px;
    border-top: 1px solid #ddd;
    padding-top: 30px;
}
.user-util p{margin-bottom: 5px;}
.user-util p a{
    background: #f1f1f1;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #666;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid #ddd;
}

.login-area .check{margin-top: 10px;}
.login-area .check p{
	font-size: 12px;
    color: #888;
    margin-top: 7px;
}
.login-area .check li{
	float:left;
	margin-right:10px
}





/*아이디찾기*/

.member-find-area{padding-bottom: 70px;}
.member-find-wrap{
    text-align: center;
    background: #f9f9f9;
    padding: 30px;
}
.find-info{
    font-size: 15px;
    color: #888;
	margin-top: 20px;
}

.member-find-area th{
	font-size: 15px;
    font-weight: 500;
    text-align: left;
	padding-left: 30px;
}
.member-find-area .email .text-box{width: 46.5%;}
.member-find-area .email span{width: 7%;}
.member-find-area th,
.member-find-area td{
	padding-bottom:12px
}
.member-find-area .text-box {
    height: 45px;
    line-height: 45px;
	width: 100%;
}
.member-find-btn a{
    width: 100%;
    background: #333;
    color: #fff;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    font-weight: 300;
    margin: 7px auto 0;
}

.member-find-wrap td{padding-bottom: 5px;}
.find_title {font-size: 16px; color: #356319; font-weight: 500; width: 720px;  margin: 0 auto; margin-bottom: 20px;}
.find_title:before { content: ''; display: inline-block;  width: 5px; height: 5px; background: #356319; margin-right: 8px; vertical-align: middle;}
.find_title.mart_50 {margin-top:50px;}

/* 회원가입-약관동의  */

.join-agreement-area .sub-title p{padding:0}
.join-agreement-wrap{margin-bottom:40px}
.join-agreement-wrap h3{
    font-size: 14px;
    color: #000;
    margin-bottom: 10px;
    font-weight: 500;
}
.join-agreement-box{
	height: 150px;
    overflow: hidden;
    background: #f9f9f9;
    padding: 15px 20px;
    overflow-y: scroll;
    font-size: 12px;
    color: #888;
    line-height: 16px;
}
.join-agreement-wrap .chk-area{
	margin-top: 10px;
}


.join-btn-area{
    margin: 0 auto;
}
.join-btn-area li{
    float: left;
    margin-right: 10px;
    width: calc(100%/2 - 5px);
}
.join-btn-area li:last-child{margin-right:0}
.join-btn-area li input,
.join-btn-area li a{
    background: #ddd;
    text-align: center;
    height: 43px;
    line-height: 43px;
    font-size: 15px;
    color: #666;
    font-weight: 400;
	width:100%
}

.bg-gr{
	background: #356319 !important;
	color:#fff !important;
	border:1px solid #356319  !important;
}
.bg-wht{
	background: #fff !important;
	color:#a0a0a0 !important;
	border:1px solid #ddd  !important;
}



/* 회원가입 폼 */
.join-etc{font-size:0}
.join-etc .text-box,
.join-etc .sel-box,
.join-etc .multi-box{width:77% !important }

.capcha{font-size:0}
.capcha img{
    width: 33%;
    margin-right: 2%;
}
.capcha .text-box{
    width: 65% !important
}
.form-btn{
    display: inline-block;
    height: 40px;
    line-height: 40px;
    width: 20%;
    background: #e2e2e2;
    color: #666;
    text-align: center;
    font-size: 11px;
    vertical-align: middle;
}

.join-table-wrap h4{
	font-size: 16px;
    color: #387b0f;
    font-weight: 500;
    padding-bottom: 15px;
	margin-top: 60px;
}
.join-table-wrap h4:first-of-type{
	margin-top:0px
}
.join-table-wrap h4 .form-info{
    padding-top: 5px;
    margin-left: 0;
}
.join-table-wrap h4 .form-info span{
    color: #f33;
    display: inline-block;
    vertical-align: middle;
}

 .address .text-box {
    margin-bottom: 0;
    border-bottom: 0;
}
.address .text-box:last-of-type{border-bottom: 1px solid #ddd; }
.join-table .phone .sel-box,
.join-table .phone .text-box{width:31%}
.form-info{
    display: inline-block;
    font-size: 12px;
    color: #999;
    font-weight: 300;
    font-family: sans-serif;
    margin-left: 10px;
    letter-spacing: -.3px;
}
.phone span.form-info { 
	width:auto;
	display: inline-block;
    font-size: 12px;
    color: #999;
    font-weight: 300;
    font-family: sans-serif;
    margin-left: 23%;
    letter-spacing: -.5px;
	line-height: 24px;
	text-align: left;
	}
.join-table .birthday{font-size:0}
.join-table .birthday input{
	width:20%
}
.join-table .birthday span{
    display: inline-block;
    font-size: 13px;
    color: #666;
    line-height: 37px;
    vertical-align: middle;
    padding: 0 1%;
}
.join-table .birthday span:last-of-type{padding-right:0}
.join-table-wrap .birthday .chk-area{
    display: inline-block;
    margin-left: 20px;
}
.join-table-wrap .address .chk-area,
.join-table-wrap .phone .chk-area{
    display: inline-block;
    margin-top: 5px;
}
.join-table-wrap .email .chk-area{margin-top: 5px;}

.gender ul{display:inline-block}
.gender li{
	float:left;
	margin-right:20px
}

.join-table-wrap .join-btn-area{
	margin-top:30px
}

.join-table .text-box{width:100%}
.join-table>ul>li{
	margin-bottom:15px
}
.w-btn{font-size:0}
.w-btn .text-box{width:80%}

.join-table .email .text-box{width: 46%; }
.join-table .email .sel-box{
    width: 80%;
}
.address>input:first-child {
    width: 80%;
}
.join-table .form-title{
    font-size: 14px;
    font-weight: 500;
    width: 23%;
    display: inline-block;
    vertical-align: middle;
	color:#000
}


.join-table .text-box, 
.join-table .sel-box {
    height: 40px;
    line-height: 40px;
}

.form-readonly{
	background-color: #f9f9f9;
	height: 40px;
    line-height: 40px;
	border: 1px solid #ddd;
    padding: 0 10px;
    font-size: 12px;
    color: #888;
    vertical-align: middle;
    box-sizing: border-box;
}
.id_verification {
	display: inline-block;
    width: 100px;
    height: 35px;
    line-height: 35px;
    background: #555;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

/* 회원가입 완료 */

.join-end-area{
    text-align: center;
    margin: 0 30px;
}
.join-end-area h2{
	font-size: 23px;
    letter-spacing: -1px;
    font-weight: 500;
    background: url(/images/basic_blue/chk-icon.png) no-repeat center top;
    padding-top: 130px;
    background-size: 100px;
}

.join-end-area p{
    font-size: 14px;
    font-weight: 300;
    margin: 10px 0 40px;
    line-height: 21px;
    color: #999;
}




/* 회원가입-종류  */

.join-type-area{
	text-align: center;
}
.join-type-area:after{
	content:'';
	display:block;
	clear:both;
}
.join-type-area .inner>div{
    background: #f5f5f5;
    border: 1px solid #ddd;
    box-sizing: border-box;
    margin: 20px 0;
    position: relative;
}
.join-type-area .inner>div a{
    padding: 40px 0;
    height: 100%;
    box-sizing: border-box;
}
.join-type-area .inner>div a img{width:100px}
.type-txt{padding-top: 25px;}
.type-txt h3{
    font-size: 21px;
    color: #000;
    font-weight: 500;
}
.type-txt h3:before{
	content: '';
    display: block;
    width: 50px;
    height: 1px;
    background: #555;
    margin: 0 auto 15px;
}
.type-txt span{
    display: inline-block;
    width: 180px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    font-weight: 400;
    margin-top: 15px;
}




.join-type-area>div::before, .join-type-area>div::after{
    content: "";
    width: 0;
    height: 5px;
    position: absolute;
    transition: all 0.2s linear;
    background: #356319;
}
.join-type-area>div a::before, .join-type-area>div a::after{
    content: "";
    width: 5px;
    height: 0;
    position: absolute;
    transition: all 0.4s linear;
    background: #356319;
}

.join-type-area>div::after{
  left:0;
  bottom: 0;
  transition-duration: 0.4s;
}

.join-type-area>div::before{
  right: 0;
  top: 0;
  transition-duration: 0.4s;
}

.join-type-area>div a{
  display: block;
}
.join-type-area>div a::before{
  left: 0;
  bottom: 0;
  transition-duration: 0.4s;
}

.join-type-area>div a::after{
  right:0;
  top: 0;
  transition-duration: 0.4s;
}

.join-type-area>div:hover>a::before, .join-type-area>div:hover>a::after{
  height: 100%;
}
.join-type-area>div:hover::before, .join-type-area>div:hover::after{
  width: 100%;
}





/* 앙포레모리노헤어 */

.sub3-1-wrap1{
    background: #f9f9f9;
    padding: 50px 0;
    margin-top: 50px;
    font-size: 0;
}
.sub3-1-wrap1 li{
    font-size: 13px;
    color: #666;
    line-height: 19px;
    text-align: center;
    padding: 0 15px;
    width: 50%;
    margin-bottom: 30px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
}
.sub3-1-wrap1 li:nth-last-child(-n+2){margin-bottom:0}
.sub3-1-wrap1 li img{
    display: block;
    margin: 0 auto 20px;
    width: 120px;
}


.sub3-1-wrap2{
	padding: 50px 0;
	margin:0 15px;
	box-sizing:border-box
}
.sub3-1-wrap2 li{
	float: left;
    overflow: hidden;
    margin-bottom: 15px;
	width: 100%;
    text-align: center;
}
.sub3-1-wrap2 li:nth-child(3){margin-bottom:0}
.sub3-1-wrap2 li img{
    transition: 1s;
    max-width: 100%;
	width: 100%;
}
.sub3-1-wrap2 li:hover img{transform:scale(1.1)}

.btn-area-1{    
	text-align: center;
    margin-top: 40px;
}
.btn-area-1 a{
	color: #fff;
    background: #356319;
    width: 220px;
    font-size: 16px;
    text-align: center;
    height: 42px;
    line-height: 42px;
    display: inline-block;
    font-weight: 400;
}
/* .btn-area-1 a:after{
    background: url(/mobile/images/basic/headspa-arrow.png) no-repeat center 18px;
    width: 25px;
    height: 50px;
    display: inline-block;
    content: '';
    transform: scale(-1,1);
    margin-left: 20px;
    vertical-align: top;
    position: relative;
    left: 0;
    background-size: 20px;
    
} */



/* 아카데미 */
.board-area .board {
	border-top: 2px solid #356319;
    width: 100%;
}
.sub4-1-wrap1{
    text-align: center;
    margin-bottom: 50px;
}
.sub4-1-wrap2 .board-area th{
    height: 40px;
    line-height: 40px;
}
.sub4-1-wrap2 .board-area td{
	text-align: left;
    line-height: 20px;
    padding: 15px 21px;
    color: #888;
    font-family: sans-serif;
    letter-spacing: -0.5px;
    vertical-align: top;
}
.sub4-1-area .board-area th,
.sub4-1-area .board-area td{
    border-right: 1px solid #ddd;
    box-sizing: border-box;
}
.sub4-1-area .board-area th:last-child,
.sub4-1-area .board-area td:last-child{
	border-right: 0
}
.sub4-1-wrap2 .curriculum li{
    margin-bottom: 15px;
}
.sub4-1-wrap2 .curriculum li:last-child{margin-bottom:0}
.sub4-1-wrap2 .curriculum li p{
    background: #356319;
    color: #fff;
    font-size: 11px;
    display: inline-block;
    padding: 5px 10px;
    font-weight: 600;
    line-height: 1;
}
.sub4-1-wrap2 .curriculum li h5{
    font-size: 13px;
    color: #111;
    padding-top: 2px;
}
.sub4-1-wrap2 .curriculum li span{
	display: inline-block;
    font-size: 12px;
    color: #888;
    font-weight: 300;
    margin-left: 5px;
}




.sub4-1-wrap3{margin: 40px 0;}
.sub4-1-wrap3 ul li{
    margin-bottom: 7px;
    position: relative;
    padding-left: 8px;
}
.sub4-1-wrap3 ul li:before{
    content: '';
    display: inline-block;
    width: 2px;
    height: 2px;
    background: #000;
    position: absolute;
    left: 0;
    top: 10px;
}
.sub4-1-wrap3 tr:last-child li{width:100%}


.sub4-1-wrap4 li{
    margin-bottom: 15px;
}
.sub4-1-wrap4 li img{
	max-width: 100%;
    width: 100%;
}
.sub4-1-wrap4 li:last-child{margin-bottom:0}


.sub4-2-area .study th{line-height:1.5}
.sub4-2-area .study li{margin-bottom:10px}
.sub4-2-area .study li b{
    color: #356319;
    font-weight: 500;
    display: block;
    font-weight: 600;
    letter-spacing: -.7px;
}
.sub4-2-area .sub4-1-wrap3 .board{margin-bottom:20px}

.board-area th {
	height: 45px;
    border-bottom: 1px solid #ddd;
    background-color: #f9f9f9;
    color: #111111;
    font-weight: 500;
    word-wrap: break-word;
    word-break: break-all;
    line-height: 45px;
    font-size: 14px;
}

.board-area td {
    border-bottom: 1px solid #ddd;
    color: #333;
    text-align: center;
    padding: 15px;
    word-wrap: break-word;
    word-break: break-all;
    font-size: 13px;
    font-weight: 400;
}

.ac-img{
    margin-bottom: 50px;
}
.ac-img img{
    max-width: 100%;
    width: 100%;
}

.sh-slide-area{overflow:hidden;}
.sh-slide-area .bx-controls-direction a{
	width: 35px;
	height: 35px;
	background: rgba(0, 0, 0, 0.4);
	margin-top: -25px;
	left: 0;
	transition: .4s;
}
.sh-slide-area .bx-controls-direction a:hover{
	background: rgba(0, 0, 0, 1);
}
.sh-slide-area .bx-controls-direction a:before, .sh-slide-area .bx-controls-direction a:after {
    content: '';
    width: 15px;
    height: 2px;
    background: #fff;
    display: inline-block;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    transform: rotate(45deg);
    border-radius: 30%;
}
.sh-slide-area .bx-controls-direction a:before, .sh-slide-area .bx-controls-direction a:after {
    content: '';
    width: 15px;
    height: 2px;
    background: #fff;
    display: inline-block;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    transform: rotate(45deg);
    border-radius: 30%;
}
.sh-slide-area .bx-controls-direction a.bx-next{left:auto;right:0}
.sh-slide-area .bx-controls-direction a:before{bottom: 11px;}

.sh-slide-area .bx-controls-direction a:after{
	transform: rotate(-45deg);
	top: 12px;
}
.sh-slide-area .bx-controls-direction a.bx-next{transform:scale(-1,-1)}

/* diploma */



.sub4-3-wrap img {
	max-width:100%;
	width:100%
}

.sub4-3-wrap ul{margin-top: 30px;}
.sub4-3-wrap li{margin-bottom: 25px;}
.sub4-3-wrap li h3{
	font-size:17px;
}
.sub4-3-wrap li h3 span{
    font-size: 13px;
    display: inline-block;
    margin-left: 8px;
    font-weight: 300;
    font-family: sans-serif;
    letter-spacing: -.3px;
	opacity:.7
}
.sub4-3-wrap li p{
    font-size: 13px;
    color: #999;
    line-height: 20px;
    font-weight: 300;
    font-family: sans-serif;
    letter-spacing: -1px;
    margin-top: 5px;
}



.diploma-1 h3,
.diploma-1 span{color:#000}
.diploma-2 h3,
.diploma-2 span{color:#ffc000}
.diploma-3 h3,
.diploma-3 span{color:#a7a7a7}
.diploma-4 h3,
.diploma-4 span{color:#f4b183}



/* faq */

.faq-wrap{
	border-top: 2px solid #356319;
	margin-bottom: 20px;
}
.faq-subject{border-bottom: 1px solid #ddd;}
.faq-subject .q{
	margin-right: 3px;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 20px;
    background: #356319;
    font-weight: 300;
}
.faq-subject a{
    font-size: 13px;
    color: #333;
    padding: 12px 10px;
}
.faq-subject a p{display:inline-block;}


.faq-cont{
	background: #f5f5f5;
    border-bottom: 1px solid #ddd;
    padding: 15px;
    font-size: 12px;
    color: #666;
    font-family: 'Malgun Gothic';
    letter-spacing: -.5px;
    line-height: 18px;
    word-break: keep-all;
}
.faq-wrap .no-posts{
	background: #f9f9f9;
    padding: 50px 0;
    font-size: 13px;
    color: #666;
    margin-bottom: -20px;
	text-align: center;
}




/* 개인정보동의 */ 
.agreement{
    background: #f9f9f9;
    padding: 20px;
    margin-top: 20px;
}
.agreement h5{
	font-size: 14px;
    margin-bottom: 10px;
    color: #000;
}
.agreement>p{
	background: #fff;
    padding: 15px 20px;
    font-size: 12px;
    line-height: 19px;
    letter-spacing: -0.5px;
    color: #888;
    font-family: 'Malgun Gothic';
    overflow-y: scroll;
    height: 100px;
}

.agreement .chk-area{
	margin-top:12px
}

.form-area .text-box, .input_email {width:100%}
.form-area .th_bu {color: #ff2d2d;}
.form-area .board th{
	height: 40px;
    line-height: 40px;
    font-size: 13px;
}
.form-area .board td{
    text-align: left;
    padding: 7px;
    font-size: 12px;
}
.form-area .text-box,
.form-area .sel-box, .input_email{
	height:40px;
	line-height:40px
}
.form-area li{
	margin-bottom:10px
}
.form-area .phone .text-box {
    width: 31%;
}

.form-area .btn-area{
    text-align: center;
    margin-top: 20px;
}
.btn-sumit{
    width: 180px;
    height: 45px;
    line-height: 45px;
    background: #356319;
    color: #fff;
    font-size: 15px;
}


/* salon 구매안내 */

.sub5-1-wrap1{text-align:center}
.sub5-1-wrap1 h3{
	font-size: 20px;
    text-align: center;
    font-weight: 300;
    color: #333;
    letter-spacing: -.5px;
    margin-bottom: 25px;
    position: relative;
    line-height: 26px;
    word-break: keep-all;
    padding: 0px 15px;
    display: inline-block;
}
.sub5-1-wrap1 h3:before,
.sub5-1-wrap1 h3:after{
    content: '';
    background: url(/mobile/images/basic/sub1-1-1.png) no-repeat;
    width: 17px;
    height: 15px;
    display: inline-block;
    position: absolute;
    top: 0px;
    background-size: 100% auto;
}
.sub5-1-wrap1 h3:before{left: -7px;}
.sub5-1-wrap1 h3:after{
	 transform: rotate(180deg);
	 right:-7px
}
.sub5-1-wrap1 img{
	max-width:100%;
	min-height: 160px;
}

.salon-info1 img,
.salon-info2 img{
	max-width:100%;
	width:100%
}

.sub5-1-wrap2{
    margin: 20px 0;
    background: #f5f5f5;
    padding-bottom: 20px;
}
.sub5-1-wrap2 h3{
    background: #356319;
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    height: 45px;
    line-height: 45px;
}
.sub5-1-wrap2 dl{
	padding: 20px 20px 0 20px;
    font-size: 0;
}
.sub5-1-wrap2 dt{
    width: 110px;
    display: table-cell;
    vertical-align: middle;
}
.sub5-1-wrap2 dt img{
    width: 100%;
    max-width: 100%;
}
.sub5-1-wrap2 dd{
    width: calc(100% - 110px);
    box-sizing: border-box;
    padding-left: 20px;
    display: table-cell;
    vertical-align: middle;
}
.sub5-1-wrap2 dd  h5{
    font-size: 15px;
    color: #111;
    margin: 5px 0 5px;
}
.sub5-1-wrap2 dd p{
    font-size: 13px;
    color: #999;
    line-height: 19px;
    font-family: sans-serif;
    letter-spacing: -1px;
}



/* 마이페이지 정보수정*/
.mypage-info{
    border: 1px solid #ddd;
    box-sizing: border-box;
    margin-bottom: 15px;
    border-bottom: 0;
}
.mypage-info h5{
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    background: #333;
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
    position: relative;
}
.mypage-info h5 span{
    font-size: inherit;
    display: inline-block;
}
.mypage-info th{
    text-align: left;
    padding: 0 10px 0 25px;
    border-right: 1px solid #ddd;
    font-weight: 500;
}
.mypage-info td{
    padding: 0 15px;
    color: #888;
}
.mypage-info th,
.mypage-info td{
    height: 32px;
    line-height: 32px;
    border-bottom: 1px solid #ddd;
    font-size: 12px;
}

.mypage-salon-btn{
    text-align: right;
    margin-bottom: 12px;
}
.mypage-salon-btn ul{display:inline-block;}
.mypage-salon-btn li{
    float: left;
    margin: 0 4px;
}
.mypage-salon-btn li a{
    font-size: 14px;
    font-weight: 400;
    padding: 12px 25px;
    background: #fff;
    color: #666;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

.mypage-info>ul>li{
    float: left;
    width: 25%;
    text-align: center;
    color: #ababab;
    font-size: 17px;
    padding: 35px 0;
    border-right: 1px solid #ddd;
    box-sizing: border-box;
    font-weight: 300;
}
.mypage-info>ul>li:last-child{border-right:0}
.mypage-info >ul>li>span{
    display: block;
    margin-top: 12px;
    font-size: 20px;
    color: #000000;
    font-weight: 400;
}




/*지점찾기 */

.store-bridge{
    margin-bottom: 40px;
    border-bottom: 1px solid #ddd;
}
.store-bridge img{
	width: 100%;
    max-width: 100%;
}
.store-bridge-txt{
	background: #fff;
    margin: 0 25px;
    padding: 17px 20px 40px;
    box-sizing: border-box;
    position: relative;
    bottom: 0;
    font-size: 17px;
    color: #000;
    text-align: center;
    line-height: 23px;
    margin-top: -40px;
    z-index: 1;
}

.store-bridge-txt p{
    font-size: 13px;
    color: #888;
    font-weight: 300;
    line-height: 20px;
    margin-top: 5px;
    word-break: keep-all;
}
.store-bridge .btn-area-1 a {
    width: 180px;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
}
.btn-area-1 a:after {
    background: url(/mobile/images/basic/headspa-arrow.png) no-repeat center 14px;
    width: 25px;
    height: 40px;
    display: inline-block;
    content: '';
    transform: scale(-1,1);
    margin-left: 20px;
    vertical-align: top;
    position: relative;
    transition: .4s;
    left: 0;
}
.map_search{
    background: #f5f5f5;
    padding: 20px;
    margin: 30px 0;
    text-align: center;
}
.map-search-area{
	font-size: 0;
    display: block;
    text-align: left;
}
.map-search-wrap{ 
    position: relative;
    display: block;
    margin-top: 5px;
}
.map_search .btn_search{
    display: inline-block;
    background: url(/images/basic_blue/search-icon.png) no-repeat center;
    height: 37px;
    line-height: 37px;
    width: 40px;
    text-indent: -9999px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
}

.map_search .text-box{
    border: 1px solid #ccc;
    background: #fff;
    width: 100%;
}
.map_search .sel-box {
    width: calc(100%/2 - 3px);
    border: 1px solid #ccc;
    margin-right: 5px;
}
.map_search .sel-box:last-of-type{margin-right:0}
.map_search .text-box::placeholder {
	color: #888;
	font-size:13px
}
.map-search-txt{
    text-align: center;
    font-size: 17px;
    color: #000;
    line-height: 25px;
    margin-top: 30px;
    font-weight: 500;
    word-break: keep-all;
    letter-spacing: -.5px;
}


#map{
    position: relative;
    height: 300px;
}
.board-top-area{
    margin-bottom: 10px;
    overflow: hidden;
    line-height: 1.5;
}
.board-top-area .chk-area{float:left;}
.board-top-area p{
	float: right;
    font-size: 11px;
    color: #999;
}
.board-top-area p b{
    color: #000;
    font-weight: 500;
}
.store-find-area .chk-area li{
    float: left;
    margin-right: 10px;
}
.store-find-area .chk-area .checkmark{
    height: 14px;
    width: 14px;
    top: 2px;
}
.store-find-area .chk-area .container{padding-left: 20px;}
.store-find-area .chk-area .container{font-size: 12px;}
.store-find-area .chk-area .container .checkmark:after{
    width: 4px;
    height: 6px;
}
.store-find-area .chk-area .container .checkmark:after{
    left: 5px;
    top: 2px;
}

.store_list .address{text-align:left;}
.store_list tr.on{background:#eaeaea}
.store_list tr:nth-child(3n) {border-bottom:1px solid #ddd; }

.store-find-area .board-area td{
    height: auto;
	padding: 10px;
    font-size: 15px;
	border-bottom:none;
}

.store-find-area .board-area td.map-btn{padding: 0px 17px 10px 17px;}
.store-find-area .board-area td.map-btn a{
    padding-right: 0;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
	transition:.4s;
	background: #fff;
}

.store-find-area .board-area td.map-btn a:hover{
	background:#dedede;
	color:#666;
	text-decoration:none

}

.store-find-area .board-area td.store-type span{
    font-size: 13px;
    color: #fff;
    width: 100%;
    display: inline-block;
	width: 150px;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    font-weight: 300;
}
.store-find-area .board-area td.store1 span{ background: #356319;}
.store-find-area .board-area td.store2 span{ background: #333;}

.diploma-area ul{display:inline-block; width: 41px;}
.diploma-area li{
    float: left;
    padding: 0 4px;
}

.store-find-area .board-area{margin-bottom:50px}
.store-map-area{margin-bottom:50px}



/*salon 구매*/

.product_list{
    font-size: 0;
	box-sizing:border-box;
	padding: 0 5px;
}
.product_list li{
    display: inline-block;
    width: calc(100%/2);
    padding: 0 6px;
    box-sizing: border-box;
    margin-bottom: 15px;
}
.product_list li:nth-child(even){border-right:0}
.goods-img{
    width: 100%;
    height: 0;
    vertical-align: middle;
    position: relative;
    margin: auto;
    box-sizing: border-box;
    overflow: hidden;
    padding-top: 100%;
	border:1px solid #e5e5e5
}
.goods-img img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
	padding: 10px;
    box-sizing: border-box;
}

.goods-txt {
    padding: 10px;
    height: 55px;
    box-sizing: border-box;
}
.goods-txt h3{
    font-size: 14px;
    font-weight: 400;
    color: #000;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 18px;
    height: 38px;
}
.goods-txt .price{
    font-size: 18px;
    font-weight: 600;
    font-family: Roboto;
    letter-spacing: -.5px;
    color: #000;
	margin-top: 3px
}
.goods-txt .price span{
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    font-family: initial;
	vertical-align:0
}


.shop-area .btn-area{
	margin-top:30px;
	text-align:center;
}
.shop-area .btn-area a{
    background: #333;
    color: #fff;
    width: 160px;
    font-weight: 400;
    font-size: 15px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
}
.shop-area .btn-area a span{
    display: inline-block;
    font-size: 19px;
    vertical-align: -2px;
    margin-left: 10px;
    transition: 1s;
    color: #fff;
}
.shop-area .btn-area a:hover span{
	
}
.mobile_search{margin:0 15px}



/* 상품상세 */

.shop-view-area{
	padding-top: 0;
}
.goods-view-img{
    position: relative;
    width: 100%;
    height: 400px;
}
.goods-view-img img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.goods-view-info{
    background: #f9f9f9;
    padding: 40px 20px;
}
.goods-view-info h2{
    font-size: 18px;
    font-weight: 500;
    color: #000;
}

.goods-info-s {
    margin-top: 7px;
    font-size: 13px;
    color: #666;
    font-weight: 300;
    line-height: 17px;
}
.goods-info-s br{display:none}


.view-price-info{margin:20px 0 0}
.view-price-info .sel-box{width:100%}
.total-price-wrap.hidden{
	display: none;

}
.view-total-price .opt-none{
	display:none;
    font-size: 15px;
    text-align: center;
    color: #888;
    font-weight: 400;
}
.view-price-info dl{margin-bottom:12px;font-size:0}
.view-price-info dt{
    width: 100px;
    font-weight: 500;
}
.view-price-info dd{
    color: #666;
    width: calc(100% - 100px);
}
.view-price-info dt,
.view-price-info dd{
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}
.view-price-info .amount dt{padding-top: 5px;}
.view-price-info .amount .sel-box{
    height: 27px;
    line-height: 27px;
    width: 80px;
}

.view-total-price{
    text-align: right;
    border-top: 1px solid #666;
    padding-top: 8px;
    margin-top: 20px;
}
.view-total-price span{
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
	margin-right: 3px;
}
.view-total-price h5{
    display: inline-block;
    font-size: 27px;
    font-family: roboto;
    letter-spacing: -1.2px;
    font-weight: 500;
    color: #ee2c2c;
}
.view-total-price i{
    color: #ee2c2c;
    font-size: 18px;
    vertical-align: 1px;
    display: inline-block;
}

.shop-view-area .btn-wrap{
    font-size: 0;
    padding: 0 10px;
    box-sizing: border-box;
    margin: 30px 0;
}
.shop-view-area .btn-wrap li{
    display: inline-block;
    width: calc(100%/2 - 5px);
    font-size: 15px;
    margin-right: 10px;
    box-sizing: border-box;
}
.shop-view-area .btn-wrap li:last-child{margin-right:0}
.shop-view-area .btn-wrap li button{
	 background: #ddd;
    text-align: center;
    height: 43px;
    line-height: 43px;
    font-size: 15px;
    color: #666;
    font-weight: 400;
	width:100%
}

.view-info2{
    padding: 0 20px;
}
.view-info2 h3{
    font-size: 16px;
    font-weight: 500;
    border-bottom: 1px solid #666;
    padding-bottom: 5px;
    margin-bottom: 10px;
	color:#000
}
.detailview{
	font-size: 13px;
    color: #666;
    line-height: 19px;
    font-weight: 300;
}


/*장바구니*/

.order_list .order_img{
    position: relative;
    padding: 15px 0 15px 120px;
    min-height: 80px;
}
.order_list .order_img .chk-area{
    position: absolute;
    left: 0;
    top: 15px;
}
.order_list .order_img .cart-list-wrap{position: relative;}
.cart-list-wrap .thumb{
    position: absolute;
    left: -95px;
}
.cart-list-wrap .option_view{
	min-height: 80px;
}
.option_view .good_name{
    font-size: 14px;
    color: #000;
    font-weight: 500;
    display: block;
	margin-bottom: 5px;
}
.option_view span{
    font-size: 12px;
    color: #999;
    font-family: sans-serif;
    display: inline-block;
}
.option_view span:after{
    display: inline-block;
    content: '';
    width: 1px;
    height: 10px;
    background: #ddd;
    vertical-align: -1px;
    margin: 0 5px;
}
.option_view span:last-of-type:after{display:none}
.option_view span:last-of-type{margin-right:5px}
.btn_cart_modify_wide{
	background: #f9f9f9;
    color: #666;
    font-size: 10px;
    font-family: sans-serif;
    letter-spacing: -.5px;
    padding: 1px 5px 4px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    border-radius: 4px;
    display: block;
    margin-top: 10px;
}

.cart-option:first-of-type{
    border-top: 1px solid #ddd;
    padding-top: 10px;
}
.cart-option:last-of-type{ padding-bottom: 15px;}

.cart-option{
	font-size: 12px;
    color: #888;
    font-family: sans-serif;
    letter-spacing: -.5px;
    line-height: 17px;
    margin-bottom: 7px;
}

.cart-none{
    text-align: center;
    padding: 50px 0;
}
.order_list{
	background:#f1f1f1;
	overflow: hidden;
}
.order_list li{
	margin-bottom: 12px;
    padding: 0 15px;
    box-sizing: border-box;
    background: #fff;
}
.order_list li:first-child{padding: 12px 15px;}



.order_amount{padding:20px 15px}
.order_amount .delivery{
    font-size: 12px;
    color: #999;
    font-family: sans-serif;
    letter-spacing: -.5px;
    line-height: 17px;
	margin-top:20px
}

.arr_list li{
	font-size:0;
	margin-bottom: 10px;
}
.arr_list li span{
    display: inline-block;
    width: 50%;
    vertical-align: middle;
    font-size: 14px;
	color: #666;
}
.arr_list li span.price{
    text-align: right;
    font-weight: 500;
    color: #000;
    font-size: 16px;

}

.arr_list li.total-price{
    border-top: 1px solid #ddd;
    padding-top: 10px;
}
.arr_list li.total-price .title{
    font-weight: 500;
    color: #000;
    font-size: 16px;
}
.arr_list li.total-price .price{
    color: #ee2c2c;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -.5px;
}




/* 주문 결제 */

.order-form{background:#f1f1f1}
.orderform-wrap{
	margin-bottom:12px;
	background:#fff
}
.orderform-title{
    margin: 0 15px;
    border-bottom: 1px solid #555;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    padding: 20px 5px 5px;
    letter-spacing: -.7px;
}
.orderform-title .chk-area{
    float: right;
    padding-top: 2px;
}
.order-form .orderform-wrap:first-of-type .orderform-title{padding-top:0}
.order-form .order_list .order_img {padding: 0px 0 0px 105px;}
.order-form .cart-list-wrap .thumb {
	left: -105px; 
}

.orderform-wrap .join-table{
    padding: 10px 15px;
}


.orderform-wrap .join-table .email .text-box {width: 34.5%;}
.orderform-wrap .join-table .phone .sel-box, 
.orderform-wrap .join-table .phone .text-box {width: 23.6%;}
.orderform-wrap .multi-box{
    width: 100%;
    height: 70px;
}
.pay-type .radio-area{
    display: inline-block;
    margin-right: 20px;
}
.btn_box{text-align:center;}
.btn_box button{
    text-align: center;
    height: 43px;
    line-height: 43px;
    font-size: 15px;
    font-weight: 400;
    width: 160px;
}

.no-input li{
    height: 40px;
    line-height: 40px;
    border: 1px solid #ddd;
    padding: 0 10px;
    font-size: 12px;
    color: #888;
    vertical-align: middle;
    box-sizing: border-box;
}
.no-input .address{margin-bottom: -1px;}
.provision p{
    font-size: 14px;
    color: #666;
    word-break: keep-all;
    line-height: 20px;
    margin-top: 10px;
}



#main_contents section.sec-1{padding:0}
section.sec-1 img{max-width:100%}


/* 주문결제확인 */
.order-info{padding: 10px 15px;    overflow: hidden;}
.order-info dl{margin-bottom: 12px;}
.order-info dl:after{
	content:'';
	display:inline-block;
	clear:both;
}
.order-info dt{
	float: left;
    width: 90px;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    padding-left: 6px;
    text-align: left;
}
.order-info dd{
    overflow: hidden;
    margin-left: 90px;
    padding-left: 10px;
    text-align: left;
    color: #888;

}






/* system */
.system-icon-area {margin: 50px 0;}
.system-icon-area li {
    text-align: center;
    box-sizing: border-box;
    position: relative;
	margin-bottom: 30px;
}
.system-icon-area li h5{
    font-size: 17px;
    color: #000;
    margin: 20px 0 10px;
}
.system-icon-area li p {
    font-size: 14px;
    color: #999;
    line-height: 21px;
    font-family: sans-serif;
    letter-spacing: -1px;
    word-break: keep-all;
}
.system-icon-area li img{
	max-width:100%
}

.system-box-area dl:after{
	clear:both;
	content:'';
	display:block;
}
.system-box-area dl{
	margin-bottom:15px;
	font-size:0
}
.system-box-area dt img{
    max-width: 100%;
    width: 100%;
}
.system-box-area dd{
    background: #f5f5f5;
    width: 100%;
    padding: 20px;
    position: relative;
}
.system-box-area dt,
.system-box-area dd{
    box-sizing: border-box;
    vertical-align: middle;
}

.system-box-area dd span.jua{
    font-size: 22px;
    color: #356319;
    opacity: 0.85;
    font-weight: bold;
    margin-right: 5px;
}
.system-box-area dd h3{
    font-size: 17px;
    color: #000;
    line-height: 20px;
    position: relative;
    display: inline-block;
}
.system-box-area dd h3 i{
    font-size: 14px;
    color: #666;
    font-weight: 300;
    margin-left: 5px;
}
.system-box-area dd p{
    font-size: 13px;
    color: #666;
    line-height: 20px;
    word-break: keep-all;
    margin-top: 5px;
}
.system-box-area dd p .f-red {
    font-size: inherit;
    display: block;
    margin-top: 2px;
}

.system-video{
    position: relative;
    padding-bottom: 56.25%;
}
.system-video iframe{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}



/*오시는길*/
.map_area_bottom > div {
    padding: 30px 0px;
    box-sizing: border-box;
}
.map_area_bottom > div h1 {
	display: table-cell;
    font-size: 18px;
    color: #356319;
    line-height: 1;
    vertical-align: middle;
    font-weight: 400;
    width: 90px;
}
.map_area_bottom > div > p {
    display: table-cell;
    font-size: 15px;
    color: #666;
    line-height: 24px;
    vertical-align: middle;
}

.map_area_bottom > div p.route_txt {
	font-weight: 300;
    line-height: 22px;
    margin-left: 25px;
}
.map_area_bottom > div p.route_txt > span {
	font-size: 16px;
    color: #356319;
    font-weight: 450;
    line-height: 1;
    margin-bottom: 10px;
    display: inline-block;
}
.map_area_bottom.route {border-top:1px solid #ddd;}
.map_area_bottom.route .route-icon{width: 90px;}
.map_area_bottom.route .route-icon img{    width: 75px;}



.info-page-area{
    background: #f5f5f5;
    padding: 20px;
    font-size: 13px;
    line-height: 19px;
    overflow-y: auto;
    max-height: 300px;
	margin-bottom: 50px;
}



/* paging-area */
.paging-area{
    text-align: center;
    margin-top: 20px;
}
.paging-area ul{display:inline-block;}
.paging-area li{
	float:left
}
.paging-area li a{
    width: 25px;
    height: 25px;
    text-align: center;
    color: #666;
    font-size: 14px;
    font-family: sans-serif;
    display: table-cell;
    vertical-align: middle;
}
.paging-area li.on a{
	background: #356319;
    color: #fff;
    font-weight: bold;
}
.board-info-txt{
	font-size: 13px;
    color: #666;
    margin-bottom: 7px;
}


/* liststyle */
.liststyle li{
    position: relative;
    padding-left: 10px;
}
.liststyle li:before{
    content: '';
    display: inline-block;
    background: #356319;
    width: 3px;
    height: 3px;
    position: absolute;
    top: 7px;
    left: 0;
}

/* 교육신청 */


.course-apply-info{
    margin-top: 30px;
    background: #f5f5f5;
    padding: 20px 25px;
}

.course-apply-info h5{
    font-size: 15px;
    color: #000;
    font-weight: 500;
    margin-bottom: 10px;
}
.course-apply-info .liststyle li{
	font-size: 12px;
    font-family: sans-serif;
    letter-spacing: -.5px;
    color: #666;
    margin-bottom: 5px;
    line-height: 17px;
}



.sub4-5-area .board-area th{
	border-bottom: 1px solid #ddd;
    background-color: #f9f9f9;
    color: #111111;
    font-weight: 500;
    word-wrap: break-word;
    word-break: break-all;
    padding: 12px 10px;
    font-size: 14px;
    text-align: left;
    position: relative;
}


.lecture-list-wrap{border-top: 2px solid #356319;}
.lecture-list-wrap dl{
	padding: 12px 10px;
    border-bottom: 1px solid #ddd;
}
.lecture-list-wrap dl:after {
    content: "";
    display: block;
    clear: both;
}
.lecture-list-wrap dt{
    margin-bottom: 7px;
    color: #333;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -.5px;
    line-height: 18px;
    vertical-align: middle;
    position: relative;
    padding-right: 60px;
}
.lecture-list-wrap dd{
    font-size: 12px;
    color: #959595;
    font-weight: normal;
    letter-spacing: -.5px;
    border-right: 1px solid #ddd;
    float: left;
    padding-right: 5px;
    margin-right: 5px;
	line-height: 16px;
}
.lecture-list-wrap dd:last-of-type {
    border-right: 0;
    margin-right: 0;
    padding-right: 0;
}
.lecture-list-wrap dd b{color:#666}
.lecture-list-wrap dt .reservation-btn{
	background: #f1f1f1;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 55px;
    height: 20px;
    line-height: 20px;
    font-size: 11px;
    color: #666;
    padding-right: 0;
    position: absolute;
    right: 0;
    top: -2px;
    text-align: center;
}


/* 교육신청 달력 */
/*교육신청-리스트*/

.calendar-row:after{
	clear:both;
	display:block;
	content:'';
}
.reservation-cell-wrap ol{padding: 20% 7% 0;}
.reservation-cell-wrap>ol>li{
	margin-bottom: 2px;
	padding-left: 7px;
	position:relative;
}
.reservation-cell-wrap>ol>li:before{
    content: '';
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #000;
    position: absolute;
    left: 0;
    top: 10px;
}
.reservation-cell-wrap ol li:last-child{margin-bottom:0}
.reservation-cell-wrap ol li a{
    font-size: 12px;
    letter-spacing: -.5px;
    font-weight: 300;
    text-align: left;
    color: #111;
    white-space: nowrap;
    padding-right: 53px;
    text-overflow: ellipsis;
    position: relative;
    overflow: hidden;
    padding: 4px 53px 4px 0;
    font-family: sans-serif;
}
.reservation-cell-wrap ol li a:hover{
	text-decoration:underline
}
.reservation-cell-wrap ol li a span{
	display: inline-block;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 11px;
    font-family: Dotum;
    color: #666;
    position: absolute;
    right: 0;
    top: 0;
    height: 20px;
    line-height: 21px;
    width: 51px;
    text-align: center;
	transition:.4s
}
.reservation-cell-wrap ol li a:hover span{
	background:#356319;
	color:#fff
}
.reservation-cell-wrap ol .reserv-closed a{
	pointer-events: none;
	cursor: default;
	color:#999
}

.reservation-cell-wrap ol .reserv-closed a span{
    background: #f1f1f1;
    color: #999
}

.calendar-form  .cal-weekday{
    border: 1px solid #dad9d7;
	box-sizing: border-box;
	border-bottom:0;
	background:#eae8e5
}
.calendar-form  .cal-weekday li{
	border-right:1px solid #dad9d7;
	box-sizing:border-box;

}
.calendar-form  .calendar-row{
	 border-right: 1px solid #eee;
	 box-sizing: border-box;
	
}
.calendar-form .cal-weekday li.saturday{border-right: 0;}

.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.calendar-form {overflow: hidden;}

.cal-month {
	text-align: center;
    margin-bottom: 7px;
    position: relative;
    line-height: 35px;
}
.cal-month .cont-title{
    position: absolute;
    left: 0;
    top: 27px;
}
.cousrse-name-area.cont-title{
    position: absolute;
    left: 0;
    top: 31px;
    margin-bottom: 0;
    font-size: 21px;
}
.cal-month a{
    width: 35px;
    height: 35px;
    display: inline-block;
    vertical-align: middle;
	position: absolute;
    right: 0;
}
.cal-month a:before,
.cal-month a:after{
    content: '';
    display: inline-block;
    width: 12px;
    height: 1px;
    background: #666;
    position: absolute;
    left: 50%;
    margin-left: 3px;
}

.cal-month .last-month:before{
	transform: rotate(-45deg);
    top: 21px;
}
.cal-month .last-month:after{
    transform: rotate(45deg);
    top: 12px;
}
.cal-month .next-month:before{
	transform: rotate(-45deg);
	top: 26px;
}
.cal-month .next-month:after{
    transform: rotate(45deg);
    top: 17px;
}

.cal-month .last-month{transform: rotate(180deg);
	right:auto;
	left:0
}
.cal-month>span{
	display: inline-block;
    vertical-align: middle;
    color: #111;
    margin: 0 25px;
    font-size: 22px;
    letter-spacing: -1px;
}


.calendar-form .cal-weekday li{
	height:50px;
	line-height:50px;
}
 .calendar-cell {
	background: #fff;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #eee;
	vertical-align: top;
	height:100px
}

.cal-list-btn a{
    width: 80%;
    height: 32px;
    line-height: 32px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 50px;
}
.receiving-btn a{
	background: #064989;
    color: #fff;
}
.receiving-end-btn a{
    background: #ccc;
    color: #656565;
	pointer-events: none;
	cursor: default;
}
 .reservation-cell .reservation-cell-wrap.reservation {background:#fff;}
 .reservation-cell .reservation-cell-wrap.res-close {background:#f9f9f9;}
 .reservation-cell {background: #fff;}
 .reservation-cell .reservation-cell-wrap {
	height: 100%;
	position: relative;
}
 .reservation-cell .reservation-cell-wrap:before {
    content: attr(data-day);
    left: 6%;
    position: absolute;
    top: 10%;
    transition: 0.3s all ease;
    z-index: 110;
    font-size: 12px;
    font-weight: 500;
}
 .reservation-cell .reservation-cell-wrap.reservation .btn,
 .reservation-cell .reservation-cell-wrap.complete .btn{
	left: 15%;
	margin-top: -17px;
	position: absolute;
	top: calc(50% + 10px);
	width: 70%;
	z-index: 100;
}
 .reservation-cell .reservation-cell-wrap.today {
	background: #f4ffae;
}

.mobile-cont-area {display: none;}
.mobile-cont-area ul:after{
	display:block;
	clear:both;
	content:'';
}
.cal-date-wrap>ul:after{
	content:'';
	display:block;
	clear:both;
}
.cal-date-wrap>ul>li{
    float: left;
    width: calc(100%/7);
    box-sizing: border-box;
	overflow-y: auto;
	width:14.28%;
    height: 50px;
}
.cal-date-wrap>ul>li,
.cal-date-wrap>ul>li>a{
    text-align: center;
    font-size: 12px;
    color: #555;
    font-weight: 600;
}
.cal-weekday li{text-align:center}


.cal-date-wrap>ul .sunday,
.cal-date-wrap>ul .holiday{color:#ff5c5d}
.cal-date-wrap>ul .saturday{color:#3c88fa}
.cal-date-wrap>ul .other-date{color:#ccc }

.cal-date li{
    margin: 5px 0;
    position: relative;
}
.cal-date li a{
	width: 33px;
    line-height: 33px;
	margin:0 auto;
}
.has a{
    border-radius: 50%;
    background: #eae8e5;
}


.cal-date-wrap h1{
	text-align: center;
    line-height: 1;
    margin-bottom: 20px;
}
.cal-date-wrap h1 a{
    background: url(/images/cal-arrow.png) no-repeat center/12px 19px;
    width: 40px;
    height: 45px;
    display: inline-block;
    vertical-align: middle;
    line-height: 45px;
}
.cal-date-wrap h1 .last-month{transform: rotate(180deg);}
.cal-date-wrap h1 span{
    display: inline-block;
    vertical-align: bottom;
    font-size: 45px;
    font-weight: 500;
    color: #ff5c5d;
    margin: 0 25px;
    line-height: 45px;
}


.cal-schedule-wrap{
    background: #ebe9e6;
    padding: 20px 20px 20px 0;
    margin-top: 15px;
    min-height: 125px;
	position: relative;
}

.cal-schedule-wrap dl:after{
	clear:both;
	content:'';
	display:block;
}
.cal-schedule-wrap dt{
	float: left;
    width: 110px;
    text-align: center;
    font-size: 30px;
    color: #333;
    border-right: 1px solid #ccc;
    margin-right: 25px;
    line-height: 85px;
    box-sizing: border-box;
}
.cal-schedule-wrap dd{
    overflow: hidden;
    margin-left: 135px;
    font-size: 13px;
    line-height: 20px;
}
.cal-schedule-wrap dd ul li{
	position: relative;
    padding-left: 12px;
	margin-bottom: 3px;
}
.cal-schedule-wrap dd ul li:before{
    content: '';
    display: inline-block;
    background: #111;
    width: 3px;
    height: 3px;
    vertical-align: middle;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 10px;
}
.cal-schedule-wrap .more-btn{
	right: 20px;
    top: 10px;
}


.course-calendar .btn-area-1 a {
    background: #333;
    width: 100%;
}
.course-calendar .btn-area-1 {margin-top: 20px;}
.course-calendar .sub-title p {
    color: #888;
    font-weight: 400;
}


.course-location{
}
.course-location li{
    float: left;
    font-size: 13px;
    color: #888;
    font-weight: 300;
    padding: 0 10px;
    position: relative;
}
.course-location li:first-child{padding-left:0}
.course-location li:after,
.course-location li:before{
content: '';
    width: 6px;
    height: 1px;
    background: #9c9c9c;
    display: inline-block;
    vertical-align: middle;
    transform: rotate(45deg);
    top: 7px;
    position: absolute;
    right: -14px;
    margin: 0 10px;
}
.course-location li:before{
    transform: rotate(-45deg);
    bottom: 7px;
    top: auto;
}
.course-location li:last-child{padding-right:0}
.course-location li:last-child:after,
.course-location li:last-child:before{width:0}
.course-location li span{
    display: inline-block;
    border-radius: 50%;
    background: #aaa;
    color: #fff;
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin-right: 3px;
    font-size: 12px;
    text-align: center;
}
.course-location li.on{color:#356319;font-weight: 400;}
.course-location li.on span{background:#356319}
.course-name-area{
	display: block;
    text-align: center;
    background: #f9f9f9;
    margin: 10px auto 20px;
    padding: 17px;
    font-size: 16px;
}



.seat-area .lecture-list-wrap dl{
	padding: 12px 10px;
    border-bottom: 1px solid #ddd;
    background: #f9f9f9;
    box-sizing: border-box;
}
.seat-area .lecture-list-wrap dt{
    margin-bottom: 7px;
    color: #333;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -.5px;
    line-height: 18px;
    vertical-align: middle;
    position: relative;
}
.lecture-list-wrap dd{
    font-size: 12px;
    color: #959595;
    font-weight: normal;
    letter-spacing: -.5px;
    border-right: 1px solid #ddd;
    float: left;
    padding-right: 5px;
    margin-right: 5px;
	line-height: 16px;
}
.lecture-list-wrap dd:last-of-type {
    border-right: 0;
    margin-right: 0;
    padding-right: 0;
}
.lecture-list-wrap dd b{color:#666}

.seat-area .board{border-top:0}

/*btn*/
.btn-area{    
	font-size: 0;
    box-sizing: border-box;
    margin: 30px 0;
	text-align:center;
}
.btn-area ul{display:inline-block;}
.btn-area li{
    display: inline-block;
    width: 133px;
    font-size: 15px;
    margin-right: 5px;
    box-sizing: border-box
}
.btn-area li:last-child{margin-right:0}
.btn-area li a,
.btn-area li button{
    background: #ddd;
    text-align: center;
    height: 43px;
    line-height: 43px;
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    width: 100%;
}



/* 좌석선택 */

.seat-area .sub-title{
    margin: 0 10px 50px;
}
.seat-area .board-area{position:relative;}
.seat-area .course-location{
    top: -35px;
    right: auto;
    left: 50%;
    display: inline-block;
    margin-left: -128px;
    position: absolute;
}
.seat-area .btn-area a{
    background: #333;
}
.seat-area td{text-align:left;}

.seat-wrap li{
    float: left;
    width: calc(100%/8 + 1px);
    display: table;
    border: 1px solid #ddd;
    box-sizing: border-box;
    margin-top: -1px;
    margin-left: -1px;
    height: 100px;
}
.seat-wrap li a{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 100%;
    width: 100%;
    padding-right: 0;
}
.seat-wrap p{
    text-align: right;
    margin-bottom: 10px;
    color: #ff4343;
    font-size: 13px;
}
.seat-wrap .seat-completed a{
	background: #efefef;
	pointer-events:none;
	cursor: default;
}
.seat-wrap .seat-completed a span{
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin-top: 5px;
    color: #666;
}
.seat-wrap td.selectedSeat:after,
.seat-wrap td:hover:after{
    content: '';
    display: block;
    width: 100%;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.4);
}
.seat-wrap td.seat-empty:hover:after{display:none}
.seat-wrap td.seat-empty{cursor:default; background: #fff;}
.seat-wrap td.selectedSeat a{
    font-weight: 500;
    color: #000;
	
}

.seat-wrap td:hover a{ text-decoration: none;}
.seat-type{
    padding-top: 20px;
    text-align: center;
    margin-bottom: 20px;
}
.seat-type ul{display: inline-block;}
.seat-type li{
	float: left;
    font-size: 12px;
    padding-right: 15px;
}
.seat-type li:last-child{padding-right:0}
.seat-type li span{
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: top;
    margin-right: 2px;
    box-sizing: border-box;
}

.seat-type li.seat-completed span{
    background: #efefef;
    border: 1px solid #ddd;
 
}
.seat-type li.seat-desk span{
	background: #f6fae6;
    border: 1px solid #d5dbbd;
}
.seat-type li.seat-chair span{
	background: #fff5e2;
    border: 1px solid #e7d9be;
}
.seat-empty a{
	pointer-events: none;
	cursor: default;
}
#selectedSeatInfo{
    margin-top: 20px;
    padding: 10px;
    text-align: center;
    font-size: 13px;
    line-height: 21px;
    border: 6px solid #ddd;
    display: none;
}
.seat-table-wrap{
    box-sizing: border-box;
    width: 100%;
    table-layout: fixed;
}
.seat-table-wrap td{
    box-sizing: border-box;
    position: relative;
    height: 50px;
	cursor:pointer;
	padding:0;
	border-bottom:none;
	background: url('/images/basic_blue/m_lecture_seat_bg.png') no-repeat center center;
    background-size: cover;
}
.seat-table-wrap td a{
    color: #000;
    display: block;
    padding-right: 0;
    font-weight: 400;
    font-size: 11px
}
.seat-table-wrap td:last-child{border-right:0}

.seat-table-wrap td.seat-completed{
    cursor:default;
	background: #efefef url('/images/basic_blue/m_lecture_soldout_bg.png') no-repeat center center;
}
.seat-table-wrap td.seat-completed ,
.seat-table-wrap td.seat-completed span{    font-size: 11px}
.application-form-wrap .form-group{margin-bottom: 12px;}
.application-form-wrap .form-group .title{
	font-size: 14px;
    font-weight: 600;
    margin-bottom: 7px;
    text-align: left;
}
.application-form-wrap .form-group .cont-area{
    width: 100%;
}
.application-form-wrap .form-group .cont-area .text-box{
	width:100%;
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis;
}

.application-form-wrap .form-group.phone .sel-box, 
.application-form-wrap .form-group.phone .text-box {width: 31.333%;}


.pay-sel td ul{font-size:0}
.pay-sel td li{
    display: inline-block;
    margin-right: 20px;
	padding-top:7px
}

.reservation-form{
	position: relative;
    padding-top: 20px;
}
.reservation-form .course-location {
    top: -19px;
    right: auto;
    left: 50%;
    display: inline-block;
    margin-left: -128px;
    position: absolute;
}

.reservation-form .btn-area .bak-btn{background:#333}


.application-form-end .form-group{
    border-bottom: 1px solid #d2d2d2;
    box-sizing: border-box;
}
.application-form-end .title{
	float: left;
    width: 110px;
    font-size: 12px;
    background: #f9f9f9;
    padding: 15px;
    box-sizing: border-box;
    font-weight: 600;
}
.application-form-end .content-area{
    overflow: hidden;
    margin-left: 110px;
    padding: 15px;
    box-sizing: border-box;
    font-size: 12px;
    color: #666;
}
.application-form-end .reservation-form{
    border-top: 2px solid #356319;
    padding-top: 0;
}

.application-form-end .btn-area input[type="button"]{
	color: #fff;
    background: #356319;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    height: 42px;
    line-height: 42px;
    display: inline-block;
}




/* 하이앙포레- 모발라인 등 */

.goods-list-area{
	background: #f1f1f1;
    padding: 40px 0;
    margin-bottom: -60px;
}
.goods-txt2 .icon{margin-top: 7px;}
.goods-list-area li{
    float: left;
    width: 49%;
    text-align: center;
    background: #fff;
    margin-bottom: 2%;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
	margin-right:2%
}	
.goods-list-area li:nth-child(2n){margin-right:0;}
.goods-thumb{
    width: 100%;
    height: 0;
    vertical-align: middle;
    position: relative;
    margin: auto;
    padding-top: 100%;
}
.goods-thumb img{
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.goods-txt{
	font-size: 14px;
    padding: 15px 15px 0;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    box-sizing: border-box;
    line-height: 18px;
    text-align: center;
}

.goods-wrap{
	cursor:pointer;
	padding: 10px 0;
}
.goods-list-area .goods-wrap img {transition:all 0.5s;}
.goods-list-area .goods-wrap:hover img {transform:scale(1.1); transition:all 0.5s;}
.goods-info-on{
    background: rgba(0,0,0,.85);
    position: absolute;
    left: 0;
    height: 100%;
    color: #fff;
    text-align: left;
    transition: 1s;
    top: 400px;
    opacity: 0;
    width: 100%;
    box-sizing: border-box;
    overflow-y: auto;

	scrollbar-3dLight-Color: #efefef; 
	scrollbar-arrow-color: #dfdfdf; 
	scrollbar-base-color: #efefef; 
	scrollbar-Face-Color: #525252; 
	scrollbar-Track-Color: #efefef; 
	scrollbar-Highlight-Color: #efefef; 
	
}
.goods-info-on.up{top:0;opacity:1}
.goods-info-top{
    color: #fff;
    padding: 15px;
    box-sizing: border-box;
	word-break: break-word;
}
.goods-info-top h2{
	font-size: 14px;
    padding-right: 20px;
    line-height: 19px;
}
.goods-info-top h2 span{
	font-size: 11px;
    display: block;
    color: #fff;
    font-weight: 100;
    opacity: .5;
    margin-top: 3px;
    letter-spacing: 1px;
}
.goods-info-top h2:after{
    content: '';
    display: block;
    width: 30px;
    height: 1px;
    background: #fff;
    margin: 10px 0;
}

.goods-info-top p{
    font-size: 12px;
    font-weight: 300;
    line-height: 17px;
    letter-spacing: -.5px;
    text-align: left;
}

.ingredient{
	font-family: Dotum;
    background: #000;
    padding: 12px;
    width: 100%;
    box-sizing: border-box;
    min-height: 120px;
}
.ingredient p{
	font-size: 12px;
    font-family: Dotum;
    line-height: 17px;
    letter-spacing: -.5px;
    color: rgba(255, 255, 255, 0.6);
    box-sizing: border-box;
    text-align: left;
    word-wrap: break-word;
}
.ingredient h5{
    font-size: 14px;
    font-family: initial;
    margin-bottom: 10px;
    font-weight: bold;
    color: #fff;	
}

.goods-info-on .close-btn{
    display: inline-block;
    background: #000;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
	text-align:center;
	cursor:pointer;
	
}

.goods-info-on .close-btn:before,
.goods-info-on .close-btn:after{
    content: '';
    display: inline-block;
    width: 20px;
    height: 1px;
    background: #fff;
    transform: rotate(45deg);
    top: 50%;
    position: absolute;
    left: 50%;
    margin-left: -10px;
	
}
.goods-info-on .close-btn:after{transform: rotate(-45deg);}






/* SCROLL */
.goods-info-on::-webkit-scrollbar { width: 12px; }
/* 스크롤바의 width */
::-webkit-scrollbar-track { background-color: #000; }
/* 스크롤바의 전체 배경색 */
.goods-info-on::-webkit-scrollbar-thumb { 
    background: #525252;
    border-radius: 10px;
}
/* 스크롤바 색 */
.goods-info-on::-webkit-scrollbar-button { display: none; }
/* 위 아래 버튼 (버튼 없애기를 함) */



.goods-list-area .btn-area a{
    background: #fff;
    border: 1px solid #356319;
    color: #356319;
    width: 270px;
    font-weight: 400;
    font-size: 18px;
	margin: 0 auto;
	height: 40px;
    line-height: 40px;
}
.goods-list-area .btn-area a span{
    display: inline-block;
    font-size: 25px;
    vertical-align:top;
    margin-left: 10px;
    transition: 1s;
	 color: #356319;
}
.goods-list-area .btn-area a:hover span{
	transform: rotate(180deg);
	    vertical-align: middle;
}




/* .best-goods-area{margin: 20px 0;} */
.best-goods-area .goods-wrap{padding:0}
/* .best-goods-area .slick-arrow.zindex:not(.slick-current){z-index:-1;}
 */

.best-goods-area .slick-slide{
    width: auto;
    opacity: 1;
    transform: scale(1);
    transition: .8s;
    margin-right: 20px;
    
}
.best-goods-area .best-goods-txt{
    font-size: 14px;
    text-align: center;
    color: #000;
    padding: 15px 10px;
}
.best-goods-area .best-goods-thumb  {
	width: 100%;
    height: 0;
    vertical-align: middle;
    position: relative;
    margin: auto;
    background: #f9f9f9;
    padding-top: 100%;
}
.best-goods-area .best-goods-thumb img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}






.best-goods-area .slick-prev,
.best-goods-area .slick-next{
    background: rgba(255, 255, 255, 0.6);
    border: 1px solid #ddd;
    width: 37px;
    height: 37px;
    text-align: center;
    box-sizing: border-box;
    position: absolute;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    z-index: 99;
    top: 50%;
    margin-top: -50px;
    transition: .5s;
    outline: 0;
}
.best-goods-area .slick-prev:hover,
.best-goods-area .slick-next:hover{
	background:#356319;
}
.best-goods-area .slick-prev:hover:before,
.best-goods-area .slick-prev:hover:after,
.best-goods-area .slick-next:hover:before,
.best-goods-area .slick-next:hover:after{background:#fff}


.best-goods-area .slick-prev{left:0}
.best-goods-area .slick-next{right:0}

.best-goods-area .slick-prev:before,
.best-goods-area .slick-prev:after,
.best-goods-area .slick-next:before,
.best-goods-area .slick-next:after{
    content: '';
    display: inline-block;
    height: 1px;
    background: #cecece;
    position: absolute;
}
.best-goods-area .slick-prev:before,
.best-goods-area .slick-next:before{
	width: 20px;
    margin-left: -10px;
    top: 21px;
    left: 50%;
}
.best-goods-area .slick-prev:after,
.best-goods-area .slick-next:after{
	width: 12px;
    transform: rotate(45deg);
    right: 6px;
    top: 16px;
}
.best-goods-area .slick-prev:after{
    left: 7px;
    right: auto;
    transform: rotate(-45deg);
}



.no-goods{
	background: rgba(255, 255, 255, 0.5);
    text-align: center;
    padding: 80px 0;
    font-size: 14px;
    color: #666;
}


.top_search_area {margin-bottom: 40px;}
.top_search_tb {padding: 20px 15px 20px 0px;  background: #f9f9f9; display: block; box-sizing: border-box; margin: 0px 15px;}
.top_search_tb > tbody { width: 100%; display: table;}
.top_search_tb th { font-weight:400; text-align: left; padding-left:15px;width:25.5%;}
.top_search_tb th:before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #356319;
    margin-right: 7px;
    vertical-align: middle;
    position: relative;
    border-radius: 50%;
}
.top_search_tb td { padding: 10px 0px;}
.top_search_tb td.search_btn_td {padding-left:15px;}
.top_search_tb select { height: 31px; width:100%;}
.top_search_tb select.timeselect {width:24%; vertical-align: top;}
.top_search_tb select.complete_day {width:94%; }
.top_search_tb .inlin-bk { margin-right: 5px;}
.width175 { width: 79%;}
.width_550 { width: 100%; margin-top:8px;}
.width54 {width: 54%;}
.minheight { height: 31px; line-height: 31px;}

.marb8 {margin-bottom:8px;}
select.status_select {width: 130px; background: #fff url(/images/basic_blue/select-arrow.png) no-repeat 90% center;}
.sum_line {
    text-align: right;
    padding-top: 0 !important;
}