@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean');
@import url('https://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css');
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/css?family=Montserrat:500,600%7CRoboto+Mono:500');

body{font-family: 'Lato','Nanum Gothic','Noto Sans KR',  sans-serif; background:#fff !important;}
body a{text-decoration:none !important;}

input::placeholder {
  color: #B7B7B7 !important;
  font-size: 13px !important;
}

.ellip-block-center{display:block; max-width:80%; margin-left:10%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}/*글자수 자르기*/
.ellip-block{display:block; max-width:84%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}/*글자수 자르기*/
.ellip-inline-block{display:inline-block; max-width:96%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}/*글자수 자르기*/
.ellip-inline-block150{display:inline-block; max-width:150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}/*글자수 자르기*/

.bg-eee {background:#eee !important;}

/*button*/
.btn-sub {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .btn-sub {
    transition: none;
  }
}

.btn-sub:hover {
  color: #212529;
  text-decoration: none;
}

.btn-sub:focus, .btn-sub.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn-sub.disabled, .btn-sub:disabled {
  opacity: 0.65;
}

.btn-sub:not(:disabled):not(.disabled) {
  cursor: pointer;
}

a.btn-sub.disabled,
fieldset:disabled a.btn-sub {
  pointer-events: none;
}

.text12{font-size:1.2em !important;}

/*header*/
.sub_box{
	position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(16,164,156,0.9); z-index:97;
	display:none;

}
.sub_box .sub_box_in{
	width:100%;
	height:100%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.sub_box .container_sub_box{
	width:90%; 
	margin:0 auto;
}
.sub_box h1{color:#fff; font-size:17px; font-weight:normal !important; margin-bottom:40px; letter-spacing:-0.10em;}
.sub_box a{display:block; padding:7px 0; color:#fff; font-size:14px; font-weight:normal !important; letter-spacing:-0.08em; }
.sub_box a:hover{color:#136F6A;}
.sub_box .sub_box_close{position:absolute; top:24px; right:30px; cursor:pointer;}



/*m-header*/
.m_sub_box{
	position:fixed; width:80%; height:100%; top:0; left:0; background:rgba(16,164,156,0.9); z-index:97;
	display:none;

}

.m_sub_box .sub_box_in{
	padding-top:20px;
}

.m_sub_box .sub_box_in .sub_box_member{padding:10px 10px 30px 10px; color:#fff;}
.m_sub_box .sub_box_in .sub_box_member a{display:inline-block; font-size:14px !important; margin:0 5px;}

.m_sub_box .container_sub_box{
	width:90%; 
	margin:0 auto;
}
.m_sub_box h1{color:#fff; font-size:17px; font-weight:normal !important; margin-bottom:40px; letter-spacing:-0.10em;}
.m_sub_box a{display:block; padding:7px 0; color:#fff; font-size:18px; font-weight:normal !important; letter-spacing:-0.08em; }
.m_sub_box a:hover{color:#136F6A;}

.m_sub_box_open, .m_sub_box_btn, .m_sub_box_shop_open, .m_sub_box_office_open{display:inline-block; margin-top:20px; font-size:20px; color:#28AEA6 !important;}
.m_sub_box .m_sub_box_close{position:absolute; top:0; right:-38px; background:#28AEA6; cursor:pointer;}

.m-menu-sub a{display:block; text-align:center; padding:10px 0; color:#0BA29A;}

/*my office*/
.m_sub_box_office{
	position:fixed; width:80%; height:100%; top:0; left:0; background:rgba(16,164,156,0.9); z-index:97;
	display:none;

}

.m_sub_box_office .sub_box_in{
	padding-top:20px;
}

.m_sub_box_office .sub_box_in .sub_box_member{padding:10px; color:#fff;}
.m_sub_box_office .sub_box_in .sub_box_member a{display:inline-block; font-size:14px !important; margin:0 5px;}

.m_sub_box_office .container_sub_box{
	width:90%; 
	margin:0 auto;
}
.m_sub_box_office h1{color:#fff; font-size:17px; font-weight:normal !important; margin-bottom:40px; letter-spacing:-0.10em;}
.m_sub_box_office a{display:block; padding:7px 0; color:#fff; font-size:18px; font-weight:normal !important; letter-spacing:-0.08em; }
.m_sub_box_office a:hover{color:#136F6A;}

.m_sub_box_open, .m_sub_box_btn, .m_sub_box_shop_open, .m_sub_box_office_open{display:inline-block; margin-top:20px; font-size:20px; color:#28AEA6 !important;}
.m_sub_box_office .m_sub_box_close{position:absolute; top:0; right:-38px; background:#28AEA6; cursor:pointer;}

.m-menu-sub a{display:block; text-align:center; padding:10px 0; color:#0BA29A;}


/*my shop*/
.m_sub_box_shop{
	position:fixed; width:80%; height:100%; top:0; left:0; background:rgba(16,164,156,0.9); z-index:97;
	display:none;

}

.m_sub_box_shop .sub_box_in{
	padding-top:20px;
}

.m_sub_box_shop .sub_box_in .sub_box_member{padding:10px 10px 30px 10px; color:#fff;}
.m_sub_box_shop .sub_box_in .sub_box_member a{display:inline-block; font-size:14px !important; margin:0 5px;}

.m_sub_box_shop .container_sub_box{
	width:90%; 
	margin:0 auto;
}
.m_sub_box_shop h1{color:#fff; font-size:17px; font-weight:normal !important; margin-bottom:40px; letter-spacing:-0.10em;}
.m_sub_box_shop a{display:block; padding:7px 0; color:#fff; font-size:18px; font-weight:normal !important; letter-spacing:-0.08em; }
.m_sub_box_shop a:hover{color:#136F6A;}

.m_sub_box_open, .m_sub_box_btn, .m_sub_box_shop_open, .m_sub_box_office_open{display:inline-block; margin-top:20px; font-size:20px; color:#28AEA6 !important;}
.m_sub_box_shop .m_sub_box_close{position:absolute; top:0; right:-38px; background:#28AEA6; cursor:pointer;}

.m-menu-sub a{display:block; text-align:center; padding:10px 0; color:#0BA29A;}

.menugr a{font-size:18px; color:#0BA29A; display:inline-block;}
.menugr a{margin-top:24px; padding:0 30px;}
.menugr a:hover{border-bottom:5px solid #B4CAC9;}
.logo{position:relative; margin:0 auto; width:120px; text-align:center;}
.iconmenu a{font-size:18px; color:#0BA29A; display:inline-block; text-decoration:none; margin:24px 10px 0 10px;}
@media (max-width: 768px) {
	.logo{position:relative; margin:0 auto; width:150px; text-align:center;}
}
#gnb_open {position:absolute;top:3px;left:10px;padding:0 10px;height:40px;width:40px;border:0;background-size:70%;color:#fff;background:none;font-size:2em}

.infobox{padding:40px 0; text-align:center;}
.infobox a{color:#fff !important; font-size:2.0em;}
.info1{background:#E57E71;}
.info2{background:#6EA972;}
.info3{background:#785F93;}
.info4{background:#F1C460;}


/* 마이페이지 */
#smb_my {position:relative;width:100%;margin:0 auto;padding:0;}

#smb_my_ov{background:#fff;border:1px solid #e6e6e6;margin:0 0 15px; width:100%;}
#smb_my_ov .hello_name{background:#f8f8f8;text-align:center;padding-bottom:20px;border-bottom:1px solid #e6e6e6;position:relative;}
#smb_my_ov h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#smb_my_ov .my_img{display:inline-block;border-radius:50%;overflow:hidden;position:relative;margin:35px 0 0;
-webkit-box-shadow:0 6px 10px rgba(0,0,0,0.1);
-moz-box-shadow:0 6px 10px rgba(0,0,0,0.1);
box-shadow:0 6px 10px rgba(0,0,0,0.1);}
#smb_my_ov .btn_edit{position:Absolute;bottom:0;left:0;width:100%;background:#959595;line-height:23px;color: #fff;}
#smb_my_ov .btn_edit:hover{background:#d25959;color:#fff}
#smb_my_ov .my_name{margin:10px 0}
#smb_my_ov .btn_out{position:absolute;top:0;right:0;background:#fff;border-bottom:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-radius:0 0 0 5px;padding:0 5px;line-height:22px;font-size:11px;color:#777}

#smb_my_wr {min-height:560px}

.my_cou_wr{border-bottom:1px solid #e6e6e6;font-weight:bold;}
.my_cou_wr:after {display:block;visibility:hidden;clear:both;content:""}
.my_cou_wr .my_cou{float:left;width:50%;border-right:1px solid #e6e6e6;text-align:center;padding:10px 0}
.my_cou_wr .my_po{float:left;width:50%;text-align:center;padding:10px 0}
.my_cou_wr img{padding:5px 0 0;width:23px;height:auto;}
.my_cou_wr a{color:#d63154}
.my_cou_wr span{display:block;line-height:20px;color:#000}

.my_info{padding:0 10px;line-height:18px}
.my_info dt{border-top:1px solid #e6e6e6;color:#5366ae;padding:10px 0 0;font-size:0.92em}
.my_info dd{padding:0 0 10px;}
.my_info dt:first-child{border:0}

.btn_my_if{width:100%;border:0;background:#fff;padding:10px;background:#f3f3f3}

#smb_my_od{margin:0 0 50px;padding: 0}
#smb_my_od h2{margin:0 0 10px;font-size:1.25em;font-weight:500}
#smb_my_wish{margin:0 0 35px}
#smb_my_wish h2{margin:0 0 10px;font-size:1.25em;font-weight:500}
#smb_my_wish ul:after {display:block;visibility:hidden;clear:both;content:""}
#smb_my_wish li{float:left;width:25%;padding:5px}
#smb_my_wish li img{width:100%;height:auto;}
#smb_my_wish li  a{display:block;margin:5px 0;font-weight:bold}
#smb_my_wish .empty_list{width:100%;padding:100px 0}

.strbox img{max-width:100% !important;height:auto !important;}

/* @media (min-width: 970px){
    #smb_my_ov{position:absolute;top:0;left:0;width:280px}
    #smb_my {padding:10px;padding-left:300px}
    .btn_my_if{display:none;}
}
@media (max-width: 969px){
    .my_info{display:none}
}
@media (max-width:  640px){
        #smb_my_wish li {width:50%}

} */


/* 하단 레이아웃 */
#ft {background:#F3F3F3 !important;padding:0px 20px 20px}
#fr .ft_logo{display:inline-block !important; width:100px !important;}
#ft h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#ft p {margin:0;padding:10px 0;line-height:1.8em}
#ft .ft-text{line-height:24px;  font-weight:normal !important;}
#ft .ft-text .info{font-size:15px; font-weight:700; font-family: 'Montserrat';}
#ft .ft-text .info_tel{font-size:18px; font-weight:700;font-family: 'Montserrat';}
#ft .ft-text .info-btn a{display:inline-block; border:1px solid #ddd; font-size:11px; color:#777; padding:0 5px; margin-left:10px;}

#ft_copy {padding:10px;line-height:2em;text-align:center;color:#777}
#ft_copy #ft_company {text-align:center}
#ft_copy #ft_company a {display:inline-block;padding:0 10px;line-height:1em;border-left:1px solid #333;color:#fff}
#ft_copy #ft_company a:first-child {border:0}
.ft_cnt {font-weight:normal;color:#e3e3e3;line-height:2em;text-align:center}
.ft_cnt h2 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#ft_copy b {color:inherit}
#ft_copy a {color:inherit;text-decoration:none}

#top_btn {position:fixed;bottom:10px;right:15px;width:50px;height:50px;line-height:36px;border:2px solid #d2d2d2;border-radius:50%;background:#fff;color:#d2d2d2;text-align:center;font-size:15px;z-index:99;
-webkit-box-shadow:1px 2px 5px rgba(191, 191, 191, 0.4);
-moz-box-shadow:1px 2px 5px rgba(191, 191, 191, 0.4);
box-shadow:1px 2px 5px rgba(191, 191, 191, 0.4)}
#top_btn i {font-size:1.4em}
#top_btn:hover {background:#3b8afb;border-color:#3b8afb;color:#fff}
#device_change {display:block;line-height:40px;border-radius:5px;background:#302e2e;color:#777;font-size:1em;text-decoration:none;text-align:center}

/*naver*/
.btn-chat-navertt {position:fixed;z-index:9003;bottom:50px;right:30px;width:80px;height:80px;padding:1px 6px 10px 6px;background:url('') no-repeat;background-size:92px 91px;}
.btn-chat-navertt a.naver {display:block;width:80px;height:80px;background:url('../img/btn-chat-navertt.png') no-repeat;background-size:80px;}
.btn-chat-navertt a.naver:hover {background:url('../img/btn-chat-navertt-o.png') no-repeat;background-size:80px;}
span.txt {font-size:0;color:transparent;text-indent:-9999px;}

.btn-chat-navertt {bottom:50px;right:50px;width:60px;height:60px;padding:2px 5px 8px 5px;background-size:70px;}

.btn-chat-navertt a.naver {display:block;width:60px;height:60px;background-size:60px;}
.btn-chat-navertt a.naver:hover {background-size:60px;}

.t-light {background:#F5F8F9 !important;}

.t-light,
.t-light > th,
.t-light > td {
  background-color: #F5F8F9 !important;}
}

.t-light th,
.t-light td,
.t-light thead th,
.t-light tbody + tbody {
  border-color: #F5F8F9 !important;}
}