@import url('../../assets/css/reset_099943104a.css');
@charset "UTF-8";





.nanum { font-family:"Nanum Gothic", sans-serif !important; }



/* number타입 인풋의 화살표 없애기 */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}


#smart_editor2 { width:100%;min-width:auto !important; }


textarea, input, label, select, checkbox, radio, button,
textarea:focus, input:focus, label:focus, select:focus, checkbox:focus, radio:focus, button:focus, a:focus { outline:none !important; }




body {
	margin: 0 auto !important;
	/* font-family:'Nanum Gothic', serif;font-size:14px; */
	font-size: 13px;
	font-weight: 400;
	font-family: "Noto Sans KR", sans-serif;   
	-webkit-text-size-adjust:none;
	min-height:-webkit-fill-available;
	color:#545454;
	/* background-color:#f7f9fa;*/;
}
body.modal-open { overflow: hidden; }

html, body {
	-webkit-text-size-adjust : none;  /* 크롬, 사파리, 오페라 신버전 */
	-ms-text-size-adjust : none;  /* IE */
	-moz-text-size-adjust : none;  /* 파이어폭스 */
	-o-text-size-adjust : none;  /* 오페라 구버전 */
}


ol, ul { margin-bottom:0; }


input[type=checkbox], input[type=radio] { margin:0;vertical-align:top; }

input[type="text"],
input[type="password"] { font-weight:normal !important; }

