/*******************  Header *******************/
#Wrap	{ position:relative; width:100%; max-width:640px; min-width:320px; margin:auto}
#header	{ }

.head_top			{ /*height:60px;*/ min-height: 60px; border-bottom:1px solid #eee;}
.head_top h1		{ position:relative; margin:0 auto; top:10px; z-index:1; display:table; height:40px; text-align:center;}
.head_top h1 a {display:table-cell; vertical-align:middle; }
.head_top h1 img {height:40px;}
.lang_en .head_top h1 img{height:25px}
.lang_cn .head_top h1 img{height:25px}
.lang_hk .head_top h1 img{height:25px}
.lang_ag .head_top h1 img{height:25px}

/*.head_top h1		{ position:relative; margin:0 auto; top:20px; z-index:1; width:150px; height:21px}*/
.head_top .left_menu{position:absolute; top:20px; left:15px; }
.head_top .left_menu a i{font-size:1.9em; color:#3a3a3c}
.head_top .left_menu div{float:left; margin-right:15px}
.head_top .left_menu div:last-child{margin-right:0}
.head_top .left_menu .myp_menu img{width:23px}

.head_top .right_menu{position:absolute; top:22px; right:15px;}
.head_top .right_menu i{font-size:1.7em}
.head_top .right_menu div{float:left; margin-right:15px}
.head_top .right_menu div:last-child{margin-right:0}

/*
.head_top .mp		{ position:absolute; top:18px; right:15px; z-index:2;}
.head_top .mp a		{ display:block; width:24px; height:32px; background:url(../tmbi_images/common/top_my.png) 0 0 no-repeat; background-size:18px}
.head_top .mp.on a	{ background:url(../tmbi_images/common/top_my_on.png) 0 0 no-repeat; background-size:18px }
*/

.head_btm						{ border-bottom:1px solid #eee; overflow:hidden;}
.head_btm .gnb				{ width:100%; /*display:table;*/ margin-left:auto; margin-right:auto; height:44px;}
.head_btm .gnb div				{ float:left; margin-right:0px; text-align:center; font-size:14px; font-weight:600;}
.head_btm .gnb div a			{ display:block; padding:13px 0; }
.head_btm .gnb div:last-child	{ margin-right:0}

.lang_sel_wrap{position:absolute; right:10px; top:50px; z-index:10; -webkit-box-shadow: -2px 2px 4px rgba(0,0,0,0.07); box-shadow: -2px 2px 4px rgba(0,0,0,0.07);}
.lang_sel{width:170px; display: inline-block; position: relative; background:rgba(104,104,104,0.8); border-radius:2px}
.lang_sel:after {
		content: '';
		position: absolute;
		border-bottom: 12px solid rgba(104,104,104,0.8);
		border-right: 7px solid transparent;
		border-left: 7px solid transparent;
		top: -12px;
		right: 7px;
}
.lang_sel ul{}
.lang_sel li{border-bottom:1px solid #999; border-right:1px solid #999; float:left; width:49.6%; height:35px; line-height:35px}
.lang_sel li a{display:block; height:100%;}
.lang_sel li:nth-child(2n){border-right:0}
.lang_sel li:last-child{border-bottom:0}
.lang_sel li:nth-last-child(2){border-bottom:0}
.lang_sel li a{display:block; height:37px; line-height:34px; text-align:left; padding-left:7px; color:#eee}
.lang_sel li img{height:12px; margin-right:5px;}
.lang_sel li i{margin-left:3px;}
.lang_sel li.on i{color:#ff6000}

/******************* Top Search *******************/

#header .top_search	{width:100%; position:relative; top:0; left:0; font-size:28px; z-index:9;}
#header .top_search_con	{ position:relative; border:0; border: 2px solid #ff6000; margin:15px 10px}
#header .top_search_con label {display:none !important;}
#header .top_search_con input[type=text]	{ width:85%; padding-left:10px; height:35px; border:none}
#header .top_search_con a.btn_top_sch	{ position:absolute; right:0;top:0; display:block; color:#ff6000; right:10px; top:15px; font-size:21px}
/*#search_list_form	{ display:none; position:absolute; top:50px; left:0; width:100%; z-index:200; width:100%}*/

/******************* Common *******************/
#contents		{ background:#f6f6f6; overflow:hidden; max-width:640px; min-width:320px; margin:auto}
#contents:after	{ content:""; clear:both; display:block}
.box			{ padding:0 5px}
.box:after		{ content:""; clear:both; display:block}

.subtit			{ position:relative; padding:12px 0 12px 0;  background:#fbfbfb; border-top:1px solid #eaeaea;  border-bottom:1px solid #eaeaea; margin-top:-1px;}
.subtit .box	{ display:table; margin-left:auto; margin-right:auto;}
.subtit h2		{ font-size:15px; color:#383838;}
.subtit a		{ position:absolute; left:12px; top:3px; color:#383838; font-size:0px; height:30px; line-height:30px; padding:0 10px 0 22px;
background:url(../tmbi_images/common/back_icon.png) 0 center no-repeat; background-size:17px}


/******************* Footer *******************/
#footer:after			{ content:""; clear:both; display:block}

#footer{width:100%; max-width:640px; min-width:320px; background:#444; margin:auto}
.f_cscenter { position:relative; text-align:center; }
.f_cscenter .f_cs_box {position:absolute; text-align:center; width:100%;}
.f_cscenter h3 { display:inline-block; border-bottom:1px solid #fff;  font-size:16px; font-weight:600; padding:0 0 2px 0; margin:7% 0 0.5% 0;}
.f_cscenter .tel {display:block; font-size:17px; font-weight:600; padding-bottom:2%;}
.f_cscenter .tel .icon {display:inline-block; background:url(../tmbi_images/common/icon_tel.png) 0 5px no-repeat; background-size:17px; padding:5px 10px 0 0; width:17px; height:20px; }
.f_cscenter .txt {font-size:10px; font-weight:600; padding-bottom:0px;}
.f_cscenter a{}
.f_cscenter img {width:100%;}

.f_menu					{ width:100%; background:#666;}
.f_menu ul				{ padding:6px 0; display:table; margin:0 auto;}
.f_menu ul li			{ float:left; margin-right:15px; font-size:11px}
.f_menu ul li:last-child{ margin-right:0}
.f_menu ul li a			{ display:block; padding:3px 0px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color:#bbb}

.f_gnb					{ width:100%; border-top:1px solid #444; border-bottom:1px solid #2f3236; height:55px; line-height:55px}
.f_gnb ul				{ display:table; margin:0 auto;}
.f_gnb ul li			{ float:left; padding:0 6px; font-size:10px; background:url(../tmbi_images/common/f_menubar.jpg) right center no-repeat; font-weight:normal}
.f_gnb ul li:first-child{ padding-left:0}
.f_gnb ul li:last-child	{ padding-right:0; background:none}
.f_gnb ul li a			{ display:block; color:#bbb}

.f_sns {text-align:center; height:55px; line-height:64px;}
.f_sns li {display:inline-block; padding:0px 2px}
.f_sns li a {display:block; border-radius: 2px; -webkit-border-radius: 2px; font-size:20px; width: 30px; height: 30px; line-height:30px; color:#fff}
.f_sns li a.whatsapp{background:#00a859;}
.f_sns li a.line{background:#2cbf17}
.f_sns li a.wechat{background:#2dc100}
.f_sns li a.facebook{background:#4267b2}
.f_sns li a.instagram{background:#e33a61}
.f_sns li a.youtube{background:#fe0000}
.f_sns li a.kakaotalk{background:#f5ec09; color:#381e1f}

.f_sns li.i_twt a { background:url(../tmbi_images/common/icon_b_twitter.png) 0 0 no-repeat; background-size:20px;}
.f_sns li.i_face a { background:url(../tmbi_images/common/icon_b_face.png) 0 0 no-repeat; background-size:9px; }
.f_sns li.i_blog a { background:url(../tmbi_images/common/icon_b_blog.png) 0 0 no-repeat; background-size:18px; }
.f_sns li.i_kas a { background:url(../tmbi_images/common/icon_b_kas.png) 0 0 no-repeat; background-size:10px; }

.cooperate_list{border-top:1px solid rgba(255,255,255,.1); border-bottom:1px solid rgba(255,255,255,.1); width:100%; margin:auto; margin-top:15px; padding:14px 0px;
	overflow:hidden; text-align:center}

.cooperate_list ul{}
.cooperate_list li{display:inline-block; margin-right:8px;}
.cooperate_list li img{height:36px}
.cooperate_list li:last-child{margin-right:0}

@media screen and (max-width: 414px){
.cooperate_list li{display:inline-block; margin-right:8px;}
.cooperate_list li img{height:41px}
}

@media screen and (max-width: 320px){
.cooperate_list li{display:inline-block; margin-right:5px;}
.cooperate_list li img{height:33px}
}



.adress					{ background:#444; text-align:center; padding:0px 15px}
.adress p				{ font-size:10px; line-height:16px; color:#bbb;}
.adress p.copy			{ text-align:center; margin-top:5px; font-size:8px;letter-spacing:0px; }
.adress p.copy span		{ color:#ff6000;}

/******************* Login *******************/
.login_area			{ width:87%; margin:0 auto; padding-top:25px; padding-bottom:40px; text-align:center;}
.login_area.agent{padding-top:45px;}

.login_area h4		{ font-weight:700; font-size:17px; color:#333; padding-bottom:20px;  }
.login_area h4 p{font-size:13px; font-weight:400; margin-top:6px; color:#888}
.login_area h4 p strong{font-weight:600}

.login_area .txt{font-size:12px; color:#5d5d5d; text-align:left; line-height:20px; margin-top:20px}

.loginBox input[type=text], .loginBox input[type=password], .loginBox input[type=email], .loginBox input[type=number],.loginBox input[type=tel]{
	width:100%;
	padding:14px 10px;
	margin-bottom:10px;
	border:1px solid #e7e7e7;
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.loginBtn a			{ display:block; width:100%; height:45px; line-height:45px; background:#ff6000; color:#fff; font-size:15px; text-align:center;
-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
.loginBtn.B a	  {background:#666;}

.login_area .sns_login{margin-top:20px;}
.login_area .sns_login .loginBtn{border:none; padding:0; margin:0; margin-bottom:5px;}
.login_area .sns_login .loginBtn:last-child{margin-bottom:0}
.login_area .sns_login .loginBtn a{position:relative; display:block; width:100%; height:44px; line-height:44px; font-size:10px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;}
.login_area .sns_login .loginBtn a i{line-height: 44px; width: 50px; position: absolute; left: 0px; font-size: 2.4em;}
.login_area .loginBtn.facebook a{border:1px solid #4064ad; background-color: #4064ad; color:#fff;}
.login_area .loginBtn.facebook a i{border-right:1px solid #365dac;}
.login_area .loginBtn.google a{border:1px solid #ee3021; background-color: #f13f31; color:#fff;}
.login_area .loginBtn.google a i{border-right:1px solid #ee3021;}
.login_area .loginBtn.naver a{border:1px solid #1eaa10; background-color: #1EC800; color:#fff;}
.login_area .loginBtn.naver a i{border-right:1px solid #1eaa10;}
.login_area .loginBtn.kakao a{border:1px solid #eae106; background-color: #f5ec09; color:#381a1c;}
.login_area .loginBtn.kakao a i{border-right:1px solid #eae106;}
.login_area .loginBtn.wechat a{border:1px solid #0da33b; background-color: #14b24b; color:#fff;}
.login_area .loginBtn.wechat a i{border-right:1px solid #0da33b;}
.login_area .loginBtn a span{display:block; font-size:14px; font-weight:500; margin-left:25px}




.m_notice_wrap{padding:30px 30px 60px; background:#fff;}
.m_notice_wrap .paging a img{width:5px}
.m_notice{overflow:hidden}
.m_notice h2{margin-bottom:10px}
.m_notice ul{}
.m_notice li{padding:4px 0px}
.m_notice li a{display:block; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#footer_ag {z-index:1; background:#252525; color:#888; font-size:11px; position:fixed; text-align:center;  display:block; left:0px; bottom:0; width:100%; height:30px; line-height:30px;}
#footer_ag a{color:#fff}

.keep_area			{ position:relative; height:70px; border-bottom:1px solid #e7e7e7;}
.keep_area .keep	{ position:absolute; left:0; top:10px; color:#333}
/* .keep_area .idpw_sch{ position:absolute; right:0; top:13px; text-decoration:underline; color:#666} */
label.check.keep	{ padding-left:25px}

/******************* 아이디/비밀번호 찾기 *******************/
h4.findpw	{ padding-top:30px; border-top:1px solid #e7e7e7; margin-top:30px}


/******************* 회원가입 *******************/

/** 약관 **/
.find_info		{ position:absolute; right:0; top:40px;}
.find_info a	{ display:inline-block; letter-spacing:-0.05em; color:#666 }
.find_info .bar	{ margin:0 3px}
.bar 			{ display:inline-block; width:1px; height:13px; background:#ccc; text-indent:-999em;}
/*
.btn_submit2	{ text-align:center}
.btn_submit2 a	{ display:inline-block; width:30%; text-align:center; padding:15px 0; color:#fff; background:#0056a7; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; font-size:16px}
.btn_submit2 a.gray6	{ background:#666}
*/

/** 회원가입 Form **/

/** 회원가입 완료 **/
.joinbox {background:#fff; border:1px solid #ddd; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-bottom:12px; overflow:hidden; padding:5px 0; }
.joinbox .end_icon { display:block; background:url(../tmbi_images/product/ico_end.png) center 0 no-repeat ; background-size:33px; width:100%; height:50px;}
.joinbox .end		{ text-align:center; padding:30px 10px 40px 10px }
.joinbox .end .top	{ font-size:22px; color:#000;display:inline-block; text-align:center; border-bottom:1px solid #000; padding-bottom:7px; margin:5px 0 17px 0; }
.joinbox .end .txt1	{ font-size:17px; color:#333; margin-bottom:10px; line-height:27px}
.joinbox .end .txt2	{ font-size:13px; line-height:20px}
.joinbox .end .txt1 strong {color:#333;}

/** 회원가입 BUTTON **/

.btn_submit2 ul li		{ float:left; width:49%; margin-left:5px}
.btn_submit2 ul li:first-child	{ margin-left:0}
.btn_submit2 ul li a	{ display:inline-block; width:100%; text-align:center; padding:15px 0; color:#fff; background:#0056a7; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; font-size:15px}
.btn_submit2 ul li a.gray6	{ background:#666}

.btn_submit2.single ul		{ text-align:center}
.btn_submit2.single ul li	{ float:none; display:inline-block; margin-left:0}

a.btn_out {display:block; background:#fff; color:#333; border:1px solid #777;  -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; width:80px; height:30px; line-height:30px; padding:0 10px; text-align:center; }

/******************* Spare *******************/

/*
select			{ height:35px; line-height:35px; background:#fff; font-family:'Nanum Gothic', "나눔고딕"; font-size:15px; padding-left:10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #d7d7d7; color:#5b5b5b; font-weight:700; vertical-align:middle}
*/
select{
	color:#666;
	font-size:12px;
	font-weight: bold;
	border:1px solid #e7e7e7;
	padding-right:12%;
	padding-left:5%;
	vertical-align:middle;
	background-attachment: scroll;
	background-clip: border-box;
	background-origin: padding-box;
	background:url(../tmbi_images/common/bg_slct_arr.png) 95% center no-repeat #fff;
	background-size: 12px;
	-webkit-background-size: 12px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;}


/* Textarea */
.textarea_basic			{ border:1px solid #c6c6c6 ; background:#fff; padding:10px;}
.textarea_basic textarea{ width:100%; height:80px; border:0}
.scroll					{ overflow-y:auto; height:60px; padding:10px; border:1px solid #c6c6c6; background:#fff; font-size:12px; line-height:20px; color:#666; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }

/* Check */
label.check	 	{ display:inline-block; background:url(../tmbi_images/product/check_off.png) no-repeat; background-position:0 center; background-size:20px; line-height:20px; padding-left:30px; min-height:20px}
label.check.on	{ background:url(../tmbi_images/product/check_on.png) no-repeat; background-size:20px; }


/* 테이블 */
.table_box				{ border:1px #d7d7d7 solid; border-top:1px #333 solid;border-bottom:none; background:#fff; overflow:hidden; }

.table_box2				{ background:#fff; border:1px #0056a7 solid; overflow:hidden; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.table_box3				{ background:#fff; border:1px #d7d7d7 solid; overflow:hidden;}

table .sub_txt {font-size:11px; color:#777; font-weight:normal; letter-spacing:-1px;}

table.tbl-type1 th		{ background:#f2f2f2; padding:10px 0 10px 10px; border-bottom:1px #d7d7d7 solid; text-align:left; color: #333; word-break: break-word;}
table.tbl-type1 td		{ padding:10px; border-bottom:1px #ddd solid; word-break:break-word; line-height:160%;}
table.tbl-type1 td.con span{font-size:12px !important; line-height:20px !important}
table.tbl-type1	select	{ height:27px; border:1px solid #ddd; background-size:0.8em; font-weight:normal; border-radius:0;}
table.tbl-type1	input {border-radius:0; border:1px solid #ddd;}
table.tbl-type1	textarea {border-radius:0; border:1px solid #ddd; height:100px; padding:5px;}

table.tbl-type1.h_5 td	{padding:5px 10px !important;}

table .p_total {display:block; font-weight:700; color:#d63733; font-size:20px; padding:10px 0;}
table .way {display:block; font-weight:700; color:#d63733; font-size:15px; padding:5px 0;}

table .tbl_btn {display:inline-block; cursor:pointer; background:#f5f5f5; border:1px solid #dedede !important;  color:#222; font-size:10px; letter-spacing:-1px;
padding:7px 5px; text-align:center; vertical-align:middle;  -moz-border-radius:5px !important; -webkit-border-radius:5px !important; border-radius:5px !important;}
table .tbl_btn.gray {background:#555; border:1px solid #555 !important;  color:#fff;}

/* table.tbl-type1 input[type=text]	{ background:#f9f9f9}*/

table.tbl-type2 th		{ background:#f2f9ff; padding:10px 0 10px 10px; border-bottom:1px #ccc solid; text-align:left; color:#333; word-break: break-word;}
table.tbl-type2 td		{ padding:10px; border-bottom:1px #ccc solid; word-break:break-word; color:#333}
table.tbl-type2	select	{ height:27px; line-height:27px; font-size:13px; padding-left:5px; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; border:1px solid #ccc; background:#f9f9f9}
table.tbl-type2 input[type=text]	{ background:#f9f9f9}

table.tbl-type3 td				{ text-align:center}
table.tbl-type3 td.subject		{ border-top:2px solid #666; border-bottom:1px dotted #a9aaaf; padding:15px 0; font-size:15px; color:#333}
table.tbl-type3 td.date			{ font-weight:normal; padding:10px 0; border-bottom:1px solid #d7d7d7}
table.tbl-type3 td.contents		{ padding:5px}

/* Button */
.btn_grd		{ display:inline-block; cursor:pointer; color:#fff; font-size:12px; width:40px; padding:6px 0 5px; text-align:center; vertical-align:middle}
.btn_grd.blue	{
background: rgb(122,188,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(122,188,255,1) 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */
}

/* Gradient */
.grad_gray1	{
background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}



#popup_zone {position:absolute; top:0; left:0; bottom:0; width:100%;  height:100%; z-index:99; background:#fff;}
#popup_zone h3 {background:#6a7179; color:#fff;  font-size:17px; height:50px;  line-height:50px; padding-left:10px;}
#popup_zone h3 strong {float:left; }
#popup_zone h3 .btn_close {float:right; padding-right:20px; }
#popup_zone h3 .btn_close img {width:20px;}
 #popup_cont {padding:20px 10px; background:#fff}
#popup_zone .pop_tab {margin-bottom:20px; overflow:hidden;}
#popup_zone .pop_tab li {float:left; margin-right:1%; width:32.5%;  }
#popup_zone .pop_tab.w2 li {width:49%;  }
#popup_zone .pop_tab.w3 li {width:32.5%;  }
#popup_zone .pop_tab.w4 li {width:24.2%;  }
#popup_zone .pop_tab li a {display:block; background:#fafafa; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-align:center;height:33px; line-height:33px;
border:1px solid #ccc;}
#popup_zone .pop_tab li.on a {background:#ff6000;border:1px solid #ff6000; color:#fff;}
#popup_zone .pop_tab li.last {margin-right:0;}
#popup_zone .p_price_more dl {clear:both; padding:10px 20px; border-bottom:1px solid #eee;}
#popup_zone .p_price_more dt {float:left; font-size:13px; color:#424242; }
#popup_zone .p_price_more dd {float:right;  font-size:14px; }
#popup_zone .p_price_more dl.t_price dt {color:#ff6000; }
#popup_zone .p_price_more dl.t_price dd {color:#ff6000; font-size:20px;}






/* 사이드 마이페이지 */
#side_mypage {width: 100%; position: absolute; z-index: 1000; top: 0; bottom: 0; left: 0; right: 0; color: #000; background: #f6f6f6; overflow-x: hidden;}

.side_close {position: absolute; z-index: 1000; left: 15px; top: 15px;}
.side_close a {display: inline-block; width: 30px; height: 30px; text-align: center;}
.side_close i {font-size: 18px; line-height: 30px;}

.smyp_contents {padding: 26% 20px 20px 20px;}
.side_name {text-align: center;}
.side_name p {font-size: 28px; line-height: 30px;}
.side_name span {font-size: 14px; color: #808080; display: block;}
.side_name span.smn_intro {font-size: 22px; color: #000; display: inline-block;}

.side_my_category {margin-top: 8px; margin-top: 36px;}
.side_my_category ul {border-left: 1px solid #eaeaea; border-top: 1px solid #eaeaea;}
.side_my_category li {background: #fff; float: left; width: 32.98%; height: 80px; line-height: 30px; text-align: center; border-bottom: 1px solid #eaeaea;
					  border-right: 1px solid #eaeaea; padding-top: 25px;}
.side_my_category li img {width: 28px;}
.side_my_category li span {display: block; font-size: 13px;}


/* 사이드 메뉴 */
.sidemenu_re {width: 100%; display: inline-block; color: #000; background: #f6f6f6;}
.side_title {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center;
    		align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify;
    		justify-content: space-between; background: #ff6000; height: 60px; padding: 0px 15px;}

.side_title .sidemenu_close i{font-size:1.8em; color:#fff}

/*
.side_title h2 {
    font-size: 18px;
    color: #fff;
    font-weight: normal;
    padding: 7px 15px;
}

.side_title a {
    font-size: 18px;
    color: #fff;
    font-weight: normal;
    padding: 7px 15px;
}
*/

.side_smenu{display:inline-block}
.side_smenu ul{}
.side_smenu li{float:left;  margin-right:15px;}
.side_smenu li:last-child{margin-right:0}
.side_smenu li a{font-size:13px;  color:#fff;}

.side_category {margin-top: 8px}
.side_category > a {display: block; height: 45px; border-bottom: 1px solid #eaeaea; line-height: 45px; font-size: 15px; font-weight:600;
    				color: #000; padding-left: 20px;}
.side_category ul {background: #fff;}
.side_category li {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 50%; height: 45px; float: left;
    				border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea;}
.side_category li:nth-child(2n) {border-right: none;}
.side_category li > a {display: block; padding: 0 8px 0 22px; line-height: 45px; font-size: 13px;}
.kakao {background: #fff; margin-top: 8px; padding: 20px 18px}
.kakao img {height: 18px; padding-right: 6px}
.kakao h2 {color: #381e1f; font-size: 14px; font-weight: normal; padding-bottom: 10px;}
.kakao p {color: #999; font-size: 12px;}
.side_banner {margin-top: 8px;}
.side_banner img{width:100%;}

.side_sns{overflow:hidden; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; margin-top:7px; background:#fff}
.side_sns ul{}
.side_sns li{float:left; width:24.77%; border-right:1px solid #e7e7e7; text-align:center;}
.side_sns li:last-child{border-right:0}
.side_sns li i{display:block; margin:0px auto 7px; border-radius:50px; width:30px; height:30px; line-height:30px; text-align:center; color:#fff}
.side_sns li i.xi-kakaotalk{background:#f8e200; color:#372223}
.side_sns li i.xi-facebook-messenger{background:#458ee6}
.side_sns li i.xi-social-email{background:#8d2422}
.side_sns li i.xi-comments{background:#ff6000}
.side_sns li a{display:block; padding:15px 0px; font-size:13px}

.side_lang{overflow:hidden; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; margin-top:7px; background:#fff}
.side_lang ul{}
.side_lang li{float:left; width:33.1%; border-right:1px solid #e7e7e7; text-align:center;}
.side_lang li:last-child{border-right:0}
.side_lang li img{height:14px;}
.side_lang li span{display:block; margin-top:6px; font-size:13px;}
.side_lang li a{display:block; padding:15px 0px;}


/* 마이페이지 */

#side_mypage{width:100%; height:100%; position:absolute; z-index:1000; top:0; bottom:0; left:0; right:0; color:#000; background:#f6f6f6; overflow-x:hidden;}
#side_mypage div.home{position:absolute; z-index:1000; right:20px; top:25px;}
#side_mypage div.home img{width:28px;}
#side_mypage div.close{position:absolute; z-index:1000; left:15px; top:15px;}
#side_mypage div.close i{font-size:28px;}

.smyp_contents{padding:40% 20px 20px 20px; }
.smyp_name{font-weight:300; text-align:center;}
.smn_name{font-size:28px; line-height:30px;}
.smn_name span{font-size:14px; color:#808080; display:block;}
.smn_name span.smn_intro{font-size:22px; color:#000; display:inline-block;}

.smyp_category{margin-top:8px; font-weight:300; margin-top:35px;}
.smyp_category ul{border-left:1px solid #eaeaea; border-top:1px solid #eaeaea;}
.smyp_category li{background:#fff; float:left; width:32.98%; height:80px; line-height:30px; text-align:center; border-bottom:1px solid #eaeaea; border-right:1px solid #eaeaea; padding-top:25px;}
.smyp_category li img{width:28px;}
.smyp_category li span{display:block; font-size:13px;}

.smyp_fmenu{position:absolute; z-index:1000; bottom:30px; left:50%; transform:translateX(-50%);}
.smyp_fmenu ul{}
.smyp_fmenu li{float:left; padding-right:10px; font-weight:500; background:url(../tmbi_images/common/ico_line_b.png) no-repeat right center;}
.smyp_fmenu li:last-child{background:none; padding-left:10px; padding-right:0px;}
.smyp_fmenu li img{width:18px;}



/* new_banner */
.full_banner_wrap{padding: 20px 10px 0px 10px; position: relative}

#full_banner {width:100%;}
#full_banner li{position: relative}
#full_banner .bx-controls{width:100%; margin:auto}
#full_banner .bx-controls-direction{display:none}
#full_banner .bx-wrapper{margin-bottom:0px}
#full_banner .bx-wrapper .bx-pager{text-align:left; margin-bottom:10px; margin-left:15px;}
#full_banner .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:0px}
#full_banner li::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(/tmbi_images/main/banner_cover_m.png) center center no-repeat;
}

#full_banner 
.bx-wrapper 
.bx-pager.bx-default-pager a{
	border:rgba(255,255,255,.5);
	background:rgba(255,255,255,.5);
	width:7px;
	height:7px;
	margin:0px 4px;
}

#full_banner 
.bx-wrapper .bx-pager.bx-default-pager a.active{
	border:rgba(255,255,255,1);
	background:rgba(255,255,255,1);
}

#full_banner .bx-viewport{
	height:150px !important;
}

#full_banner img{
	width:100%;
	height:150px;
}

#full_banner .text{
	position: absolute;
    z-index: 100;
    top: 10px;
	text-align:left;
	margin:15px 20px;
}

#full_banner .text p{
	color:#fff
}

#full_banner .text .tit{
	font-size:19px;
	line-height:20px;
	font-weight:600;
	margin-bottom:20px;
}

#full_banner .text .con{
	font-size:13px;
}



/*인스타그램 */

.section {
    position: relative;
    width: 100%;
}

.section:after {
    content: '';
    display: block;
    clear: both;
}

.insta {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 100%;
	margin:auto;
    padding: 20px 10px;
}

.insta:after {
    content: '';
    display: block;
    clear: both;
}

.insta .title {
    font-size: 13px;
    color: #111;
    text-align: center;
    padding-bottom: 15px;

}

.insta .title img{
	width:14px;
	margin-bottom:2px;
}

.insta .title .insta_tit{
    font-family: 'Noto Sans KR', Sans-serif;
    font-weight:500	
}

.insta .title .insta_tit i {
    font-size: 26px;
    position: relative;
    top: 4px
}

.insta .title .t_co span {
    display: inline-block;
    width: 115px;
    height: 20px;
    background: #ff6000;
    font-size: 9px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    border-radius: 20px;
    margin-top: 5px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.insta .title .t_co span:hover {
    background: #e74c3c
}


.insta .frame,
.insta #instafeed {
    /*display: flex;
    flex-wrap: wrap;
    justify-content: space-between;*/
}

.insta .frame img,
.insta #instafeed a{
	width:24.7%;
	height:85px;
	padding: 0 1px 1px 0;
    float: left;
}

@media screen and (max-width: 320px){
	
.insta .frame img,
.insta #instafeed a{
	width:24.6%;
	height:75px;
	}
}

.insta .frame img,
.insta #instafeed img {
    width:100%;
    height:100%;
    
}

.insta .frame img:hover,
.insta #instafeed img:hover {
    cursor: pointer;
    opacity: 0.8
}



/* 고객센터 */

.customer_box{
	/*margin:20px 0px 0px 0px;*/
	background:#fff;
	text-align:center;
	padding:20px;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	overflow:hidden
}

.customer_box .cus_box_wrap{
	display:inline-block;
}

.customer_box .cus_icon{
	float:left;
	margin-right:10px;
}

.customer_box .cus_icon img{
	width:38px
}

.customer_box .cus_text{
	float:left;
	text-align:left
}

.customer_box .cus_info{
	width:100%;
	display:inline-block
}

.customer_box .tit{
	font-size:13px;
	font-weight:600;
}

.customer_box .number{
	font-size:25px;
	color:#ff6000;
	padding:10px 0px;
	margin-bottom:5px;
}

.customer_box a.cs_btn{
	display:block;
	margin:auto;
	width:238px;
	height:35px;
	line-height:35px;
	text-align:center;
	font-size:13px;
	border:1px solid #e7e7e7;
	border-radius:2px;
	margin-bottom:15px;
	font-weight:600
}

.customer_box a.cs_btn strong{
	font-weight:600;
}

.customer_box .info{
	font-size:11px;
	line-height:17px;
	color:#888
}





/* 플로팅버튼 */

#floating{}

#floating a.f_btn{
	display:block;
	-webkit-border-radius:50px;
	border-radius:50px;
	width:50px;
	height:50px;
	line-height:59px;
	text-align:center;	
	background:#ff6000;
	border:1px solid #dd5300;
	position:fixed;
	right:10px;
	bottom:20px;
	z-index:10002;
    -webkit-box-shadow: -2px 2px 4px rgba(0,0,0,0.2);
    box-shadow: -2px 2px 4px rgba(0,0,0,0.2);	
}

#floating a.f_btn i{
	color:#fff;
	font-size: 1.7em;
}

#floating .float_sel{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	z-index:10000;
}

#floating .float_sel.on{
	background:rgba(0,0,0,.6);
	display:block;
	z-index:10001;
}

#floating .float_sel ul{
	position:fixed;
	right:10px;
	bottom:80px;
}

#floating .float_sel li{
	margin-top:8px;
}

#floating .float_sel li a{
	display:block;
	border-radius:50px;
	width:50px;
	height:50px;
	line-height:59px;
	text-align:center;	
	background:#fff;
}

#floating .float_sel li a.line{border:1px solid #2bb34b; color:#2bb34b}
#floating .float_sel li a.whatsapp{border:1px solid #3cb64a; color:#3cb64a}
#floating .float_sel li a.fb-messenger{border:1px solid #567fc0; color:#567fc0}
#floating .float_sel li a.email{border:1px solid #8d2422; color:#8d2422}
#floating .float_sel li a.kakaotalk{border:1px solid #f8e200; color:#372223}
#floating .float_sel li a.wechat{border:1px solid #2cbc00; color:#2cbc00}
#floating .float_sel li a.inquiry{border:1px solid #ff6000; color:#ff6000;}
#floating .float_sel li i.xi-comments{font-size:1.8em;}