input:read-only { background:#f3f3f3 !important; }
button[disabled] { color: #b3b3b3; }

td { vertical-align:middle !important; }
p { margin:0; }


input::placeholder,
textarea::placeholder { font-size:12px;color:#bababa; }
.form-control { font-size:12px; }


#cover_img_preview .img_innerwrap { margin:0 auto; }


.svg_icon { display:inline-block;line-height: 0;width:16px;stroke-width:2;fill: none;stroke-linecap: round;stroke-linejoin:round }
.svg_icon path,
.svg_icon circle,
.svg_icon line,
.svg_icon rect {stroke:currentColor;}
.svg_icon svg { stroke-width:2;fill: none;stroke-linecap: round;stroke-linejoin:round }



.editor_up_img { max-width: 100%;margin-bottom:10px; }/* summernote에서 업로드된 이미지 */
.btn_summernote_upload_img {
	padding: 10px 20px;
	color: #fff;
	background-color: #999999;
	cursor: pointer;
	height: 40px;
}
.btn_summernote_upload_inputfile {
	position: absolute;
	width: 0;
	height: 0;
	padding: 0;
	overflow: hidden;
	border: 0;
}
.note-editor { margin:0; }








.noresize {
	resize: none; /* 사용자 임의 변경 불가, both : 사용자 변경이 모두 가능, horizontal : 좌우만 가능, vertical : 상하만 가능 */
}
.noresize.horizontal { resize:horizontal; }
.noresize.vertical { resize:vertical; }


.blind, .u_skip { position: absolute;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;overflow: hidden; }


.custom-switch-wrap { display:inline-block;text-align:left !important; }
.custom-switch-wrap .custom-switch-label {
	height:18px;
	display:flex;align-items: center;
	overflow: hidden;
	letter-spacing: -.5px;
	cursor: pointer;
	font-weight:normal;
}
.custom-switch-wrap .custom-switch-label > i {
	display: inline-block;
	width: 33px;
	height: 18px;
	border-radius: 9px;
	background-color: #dbdbdb;
	vertical-align: top;
	transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;
}
input:checked+.custom-switch-label > i { 
	text-align: right;
	background-color:#5fb97b;
}
.custom-switch-wrap .custom-switch-label > i:before {
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	margin: 1px;
	background-color: #fff;
	vertical-align: top;
	-webkit-box-shadow: 1px 1px 2px 0 rgb(0 0 0 / 28%);
	box-shadow: 1px 1px 2px 0 rgb(0 0 0 / 28%);
	content: "";
}
.custom-switch-wrap .custom-switch-label span { height:20px; }
.custom-switch-wrap .custom-switch-label span.right { margin-left:5px; }
.custom-switch-wrap .custom-switch-label span.left { margin-right:5px; }

.note-editor .note-toolbar, 
.note-popover .popover-content { z-index:1; }

.btn-sm {
    padding: 15px 10px;
    line-height: 0;
    height: 0;
}
.btn-sm > i { margin-right:5px; }

ul,ol,dl,label { margin:0; }

ul.dot li { list-style-type: disc; }

.nice-select { border-radius:4px;width: auto !important;display: inline-block;min-width: 80px;max-width: 100%; }
.nice-select .option.selected { font-weight:normal !important; }
.nice-select .list li { margin-top:0 !important; }
.nice-select.disabled { background:#fafafa; }



.shadow_bg { box-shadow:0 0 10px rgb(62 57 107 / 10%); }
.smooth { transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s; }
.smooth_1 { transition: all .1s;-webkit-transition: all .1s;-moz-transition: all .1s;-ms-transition: all .1s;-o-transition: all .1s; }
.smooth_2 { transition: all .2s;-webkit-transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;-o-transition: all .2s; }
.smooth_3 { transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s; }
.smooth_4 { transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s; }

.round_20 { border-radius:20px !important; }
.round_15 { border-radius:15px !important; }
.round_10 { border-radius:10px !important; }
.round_5 { border-radius:5px !important; }

.row { margin:0; }


.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border-bottom-color:#fff; }

.primary_color { 
	/* background: linear-gradient(135deg,#a65ef7 0,#4c53ff 100%),#fff !important; */
	/* background: linear-gradient(135deg,#23cf59 0,#13dbd2 100%),#fff !important; */
	background: linear-gradient(135deg,#40c5fc 0,#0a84b7 100%),#fff !important;
	color:#fff;
	border:0;
}
.primary_color i { color:#fff; }



.btn { border-radius:3px;font-size:13px; }
.btn-xs { font-size:11px; }



.btn-primary {
	color: #fff;
	background-color: #5fb97b;
	border-color: #489d63;
	transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:visited,
.btn-primary:focus { color:#fff;background-color: #5fb97b !important;border-color: #489d63 !important; }
/*
.btn-primary:hover,
.btn-primary:active,
.btn-primary:visited,
.btn-primary:focus { background-color: #7d838d !important;border-color: #59616e !important; }
*/
.btn-danger {
    color: #fff;
    background-color: #828282;
    border-color: #606060;
	transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger:visited,
.btn-danger:focus { background-color: #eb7166 !important;border-color: #bf4f45 !important; }


.btn-success {
    color: #31916f;
    background-color: #baeddb;
    border-color: #a9d7c7;
	transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;
}
.btn-success:hover,
.btn-success:active,
.btn-success:visited,
.btn-success:focus { background-color: #65b99b !important;border-color: #448b71 !important; }






.flex-between{display:flex;flex-direction:row;justify-content:space-between;align-items: center !important;}
.flex-start{display:flex;flex-direction:row;justify-content:start;align-items: center !important;}
.flex-around{display:flex;flex-direction:row;justify-content:space-around;align-items: center !important;}
.flex-align-top{align-items: flex-start;}


input[type=text].datepicker, 
input[type=text].datepicker_w { 
	background-image: url('../../assets/images/icon-calendar_ea40afec14.png');background-position: right center;background-repeat:no-repeat !important;	
	border-color:#ccc;
	border-radius:4px;
	height:34px;
	padding:0 11px 0 0;
}

input[type=text].datepicker.disabled,
input[type=text].datepicker_w.disabled { background-color:#fafafa !important; }





.navi_wrap { display: flex;border-bottom: 2px solid #000;padding-bottom:20px;margin-bottom: 0px; }
.navi_wrap.fixed { position:fixed;width:100%;top:0px;left: 0;z-index:111111;border-bottom: 1px solid #eee;background: #fff;padding:0;margin:0;height:60px; }
.navi_wrap .navi { width:100%;margin:0 auto;text-align:center;display: flex;align-items: center;justify-content: space-between; }
.navi_wrap .logo_wrap_fixed { display:none;top:10px;height:40px; }
.navi_wrap .logo_wrap_fixed a { display:block;height:100%; }
.navi_wrap.fixed .logo_wrap_fixed { display:block; }
.navi_wrap.fixed .navi { width:calc(100% - 20px); }


.navi_wrap .navi>li { width:11.1111%; }
.navi_wrap .navi>li>a { position: relative;display:block;width: 90%;height: 90%;margin: 0 auto; }
.navi_wrap .navi>li>a>div.menu_wrap {
    border: 2px solid #ececec;
    border-radius: 15px;
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: flex-start;
    height: 110px;
	background:#fff;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    flex-direction: column;
}
.navi_wrap.fixed .navi>li>a>div.menu_wrap { display:none; }
.navi_wrap .navi>li>a>div.menu_wrap>div.img_box { display: flex;height: 80px;justify-content: flex-start;overflow: hidden; }
.navi_wrap .navi>li>a>div.menu_wrap>div.img_box > img { height:100%; }
.navi_wrap .navi>li>a>p { 
	position:absolute;bottom:0;left:0;
	color: #7f7f7f;font-weight: 500;font-size: 14px;
	width: 100%;height: 30px;
	display: flex;align-items: center;justify-content: center;
	border-radius: 15px;
	background: #ececec;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    flex-direction: column;
}
.navi_wrap.fixed .navi>li>a { height:30px; }

.navi_wrap .navi>li>a:hover>div.menu_wrap,
.navi_wrap .navi>li>a.active>div.menu_wrap { border-color:#000; }
.navi_wrap .navi>li>a:hover>p,
.navi_wrap .navi>li>a.active>p { color:#fff;background:#000; }


/*
.navi_wrap .navi>li:hover >a .icon,
.navi_wrap .navi>li.on>a .icon { display:block; }
*/
.navi_wrap .navi>li:hover .navi_sub_wrap { display:block; }

.auth_wrap_mobile { height:50px;width:100%;top:0px;z-index:1111111;display:none; }
.auth_wrap_mobile_bg { display:none;height:130px; }


.navi_pc { position: relative;/* background:#343e4e;*/ padding:0;height:30px;margin:0 auto;display: flex;align-items: center;justify-content: space-between;z-index:1; }
.navi_pc li.login_info { text-align:left; }
.navi_pc li.login_info p:first-child { margin:8px 0 0;font-size:16px; }
.navi_pc li.login_form { display:flex; }
.navi_pc li a,
.navi_pc li.login_info p,
.navi_pc li.login_info p strong,
.navi_pc li a i { color:#000; }
.navi_pc li a {
	border-radius: 4px;
    font-size: 12px;
    line-height: 0;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.navi_pc li a i { margin: 2px 5px 0 0; }
.navi_pc li .pipes:after { content:"|";color:#989898;margin:0 10px;font-size:10px; }




.head_shadow_wrap { display:none;height:165px; }



/* .navi_mobile { box-shadow: 0 0 10px rgba(0,0,0,.2); } */
.navi_mobile .btn_sub_page_home {
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0px;
	left: 45px;
	height: 60px;
	color: #fff;
	font-size: 24px;
}


.navi_mobile .inner_mobile { position: relative;display: flex;justify-content: space-between;align-items: center; }
.navi_mobile .inner_mobile .left_wrap .logo_wrap { top:12px;left:12px;height:30px; }
.navi_mobile .inner_mobile .left_wrap .logo_wrap a { height:100%; }
.navi_mobile .inner_mobile .left_wrap .logo_wrap a img { height:100%; }
.navi_mobile .inner_mobile .right_wrap { display:flex;z-index:2; }
.navi_mobile .inner_mobile .right_wrap button {
	display: flex;
	align-items: center;
    justify-content: center;
	width:50px;
	height: 50px;
	color:#000;
	font-size:26px;
}
.svg_icon svg {
    stroke-width: 1.5;
    stroke: #000;
    fill: none;
    stroke-linecap: round;
}
.navi_mobile .inner_mobile .right_wrap button .svg_icon { width:30px;height: 30px; }

.navi_mobile .inner_mobile .right_wrap .btn_search { justify-content: flex-end; }

.navi_mobile .nav_bg {
	display:none;
	position: fixed;
	width: 100%;
	height: 100%;
	top:0;
	background: rgba(0,0,0,.5);
	z-index: 1;
}
.navi_mobile article {
	position: fixed;
	right: -100%;
	top: 0;
	width: 100%;
	height: 100%;
	font-size: 14px;
	color: #fff;
	background: #f8f8f8;
	z-index: 9999;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	transition: all 0.3s ease;
	z-index:11111111111;
	overflow-y: auto;
}
.navi_mobile.on article {
	right:0;
}
.navi_mobile article .topmenu {
	position: relative;
	display:flex;
	align-items: center;
	height:50px;
	background:#494949;
	border-bottom:1px solid #656565;
	z-index:2;
}
.navi_mobile article .topmenu a { color:#fff;padding: 15px 10px;margin-right:10px; }
.navi_mobile article .topmenu .btn_close_mobile { 
	position: absolute;
	right:0;
	padding:10px;
}
.navi_mobile article .topmenu .btn_close_mobile i { font-size:20px;color:#fff; }


.navi_mobile article .mobile_menu_wrap { position:relative;margin: 15px 0px; }
.navi_mobile article .sub_menu_wrap { position:relative;background: #fff;margin: 15px 15px 25px;padding:30px 20px 20px;box-shadow: 0 0 15px rgba(0,0,0,.08);border-radius: 20px; }
.navi_mobile article h1.title_menu { border-bottom: 2px solid #5fb97b;display: inline-block;padding: 0 5px 5px;margin: 0 0 30px;font-size: 14px;font-weight: 600;color: #000; }
.navi_mobile article .mobile_menu_wrap .btn_close_mobile { position: fixed;top:0px;right:5px;display:none;z-index:1; }
.navi_mobile article .mobile_menu_wrap .btn_close_mobile .svg_icon { display:block;width:30px;height:30px; }
.navi_mobile article .mobile_menu_wrap .btn_close_mobile i { color:#000;font-size:34px; }
.navi_mobile article .mobile_menu_wrap h1.title_menu { margin: 30px 10px 0;display: block;text-align: center; }

.navi_mobile article .mobile_menu_wrap ul.mobile { width: 100%;margin: 0 auto;text-align: center;display: flex;align-items: center;flex-wrap: wrap; }
.navi_mobile article .mobile_menu_wrap ul.mobile li { width:25%;margin-top:15px;display: flex;align-items: center; }
.navi_mobile article .mobile_menu_wrap ul.mobile li:nth-child(-n/**/+4) { margin-top:0; }
.navi_mobile article .mobile_menu_wrap ul.mobile li a { position: relative;display: block;width: 90%;height: 90%;margin: 0 auto; }
.navi_mobile article .mobile_menu_wrap ul.mobile li a .menu_wrap {
    border: 2px solid #ececec;
    border-radius: 15px;
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    height: 110px;
    background: #fff;
    flex-direction: column;
}
.navi_mobile article .mobile_menu_wrap ul.mobile li a .menu_wrap .img_box { display: flex;justify-content: center;overflow: hidden; }
.navi_mobile article .mobile_menu_wrap ul.mobile li a .menu_wrap .img_box > img { height: 100%; }
.navi_mobile article .mobile_menu_wrap ul.mobile li a .menu_wrap .img_box.portfolio { align-items: center; }
.navi_mobile article .mobile_menu_wrap ul.mobile li a .menu_wrap .img_box.portfolio > img { width: 90%;height:auto; }
.navi_mobile article .mobile_menu_wrap ul.mobile li a p {
    position: absolute;
	right:0;
    bottom: 0;
    left: 0;
	margin:auto;
    color: #7f7f7f;
    font-weight: 500;
    font-size: 12px;
    width: 100%;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background: #ececec;
    flex-direction: column;
}
.navi_mobile article .sub_menu_wrap > ul { display: flex;justify-content: center;align-items: flex-start; }
.navi_mobile article .sub_menu_wrap > ul > li.menu { width:33%;display:flex;flex-direction: column;align-items: center; }
.navi_mobile article .sub_menu_wrap > ul > li.menu > h1 { margin-bottom:15px; }
.navi_mobile article .sub_menu_wrap > ul > li.menu > ul > li > a { padding:10px 0;display:block;font-size:13px;font-weight:400; }
.navi_mobile article .sub_menu_wrap > ul > li.menu > ul > li > a > i { margin-right:5px;color: #5fb97b; }

.navi_mobile article .customer_wrap { display:flex;margin: 15px 15px 30px; }
.navi_mobile article .customer_wrap .box { width:50%; }
.navi_mobile article .customer_wrap .box .inner_box { display:flex;align-items: center;width:100%;position:relative;height:100%; }
.navi_mobile article .customer_wrap .box .inner_box:not(.row_column) { background: #fff;box-shadow: 0 0 15px rgba(0,0,0,.05);border-radius: 20px;padding:20px 10px; }
.navi_mobile article .customer_wrap .box .inner_box.row_column { width:calc(100% - 10px);flex-direction: column;justify-content: center;align-items: flex-start;margin: 0; }
.navi_mobile article .customer_wrap .box .inner_box.row_column .row_c { display: flex;align-items: center;border-radius: 20px;background: #fff;box-shadow: 0 0 15px rgba(0,0,0,.05);padding: 15px;margin-top:10px;width: 100%; }
.navi_mobile article .customer_wrap .box .inner_box.row_column .row_c:first-child { margin-top:0; }


.navi_mobile article .customer_wrap .box .inner_box .icon { width:25px;height:28px; }
.navi_mobile article .customer_wrap .box .inner_box .icon > img { width:100%; }
.navi_mobile article .customer_wrap .box .inner_box .txt { width:calc(100% - 35px);font-size:13px;color:#000; }
.navi_mobile article .customer_wrap .box .inner_box .txt > p { margin-top:7px; }
.navi_mobile article .customer_wrap .box .inner_box .txt > p:first-child { margin-top:0px; }
.navi_mobile article .customer_wrap .box .inner_box .txt > p span { display:block;color:#60BA7C;font-weight: bold; }
.navi_mobile article .customer_wrap .box .inner_box .txt > p a { padding: 5px 0; }



.navi_mobile article .company_info_wrap { margin:15px 15px 30px; }
.navi_mobile article .company_info_wrap .mail_wrap { display:flex;justify-content: space-between;align-items: flex-end;margin-bottom:10px; }
.navi_mobile article .company_info_wrap .mail_wrap .email {  }
.navi_mobile article .company_info_wrap .mail_wrap .sns_wrap { display: flex; }
.navi_mobile article .company_info_wrap .mail_wrap .sns_wrap a { display: block;width: 30px;height: 30px;overflow: hidden;border-radius: 50%;margin-left: 10px; }
.navi_mobile article .company_info_wrap .mail_wrap .sns_wrap a img { width:100%; }
.navi_mobile article .company_info_wrap .addr_wrap { color: #000; }








.navi_sub_wrap {
	display:none;
	position:absolute;
	width: 100%;
	height:50px;
	max-width: 700px;
	padding:0 10px;
	right: 0;
	left: 0;
	margin: -1px auto;	
}
.navi_sub {
	display: flex;
	padding:0 10px;
	height:100%;
	background: white;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	box-shadow: 0 4px 4px rgb(0 0 0);
}
.navi_sub li { display: flex;align-items: center;margin-right:20px; }
.navi_sub li a { font-size:14px;display:block;padding:10px; }
.navi_sub li a:hover { text-decoration:underline; }








.copyright_wrap { position:relative;text-align:center;background:#fff;margin-top:100px;padding-top:120px; }
.copyright_wrap > ul.copyright { position:absolute;width:calc(100% - 20px);max-width:1200px;top:40px;right:0;left:0;margin:0 auto;z-index:1; }
.copyright_wrap > ul.copyright li { text-align:left;margin-bottom:3px; }


.container_wrap { position: relative;width:calc(100% - 20px);margin:0 auto;padding-bottom:50px; }
.container_wrap .sub_title_wrap { width:100%;max-width:1200px;margin:20px auto 30px; }
.container_wrap .sub_title_wrap h1 { font-size:30px;margin-bottom:20px; }



.content_inner { 
	position: relative;vertical-align:top;
	background:#fff;border-radius:5px;padding:5px;
	transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;border:0; 
}
.content_inner.box_phone { width:320px;	}
.content_inner.box_group { width:calc(100% - 480px);padding:0; }
.content_inner.box_number_box { padding:0;width:430px; }
.content_inner.box_number_box .receive_box { padding:10px;border-radius:5px;background:#fff; }
.content_inner.box_number_box .receive_box h2 #total_receive_number_view { font-size:20px;position:absolute;top:15px;right:10px }

.content_inner h2 { position:relative;margin:5px 0 10px;font-size:20px;color:#000; }
.content_inner.box_group h2 { margin:20px; }



/* *************************************************************************************************************************************************************************************************** */
/* *************************************************************************************************************************************************************************************************** */
/* *************************************************************************************************************************************************************************************************** */
/* 라디오버튼 시작 */
.custom-switch { display: flex; }
.custom-switch .custom-control-label,
.custom-checkbox .custom-control-label,
.custom-radio .custom-control-label {
  cursor:pointer;
  font-size:12px;
  padding-left:40px;
}
.custom-switch input[type="radio"] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}


.custom-control-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 1rem;
}

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: rgba(78, 115, 223, 0.5);/* #4e73df; */
  background-color: #4e73df;
}

.custom-control-input:focus ~ .custom-control-label::before {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25);
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #bac8f3;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: #e5ebfa;
  border-color: #e5ebfa;
}

.custom-control-input:disabled ~ .custom-control-label {
  color: #858796;
}

.custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #eaecf4;
}

.custom-control-label {
  position: relative;
}

.custom-control-label::before {
	position: absolute;
	top: 0;
	display: block;
	height: 17px;
	content: "";
	background-color: #fff;
	border: #c9cad8 solid 1px;
}

.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}


.custom-radio .custom-control-label::before {
  border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(78, 115, 223, 0.5);
}


.custom-switch .custom-control-label::before {
	left: 0px;
	width: 35px;
	pointer-events: all;
	border-radius: 40px;
	cursor:pointer;
}

.custom-switch .custom-control-label::after {
  top: 1px;
  left: 1px;
  width: 15px;
  height: 15px;
  background-color: #b7b9cc;
  border-radius: 50%;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: transform 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;
  transition: transform 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, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

@media screen and (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
	-webkit-transition: none;
	transition: none;
  }
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  -webkit-transform: translateX(18px);
  transform: translateX(18px);
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(78, 115, 223, 0.5);
}
/* 라디오버튼 종료 */
/* *************************************************************************************************************************************************************************************************** */
/* *************************************************************************************************************************************************************************************************** */
/* *************************************************************************************************************************************************************************************************** */





.modal_bg {
	display:none;
	position: fixed;
	height: 100%;
	width: 100%;
	background-color: rgb(181 181 181 / 61%);
	top: 0;
	left: 0;
	z-index: 10000;
}
.modal_bg table { height:100%; }
.modal_bg .btn_closed_modal,
.modal_bg .btn_closed_modal_tmp {
	position: absolute;
	width: 30px;
	height: 30px;
	top: 0;right: 5px;bottom:0;margin:auto;
	font-size:26px;
}
.modal_bg .btn_closed_modal:after,
.modal_bg .btn_closed_modal_tmp:after {
	content:"";
	font-family:"Font Awesome 6 Pro";
	font-weight:300;
}



.modal_bg.second { z-index:1001; }
.modal_bg .modal_content { 
	/*
	position:absolute;
	display: flex;
	flex-direction: column;
	width:calc( 100% - 20px );
	max-width:800px;
	top:50%;
	left:50%;
	background:#fff;
	border-radius:10px;
	box-shadow:0 0 15px rgb(0 0 0 / 15%);
	transform:translate(-50%,-50%);
	*/
	position: relative;
	width:calc( 100% - 20px );
	max-width:800px;
	border: 1px solid #ddd;
	background: #fff;
	margin: auto;
}
.modal_bg .modal_content .modal_header { background:#f9f9f9;border-bottom:1px solid #e9e9e9; }
.modal_bg .modal_content .modal_header > h2 { padding:18px 10px 15px 20px;margin:0;font-size:20px;position:relative; }
.modal_bg .modal_content .modal_body { padding:20px; } 





@media (max-width:900px){
	.navi_wrap, .navi_pc { display:none; }
	.navi_pc_wrap { height:10px !important; }
	.head_shadow_wrap { height:60px; }

	.global_container_wrap > .logo_wrap { display:none; }
}





.table.write>tbody>tr>td:first-child:not(.not_header), 
.table.write.header_2>tbody>tr>td:nth-child(3):not(.not_header), 
.table.write td.header {
    width: 150px;
    /* background: #EAECF4; */
    background: #f9fbfc;
    border-right: 0;
    text-align: right;
    font-weight: 500;
    padding: 15px 10px;
    vertical-align: middle;
    font-size: 12px;
    font-weight: 600;
}






.sns_login_wrap li { margin-top:10px; }
.sns_login_wrap li:first-child { margin-top:0; }
.sns_login_wrap li a { display:flex;align-items: center;height: 55px;border-radius: 5px; }
.sns_login_wrap li a .icon_wrap { width: 40px;display: flex;justify-content: center;margin-left: 10px; }
.sns_login_wrap li a .icon_wrap img { width:20px; }
.sns_login_wrap li a .pipes { width:1px;height:15px;margin:0 10px; }
.sns_login_wrap li a > p { text-align: center;font-size: 15px;font-weight: 500;margin-left: 0px;width: calc(100% - 100px); }


.sns_login_wrap li a.naver { background:#03c75a; }
.sns_login_wrap li a.naver .pipes { background:#fff; }
.sns_login_wrap li a p { color:#fff; }


.sns_login_wrap li a.kakao { background:#fee500; }
.sns_login_wrap li a.kakao .pipes { background:#000; }
.sns_login_wrap li a.kakao p { color:#000; }



















/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* 메인 페이지 관련 시작 ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/*
.slick-prev, .slick-next { width:30px;height:50px;z-index:1;display: flex;justify-content: center;align-items: center; }
.slick-prev i, .slick-next i { font-size:50px;color:#fff;text-shadow:0 0 15px rgba(0,0,0,.2); }
.slick-prev { left:5px;	}
.slick-next { right:5px; }
.slick-prev:before, .slick-next:before { display:none; }

.main_slide_wrap { padding-bottom:30px;border-bottom:2px solid #eee; }
.main_slide_wrap .slick-slide img { margin:0 auto; }
.main_slide_wrap .slick-dots { width:auto;right:0px;bottom:-30px !important; }
.main_slide_wrap .slick-dots li { margin:0 2px; }
.main_slide_wrap .slick-dots li button { width:20px;height:20px;border-radius:50%;background:transparent;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;font-size:14px;color:#000; }
.main_slide_wrap .slick-dots li.slick-active button,
.main_slide_wrap .slick-dots li button:hover { background:rgba(0,0,0,1);color:#fff; }
/*
*/

.bx-wrapper .bx-prev,
.bx-wrapper .bx-next { color:#fff;background:none !important; }
.bx-wrapper .bx-prev { left:20px !important; }
.bx-wrapper .bx-next { right:50px !important; }
.bx-wrapper .bx-controls-direction a { top:0 !important;bottom:0;margin:auto !important;width:auto !important;height:50px !important;font-size:50px; }
.bx-wrapper a.bx-prev:after,
.bx-wrapper a.bx-next:after { font-family: "Font Awesome 6 Pro";display: block;text-indent: 0;position: absolute;top: -20px; }
.bx-wrapper a.bx-prev:after { content: ""; }
.bx-wrapper a.bx-next:after { content: ""; }

.main_slide_wrap { margin-top: 20px; }
.main_slide_wrap .bx-viewport { border-radius: 20px; }
.main_slide_wrap .bx-viewport .bxslider > div { overflow: hidden; }
.main_slide_wrap.auto .bx-wrapper .bx-pager { right:50px; }
.main_slide_wrap.auto_none .bx-wrapper .bx-pager { right:0px; }

.main_slide_wrap .bx-wrapper video { width:100%; }
.main_slide_wrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { margin-top:3px; }
.main_slide_wrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { position:absolute;display: flex;align-items: center; }






.main_section_line_wrap { padding-bottom:50px;margin-bottom: 50px;border-bottom:1px solid #eee; }


.main_section_wrap .title_wrap { margin-bottom: 50px;display: flex;justify-content: center;position: relative; }
.main_section_wrap .title_wrap span { display: flex;justify-content: center;padding: 0;z-index: 1;font-size: 24px;font-weight: bold;color: #000;width:450px; }
.main_section_wrap .title_wrap div { width: 300px;height: 2px;background: #000;position: absolute;top: 0;bottom: 0;margin: auto;z-index: 0; }
.main_section_wrap .title_wrap div.line_left { left:0; }
.main_section_wrap .title_wrap div.line_right { right:0; }

.main_best_wrap { display:flex;align-items: flex-start;justify-content: space-between;height:auto;margin:20px 0; }
.main_best_wrap .best_slide_wrap { width:380px;height:380px;border-radius: 20px;overflow: hidden; }
.main_best_wrap .best_slide_wrap .slick-dotted.slick-slider { margin:0; }
.main_best_wrap .best_slide_wrap a { display:block;height:100%;position:relative;overflow: hidden; }
.main_best_wrap .best_slide_wrap a img { width:100%; }
.main_best_wrap .best_slide_wrap a .text_wrap { position:absolute;width:100%;height:100px;bottom:0;left:0;background:rgba(0,0,0,.5); }
.main_best_wrap .best_slide_wrap a .text_wrap h2,
.main_best_wrap .best_slide_wrap a .text_wrap h3 { color:#fff;margin:0;font-size:12px;padding:0 10px;text-align:center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.main_best_wrap .best_slide_wrap a .text_wrap h2 { font-size:16px;font-weight:bold;margin: 20px 0 5px; }
.main_best_wrap .best_slide_wrap .slick-arrow { display:none !important; }
.main_best_wrap .best_slide_wrap .slick-dots { bottom:5px; }
.main_best_wrap .best_slide_wrap .slick-dots li { width:10px;height:10px; }
.main_best_wrap .best_slide_wrap .slick-dots li button { width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.2);transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s; }
.main_best_wrap .best_slide_wrap .slick-dots li.slick-active button,
.main_best_wrap .best_slide_wrap .slick-dots li button:hover { background:#fff; }


.main_best_wrap .best_prdt_wrap { width:calc(100% - 410px); }
.main_best_wrap .best_slide_container { display:block; }
.main_best_wrap .cate_wrap { margin-bottom:10px; }
.main_best_wrap .cate_wrap ul { display:flex;flex-wrap: wrap;justify-content: center; }
.main_best_wrap .cate_wrap ul li { margin:0 10px 10px; }
.main_best_wrap .cate_wrap ul li button { 
	display: flex;width:110px;height: 35px;line-height: 0;padding: 0 10px;background: #eee;border-radius: 20px;font-size: 13px;align-items: center;justify-content: center;
	transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;
}
.main_best_wrap .cate_wrap ul li.on button, 
.main_best_wrap .cate_wrap ul li button:hover { background:#000;color:#fff; }
.main_best_wrap .cate_wrap.mobile { display:none; }
.main_best_wrap .cate_wrap.mobile ul li { margin:0 5px 10px 0; }
.main_best_wrap .cate_wrap.mobile ul li:nth-child(even) { margin-right:0; }
.main_best_wrap .cate_wrap.mobile ul li button { width:89px;height:30px;font-size:12px;padding:0; }

.main_best_wrap .best_prdt_wrap .content_wrap .cate_content_wrap { height:310px; }
.main_best_wrap .best_prdt_wrap .content_wrap .cate_content_wrap ul { display:flex;height:100%; }
.main_best_wrap .best_prdt_wrap .content_wrap .cate_content_wrap ul li { width:33.33333%;text-align: center; }
.main_best_wrap .best_prdt_wrap .content_wrap .cate_content_wrap ul li .box { padding:10px; }
.main_best_wrap .best_prdt_wrap .content_wrap .cate_content_wrap ul li .box .thumb_wrap { margin-bottom:10px;overflow:hidden;text-align:center; }
.main_best_wrap .best_prdt_wrap .content_wrap .cate_content_wrap ul li .box .thumb_wrap a { display:block;height:100%;border-radius: 10px;overflow: hidden; }
.main_best_wrap .best_prdt_wrap .content_wrap .cate_content_wrap ul li .box .thumb_wrap a img { width:100%;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s; }
.main_best_wrap .best_prdt_wrap .content_wrap .cate_content_wrap ul li .box .thumb_wrap a:hover img { transform: scale(1.05); }
.main_best_wrap .best_prdt_wrap .content_wrap .cate_content_wrap ul li .box .info_wrap > h2 { font-size:18px;color:#000;margin: 10px 10px 5px;line-height: 130%; }
.main_best_wrap .best_prdt_wrap .content_wrap .cate_content_wrap ul li .box .info_wrap > h3 { font-size:12px;color:#989898;margin:0 10px;line-height: 130%; }
/*
.main_best_wrap .best_prdt_wrap .content_wrap .cate_content_wrap ul li .box .info_wrap > h2,
.main_best_wrap .best_prdt_wrap .content_wrap .cate_content_wrap ul li .box .info_wrap > h3	{ white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
*/
.main_best_wrap .best_prdt_wrap .content_wrap .cate_content_wrap ul li.no_data { width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background: #f9f9f9;border: 1px solid #e9e9e9; }




.main_recom_wrap { padding-top:50px;padding-bottom:50px;margin-bottom:50px; }
.main_recom_wrap .recommend_prdt_wrap { position:relative;display: flex;align-items: flex-start;justify-content: space-between;padding: 30px;background: #fff;box-shadow: 0 0 15px rgba(0,0,0,.2);border-radius: 30px;height:470px; }
.main_recom_wrap .recommend_prdt_wrap .list_wrap { width:340px; }
.main_recom_wrap .recommend_prdt_wrap .list_wrap > h2 { margin: 0 0 10px;font-size: 20px;color: #000; }
.main_recom_wrap .recommend_prdt_wrap .list_wrap > h3 { margin: 0 0 20px;font-size: 12px; }

.main_recom_wrap .recommend_prdt_wrap .list_wrap .main_recommend_slide_text ul li { margin-top:15px; }
.main_recom_wrap .recommend_prdt_wrap .list_wrap .main_recommend_slide_text ul li:first-child { margin-top:0px; }
.main_recom_wrap .recommend_prdt_wrap .list_wrap .main_recommend_slide_text ul li a { 
	position:relative;display:flex;align-items: center;height:50px;background: #f2f2f2;border-radius: 10px;padding: 0 10px;font-size:14px;
	/*transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;*/
}
.main_recom_wrap .recommend_prdt_wrap .list_wrap .main_recommend_slide_text ul li a:hover,
.main_recom_wrap .recommend_prdt_wrap .list_wrap .main_recommend_slide_text ul li a.on { background:#000;color:#fff; }
.main_recom_wrap .recommend_prdt_wrap .list_wrap .main_recommend_slide_text ul li a > p { width:100%;height:100%;display:flex;align-items: center;white-space: nowrap;overflow: hidden; }
.main_recom_wrap .recommend_prdt_wrap .list_wrap .main_recommend_slide_text ul li a > div { 
	display:none;
	width: 50px;
	height: 100%;
	position: absolute;
	background:transparent;
	right: 74px;
	z-index: 2;
}
.main_recom_wrap .recommend_prdt_wrap .list_wrap .main_recommend_slide_text ul li a:hover > p,
.main_recom_wrap .recommend_prdt_wrap .list_wrap .main_recommend_slide_text ul li a.on > p { width:calc(100% - 65px); }
.main_recom_wrap .recommend_prdt_wrap .list_wrap .main_recommend_slide_text ul li a:hover > div,
.main_recom_wrap .recommend_prdt_wrap .list_wrap .main_recommend_slide_text ul li a.on > div {
	display:block;
	background: linear-gradient(to right, transparent, black);
}
.main_recom_wrap .recommend_prdt_wrap .list_wrap .main_recommend_slide_text ul li a > span { display:none;position:absolute;top:14px;right:10px; }
.main_recom_wrap .recommend_prdt_wrap .list_wrap .main_recommend_slide_text ul li a:hover > span,
.main_recom_wrap .recommend_prdt_wrap .list_wrap .main_recommend_slide_text ul li a.on > span { display:block; }
.main_recom_wrap .recommend_prdt_wrap .list_wrap .main_recommend_slide_text ul li a i { font-size:12px;margin: -1px 0 0 5px;color: #fff; }
.main_recom_wrap .recommend_prdt_wrap .list_wrap .main_recommend_slide_text .slick-dots { height: 40px;display: flex;align-items: center;flex-wrap: wrap;justify-content: center;bottom:-50px; }
.main_recom_wrap .recommend_prdt_wrap .list_wrap .main_recommend_slide_text .slick-dots li { width:25px;margin:0 2px; }
.main_recom_wrap .recommend_prdt_wrap .list_wrap .main_recommend_slide_text .slick-dots li button { 
	width:25px;height:25px;border-radius:50%;background:transparent;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;font-size:12px;color:#000; }
	.main_recom_wrap .recommend_prdt_wrap .list_wrap .main_recommend_slide_text .slick-dots li.slick-active button,
.main_recom_wrap.recommend_prdt_wrap .list_wrap .main_recommend_slide_text .slick-dots li.slick-active button,
.main_recom_wrap.recommend_prdt_wrap .list_wrap .main_recommend_slide_text .slick-dots li button:hover { background:rgba(0,0,0,1);color:#fff; }

.main_recom_wrap .recommend_prdt_wrap .product_wrap { width:calc(100% - 360px); }
.main_recom_wrap .recommend_prdt_wrap .product_wrap .swiper-wrapper { margin-bottom:30px; }
.main_recom_wrap .recommend_prdt_wrap .product_wrap .info_wrap h2 { margin:0 0 5px;font-size:18px;color:#000;line-height:140%; }
.main_recom_wrap .recommend_prdt_wrap .product_wrap .info_wrap h3 { margin:0 0 5px;font-size:12px;color:#989898; }
.main_recom_wrap .recommend_prdt_wrap .product_wrap .product_slide { display:flex;justify-content: center; }
.main_recom_wrap .recommend_prdt_wrap .product_wrap .product_slide .product_box { margin:0 5px; }
.main_recom_wrap .recommend_prdt_wrap .product_wrap .product_slide .product_box .thumb_wrap { display:block;position:relative;margin:0 auto 10px;border-radius:10px;overflow:hidden;max-width:380px; }
.main_recom_wrap .recommend_prdt_wrap .product_wrap .product_slide .product_box .thumb_wrap > span { position:absolute;top:10px;left:10px;width:40px;height:40px;border-radius:50%;background:#000;color:#fff;display: flex;align-items: center;justify-content: center;font-size:18px;z-index:1; }
.main_recom_wrap .recommend_prdt_wrap .product_wrap .product_slide .product_box .thumb_wrap > span.on { background:#60BA7C; }
.main_recom_wrap .recommend_prdt_wrap .product_wrap .product_slide .product_box .thumb_wrap > img { width:100%;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s; }
.main_recom_wrap .recommend_prdt_wrap .product_wrap .product_slide .product_box .thumb_wrap:hover img { transform: scale(1.05); }
.main_recom_wrap .recommend_prdt_wrap .product_wrap .product_slide .product_box .info_wrap { margin:0 40px; }
.main_recom_wrap .recommend_prdt_wrap .product_wrap .product_slide .product_box .info_wrap h2,
.main_recom_wrap .recommend_prdt_wrap .product_wrap .product_slide .product_box .info_wrap h3 { text-align:center;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; }
.main_recom_wrap .recommend_prdt_wrap .product_wrap .product_slide .product_box .info_wrap h2 { -webkit-line-clamp:1; }
.main_recom_wrap .recommend_prdt_wrap .product_wrap .product_slide .product_box .info_wrap h3 { -webkit-line-clamp:1; }
.main_recom_wrap .recommend_prdt_wrap .product_wrap .swiper-scrollbar { bottom:20px; }
.main_recom_wrap .recommend_prdt_wrap .product_wrap .swiper-button-prev,
.main_recom_wrap .recommend_prdt_wrap .product_wrap .swiper-button-next { top:0;bottom:0;margin:auto; }
.main_recom_wrap .recommend_prdt_wrap .product_wrap .swiper-button-next:after, 
.main_recom_wrap .recommend_prdt_wrap .product_wrap .swiper-button-prev:after { color:#000;font-size:35px;font-weight:bold; }
.main_recom_wrap .recommend_prdt_wrap .product_wrap .swiper-button-prev { left:0px; }
.main_recom_wrap .recommend_prdt_wrap .product_wrap .swiper-button-next { right:0px; }

.swiper-scrollbar { opacity:1 !important;height:2px !important; }
.swiper-scrollbar .swiper-scrollbar-drag { background:#000;cursor: grab;height:4px !important;top:-1px !important; }


.swiper-button-prev::before, 
.swiper-button-next::before, 
.swiper-container-rtl .swiper-button-next::before,	
.swiper-container-rtl .swiper-button-prev::before { content:"" !important; }

#swiper_banner .banner_content { text-align:center !important; }
#swiper_banner .banner_content img { max-width:1100px;margin: 0 auto; }
#swiper_banner .swiper-button-prev,
#swiper_banner .swiper-button-next { display:none !important; }
#swiper_banner .swiper-pagination { height: 20px !important;bottom: 10px !important;top: auto !important;left: auto !important;right: 0 !important;
	background: rgb(255 255 255 / 31%);width: auto !important;padding: 0 15px;border-radius: 10px;font-size: 11px;
	display: flex;align-items: center;color: #fff;letter-spacing: 2px;
}
#swiper_banner .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:none; }
#swiper_banner .swiper-pagination.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-fraction:after,
#swiper_banner .swiper-pagination.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-fraction:before {
	text-transform: none !important;
	letter-spacing: 0 !important;
	font-variant: initial !important;
	line-height: 120% !important;	
	font-family: swiper-icons !important;
	color: #fff !important;
	font-size: 10px !important;
}
#swiper_banner .swiper-pagination.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-fraction:before { content:"prev";margin-right: 5px !important; }
#swiper_banner .swiper-pagination.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-fraction:after { content:"next";margin-left:5px !important; }



.youtube_container { display:flex;justify-content: space-between;align-items: flex-start;position:relative;padding: 0 30px 20px; }
.youtube_container .youtube_wrap { width:calc(100% - 470px); }
.youtube_container .youtube_wrap .youtube { position: relative; width: 100%; padding-bottom: 56.25%;border:5px solid #60BA7C; }
.youtube_container .youtube_wrap .youtube iframe { position: absolute; width: 100%; height: 100%;left:0; }
.youtube_container .youtube_list { width:460px;display: flex;flex-direction: column;justify-content: flex-start; }
.youtube_container .youtube_text_wrap { padding-left:20px;margin-bottom: 45px; }
.youtube_container .youtube_text_wrap.mobile_wrap { display:none; }
.youtube_container .youtube_text_wrap h2,
.youtube_container .youtube_text_wrap h3 { margin:0;font-size:24px;color:#000; }
.youtube_container .youtube_text_wrap h2 { margin-bottom:10px;font-weight: 500;display:flex;align-items:center; }
.youtube_container .youtube_text_wrap h2 > img { margin-right:10px; }
.youtube_container .youtube_list .swiper_wrap { padding:25px 0 10px 15px; }
.youtube_container .youtube_list .swiper_wrap .text { position:relative;font-size:16px;margin-bottom: 10px;color:#000;padding-left:10px; }
.youtube_container .youtube_list .swiper_wrap .text a { position:absolute;top: 5px;right: 5px;display: flex;font-size: 13px;font-weight: bold;align-items: center; }
.youtube_container .youtube_list .swiper_wrap .text a i { margin-left:5px; }
.youtube_container .youtube_list .swiper_wrap .slide_box a { margin:0 5px;display: block; }
.youtube_container .youtube_list .swiper_wrap .slide_box a .thumb { max-width:125px;height: 80px;overflow: hidden;border-radius: 10px;background-position:center;background-size:cover;margin:0 auto;overflow:hidden; }
.youtube_container .youtube_list .swiper_wrap .slide_box a .thumb img { height:100%;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s; }
.youtube_container .youtube_list .swiper_wrap .slide_box a .thumb:hover img { transform: scale(1.05); }
.youtube_container .youtube_list .swiper_wrap .slide_box a .text_wrap { overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top: 5px; }
.youtube_container .youtube_list .swiper_wrap .youtube_inner_wrap { background: #fff;padding: 15px 25px;border-radius: 10px;position: relative; }
.youtube_container .youtube_list .swiper_wrap .youtube_inner_wrap .swiper-button-prev { left:-5px; }
.youtube_container .youtube_list .swiper_wrap .youtube_inner_wrap .swiper-button-next { right:-5px; }
.youtube_container .youtube_list .swiper_wrap .youtube_inner_wrap .swiper-button-prev:after, 
.youtube_container .youtube_list .swiper_wrap .youtube_inner_wrap .swiper-button-next:after { font-size: 24px;font-weight: bold;color:#000; }

.youtube_container .youtube_wrap_bg { position:absolute;z-index:-1;width:100%;height:245px;background:#f7f7f7;bottom: 0;left: 0; }



.main_new_wrap { margin:60px auto 70px !important; }
.main_new_slide .slick-list { margin:0 50px; }
.main_new_slide .slick-list a { position:relative;display: block;border-radius: 60px;overflow:hidden;margin: 0 10px;border: 3px solid transparent;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s; }
.main_new_slide .slick-list a:hover { border-color:#60BA7C; }
.main_new_slide .slick-list a .new_icon { position: absolute;top: 10px;left: 10px;z-index:1; }
.main_new_slide .slick-list a .thumb_wrap img { width:100%;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s; }
.main_new_slide .slick-list a .thumb_wrap:hover img { transform: scale(1.05); }
.main_new_slide .slick-list a .text_wrap { height:100px;padding: 0 10px;background: #000;display: flex;justify-content: center;flex-direction: column; }
.main_new_slide .slick-list a .text_wrap h2,
.main_new_slide .slick-list a .text_wrap h3 { margin:0;color:#fff;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.main_new_slide .slick-list a .text_wrap h2 { margin-bottom:5px;font-size:20px; }
.main_new_slide .slick-arrow i { color:#000;font-size:60px; }
.main_new_slide .slick-prev { left:0; }
.main_new_slide .slick-next { right:15px; }
.main_new_slide .slick-prev, 
.main_new_slide .slick-next { top: calc(50% - 20px);z-index:1; }
.main_new_slide .slick-dots { bottom:-35px; }
.main_new_slide .slick-dots li { margin:0 2px; }
.main_new_slide .slick-dots li button { width:22px;height:22px;border-radius:50%;background:transparent;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;font-size:14px;color:#000; }
.main_new_slide .slick-dots li.slick-active button,
.main_new_slide .slick-dots li button:hover { background:rgba(0,0,0,1);color:#fff; }




.main_faq_wrap { background-color:#f7f7f7;background-repeat:repeat;background-position:center center; }
.main_faq_wrap .global_inner_wrap { padding:0;display:flex;justify-content: space-between;align-items: flex-start; }
.main_faq_wrap .global_inner_wrap .icon_wrap { display:flex;margin-top:50px; }
.main_faq_wrap .global_inner_wrap .icon_wrap .content div.img { text-align:right; }
.main_faq_wrap .global_inner_wrap .icon_wrap .content h2 { font-size:28px;color:#000;font-weight:600;margin-bottom:15px; }
.main_faq_wrap .global_inner_wrap .icon_wrap .content h3 { font-size:15px;color:#989898;line-height:130%; }
.main_faq_wrap .global_inner_wrap .list_wrap { position:relative;width: calc(100% - 280px);text-align: center;padding:20px 40px; }
.main_faq_wrap .global_inner_wrap .list_wrap .swiper .swiper-wrapper .swiper-slide { display:flex;justify-content: center; }
.main_faq_wrap .global_inner_wrap .list_wrap .swiper .swiper-wrapper .swiper-slide .thumb_wrap { max-width:340px;width:calc(100% - 20px);height:300px;margin:20px 0; }
.main_faq_wrap .global_inner_wrap .list_wrap .swiper .swiper-wrapper .swiper-slide .thumb_wrap a { 
	display:flex;align-items: center;justify-content: center;
	height:100%;background:#fff;
	border-radius: 50px;
	overflow: hidden;
	box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}
.main_faq_wrap .global_inner_wrap .list_wrap .swiper .swiper-wrapper .swiper-slide .thumb_wrap a .thumb_content { width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position:center; }
.main_faq_wrap .global_inner_wrap .list_wrap .swiper .swiper-wrapper .swiper-slide .thumb_wrap img { height:100%; }

.main_faq_wrap .global_inner_wrap .list_wrap .swiper-button-prev,
.main_faq_wrap .global_inner_wrap .list_wrap .swiper-button-next { display:; }
.main_faq_wrap .global_inner_wrap .list_wrap .swiper-button-prev:after, 
.main_faq_wrap .global_inner_wrap .list_wrap .swiper-button-next:after { color:#000; }





.portfolio_wrap { padding-bottom:50px;margin: 70px auto 0;width:calc(100% - 20px); }
.portfolio_wrap.sub_page { margin-top:0;width:100%; }
.portfolio_wrap .portfolio_title_wrap { margin-bottom:30px; }
.portfolio_wrap .portfolio_title_wrap.fixed { 
	position: fixed;width: 100%;height:auto;top: 60px;left: 0;padding: 15px 0;
	box-shadow: 0 0 10px rgba(0,0,0,.3);z-index:2;
	background: rgba(255,255,255,.97);
	/*
	background: rgba(232,232,237,.6);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(40px);
	*/
}
.portfolio_wrap .portfolio_title_wrap_shadow { display:none;height:130px; }
.portfolio_wrap .portfolio_title_wrap_shadow.fixed { display:block; }

.portfolio_wrap .portfolio_title_wrap h2,
.portfolio_wrap .portfolio_title_wrap h3 { text-align:center;font-size: 26px;font-weight:200;margin:0;color:#000; }
.portfolio_wrap .portfolio_title_wrap h2 { font-size:34px;margin-bottom: 10px;font-weight: 500; }
.portfolio_wrap .portfolio_title_wrap h3 { margin-bottom:20px; }
.portfolio_wrap .portfolio_title_wrap.fixed h2,
.portfolio_wrap .portfolio_title_wrap.fixed h3 { display:none; }

.portfolio_wrap .cascading-grid .grid-sizer,
.portfolio_wrap .cascading-grid .grid-item { position:relative;width: 20%; }
.portfolio_wrap.sub_page .cascading-grid .grid-sizer,
.portfolio_wrap.sub_page .cascading-grid .grid-item { position:relative;width: 33.33333%; }

.portfolio_wrap .cascading-grid .grid-item { padding: 0 7px;box-sizing: border-box;margin-bottom:14px; }
.portfolio_wrap .cascading-grid .grid-item a { position: relative;display:block;border-radius: 10px;overflow:hidden;background:#fff; }
.portfolio_wrap .cascading-grid .grid-item a .cate {
	position: absolute;
	padding: 10px 20px;
	left: 0px;
	top: 0px;
	color: #fff;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
	font-size: 12px;
	background: rgba(232,232,237,.3);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(15px);
}
.portfolio_wrap .cascading-grid .grid-item a .msg {
	position: absolute;
	width: 100%;
	text-align: center;
	display: none;
	bottom: -1px;
	margin: auto;
	z-index: 1;
	padding: 13px 0 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background: rgba(232,232,237,.6);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
.portfolio_wrap .cascading-grid .grid-item a .msg span {
	display: inline-block;
	width: 90%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #000;
	font-size:15px;
}
.portfolio_wrap .cascading-grid .grid-item img {
	display: block;width: 100%;height: auto;
}


.portfolio_wrap .btn_cate_wrap ul { display:flex;justify-content: space-between; }
.portfolio_wrap .btn_cate_wrap ul li button { 
	height:30px;padding:0 15px;border-radius: 5px;
	background:rgb(0 0 0 / 10%);color:#000;/*border: 1px solid rgb(0 0 0 / 5%);*/
	transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;
}
.portfolio_wrap .btn_cate_wrap ul li.active button,
.portfolio_wrap .btn_cate_wrap ul li button:hover { background:#000;color:#fff }


.table-responsive { border:0 !important; }







.page_title_text { font-size: 28px;color: #000;margin-bottom:20px; }







.mypage_page_title_text { font-size: 26px;color: #000;margin:0 0 20px;font-weight:500; }










	
	
.portfolio_modal_view_wrap .portfolio_inner_wrap { display:flex;align-items: center;height:100%; }


.mobile_wrap { display:none; }
@media (max-width:1920px) {
	.portfolio_wrap .cascading-grid .grid-sizer,
	.portfolio_wrap .cascading-grid .grid-item	{
		width: 25%;
	}

	.portfolio_wrap.sub_page .cascading-grid .grid-sizer,
	.portfolio_wrap.sub_page .cascading-grid .grid-item	{
		width: 33.3333333%;
	}
}
@media (max-width:1400px) {
	.btnWrap_mobile_side { display:block !important; }
	#side_right_banner_wrap { left:auto; }
}
@media (max-width:1100px) {
	.main_new_slide .slick-dots { bottom:-55px; }
	.main_new_slide .slick-dots li button { font-size:12px; }
}
@media (max-width:1000px) {
	.portfolio_wrap .cascading-grid .grid-sizer,
	.portfolio_wrap .cascading-grid .grid-item	{
		width: 33.3333%;
	}
}
@media (max-width:900px) {
	.top_navi_wrap { display:none; }
	.auth_wrap_mobile,
	#mobile_top_category { display:block !important; }


	.main_best_wrap .cate_wrap ul { justify-content: flex-start; }
	.main_best_wrap .best_slide_container { display:flex;width:100%;align-items: center;justify-content: center; }

	.main_best_wrap .best_slide_wrap { margin: 0 10px 0 0; }
	.main_best_wrap .cate_wrap.mobile { display:block;width:190px;margin:0; }
	.main_best_wrap .best_slide_wrap .slick-dotted.slick-slider { margin-bottom:0; }
	.main_best_wrap .cate_wrap.pc { display:none; }


	.main_section_wrap { margin-bottom:0; }

	.main_first_wrap { margin:50px 0; }

	.main_section_wrap .title_wrap { margin-bottom:20px; }
	.main_section_wrap .title_wrap span { padding:0 20px; }
	.main_section_wrap .title_wrap div { width:200px; }


	.main_best_wrap,
	.youtube_container { flex-direction: column;align-items: center; }
	.main_best_wrap .best_prdt_wrap { width:100%;margin-top:10px; }


	/* .main_best_wrap { height:900px; } */



	.youtube_container { padding: 0 0 20px;align-items: flex-start; }
	.youtube_container .youtube_text_wrap.mobile_wrap { display:block;padding:0;margin-bottom:20px; }
	.youtube_container .youtube_text_wrap.pc_wrap { display:none; }

	.youtube_container .youtube_wrap,
	.youtube_container .youtube_list { width:100%; }
	.youtube_container .youtube_list .youtube_text_wrap { margin:0;padding:0; }
	.youtube_container .youtube_list .swiper_wrap { padding:15px 0 10px; }
	.youtube_container .youtube_list .swiper_wrap .youtube_inner_wrap { padding:15px 0; }
	.youtube_container .youtube_list .swiper_wrap .youtube_inner_wrap .swiper-button-prev,
	.youtube_container .youtube_list .swiper_wrap .youtube_inner_wrap .swiper-button-next { display:none; }
	.youtube_container .youtube_list .swiper_wrap .text { padding-left:0;margin-bottom:25px; }
	.youtube_container .youtube_list .swiper_wrap .text > a { top:25px; }

	.main_recom_wrap .recommend_prdt_wrap { padding:15px; }
	.main_recom_wrap .recommend_prdt_wrap .list_wrap { width:calc(100% - 270px); }
	.main_recom_wrap .recommend_prdt_wrap .list_wrap > h2,
	.main_recom_wrap .recommend_prdt_wrap .list_wrap > h3 { position:relative;margin:0px; }
	.main_recom_wrap .recommend_prdt_wrap .list_wrap > h3 { top:0;margin:5px 0 10px; }
	.main_recom_wrap .recommend_prdt_wrap .list_wrap .main_recommend_slide_text { margin-top:0px; }
	.main_recom_wrap .recommend_prdt_wrap .product_wrap { width:250px;margin-top:50px; }
	.main_recom_wrap .recommend_prdt_wrap .product_wrap .swiper-button-prev { left:10px; }
	.main_recom_wrap .recommend_prdt_wrap .product_wrap .swiper-button-next { right:10px; }
	.main_recom_wrap .recommend_prdt_wrap .product_wrap .swiper-scrollbar { width: calc(100% - 20px);margin: 0 auto 10px;right: 0;left: 0; }
	.main_recom_wrap .recommend_prdt_wrap .product_wrap .swiper-scrollbar { bottom:10px; }


	.main_new_slide { margin-bottom:50px; }
	.main_new_slide .slick-list { margin:0 20px; }

	.main_faq_wrap .global_inner_wrap { width:100%; }
	.main_faq_wrap .global_inner_wrap .icon_wrap { width:120px;margin-left: 20px; }
	.main_faq_wrap .global_inner_wrap .list_wrap { width:calc(100% - 150px);padding:0; }
	.main_faq_wrap .global_inner_wrap .list_wrap .swiper-button-prev,
	.main_faq_wrap .global_inner_wrap .list_wrap .swiper-button-next { display:none; }


	.portfolio_wrap .portfolio_title_wrap.fixed { top:80px;padding: 5px 0; }
	.portfolio_wrap .portfolio_title_wrap.fixed h2 { font-size:26px;margin-bottom: 5px; }
	.portfolio_wrap .portfolio_title_wrap.fixed h3 { font-size:18px;margin-bottom: 10px; }
	.portfolio_wrap .btn_cate_wrap ul li button { height:23px;font-size:11px; }


	.portfolio_wrap .btn_cate_wrap ul { flex-wrap: wrap;justify-content: center; }
	.portfolio_wrap .btn_cate_wrap ul li { margin:5px; }

	.portfolio_modal_view_inner_wrap .swiper-button-next { right:10px !important; }
	.portfolio_modal_view_inner_wrap .swiper-button-prev { left:10px !important; }
	#portfolio_modal_slide_wrap .swiper-slide .portfolio_modal_img { width:100%;max-height:400px !important; }
}


@media (max-width:800px) {
	.main_section_wrap .title_wrap div { width:150px; }

	/* .main_best_wrap { height:800px; } */


	.portfolio_wrap .cascading-grid .grid-sizer,
	.portfolio_wrap .cascading-grid .grid-item,
	.portfolio_wrap.sub_page .cascading-grid .grid-sizer,
	.portfolio_wrap.sub_page .cascading-grid .grid-item	{
		width: 50%;
	}
}
@media (max-width:700px) {
	.main_slide_wrap { margin:0 10px 20px; }
	.main_slide_wrap.main_page { margin:0; }

	.main_recom_wrap { padding-top:20px; }
	.main_section_wrap .title_wrap div { display:none; }


	.top_navi_wrap { display:none; }
	.main_first_wrap { margin:20px 0 0;height:auto;padding-bottom:5px; }
	.main_first_wrap .main_best_wrap { margin-bottom:0; }

	.main_section_line_wrap { padding-bottom:0;border:none;margin-bottom:20px; }


	/* .main_best_wrap { height:700px; } */
	.main_best_wrap .best_prdt_wrap .content_wrap .cate_content_wrap { height:auto; }
	.main_best_wrap .best_prdt_wrap .content_wrap .cate_content_wrap ul li.no_data { height:100px; }
	.main_best_wrap .best_prdt_wrap .content_wrap .cate_content_wrap ul li .box .info_wrap > h2,
	.main_best_wrap .best_prdt_wrap .content_wrap .cate_content_wrap ul li .box .info_wrap > h3 { font-size:12px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
	.main_best_wrap .best_prdt_wrap .content_wrap .cate_content_wrap ul li .box .info_wrap > h2 { margin:10px 0 5px; }
	.main_best_wrap .best_prdt_wrap .content_wrap .cate_content_wrap ul li .box .info_wrap > h3 { margin:0; }

	.main_recom_wrap .recommend_prdt_wrap .product_wrap .info_wrap h2 { 
	font-size:12px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
	.main_best_wrap .best_prdt_wrap .content_wrap .cate_content_wrap ul li .box .info_wrap > h3



	.main_new_slide .slick-dots { bottom:-80px; }
	.main_new_slide .slick-list a { border-radius:30px; }
	.main_new_slide .slick-list a .text_wrap { height:60px; }
	.main_new_slide .slick-list a .text_wrap h2 { font-size:16px; }

	.main_recom_wrap .recommend_prdt_wrap { height:350px; }
	.main_recom_wrap .recommend_prdt_wrap .list_wrap { width:calc(100% - 260px); }
	.main_recom_wrap .recommend_prdt_wrap .product_wrap { width:260px;margin-top: 0px; }
	.main_recom_wrap .recommend_prdt_wrap .list_wrap .main_recommend_slide_text ul li { margin-top:10px; }
	.main_recom_wrap .recommend_prdt_wrap .list_wrap .main_recommend_slide_text ul li a { height:35px;font-size:11px; }
	.main_recom_wrap .recommend_prdt_wrap .list_wrap .main_recommend_slide_text ul li a > span { font-size:11px;top: 8px; }
	.main_recom_wrap .recommend_prdt_wrap .product_wrap .product_slide .product_box { margin:0 10px; }
	.main_recom_wrap .recommend_prdt_wrap .product_wrap .product_slide .product_box .info_wrap { margin:0 10px; }
	.main_recom_wrap .recommend_prdt_wrap .product_wrap .swiper-button-prev,
	.main_recom_wrap .recommend_prdt_wrap .product_wrap .swiper-button-next { bottom:26px; }


	.portfolio_modal_view_wrap .portfolio_modal_view_inner_wrap .btn_close_portfolio_modal_view { top:0px !important;right:0px !important;font-size:30px !important; }
	.portfolio_wrap { margin:20px auto 0; }
	.portfolio_wrap .portfolio_title_wrap h2 { font-size:24px; }
	.portfolio_wrap .portfolio_title_wrap h3 { font-size:18px;margin-bottom:10px; }
	.portfolio_wrap .cascading-grid .grid-item a .cate { padding:5px 10px; }
	.portfolio_modal_view_wrap .portfolio_inner_wrap { display:flex;align-items: center;height:calc(100% - 100px); }

	.main_recom_wrap .recommend_prdt_wrap .product_wrap .swiper-button-prev { left:0; }
	.main_recom_wrap .recommend_prdt_wrap .product_wrap .swiper-button-next { right:0; }
	.main_recom_wrap .recommend_prdt_wrap .product_wrap .swiper-button-prev:after,
	.main_recom_wrap .recommend_prdt_wrap .product_wrap .swiper-button-next:after { font-size:20px; }


	#swiper_banner .banner_content img { height:80px; }


	.main_new_wrap { margin:30px auto 40px !important; }
	.main_new_slide .slick-list { margin:0 5px; }
	.main_new_slide .slick-list a { margin:0; }
	.main_new_slide .slick-next { right:-5px; }
	.main_new_slide .slick-prev { left:-5px; }
	.main_new_slide .slick-arrow i { font-size:40px; }


	.price_wrap { padding:0 10px !important; }
	.price_wrap > div { display:flex;flex-wrap: wrap; }


	.main_faq_wrap .global_inner_wrap .list_wrap .swiper .swiper-wrapper .swiper-slide .thumb_wrap a { border-radius:20px; }
}
@media (max-width:600px) {
	.main_slide_wrap .bx-wrapper .bx-controls-direction a { height:30px !important; }
	.main_slide_wrap .bx-wrapper a.bx-next:after { right:-45px;font-size: 30px; }
	.main_slide_wrap .bx-wrapper a.bx-prev:after { left:-15px;font-size: 30px; }

	.main_best_wrap .best_slide_wrap { width:280px;height:280px;; }


	.main_section_wrap .title_wrap span { font-size:18px; }



	.main_recom_wrap .recommend_prdt_wrap .list_wrap { width:calc(100% - 240px); }
	.main_recom_wrap .recommend_prdt_wrap .product_wrap { width:240px;margin-top: 45px; }
	.main_recom_wrap .recommend_prdt_wrap .list_wrap > h2,
	.main_recom_wrap .recommend_prdt_wrap .list_wrap > h3 { margin-left:10px;position:absolute; }
	.main_recom_wrap .recommend_prdt_wrap .list_wrap > h2 { font-size:16px; }
	.main_recom_wrap .recommend_prdt_wrap .list_wrap > h3 { top:35px; }
	.main_recom_wrap .recommend_prdt_wrap .list_wrap .main_recommend_slide_text { margin-top:50px; }
	

	.main_recom_wrap .recommend_prdt_wrap .product_wrap .product_slide .product_box .thumb_wrap > span { width:30px;height:30px; }

	.youtube_container .youtube_text_wrap h2, 
	.youtube_container .youtube_text_wrap h3 { font-size:16px;margin-bottom:0; }
	.youtube_container .youtube_text_wrap h2 { margin-bottom:5px; }




	.main_faq_wrap .global_inner_wrap .icon_wrap { width:100px; }
	.main_faq_wrap .global_inner_wrap .icon_wrap .content div.img { text-align:center; }
	.main_faq_wrap .global_inner_wrap .icon_wrap .content h2 { font-size:20px;margin:5px 0 10px; }
	.main_faq_wrap .global_inner_wrap .icon_wrap .content h3 { font-size:12px; }
	.main_faq_wrap .global_inner_wrap .list_wrap { width:calc(100% - 120px); }


	.portfolio_wrap { width:calc(100% - 10px); }
	.portfolio_wrap .cascading-grid .grid-item { padding:3px;margin-bottom:1px; }
}
@media (max-width: 550px){
	.main_best_wrap .best_slide_wrap { width:240px;height:240px;; }
}
@media (max-width: 500px){
	.navi_mobile article .mobile_menu_wrap ul.mobile li a .menu_wrap { width:80px;height:80px; }
	.navi_mobile article .mobile_menu_wrap ul.mobile li a .menu_wrap .img_box { height:60px; }
	.navi_mobile article .mobile_menu_wrap ul.mobile li a p { width:80px;right:auto; }

	.main_best_wrap .best_slide_wrap { width:200px;height:200px;; }

	.main_recom_wrap .recommend_prdt_wrap { height:320px; }
	.main_recom_wrap .recommend_prdt_wrap .list_wrap { width:calc(100% - 200px); }
	.main_recom_wrap .recommend_prdt_wrap .list_wrap .main_recommend_slide_text ul li a { height:32px; }
	.main_recom_wrap .recommend_prdt_wrap .product_wrap { width:200px; }
	.main_recom_wrap .recommend_prdt_wrap .list_wrap .main_recommend_slide_text .slick-dots { bottom:-45px; }
	.main_recom_wrap .recommend_prdt_wrap .list_wrap .main_recommend_slide_text .slick-dots li { width:20px; }
	.main_recom_wrap .recommend_prdt_wrap .list_wrap .main_recommend_slide_text .slick-dots li button { width:17px;height:17px;font-size:11px; }

	
	.main_recom_wrap .recommend_prdt_wrap .list_wrap .main_recommend_slide_text ul li a > div,
	.main_recom_wrap .recommend_prdt_wrap .list_wrap .main_recommend_slide_text ul li a:hover > span, 
	.main_recom_wrap .recommend_prdt_wrap .list_wrap .main_recommend_slide_text ul li a.on > span { display:none !important; }
	.main_recom_wrap .recommend_prdt_wrap .list_wrap .main_recommend_slide_text ul li a:hover > p, 
	.main_recom_wrap .recommend_prdt_wrap .list_wrap .main_recommend_slide_text ul li a.on > p { width:calc(100% - 5px);font-size:11px; }


	.main_best_wrap .best_slide_wrap a .text_wrap { height:50px; }
	.main_best_wrap .best_slide_wrap a .text_wrap h2 { font-size:12px;margin:10px 0 0;padding: 0 5px; }
	.main_best_wrap .best_slide_wrap .swiper-pagination { bottom:2px; }
	.main_best_wrap .best_slide_wrap .swiper-pagination span { width:10px !important;;height:10px !important;; }

	
	.main_new_slide .slick-list a .text_wrap h2 { font-size:13px; }

	#swiper_banner .banner_content img { height:100%; }



	.main_faq_wrap .global_inner_wrap .icon_wrap { margin-top:20px; }
	.main_faq_wrap .global_inner_wrap .list_wrap .swiper .swiper-wrapper .swiper-slide .thumb_wrap { height:230px; }
}
@media (max-width: 450px){
	.main_best_wrap .best_slide_wrap { width:170px;height:170px;; }

	.main_recom_wrap .recommend_prdt_wrap .product_wrap { width:170px;margin-top: 60px; }
	.main_recom_wrap .recommend_prdt_wrap .list_wrap { width: calc(100% - 170px); }
}
@media (max-width: 400px){
	.main_best_wrap .best_slide_wrap { width:150px;height:150px; }
	.main_best_wrap .cate_wrap.mobile { width:165px; }
	.main_best_wrap .cate_wrap.mobile ul li button { font-size:11px;width:80px;height:25px; }


	.main_faq_wrap .global_inner_wrap .icon_wrap { margin-top:20px; }
	.main_faq_wrap .global_inner_wrap .list_wrap .swiper .swiper-wrapper .swiper-slide .thumb_wrap { height:210px; }
}
@media (max-width: 350px){
	.main_best_wrap .best_slide_wrap { width:145px;height:145px; }
	.main_best_wrap .cate_wrap.mobile { width:160px; }
	.main_best_wrap .cate_wrap.mobile ul li button { width:74px;height:22px; }
}







/* 메인 페이지 관련 종료 ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */