@charset "utf-8";
@import url('fonts.css');
@import url('aos.css');
@import url('swiper.min.css');
@import url('//fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('//fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,400;1,700;1,900&display=swap');
@import url('//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css');
@import url('//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css');
@import url('../fonts/XEIcon-2.3.3/xeicon.min.css');

/**************************************************************************************************************
	공통
**************************************************************************************************************/
.m0 { margin:0  !important }
.mb0 { margin-bottom:0 !important }
.mb2 { margin-bottom:2px !important }
.mb4 { margin-bottom:4px !important }
.mb5 { margin-bottom:5px !important }
.mb6 { margin-bottom:6px !important }
.mb10 { margin-bottom:10px !important }
.mb15 { margin-bottom:15px !important }
.mb20 { margin-bottom:20px !important }
.mb25 { margin-bottom:25px !important }
.mb30 { margin-bottom:30px !important }
.mb35 { margin-bottom:35px !important }
.mb40 { margin-bottom:40px !important }
.mb45 { margin-bottom:45px !important }
.mb50 { margin-bottom:50px !important }
.mb55 { margin-bottom:55px !important }
.mb60 { margin-bottom:60px !important }
.mb70 { margin-bottom:70px !important }
.mb80 { margin-bottom:80px !important }
.mb90 { margin-bottom:90px !important }
.mb110 { margin-bottom:110px !important }
.mr10 { margin-right:10px !important;}
.mr20 { margin-right:20px !important;}
.mr30 { margin-right:30px !important;}
.mr40 { margin-right:40px !important;}
.mr50 { margin-right:50px !important;}
.ml5 { margin-left:5px !important }
.ml10 { margin-left:10px !important }
.ml20 { margin-left:20px !important }
.pd0 { padding:0 !important }
.pdb10 { padding-bottom:30px !important }
.pd30 { padding:30px !important }
.pd10 { padding:10px !important }
.pdt50 { padding-top:30px !important; }
.pr20 { padding-right:20px; }
.text-center { text-align:center !important }
.text-left { text-align:left !important }
.text-right { text-align:right !important }
.f12 { font-size:12px !important;  }
.f13 { font-size:13px !important;  }
.f14 { font-size:14px !important; }
.f34 { font-size:34px !important;  }
.f16 { font-size:16px !important;  }
.f17 { font-size:17px !important;  }
.f18 { font-size:18px !important;  }
.f19 { font-size:19px !important;  }
.f20 { font-size:20px !important;  }
.f24 { font-size:24px !important;  }
.f25 { font-size:25px !important;  }
.f29 { font-size:29px !important;  }
.f31 { font-size:31px !important;  }
.bold { font-weight: 600 !important; }

:root {
	--color-point : #FF7A00;
	--color-orange : #ffa101;
	--color-yellow : #f9e000;
	--color-bg : #F5F5F5;

	--color-tone-100 : #f8f8f8; 
	--color-tone-200 : #e9e9e9;
	--color-tone-300 : #dedede;
	--color-tone-400 : #cecece; 
	--color-tone-500 : #adadad; 
	--color-tone-600 : #6c6c6c;
	--color-tone-700 : #494949;
	--color-tone-800 : #343434;
	--color-tone-900 : #212121;

	--font-unique : 'GmarketSans', 'noto', sans-serif;
	--font-title : 'OneMobileTitle', 'noto', sans-serif;
	--font-text : 'OneMobile', 'noto', sans-serif;
}

/***********************************************************************************
	Common
************************************************************************************/

html,body,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,ul,ol,li,dl,dt,dd,table,caption,tbody,tfoot,thead,tr,th,td,fieldset,fo7m,label,legend,input,button,textarea,select{margin:0;padding:0}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;margin:0;padding:0}
legend{display:block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;text-indent:-999em;white-space:nowrap; }
fieldset,img,table,caption,tbody,tfoot,thead,tr,th,td,button,hr{border:0 none}
img{vertical-align:middle}
body li{*vertical-align:top}
ul li{list-style:none; padding:0; margin:0;}
table{border-collapse:collapse}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
button{overflow:visible;border:0 none;cursor:pointer; outline:none; }
button::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner {padding: 0;border: 0 none}
a { text-decoration:none; color:#222;  }
address, em { font-style:normal }
body,input,select,textarea,button,h1,h2,h3,h4,h5,h6 { font-family:'noto', sans-serif; font-size:13px; color: #222; text-decoration: none; }
textarea,.inp,select { border:0; outline:none; border-radius:0; resize:none; box-shadow:none; -webkit-appearance:none; appearance:none; font-weight: normal;}
a:hover { text-decoration: none;}
body { -webkit-text-size-adjust: none; background:none; }
form { padding: 0; margin: 0; }
* {box-sizing: border-box; -webkit-box-sizing:border-box;}
::-ms-clear { display: none;}
select::-ms-expand { display:none; }
a,a:active,a:visited { text-decoration:none !important; }
p,div { word-break:keep-all; }
img { max-width:100%; }

::-webkit-input-placeholder { color: #cacaca;}

html, body {
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

body.overflow { overflow: hidden; }
.hidden { overflow:hidden; }

/* Modal */
.modal-backdrop {position: fixed; top:0; right:0; bottom:0; left:0; background:#000; z-index:7500; opacity:.7; filter:alpha(opacity=70);}
.modal {display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:8000; overflow:auto; -webkit-overflow-scrolling:touch; outline:0; }
.modal-dialog {position:relative; width:auto;margin:0 auto;  padding:0 30px; margin-bottom: 20px;  }
.modal-content {position:relative; background-color:#fff; outline:none; overflow:hidden; padding:0; border-radius:10px; box-shadow:0 0 20px rgba(0,0,0,0.5); }
.modal-header { height:50px; padding-left: 20px; background: #182743; position: relative; }
.modal-header .h5 { font-size:18px; font-weight: 600; line-height: 50px; color: #fff; padding-left: 0;  }
.modal-header .h5:before { display: none; }
.modal-header .btn-close { position: absolute; right:5px; top:0; width:50px; height: 50px;
	background: url(../images/common/btn_modal_close.png) no-repeat 50% 50%; text-indent: -9999px; outline:none;}
.modal-body { padding:20px; }
.modal .search-wrap { padding: 0 0 15px; border: 0; border-bottom: 1px solid #959595; margin-bottom: 30px;}
.modal .search-wrap .search1 .left {align-self: center; }
.modal .btn-bottom { margin-bottom: 0; margin-top:30px;}
.modal .txt1 { font-size:14px;line-height: 1.6; }

/* Modal */
.modal-fade { display: none; background: rgba(0,0,0,0.6); overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0;
	z-index: 9999; -webkit-overflow-scrolling: touch; }
.modal-fade.open { display: block; overflow-x: hidden; overflow-y: auto; }
.modal-fade .modal-dialog { position: relative; width:100%; height:100%; }
.modal-fade .modal-content { position: absolute; top:50%; left:50%; width:calc(100% - 30px); background:transparent; max-width:900px; transform:translate(-50%, -50%); }
.modal-fade .modal-header { padding-right:10px; background:var(--color-point); display:flex; justify-content:space-between; align-items:center; 
	font-size: 18px; font-family: var(--font-title); font-weight: lighter; color:#fff;  }
.modal-fade .modal-body { background:#fff; max-height:70vh; overflow-y:auto; }
.modal-fade .modal-body::-webkit-scrollbar { width: 8px;  /* 스크롤바의 너비 */ }
.modal-fade .modal-body::-webkit-scrollbar-thumb { height: 30%; /* 스크롤바의 길이 */ background: var(--color-tone-600); /* 스크롤바의 색상 */ border-radius: 10px; }
.modal-fade .modal-body::-webkit-scrollbar-track { background: var(--color-tone-200); /*스크롤바 뒷 배경 색상*/ }
.modal-fade .modal-body small { font-family: var(--font-unique); font-weight: 500; font-size: 12px; line-height: 1.5; color: #888; }
.modal-fade .modal-body hgroup { text-align:center; margin-bottom: 10px; }
.modal-fade .modal-body hgroup .title { font-family: var(--font-title); font-weight: lighter; font-size: 2rem; }
.modal-fade .modal-body hgroup .desc { font-size: 20px; color: #222; line-height: 1.6; margin-bottom:5px; }
.modal-fade .modal-body .flex-wrap li { text-align: center; }
.modal-fade .modal-body .flex-wrap li p { margin-top:5px; font-family: var(--font-unique); font-weight: 500; font-size: 14px; }
.modal-fade .modal-body .flex-wrap li:nth-child(1) p:before {content:'1. '; }
.modal-fade .modal-body .flex-wrap li:nth-child(2) p:before {content:'2. '; }
.modal-fade .modal-body .flex-wrap li:nth-child(3) p:before {content:'3. '; }
.modal-fade .modal-body .flex-wrap li:nth-child(4) p:before {content:'4. '; }
.modal-fade .modal-body .flex-wrap li:nth-child(5) p:before {content:'5. '; }
.modal-fade .modal-body .flex-wrap li:nth-child(6) p:before {content:'6. '; }
.modal-fade .modal-body .flex-wrap li:nth-child(7) p:before {content:'7. '; }
.modal-fade .modal-body .flex-wrap li:nth-child(8) p:before {content:'8. '; }
.modal-fade .modal-body .flex-wrap li:nth-child(9) p:before {content:'9. '; }
.modal-fade .modal-body .flex-wrap li:nth-child(10) p:before {content:'10. '; }
.modal-fade .modal-body .flex-wrap li:nth-child(11) p:before {content:'11. '; }
.modal-fade .modal-body .flex-wrap li:nth-child(12) p:before {content:'12. '; }
.modal-fade .modal-body .consent { width:100%; word-break: normal; white-space: pre-line; }
.modal-fade .modal-footer { background:#fff; border-top:1px solid #ddd; padding:15px 20px; }
.modal-fade .modal-footer .btn { display: inline-block; vertical-align: middle;
    height: 48px; padding: 3px 30px 1px; background: #fff; border: 2px solid var(--color-orange); border-radius: 100px;    
    color: #222; font-family: var(--font-unique); font-size: 18px; font-weight: 500; text-align: center; line-height: 38px; }
.modal-fade .modal_close { color: #fff; padding: 0; cursor: pointer; background: transparent; border: 0; font-size:1.5rem; }
.modal-fade .modal_close:focus { outline:none; }

@media all and (max-width:670px) {
	.modal-fade .modal-body hgroup .title { font-size:24px; }
	.modal-fade .modal-body hgroup .desc { font-size:16px; }
}

.inner { max-width:1140px; margin: 0 auto; padding:0 20px; }
.inner.board { max-width:740px !important; }

.header1 .inner { display: flex; justify-content: space-between; align-items: center; height: 100px;  }
/*.header1 h1 a { display: block; background: url(../img/common/logo.png) no-repeat 0 0; text-indent: -9999px;  width:78px; height: 60px; }*/
.header1 h1 a { display: block; background: url(../img/common/logo.png) no-repeat 0 0; text-indent: -9999px;  width:157px; height: 34px; }
.header1 .menus a { display: inline-block; vertical-align: middle; margin-left: 10px; font-size:12px; text-align: center; }
.header1 .menus a p { padding-top:4px; }
.header2 { border-top:1px solid #ccc; border-bottom: 1px solid #ccc; position: relative; z-index:100 !important; background: #fff; }
.header2 .inner .btn-nav { float:left; width:47px; height: 43px; background: var(--color-orange) url(../img/common/ico_nav.png) no-repeat 50% 50%; text-indent: -9999px; }
.header2 .inner nav ul:after { display: block; content: ''; clear: both; }
.header2 .inner nav ul li { float:left; }
.header2 .inner nav .btn-dep1 { display: block; padding:0 15px; font-size:17px; font-weight: 600; line-height: 43px; }
.header2 .inner .nav .dep1 { padding-left:calc( 47px + 20px); }
.header2 .inner .nav .dep1 > li { position:relative; }
.header2 .inner .nav .dep1 .btn-dep1 { display: block; padding:0 30px; font-size:17px; font-weight: 600; line-height: 43px; position:relative; }
.header2 .inner .nav .dep1 .btn-dep1:before { content:''; position:absolute; bottom:0; left:0; right:0; width:100%; height:3px; background:transparent; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; }
.header2 .inner .nav .dep1 > li:hover .btn-dep1:before { background:var(--color-orange); }
.header2 .inner .nav .dep2 { display: none; position: absolute; left: 0; right:0; top:44px; height:160px; padding-top:14px; padding-left:30px; z-index:10; }
.header2 .inner .nav .dep2 > li { float:none; }
.header2 .inner .nav .dep2 .btn-dep2 { font-size:15px; line-height: 26px; color: #666; font-weight: 300; white-space: nowrap; position:relative; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; }
.header2 .inner .nav .dep2 .btn-dep2:before { content:''; position:absolute; top:calc(50% - 2px); left:-0.5em; width:4px; height:4px; border-radius:2px; background:transparent; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; }
.header2 .inner .nav .dep2 .btn-dep2:hover { color:var(--color-orange); }
.header2 .inner .nav .dep2 .btn-dep2:hover:before { background:var(--color-orange); }
.header2 .inner .only-mo { display:none; }
.header2 .bg-menu { position: absolute; left: 0; right:0; top:44px; height:160px; display:none; background: #f9f9f9; }
@media all and (max-width:1080px) {
	.header2 .inner .nav .dep1 { display:none; }
	.header2 .inner .only-mo { display:block; white-space: nowrap; overflow-x:auto; }
	.header2 .inner .only-mo .dep1 { padding-left:12px; }
	.header2 .inner .only-mo .dep1 > li { display: inline-block; vertical-align: middle; }
	.header2 .inner .only-mo .btn-dep1 { display: block; font-size: 14px; padding:0 6px; font-weight: 600; line-height: 43px; }
	.header2 .inner .only-mo .dep2 { display:none; position: absolute; left: 0; right:0; top:43px; background: #f9f9f9; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px 10px; }
	.header2 .inner .only-mo .dep2 > li { text-align:center; padding:5px 0; }
	.header2 .inner .only-mo .dep2 > li + li { border-top:1px solid #fff; }
	.header2 .inner .only-mo .btn-dep2 { display:block; font-size: 14px; font-weight: 500; line-height: 30px; }
	.header2 .inner .only-mo .mo-nav-btn:after { content:'\e936'; font-family:'xeicon'; }
	.header2 .inner .only-mo .mo-nav-btn.on:after { content:'\e930'; color:var(--color-orange); }
}

.bg-left { display: none; position: fixed;left: 0; top:0;right:0;bottom:0; background: rgba(0,0,0,0.7); z-index:900;}
.aside-left { position: fixed; left: -400px; opacity:0; top:0; bottom:0; background: #fff; width:270px; z-index:1000; transition: all 0.5s ease; }
.aside-left .btn-flip { position: absolute; right:-65px; width:65px;  height: 65px; background: url(../img/common/ico_left_close.png) no-repeat 50% 50%; }
.aside-left .welcome { height: 90px; display: flex; align-items: center; justify-content: center; background: #eaeaea; }
.aside-left .welcome strong { font-size:16px; font-weight: 600; margin-left: 10px; }
.aside-left .btns { border-bottom: 1px solid #ddd; display: flex; justify-content: space-between; align-items: center; padding:17px 0;height:55px; }
.aside-left .btns a { display: block; font-size:14px; font-weight: 600; flex: 1 1 auto;  text-align: center; }
.aside-left .btns a + a { position: relative;}
.aside-left .btns a + a:before { content: ''; position: absolute;left: 0; top:50%; width:1px; height: 10px; background: #ddd; margin-top:-5px; }
.aside-left .cs { border-bottom: 1px solid #ddd;height:78px; }
.aside-left .cs a { display: block; padding: 5px 0 5px 84px; background: url(../img/common/ico_left_cs.png) no-repeat 20px 100%; }
.aside-left .cs a strong { display: block; font-size:24px; font-weight: 800; }
.aside-left .cs a p {font-size:12px; line-height: 1.3;	 color: #909090; }
.aside-left .nav-box { padding:20px; }
.aside-left h3 { font-size:20px; font-weight: 800; margin-bottom: 6px; }
.aside-left h4 { font-size:16px; font-weight: 700; margin-bottom: 6px; color:#555;}
.aside-left nav { margin-bottom: 25px; }
.aside-left nav a { display: block; font-size:15px; line-height: 1.6; padding-left: 11px; position: relative; color: #999; font-weight: 600; transition: all 0.5s ease;}
.aside-left nav a:before { content: ''; position: absolute;left: 0; top:50%; width:3px; height: 3px; background: #999; margin-top:-1px; transition: all 0.5s ease; }
.aside-left nav a:hover { color: #000; padding-left: 0;  }
.aside-left nav a:hover:before { left: -6px; opacity:0;}

/*body { overflow-x:hidden;}*/
body.left-on .aside-left { left: 0; opacity:1; }
body.right-off .aside-right { right: -160px;}
body.right-off .aside-right .btn-flip { background-image: url(../img/common/ico_right_open.png); }

.foot-cs { border-top:1px solid #ccc; border-bottom: 1px solid #ccc; margin-top:90px; clear:both; }
.foot-cs .inner { display: flex; justify-content: space-between;  }
.foot-cs .inner > div { display: flex; justify-content: space-between; flex: 1; margin:0 15px;  align-items: center; padding:23px 0 23px 80px; }
.foot-cs .cs {  background: url(../img/common/ico_foot_cs.png) no-repeat 0 100%; }
.foot-cs .kakao {  background: url(../img/common/ico_foot_kakao.png) no-repeat 0 100%; }
.foot-cs .kakao a { background: var(--color-yellow); color: #000; }
.foot-cs  dl dt { font-size:32px; font-weight: 700; letter-spacing: -1px; }
.foot-cs  dl dd { font-size:13px; color: #9a9a9a; }
.foot-cs a { display: inline-block; vertical-align: middle; padding:0 30px; height: 45px; line-height: 44px; border-radius:45px; background: var(--color-orange); font-size:17px; color: #fff; font-weight: 600; white-space:nowrap;}
#footer { padding:30px 0; }
#footer .inner { display: flex; justify-content: space-between; }
#footer .nav { margin-bottom: 15px; }
#footer .nav a { font-size:12px; color: #999; margin-right:10px; }
#footer .info { font-size:12px; color: #838383; line-height: 1.5; }

.aside-right { position: fixed; right:0; top:0; bottom:0; transition: all 0.5s ease; z-index:100; background: #fff; border-left: 1px solid #ddd; transition: all 0.5s ease; }
.aside-right .btn-flip { position: absolute; left: -36px; width:36px;  height: 36px; border: 1px solid #ddd; border-top:0;  background: #fff url(../img/common/ico_right_close.png) no-repeat 50% 50%; }
.aside-right .box { width:160px; text-align: center;  }
.aside-right .box1 { padding:15px 0; border-bottom: 1px solid #ddd;  }
.aside-right .box1 div {font-size:16px; line-height: 1.5; padding-top:10px; }
.aside-right .btns { display: flex; justify-content: space-between; border-bottom: 1px solid #ddd; }
.aside-right .btns a { flex: 1; font-size:16px; font-weight: 600; line-height: 40px; transition:all 0.5s ease; }
.aside-right .btns a.kt { color: #ec1f26;}
.aside-right .btns a.lg { color: #e40080;}
.aside-right .btns a.sk { color: #f17700;}
.aside-right .btns a:hover { background:#f2f2f2;}
.aside-right .btns a + a { border-left: 1px solid #ddd; }
.aside-right .box2 { padding:15px 0; border-bottom: 1px solid #ddd;}
.aside-right .box2 p { font-size:12px;  padding-top:10px; }
.aside-right .menus > a { display: block; text-align: center; font-size:12px; line-height: 40px; border-bottom: 1px solid #ddd;}
.aside-right .menus .hover-box { position:relative; }
.aside-right .menus .hover-box span { display:block;  text-align: center; font-size:12px; line-height: 40px; border-bottom: 1px solid #ddd;}
.aside-right .menus .hover-box ul { display:none;  background:#fff; position:absolute; left:0; top:0; width:100%;  }
.aside-right .menus .hover-box ul li { flex:1; }
.aside-right .menus .hover-box ul li a { display: block; text-align: center; font-size:14px; line-height: 40px;  transition:all 0.5s ease;} 
.aside-right .menus .hover-box ul li + li { border-left:1px solid #ddd; }
.aside-right .menus .hover-box ul li a:hover { background:#f2f2f2; }
.aside-right .menus .hover-box:hover ul { display:flex; }


.aside-right .box3 { padding:15px 0; font-size:12px; }
.aside-right .box3 p { padding-top:5px; }
.aside-right .box3 strong { font-size:21px; font-weight: 700; }
.aside-right .kakao { padding:15px 0; background: var(--color-yellow); }
.aside-right .kakao small { display: block; font-size:12px; padding:5px 0; }
.aside-right .kakao strong { font-size:19px; font-weight: 700; }




.main-banner { text-align: center;  position: relative; margin-bottom: 60px; font-size:0;  }
.main-banner a  {display:block; font-size:0; }
.main-banner img {  vertical-align:top; }
.main-banner .swiper-pagination { position: absolute;left: 0; right:0; bottom:20px; text-align: center; }
.main-banner .swiper-pagination  .swiper-pagination-bullet { width:12px; height: 12px; border-radius:100%; background: #4d4d4d; opacity:1; transition: all 0.5s ease; margin:0 3px; }
.main-banner .swiper-pagination  .swiper-pagination-bullet-active { background: #fff; }

.h2 { font-size:30px; font-weight: 700; margin-bottom: 20px; }
.h2 img { vertical-align:baseline; }
.h2 em { color:var(--color-orange); }
.h2 em.kt { color: #ec1f26;}
.h2 em.lg { color: #e40080;}
.h2 em.sk { color: #f17700;}

.main-wrap .box1 { display: flex; justify-content: space-between; margin-bottom: 60px; }
.good-review { width:676px; }
.review-list ul { display: flex; flex-wrap: wrap; margin:0 -5px; }
.review-list.center ul { justify-content: center; align-items: center; } /* flex 센터정렬 추가 */
.review-list ul li { width:33.3333%; padding:0 5px; }
.review-list ul li a { display: block; }
.review-list ul li a .img { width:100%; border-radius:20px; overflow: hidden; }
.review-list ul li a .img img { width:100%; }
.review-list ul li a dl { padding-top:10px; }
.review-list ul li a dl dt{ font-size:14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 600; margin-bottom: 4px;  }
.review-list ul li a dl dd{ font-size:13px; color: #999;  }
.review-list ul.gall_row li { width:25%; position:relative; margin-bottom:40px; }
.review-list ul.gall_row li .gall_chk { position:absolute; left:10px; top:10px; }
.review-list ul.gall_row li a dl dt { font-size:16px; }
.main-cp { width:375px; }
.main-cp a { display: block; border-radius:20px; overflow: hidden; }
.main-cp a img { width:100%; }

.main-youtube { width:676px; }
.youtube-list ul { display: flex; flex-wrap: wrap; margin:0 -12px;  }
.youtube-list ul li { width:33.3333%; padding:0 12px 25px;  }
.youtube-list ul li a { display: block; }
.youtube-list ul li a .img img { width:100%; }
.youtube-list ul li a dl { padding-top:10px; }
.youtube-list ul li a dl dt{ font-size:14px; font-weight: 600; margin-bottom: 4px; line-height: 20px; height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.youtube-list ul li a dl dd{ font-size:13px; color: #999; }



.main-qna { width:375px; }
.main-qna .list ul li { padding-right:70px; position: relative; font-size:14px; margin-bottom: 11px; }
.main-qna .list ul li a { display: block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main-qna .list ul li span { position: absolute; right:0; top:0; color: #a1a1a1;  }

.main-banner2 { position: relative; margin-bottom: 60px;}
.main-banner2 .swiper-slide a { display: block; position: relative;}
.main-banner2 .swiper-slide a img { width:100%; border-radius:40px; }
.main-banner2 .swiper-slide a .txt-box { position: absolute;left: 50px; top:50%; transform: translateY(-50%);}
.main-banner2 .swiper-slide a .txt-box .t1 { font-size:30px; font-weight: 700; margin-bottom: 10px; line-height: 1.4; }
.main-banner2 .swiper-slide a .txt-box .t2 { font-size:16px; color: #737373; }
.main-banner2 .swiper-pagination { position: absolute;left: 0; right:0; bottom:20px; text-align: center; }
.main-banner2 .swiper-pagination  .swiper-pagination-bullet { width:12px; height: 12px; border-radius:100%; background: #000; opacity:0.4; transition: all 0.5s ease; margin:0 3px; }
.main-banner2 .swiper-pagination  .swiper-pagination-bullet-active { opacity: 1; }

.main-step  { width:676px; }
.main-step ul { display: flex; justify-content: space-between; }
.main-step ul li { text-align: center; }
.main-step ul li .ico { width:110px; height: 110px; border-radius:100%; background: #efeeed url(../img/main/ico_step1.png) no-repeat 50% 50%; margin:0 auto; }
.main-step ul li .ico.ic1 { background-image: url(../img/main/ico_step1.png);}
.main-step ul li .ico.ic2 { background-image: url(../img/main/ico_step2.png);}
.main-step ul li .ico.ic3 { background-image: url(../img/main/ico_step3.png);}
.main-step ul li .ico.ic4 { background-image: url(../img/main/ico_step4.png);}
.main-step ul li .ico.ic5 { background-image: url(../img/main/ico_step5.png);}
.main-step ul li small { display: block; font-size:12px; padding:8px 0 0; }
.main-step ul li strong { display: block; font-size:15px; }

.main-gift { flex:1; margin-left:50px; }
.main-gift table { width:100%; border-collapse: collapse; }
.main-gift table td { font-size:14px; color: #838383; padding:3px 5px; }
.main-gift table td:last-child { text-align:right; }

.terms { font-size:13px; line-height: 1.6; color: #666; }
.terms h3{  font-size:18px; font-weight: 700; color: #000; margin:20px 0 5px;}

.container { padding:40px 0; }
.sub-wrap { padding:40px 0;}
/*.sub-wrap .h2 { font-size:16px; font-weight:400; }*/
.h2-box { display: flex; align-items: center; margin-bottom: 25px; position:relative; }
.h2-box .h2 { margin-bottom: 0; }
.h2-box .checks { margin-left:20px; padding-top:5px; }
.h2-box .right { position:absolute; right:0; bottom:0; }
.h2-box .btn-reset { padding:0 10px; height:28px; line-height:26px; border-radius:5px; border:1px solid #ddd; background:#fff; font-size:13px; transition:all 0.3s ease; }
.h2-box .btn-reset i { margin-right:2px; }
.h2-box .btn-reset:hover { box-shadow:2px 2px 0 rgba(0,0,0,0.1); transform:translate(-2px,-2px); }
.h2-box .btn { display:inline-block; padding:0 10px; height:28px; line-height:26px; border-radius:5px; border:1px solid var(--color-yellow); background:var(--color-yellow); font-size:13px; font-weight:600; transition:all 0.3s ease; }
.h2-box .btn i { margin-right:2px; }
.h2-box .btn:hover { box-shadow:2px 2px 0 rgba(0,0,0,0.2); transform:translate(-2px,-2px); }

.h2-box .checks label { margin-right:20px; cursor: pointer; }
.checkbox { position: absolute;left: -9999px; }
.checkbox + p { display: inline-block; vertical-align: middle; }
.checkbox + p em { display: inline-block; vertical-align: middle; width:18px; height: 18px; border-radius:3px; border: 2px solid #b2b2b2; position: relative;transition: all 0.5s ease; background: #fff; }
.checkbox + p em:before { content: ''; position: absolute;left: 0; top:0; right:0; bottom:0; background: url(../img/common/checkbox_on.png) no-repeat 50% 50%;  opacity:0.3; transition: all 0.5s ease; }
.checkbox + p span { display: inline-block; vertical-align: middle; font-size:14px; margin-left: 7px; font-weight: 600;}
.checkbox:checked + p em { border-color:#000; }
.checkbox:checked + p em:before { opacity:1; }

.product-slider { border: 1px solid #ccc; margin-bottom: 60px; position: relative; }
.product-slider .swiper-slide label { display: block; cursor: pointer; }
.product-slider .swiper-slide .prd-radio { position: absolute;left: -9999px; }

/*.product-slider .swiper-slide { width:366px !important;}*/
.product-slider .swiper-slide:last-child .item { border-right:0;}
.product-slider .swiper-slide .item { height: 215px; padding:0 20px 0 40px; position: relative;border: 1px solid #ccc; border-top:0; border-bottom: 0;  border-left: 0; display: flex; justify-content: center; flex-direction: column; position: relative; }
.product-slider .swiper-slide .prd-radio + .item:after { content: ''; position: absolute; right:20px; top:20px; background: url(../img/common/checkbox_calcu.png) no-repeat 0 0; width:38px; height: 28px;opacity:0;}
.product-slider .swiper-slide .prd-radio + .item:before { content: ''; position: absolute;left: -1px; top:-1px; right:-1px; bottom:-1px; border:3px solid var(--color-orange); opacity:0;}
.product-slider .swiper-slide .item .t1 { font-size:34px; line-height: 1; }
.product-slider .swiper-slide .item .t1 strong { font-weight: 800; font-size:53px; line-height: 1; }
.product-slider .swiper-slide .item .t2 { font-size:24px; font-weight: 700; margin:3px 0 5px; }
.product-slider .swiper-slide .item .t3 { font-size:18px; color: #999; }
.product-slider .swiper-slide .item .price { font-size:18px; color: var(--color-orange); margin-top:10px;  }
.product-slider .swiper-slide .item .good { position: absolute; right:20px; bottom:20px;}
.product-slider .swiper-slide .prd-radio:checked + .item { background: #f9f9f9; }
.product-slider .swiper-slide .prd-radio:checked + .item:before { opacity:1;  }
.product-slider .swiper-slide .prd-radio:checked + .item:after { opacity:1;  }
.product-slider .swiper-button-next { background:url(/img/common/btn_right.svg) no-repeat 0 0;width:40px; height:60px; background-size:50px auto; }
.product-slider .swiper-button-prev { background:url(/img/common/btn_right.svg) no-repeat 0 0;width:40px; height:60px; background-size:50px auto; transform:scaleX(-1); }


.total-price { text-align: center; margin-bottom: 80px;  }
.total-price .h2 { margin-bottom: 0;}
.total-price .h2 strong { display: inline-block; vertical-align: middle; padding-left: 100px; background: url(../img/common/ico_calcu_tit.png) no-repeat 0 0; height: 83px; line-height: 83px; }
.total-price .total { padding: 30px 20px; border: 1px solid #000; }
.total-price .total .t1 { font-size:20px; color: #999; }
.total-price .total .t1 strong { font-size:30px; font-weight: 800; margin-bottom: 10px; color: #000; }
.total-price .total .t2 { font-size:15px; color: var(--color-orange); font-weight: 600;  margin-bottom: 10px; text-decoration: underline; }
.total-price .total .t3 { font-size:13px; color: #9999; }


.sub-banner1 a { display: block; position: relative;}
.sub-banner1 a img { width:100%; border-radius:40px; }
.sub-banner1 a .txt-box { position: absolute;left: 50px; top:50%; transform: translateY(-50%);}
.sub-banner1 a .txt-box .t1 { font-size:30px; font-weight: 700; margin-bottom: 10px; line-height: 1.4; }
.sub-banner1 a .txt-box .t2 { font-size:16px; color: #737373; }

.cs-form {max-width: 500px; margin: 0 auto; }
.cs-form .tit { display: flex; align-items: flex-end;  background: url(../img/common/tit_cs.png) no-repeat right 100%; height: 145px; }
.cs-form .tit .h2 { }
.cs-form .form-box { padding: 40px 30px; background: #f2f2f2; border-radius:20px; }
.cs-form .form-box .t1 { text-align: center; font-size:18px; margin-bottom: 20px; }
.cs-form .form-box .inp { margin-bottom: 10px; }
.cs-form .form-box .t2 { font-size:12px; color: #888; line-height: 1.5; }
.cs-form .form-box .btn-type0 { width:100%; height: 50px; font-size:20px; font-weight: 700;  margin-bottom: 15px;}










/*유튜브 반응형 만들기*/
.div_iframe_youtube{position: relative; width: 100%; height: 0;padding-bottom: 56.25%;}
.div_iframe_youtube iframe{position: absolute; top: 0; left: 0;}

.btn-type0 { display:inline-block; vertical-align:middle; border:0; width:120px; height:40px; line-height:39px; border-radius:5px; background:var(--color-orange) ;font-size:16px; color:#fff;  text-align:center;}
.btn-type2 { display:inline-block; vertical-align:middle; border:0; width:120px; height:40px; line-height:39px; border-radius:5px; background:#b3dee5; font-size:16px; color:#fff; text-align:center;}
.btn-type1 { display:inline-block; vertical-align:middle; border:0; width:120px; height:40px; line-height:39px; border-radius:5px;  background:#31525b;  font-size:16px; color:#fff;  text-align:center;}

.select { vertical-align: middle; height: 40px; border: 1px solid #c2c2c2; border-radius:4px; padding:0 35px 0 12px; font-size:15px; color: #2b2b2b; background: url(../img/common/bu_select.svg) no-repeat right 50%; background-position: right 15px center;}
.inp { vertical-align: middle; height: 40px; border: 1px solid #c2c2c2; border-radius:4px; padding-left:12px; font-size:15px; color: #2b2b2b; }
.textarea { height: 40px; border: 1px solid #c2c2c2; border-radius:4px; padding:5px 12px; font-size:15px; color: #2b2b2b; }
.checkbox { position: absolute;left: -9999px; }
.checkbox + em { display: inline-block; vertical-align: middle; width:19px; height: 19px; border: 1px solid #c8c8c8; border-radius:2px; background: #fff; position: relative; transition: all 0.5s ease; }
.checkbox + em + span { display: inline-block; vertical-align:middle; font-size:16px; color: #323232; margin-left: 14px; }
.checkbox + em:before { content: ''; position: absolute;left: 0; top:0; right:0; bottom:0; background: url(../img/common/ico_checkbox.svg) no-repeat 50% 50%; transition: all 0.5s ease; opacity:0; transform: scale(0.3); }
.checkbox:checked + em:before { transform: scale(1); opacity: 1; }
.checkbox:checked + em { background: var(--color-orange); border-color:var(--color-orange); }


.board-search { margin-bottom: 20px; }
.board-search .btn-srch { display: inline-block; vertical-align: middle; width:100px;  height: 40px; line-height: 42px; text-align: center; background:var(--color-orange); font-size:15px; font-weight: 700; color: #fff; border-radius:4px;  }
.board-search .btn-srch:hover { background:#FFBF40; }
.board-search .btn-srch.active { background:var(--color-yellow); }
.board-search .form { display: inline-block; vertical-align: middle; }
.board-search .form .inp { margin:0 10px; width:310px; }



.table-list { margin-bottom:30px; }
.table-list table { width:100%; border-collapse: collapse; border-top:1px solid #323232; }
.table-list table thead th { border-bottom: 1px solid #d0d0d0; padding:15px 10px; font-size:16px; font-weight: 600; color:#323232; background:none; white-space:nowrap;  }
.table-list table tbody td { border-bottom: 1px solid #d0d0d0; padding:12px 10px; font-size:16px; color:#909090; font-weight:300; }
.table-list table tbody td a { color:#323232;}
.table-list table tbody td.td_subject { text-align: left; }
.table-list table tbody td.no { color: #323232; }
.table-list table .mobile { }
.table-list table .mobile dl { display:inline; font-size:12px; color:#909090; margin-right:10px; }
.table-list table .mobile dl dt { display:inline; margin-right:5px; font-weight:600;  }
.table-list table .mobile dl dd { display:inline;}


.board-view .head { padding:25px 10px; border-top:2px solid #292728; border-bottom: 1px solid #dfdfdf; }
.board-view .head h3 { font-size:28px; font-weight: 600; line-height: 1.2; margin-bottom: 10px; }
.board-view .head .info dl { display: inline; margin-right:20px; font-size:16px; color: #797979; font-weight: 300; }
.board-view .head .info dl dt { display: inline; font-weight: 600; margin-right:6px; }
.board-view .head .info dl dd { display: inline; }
.board-view .body { font-size:16px; line-height: 1.7; padding:40px 0; }
.board-view .files { display: flex; align-items: center; padding: 20px 0; background: #f2f2f2; }
.board-view .files .tit { flex:0 0 135px; width:135px; text-align: center; font-size:16px; font-weight: 600; }
.board-view .files ul li a { font-size:14px; font-weight: 300; line-height: 1.5; }
.board-view .files ul li + li { margin-top:5px; }


.board-write { border-top:2px solid #646465; margin-bottom: 15px; }
.board-write table { width:100%; border-collapse: collapse; }
.board-write table tbody th { background:var(--color-bg); width:20%; padding-left: 40px; font-size:18px; text-align: left; font-weight: 300; border-bottom: 1px solid #b2b2b2;  }
.board-write table tbody td { border-bottom: 1px solid #ababab; padding:10px;  }

#wr_content { padding:15px 10px; height:300px; background:#fff; border:1px solid #ccc; font-size:17px; line-height:1.6; color:#444; border-radius:0;box-shadow:none; }
.pg_wrap { text-align:center; display:block; margin:60px 0; }
.pg_page { display:inline-block; vertical-align:middle; width:34px; height:34px;  line-height:32px; font-size:16px; color:#858585; transition:all 0.5s ease;margin:0 4px; }  
.pg_start,
.pg_prev,
.pg_end,
.pg_next{ text-indent:-9999px; text-align:left; background-position:50% 50%; background-repeat:no-repeat;  border:1px solid #d3d3d3; color:rgba(0,0,0,0); }
.pg_current {  color:#fff; display:inline-block; vertical-align:middle; width:34px; height:34px;  line-height:32px; font-size:16px;  background: var(--color-orange);  margin:0 4px }
.pg_start { background-image:url(../img/common/ico_page_first.svg); }
.pg_prev { background-image:url(../img/common/ico_page_prev.svg); }
.pg_next { background-image:url(../img/common/ico_page_prev.svg); transform:scaleX(-1); }
.pg_end { background-image:url(../img/common/ico_page_first.svg); transform:scaleX(-1);}




.login-wrap { min-height: 100vh; padding-left: 50%; position: relative;}
.login-wrap:before { content: ''; position: absolute;left: 0; top:0; width:50%; bottom:0; background: url(../img/common/bg_login.jpg) no-repeat 50% 50%; background-size:cover;}
.login-box { min-height: 100vh; display: flex; align-items: center; }
.login-box .member { width:500px; }
.login-box .logo { font-size:30px; font-weight: 700; color: #000; margin-bottom: 40px; }
.member .h3-member { font-size:12px; color: #31525b; font-weight:600; text-align: left; margin-bottom: 6px;  }
.member .inp-member { width:100%; height: 40px; font-size:16px; color: #000; border: 0; border-bottom: 1px solid #d8dbe1; background: none;  transition: all 0.5s ease; }
.member .inp-member:focus { border-color:#000; }


.member { max-width:500px; margin: 0 auto; padding:80px 20px; }
.member .list-tabs { margin-bottom: 40px; }
.member .list-tabs a { height: 40px; line-height: 38px; }
.member .etc { overflow: hidden; margin-bottom: 35px;  }
.member .etc label { float:left; }
.member .etc .btn-hp { float:right; padding-left: 25px; line-height: 21px; font-size:14px; color: #292929; background: url(../img/common/ico_hp.png) no-repeat 0 50%; margin-top:2px; }
.member .find { text-align: center; margin:15px 0 30px; }
.member .find a { display: inline-block; vertical-align: middle; font-size:14px; color: #909090; line-height: 18px;  }
.member .find a  + a { padding-left:10px; margin-left: 10px; border-left: 1px solid #909090; }
.member .check-box { padding:20px; background:#f7f7f7; border-radius:5px; margin-bottom:25px; }
.member .check-box .check-desc { margin-bottom:0; }
.member .orther-login {}
.member .orther-login .tit { max-width:260px; margin: 0 auto; text-align: center; }
.member .orther-login .tit span { position: relative; display: block; }
.member .orther-login .tit span strong { display: inline-block; vertical-align:top; padding:0 12px; background: #fff; font-size:12px; color: #31525b; position: relative; z-index:2; }
.member .orther-login .tit span:before { content: ''; position: absolute; left: 0; right:0; top:50%; height: 1px; background: #e4e9f2; }
.member .orther-login .btns  {text-align: center; padding:12px 0 30px;  }
.member .orther-login .btns a {  margin:0 8px; }
.member .orther-login .btns a img { width:52px; }
.member .orther-login .desc { text-align: center; font-size:12px; line-height: 1.4; color: #909090;  word-break: keep-all; }
.member .orther-login .desc strong { color: #000; }
.member .check-desc {  margin-bottom: 30px; font-size:12px; line-height: 1.5; color: #909090;  word-break: keep-all; }
.member .check-desc p { padding-left: 14px; text-indent: -14px;}
.member .check-desc p + p { margin-top:3px;}
.member .privacy {padding:18px 20px; border-radius:5px; background: #f7f7f7; margin-bottom: 15px; max-height: 180px; overflow: auto; }
.member .privacy .t1 { font-size:12px; color: #606060; font-weight: 600; margin-bottom: 5px; }
.member .privacy .t2 { font-size:12px; color: #909090; }
.member .privacy table { width:100%; border-collapse:collapse; background:#fff;}
.member .privacy table  thead th { padding:5px; font-size:12px; color:#333; background:#f2f2f2; border:1px solid #ddd; }
.member .privacy table  tbody td { padding:5px; font-size:12px; border:1px solid #ddd; }
.member .chks { text-align: center; }
.member .checkbox-box { position: relative; margin-bottom: 13px; }
.member .checkbox-box .checkbox + em + span { font-size:16px; }
.member .checkbox-box .btn-flip { position: absolute; right:0; top:0; width:24px; height: 24px; background: url(../img/common/ico_checkbox_flip.svg) no-repeat 50% 50%; transition: all 0.5s ease;  transform: rotate(180deg);}
.member .checkbox-box .btn-flip.active { transform: rotate(0);}
.member .checkbox-box .chks {text-align: left; padding:15px 0 20px 24px;}
.member .checkbox-box .chks label:first-child { margin-right:70px; }
.member .checkbox-box .chks .txt { font-size:12px; color: #909090; padding-top:12px; word-break: keep-all; }
.member .agree-all { text-align: center; padding:30px 0; border-top:1px solid #d8dbe1; }
.member .agree-all .checkbox + p span { font-size:16px; font-weight: 600; }
.member .end { padding:40px 0 90px; text-align: center; }
.member .end .t1 {  background: url(../img/common/ico_sign.png) no-repeat 50% 0;  background-size:80px auto;  font-size:20px; line-height: 1.5; }
.member .end .t2 { font-size:14px; line-height: 1.4; color: #909090; margin:15px 0 45px;}
.member .end .btns {  }
.member .end .btns a { float:left; width:calc(50% - 10px); margin:0 5px; }
.member .btn-box { display: flex; justify-content: space-between}
.member .btn-box a,
.member .btn-box button { width:49%; font-weight: 600;}
.member .msg1 { font-size:12px; padding-bottom: 20px; margin-bottom: 20px; position: relative;}
.member .msg1:before { content: ''; position: absolute;left: -20px; right:-20px; bottom:0; height: 1px; background: #e1e1e1; }
.member-sns { display: flex; margin:5px 0; }
.member-sns a { display:flex; align-items: center; width:138px; height: 63px; padding: 12px 14px;  border: 1px solid #e1e1e1; border-radius:4px; margin-right:8px;} 
.member-sns a .ico { width:40px; margin-right:11px; }
.member-sns a .ico img { max-width:100%; }
.member-sns a .txt {}
.member-sns a .txt span { display: block; font-size:14px; }
.member-sns a .txt strong { display: block; font-size:12px; font-weight: 600; color: #31525b; }


.sub-content { display:flex; justify-content:space-between; }
.sub-content .nav { width:120px; margin-right:140px; }
.sub-content .nav nav a { display:block; font-size:26px; line-height:1.5; color:#888888; font-weight:400; margin-bottom:12px; }
.sub-content .nav nav a strong { display:inline-block; position:relative;  font-weight:200;}
.sub-content .nav nav a strong:before { content:''; position:absolute; left:0; width:0; bottom:2px; height:8px; background:#f5c358; border-radius:8px; z-index:-1; transition:all 0.3s ease; opacity:0;  }
.sub-content .nav nav a:hover,
.sub-content .nav nav a.active { font-weight:600; color:#222; }
.sub-content .nav nav a:hover strong,
.sub-content .nav nav a.active strong { font-weight:700; }
.sub-content .nav nav a:hover strong:before,
.sub-content .nav nav a.active strong:before { width:100%; opacity:1; }




.content { flex:1; }
.content1 { }
.content1 .img { margin-bottom:25px; }
.content1 .tit1 { font-size:30px; font-weight:700; margin-bottom:10px; line-height:1.4; }
.content1 .txt1 { font-size:18px; line-height:1.6; margin-bottom:20px;  font-weight:200;} 
.content1 .tag { font-size:24px; font-weight:200; }

.recruit1 { display:flex; justify-content:space-between;  margin:0 -15px 50px }
.recruit1 div { flex:1; margin:0 15px;  border-radius:15px; box-shadow:10px 10px 25px rgba(0,0,0,0.1); text-align:center; padding:20px 10px; }
.recruit1 div strong { display:block; font-size:30px; font-weight:700; padding-top:15px; }

.table1 { margin-bottom:30px; }
.table1 table { width:100%; border-collapse:collapse;  }
.table1 table thead th { padding:12px; border-top:2px solid #222; border-bottom:1px solid #ddd; font-size:14px; text-align:left; }
.table1 table tbody td { padding:15px 10px; border-bottom:1px solid #ddd; font-size:14px; text-align:left; }

.contact {}
.contact #map { height:480px; border:1px solid #ccc; background:#f2f2f2; margin-bottom:60px;  }
.contact .info { display:flex; justify-content:space-around; text-align:center;}
.contact .info dl dt {}
.contact .info dl dt strong { display:block; font-size:30px; font-weight:700; padding:30px 0 15px; }
.contact .info dl dd { font-size:16px; line-height:1.6; color:#777777; }

.about .img { margin-bottom:30px; }
.about .img img { border-radius:20px; }
.about .t1 { font-size:26px; font-weight:700; color:#222; line-height:1.2; margin-bottom:20px;  }
.about .t1 span { color:#f5c358; }
.about .t3 { font-size:15px; line-height:1.6; color:#777; margin-bottom:60px;  }
.about .t2 { font-size:26px; font-weight:700; position:relative; margin-bottom:10px;  }
.about .t2 em { position:absolute;left:0; bottom:0; z-index:-1; font-size:50px; color:#000; opacity:0.1; }
.about .t4 { font-size:26px; font-weight:700; color:var(--color-orange); line-height:1.3; }

.calc-desc-wrap { margin-top:70px;  }
.calc-desc-wrap .title { height:200px;line-height:200px; padding-left:270px; margin-bottom:60px;  font-size:50px; font-weight:700; border-bottom:2px solid #222; background:url(/img/sub/calc1.png) no-repeat 0 100%;  }
.calc-desc-wrap .title.type2 { background-image:url(/img/sub/calc2.png); }
.calc-desc-wrap .title2 { font-size:30px; font-weight:700; position:relative;  margin-bottom:20px; }
.calc-desc-wrap .title2 em { position:absolute; left:0; top:-28px; font-size:40px; color:var(--color-orange); font-style:italic; z-index:-1; opacity:0.5; }
.calc-desc-wrap .title3 { font-size:22px; font-weight:500; position:relative; color:#888; margin-bottom:30px; padding-left:12px; position:relative; }
.calc-desc-wrap .title3:before { content:''; position:absolute; left:0; top:15px; width:4px;height:4px; border-radius:100%; background:#888; }
.calc-desc-wrap .txt-box a { font-weight:600; color:var(--color-orange); text-decoration:underline !important; }
.calc-desc-wrap .box1 { display:flex; align-items:center;  margin-bottom:80px; }
.calc-desc-wrap .box1 .mv { width:400px; margin-right:30px;  }
.calc-desc-wrap .box1 .mv iframe { position:absolute;left:0; top:0;width:100%; height:100%; }
.calc-desc-wrap .box1 .txt-box { flex:1; font-size:16px; line-height:1.6; }
.calc-desc-wrap .box1 .txt-box strong { display:block; font-size:25px; padding-top:10px;  }
.calc-desc-wrap .box2 { margin-bottom:80px; }
.calc-desc-wrap .box2 .mv { width:400px; position:relative;  margin-right:30px;   }
.calc-desc-wrap .box2 .mv iframe { position:absolute;left:0; top:0;width:100%; height:100%; }
.calc-desc-wrap .s-tit1 { font-size:18px; font-weight:600; position:relative; margin-bottom:15px;}
.calc-desc-wrap .box2 .in { display:flex;  }
.calc-desc-wrap  .latest-box { flex:1; display:flex; justify-content:space-between; flex-direction:column; }
.calc-desc-wrap  .latest-box + .latest-box { margin-top:15px; }
.calc-desc-wrap  .latest { display:flex; border:1px solid #ddd; align-items:center; }
.calc-desc-wrap  .latest .img { width:250px; margin-right:10px; }
.calc-desc-wrap  .latest .img img { vertical-align:top;}
.calc-desc-wrap  .latest .info { flex:1;  padding:10px 20px; }
.calc-desc-wrap  .latest .info .subj { font-size:18px; font-weight:600; margin-bottom:10px;  }
.calc-desc-wrap  .latest .info .txt { font-size:14px; line-height:1.4; color:#999; }
.calc-desc-wrap  .btn-more { display:block; height:45px; line-height:43px; border:1px solid #ccc; font-size:14px; text-align:center; background:#f9f9f9; }
.calc-desc-wrap .table1 table thead th,
.calc-desc-wrap .table1 table tbody td { text-align:center; }
.calc-desc-wrap .table1 table thead th { background:#f9f9f9; }
.calc-desc-wrap .txt1 {font-size:16px; line-height:1.6; margin-bottom:50px; }
.calc-desc-wrap .chks { padding-top:30px; }
.calc-desc-wrap .chks p { font-size:19px; }
.calc-desc-wrap .chks p i { color:var(--color-yellow); font-size:28px;vertical-align:middle; margin:-4px 12px 0 0; }


.rental .head {background: url(../img/rental/bg_head.jpg) no-repeat 50% 0;}
.rental .head .inner { padding-bottom: 180px; background: url(../img/rental/img.png) no-repeat 50% 100%; background-size:auto 290px;}
.rental .head .inner .mv-box { display: flex; align-items: center; padding:80px 0;  }
.rental .head .youtube { width:500px; margin:0 20px;  }
.rental .head .youtube .box { position:relative;height:0;padding-bottom:56.2%;}
.rental .head .youtube .box iframe { position: absolute;left: 0; top:0; width:100%; height: 100%; }
.rental .body { padding:70px 0;}
.rental .body .gos { text-align:center; margin-bottom:40px; }
.rental .body .gos a { display:inline-block; vertical-align:middle; padding:0 30px; height:45px; line-height:44px; border-radius:45px; font-size:17px; color:#000; background:var(--color-yellow); }
.rental .body .txt1 { text-align: center; font-size:25px; font-weight: 200; color: #222; line-height: 1.6; margin-bottom: 50px;  }
.rental .body .feature { margin-bottom: 50px; }
.rental .body .feature ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
.rental .body .feature ul li { flex: 1; margin:0 10px 20px; }
.rental .body .feature ul li .item { height: 100%; padding:70px 20px; background: #a56c9a; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; font-size:20px; font-weight: 300; color: #fff; line-height: 1.6;  }
.rental .body .feature ul li .item i { font-size:30px; display: block; margin-bottom: 10px; }
.rental .body .feature ul li .item small { font-size:15px; opacity:0.7; }
.rental .body .feature ul li .item a { color: var(--color-yellow); text-decoration: underline !important; }
.rental .body .feature ul li:nth-child(even) .item { background:#e66d45; }
.rental .body .desc { font-size:13px; color: #888; margin-bottom: 40px;  }
.rental .body .tab-tit { text-align: center; line-height: 45px; border: 1px solid #ddd; font-size:16px; font-weight: 700; color: #000; background: #f9f9f9; margin-bottom: 20px;  }
.rental .body .tabs { margin:0 0 50px; display: flex; justify-content: center; flex-wrap: wrap; padding-right:1px; }
.rental .body .tabs a { line-height: 45px; line-height: 43px;  font-size:15px; border: 1px solid #ddd; border-radius:45px;  width:calc(10% - 10px); margin:0 5px 10px; text-align: center;  transition: all 0.5s ease; }
.rental .body .tabs a.active,
.rental .body .tabs a:hover { background: var(--color-orange); color: #fff; border-color:var(--color-orange);}
.rental .body .view-box {}
.rental .body .view-box .h3 { font-size:20px; font-weight: 700; margin-bottom: 10px; padding-left:18px; position: relative; }
.rental .body .view-box .h3:before { content: ''; position: absolute;left: 0; top:10px; width:10px; height: 10px; border:3px solid var(--color-orange); box-sizing: border-box; }
.rental .body .view-box .txt2 { font-size:15px; line-height: 1.6; color: #777; margin-bottom: 40px; }
.rental .body .btn-close { display: block; width:100%; height: 45px; border: 1px solid #ccc;background: #f2f2f2; font-size:15px; color: #555; }
.rental .hr { margin:70px 0; height: 1px; width:100%; padding: 0; border-top:2px dashed #ccc; }
.rental .calc-desc-wrap { margin-top:0; }

.mobile { display:none; }

@media all and (max-width:1150px) {
	.mobile { display:block; }
	.pc { display:none; }

	.board-search { margin-bottom:12px; }
	.board-search .form .inp { width:140px; }
	.board-search .btn-srch { width:60px; height:35px; line-height:34px; font-size:13px; }
	.select { height:35px; padding-left:10px; font-size:13px; }
	.inp { height:35px; padding-left:10px; font-size:13px; }
	.checkbox + em + span { font-size:12px; margin-left:4px; }

	.table-list thead { display:none; }
	.table-list table,
	.table-list tbody,
	.table-list tr,
	.table-list th,
	.table-list td { display:block; }
	.table-list td { display:none; }
	.table-list td.td_subject { display:block; }
	.table-list td.td_subject a { font-size:14px; font-weight:600; color:#282828; }
	
	/*.board-view { margin:0 -20px; }*/
	.board-view .head{ padding:15px 0; }
	.board-view .head h3 { font-size:18px; margin-bottom: 15px; }
	.board-view .head .info { margin:0 0 -15px; background: #f7f7f7; padding:12px 0; border-top:1px solid #ececec;  }
	.board-view .head .info dl { font-size:12px; margin: 0;  }
	.board-view .head .info dl + dl { margin-left: 15px; }
	.board-view .body { padding:20px; font-size:13px; }
	.board-view .files { padding:15px 20px; display: block; }
	.board-view .files .tit { width:auto; font-size:13px; text-align: left; margin-bottom: 10px;}
	.board-view .files ul li a { font-size:12px; }

	.board-write table tbody th { padding-left:8px; font-size:13px; }

	.login-wrap { padding: 0; }
	.login-wrap:before { display: none; }
	.login-box { display: block; }
	.login-box .member { width:auto; }
	.member { padding:30px 20px;} 
	.member .list-tabs { position: fixed; left: 20px; top:0; z-index:101;}
	.member .list-tabs  a { font-size:16px; height: 55px; line-height: 54px; }
	.member .orther-login .desc { font-size:11px; }
	.member .inp-member { height: 39px; }
	.member .checkbox-box .checkbox + em + span { font-size:14px; }
	.member .radio + em + span { font-size:12px; }
	.member .checkbox-box .chks .txt { font-size:10px; }
	.member-desc1 {font-size:14px; color: #909090; text-align: left; }
	.member-desc1 img { display: none; }	
	.member-desc1 p { padding: 0; }
	.member-sns { display: block; border: 1px solid #e1e1e1; border-radius:4px;}
	.member-sns a { width:auto; display: flex; justify-content: space-between; align-items: center; border: 0; height: auto; padding:10px 14px;}
	.member-sns a .ico { width:30px; }
	.member-sns a .txt { flex:1; display: flex; justify-content: space-between; align-items: center; }

}


@media all and (max-width:1080px) {
	.aside-right { display:none; }
	.header1 .inner  { height:70px; }
	.header2 .inner { padding:0 0 0 47px; position:relative; }
	.header2 .inner .btn-nav { position:absolute;left:0;top:0; }
	.header2 nav { white-space:nowrap; font-size:0; overflow:auto; overflow-y:hidden;position:relative;  }
	.header2 .inner:before { content:'';position:absolute; right:0; top:0; bottom:0; width:25px;background: linear-gradient(270deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%); }
	
	.header2 .inner nav ul li { display:inline-block; vertical-align:middle; float:none !important; }
	.header2 .inner nav .btn-dep1 { font-size:14px; padding:0 12px; }
	.aside-left .nav-box { position:absolute;left:0;right:0;top:223px; bottom:0;overflow:auto; }
	.main-banner { margin-bottom:30px; }
	.main-cp { padding-left:20px; }
	.main-qna { padding-left:20px; }
	.main-wrap .box1:last-child { display:block; margin-bottom:30px}
	.main-step { width:auto; margin-bottom:30px; }
	.main-gift { margin-left:0; }
	.main-banner2 .swiper-slide a img { border-radius:20px; }
	.main-banner2 .swiper-slide a .txt-box { left:20px; }
	.main-banner2 .swiper-slide a .txt-box .t1 { font-size:20px; }
	.main-banner2 .swiper-slide a .txt-box .t2 { font-size:13px; }

	.sub-wrap { padding:20px 0; }
	.container { padding:20px 0; }

	.product-slider .swiper-slide .item { height:150px; padding:0 10px 0 20px; }
	.product-slider .swiper-slide .item .t1 { font-size:30px; }
	.product-slider .swiper-slide .item .t1 strong { font-size:30px; }
	.product-slider .swiper-slide .item .t2 { font-size:16px; }
	.product-slider .swiper-slide .item .t3 { font-size:13px; }
	.product-slider .swiper-slide .item .price { font-size:13px; }
	.sub-content .nav { margin-right:30px; }

	.calc-desc-wrap .title { font-size:18px; height:60px; padding-left:70px; background-size:60px auto; line-height:60px; letter-spacing:-1px; margin-bottom:30px; }
	.calc-desc-wrap .title2 { font-size:20px; margin-bottom:15px; }
	.calc-desc-wrap .title3 { font-size:14px; margin-bottom:12px; padding-left:10px; }
	.calc-desc-wrap .title3:before { top:10px;}

.calc-desc-wrap .title2 em { font-size:25px; }
.calc-desc-wrap .box1 { display:block; }
.calc-desc-wrap .box1 .mv { width:auto; margin:0 0 15px; }
.calc-desc-wrap .box1 .txt-box { font-size:13px; }
.calc-desc-wrap .box1 .txt-box strong { font-size:16px; }
.calc-desc-wrap .box2 .in { display:block; }
.calc-desc-wrap .box2 .mv { width:auto; margin:0 0 20px; }
.calc-desc-wrap .s-tit1 { font-size:14px; }
.calc-desc-wrap .txt1 { font-size:13px; margin-bottom:30px;}
.calc-desc-wrap .chks p { font-size:14px; }
.calc-desc-wrap .chks p i { font-size:20px; margin-right:5px; }

}

@media all and (max-width:900px) {
	.foot-cs { margin-top:40px; }
	.foot-cs .inner { display:block; }
	.foot-cs .inner > div { padding:10px 0 10px 0; background:none !important; margin:0;}
	.foot-cs dl dt { font-size:18px; }
	.foot-cs dl dd  {font-size:11px; }
	.foot-cs a { padding:0 10px; height:30px; line-height:30px; border-radius:30px; font-size:13px; }
	.foot-cs .kakao { border-top:1px dashed #eee; }

	.rental .head .inner .mv-box { display:block;text-align:center; padding:30px 0;}
	.rental .head .inner .mv-box img { height:30px; }
	.rental .head .youtube { margin:30px auto; max-width:500px; width:auto;  }
	.rental .body { padding:40px 0; }
	.rental .body .inner { padding:0; }
	.rental .body .txt1 { font-size:16px; margin-bottom:30px; }
	.rental .body .feature ul { display:block; }
	.rental .body .feature ul li .item { height:auto; font-size:15px; padding:30px 20px; }
	.rental .body .tabs { margin-bottom:30px; }
	.rental .body .tabs a { width:calc(33.333333% - 10px); margin:0 3px 6px; height:36px; line-height:34px; font-size:13px; }
	.rental .body .view-box .h3{  font-size:17px !important; }
	.rental .body .view-box .txt2 { font-size:13px !important; margin-bottom:20px !important; }
	.rental .hr { margin:30px 0; }

	.calc-desc-wrap .latest-box { display:block; }
	.calc-desc-wrap .latest { display:block; }
	.calc-desc-wrap .latest .img { width:auto; margin-right:0; }
	.calc-desc-wrap .latest .img img { width:100%; }
	.calc-desc-wrap .latest .info { padding:8px 15px; }
	.calc-desc-wrap .latest .info .subj { font-size:15px; }
	.calc-desc-wrap .latest .info .txt { font-size:12px; }

	
}
@media all and (max-width:770px) {

	.header1 .menus { display:none; }
	.main-wrap .box1 { display:block; margin-bottom:30px; }
	.h2 { font-size:20px; margin-bottom:12px; }
	.good-review { width:auto; }
	.review-list {  margin-bottom:30px; }
	.review-list ul li { width:50%; }
	.main-wrap .review-list ul li:nth-child(n+3) { display:none; }
	.review-list ul.gall_row li { width:50%; }
	.review-list ul.gall_row li a dl dt { font-size:13px; }
	.review-list ul li a dl dd { font-size:12px !important; }

	.main-cp { padding-left:0; width:auto; }
	.main-youtube { width:auto; }
	.youtube-list ul { margin:0 -5px; }
	.youtube-list ul li { width:50%; padding:0 5px 15px; }
	.main-qna { padding-left:0; width:auto; }
	.main-qna .list ul li { font-size:13px; margin-bottom:5px; }
	.main-qna .list ul li:nth-child(n+8) { display:none; }
	.main-banner2 .swiper-slide a img { border-radius:10px; }
	.main-banner2 .swiper-slide a .txt-box { left:15px; }
	.main-banner2 .swiper-slide a .txt-box .t1 {font-size:15px; margin-bottom:5px; }
	.main-banner2 .swiper-slide a .txt-box .t2 { font-size:11px; }
	.main-banner2 .swiper-pagination { position:static; padding-top:7px; }
	.main-banner2 .swiper-pagination .swiper-pagination-bullet { width:7px; height:7px; }
	.main-step ul li .ico { width:50px; height:50px; background-size:25px auto; }
	.main-step ul li small { font-size:11px; margin:5px 0 0; }
	.main-step ul li strong { font-size:12px; }
	#footer .partner { display:none; }
	#footer .info { font-size:10px; }
	.h2-box { margin-bottom:15px; }
	.product-slider { margin-bottom:30px; }
	.product-slider .swiper-slide .item .t1 { font-size:23px; }
	.product-slider .swiper-slide .item .t1 strong { font-size:23px;}
	.product-slider .swiper-slide .item .t3 { font-size:11px; }
	.product-slider .swiper-slide { width:180px !important; }
	.product-slider .swiper-button-next.swiper-button-disabled, 
	.product-slider .swiper-button-prev.swiper-button-disabled { display:none; }
	.total-price { margin-bottom:20px; }
	.total-price .h2 strong { padding-left:80px; background-size:auto 55px; height:55px; line-height:54px; font-size:16px;}
	.total-price .total { padding:15px; }
	.total-price .total .t1 { font-size:15px; }
	.total-price .total .t1 strong { font-size:22px; }
	.total-price .total .t2 { font-size:12px; }
	.total-price .total .t3 { font-size:11px; }
	.sub-banner1 a .txt-box { left:15px; }
	.sub-banner1 a .txt-box .t1 { font-size:13px; margin-bottom:5px; }
	.sub-banner1 a .txt-box .t2 { font-size:11px; }
	.sub-banner1 a img { border-radius:10px; }
	#bo_vc article .pf_img { display:none; }
	#bo_vc .member  {padding:0 10px 0 0; }
	.sub-content { display:block; }
	.sub-content .nav { width:auto; margin-right:0; }
	.sub-content .nav nav { display:flex; justify-content:space-around; }
	.sub-content .nav nav a { font-size:15px; }
	.content1 .tit1 { font-size:20px; }
	.content1 .txt1 { font-size:13px; }
	.content1 .tag { font-size:16px; margin-bottom:20px !important; }
	.recruit1 div img { width:60%; }
	.recruit1 div strong { font-size:18px; }
	.table1 table thead th,
	.table1 table tbody td { font-size:11px; padding:8px; }
	.contact #map { height:240px; margin-bottom:30px; }
	.contact .info dl dt img { height:45px; }
	.contact .info dl dt strong { font-size:20px; padding:15px 0 10px; }
	.contact .info dl dd { font-size:12px; }
	.cs-form .form-box .t1 { font-size:14px; }
	.cs-form .form-box .btn-type0 { font-size:15px; height:40px; }
	.cs-form .form-box .t2 { font-size:11px; }

	.btn-type1 { width:100px; height:34px; line-height:34px; font-size:14px; }

	.pg_page,
	.pg_current { width:24px; height:24px; font-size:11px; margin:0 1px; line-height:22px;padding:0; min-width:inherit; }
}


/* --- component --- */

/* btn */
a.btn_unit, .btn_unit { display:inline-block; background:#fff; border-radius: 3px; text-align:center; text-decoration:none; vertical-align:middle; transition: all 0.2s ease;}
a.btn_unit.btn_orange,
.btn_unit.btn_orange { border:1px solid var(--color-orange); color:var(--color-orange); }
a.btn_unit.btn_orange:hover,
.btn_unit.btn_orange:hover { background:var(--color-orange); color:#fff; }
a.btn_unit.btn_yellow,
.btn_unit.btn_yellow { border:1px solid var(--color-yellow); color:var(--color-yellow); }
a.btn_unit.btn_yellow:hover,
.btn_unit.btn_yellow:hover { background:var(--color-yellow); color:#fff; }
a.btn_unit.btn_wh,
.btn_unit.btn_wh { background-color:transparent; border:1px solid #fff; color:#fff; }
a.btn_unit.btn_wh:hover,
.btn_unit.btn_wh:hover { background:var(--color-point); border-color:var(--color-point); }
.btn_round { display: inline-block; vertical-align: middle; padding: 0 30px; height: 45px; line-height: 42px; border-radius: 45px; font-size: 17px; font-weight: 600; white-space: nowrap; }
.btn_round.btn_orange { background:var(--color-orange); color:#fff; }
.btn_round.btn_yellow { background:var(--color-yellow); color:#000; }
.new-btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle;
	cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
	border: 1px solid transparent; line-height: 1.25; border-radius: 2px; text-transform: capitalize; font-size: 15px; padding: 5px 19px; }
.btn-gray { background-color: #fafafa; border-color: #e0e0e0; color: #fff; }
.btn-blue { background-color: #79a3ff; border-color: #79a3ff; color: #fff; }
.btn-blue:focus,
.btn-blue:hover { background-color: #4680ff; border-color: #4680ff; color: #fff; transition: all ease-in 0.15s; outline:none; }
.btn-pink { background-color: #FC6180; border-color: #FC6180; color: #fff; }
.btn-pink:focus,
.btn-pink:hover { background-color: #fd93a8; border-color: #fd93a8; color: #fff; transition: all ease-in 0.15s; outline:none; }
.btn-green { background-color: #93BE52; border-color: #93BE52; color: #fff; } 
.btn-green:focus,
.btn-green:hover { background-color: #aacc77; border-color: #aacc77; color: #fff; transition: all ease-in 0.15s; outline:none; }
.btn-yellow { background-color: #FFB64D; border-color: #FFB64D; color: #fff; }
.btn-yellow:focus,
.btn-yellow:hover { background-color: #ffcb80; border-color: #ffcb80; color: #fff; transition: all ease-in 0.15s; outline:none; }
.btn-sky { background-color: #62d1f3; border-color: #62d1f3; color: #fff; }
.btn-sky:focus,
.btn-sky:hover { background-color: #91dff7; border-color: #91dff7; color: #fff; transition: all ease-in 0.15s; outline:none; }
.btn-inverse { background-color: #303548; border-color: #303548; color: #fff; }
.btn-inverse:focus,
.btn-inverse:hover { background-color: #444c67; border-color: #444c67; color: #fff; transition: all ease-in 0.15s; outline:none; }
.btn-form { width:auto; font-size: 12px; padding: 4px 10px 5px; color: #fff; border-radius: 30px; height:30px; line-height:20px; }
.btn-group { text-align:center; }
.btn_unit.border { border: 0; height: 48px; padding: 4px 15px 0; font-family: var(--font-unique); font-weight: 500; font-size: 18px; color: #222;
	border-radius: 100px; border:2px solid var(--color-orange); }
.btn_unit.border:hover { background:#fff !important; }
.btn_unit.gradient { border: 0; height: 48px; padding: 4px 15px 0; font-family: var(--font-unique); font-weight: 500; font-size: 18px; color: #222;
	border-radius: 100px; background: linear-gradient(to right, #FFC954, #FF9800); }
.btn_unit.gradient:hover { background: linear-gradient(to right, #FFC954, #FF9800); }

/* select */
.select-button,
.select-color { margin-bottom:-5px; }
.select-button li,
.select-color li {display:inline-block; margin:0 5px 5px 0;}
.select-button .radio,
.select-button .check { position: relative; height:30px; }
.select-button .radio label,
.select-button .check label { display: block; width: auto; height: inherit; line-height:28px; font-size:14px; cursor: pointer; border: 1px solid #ddd; background:#fff; color:#aaa; border-radius: 3px; padding:0 .5em; padding-left:1.75em; }
.select-button .radio label:before,
.select-button .check label:before { font-family: xeicon; position: absolute; left: .5em; top: 50%; transform: translate(0,-50%); }
.select-button .radio label:before { content:'\e9c6'; }
.select-button .check label:before { content:'\ea0e'; }
.select-color .radio { position: relative; width:30px; height:30px; overflow: hidden; }
.select-color .radio label { display: block; width: inherit; height: inherit; cursor: pointer; border: 1px solid #ddd; border-radius: 3px; }
.select-color .radio label span { display: block; position:relative; width:100%; height:100%; border: 3px solid #fff; border-radius: 3px; }
.select-color .radio label[for="color-wh"] span { background-color:var(--color-bg); }
.select-color .radio label[for="color-pkgd"] span { background-color:#E3D2CF; }
.select-color .radio label[for="color-gr"] span { background-color:#587876; }
.select-color .radio label[for="color-bk"] span { background-color:black; }
.select-button .radio input[type="radio"],
.select-button .check input[type="checkbox"],
.select-color .radio input[type="radio"] { position: absolute; top: 0; left: -9999em; }
.select-button .radio input[type="radio"]:hover + label,
.select-button .check input[type="checkbox"]:hover + label { color:#888; }
.select-button .radio input[type="radio"]:checked + label,
.select-button .check input[type="checkbox"]:checked + label,
.select-color .radio input[type="radio"]:checked + label { border-color:#888; color:#222; }
.select-button .radio input[type="radio"]:checked + label:before { content:'\e9c7'; }
.select-button .check input[type="checkbox"]:checked + label:before { content:'\e92d'; }
.select-box { position:relative; }
.select-box:after { content:'\e936'; color:#222; font-family: xeicon; position: absolute; right: .25em; top: 50%; transform: translate(0,-50%); font-size:1.25em; }
.select-box select { width:100%; line-height:28px; font-size:14px; border: 1px solid #888; background:#fff; color:#222; border-radius: 3px; padding:0 .5em; padding-right:1.75em; }

/* form */
.form-control { display: inline-block; width:100%; padding:0.35rem 0.5rem; font-size:14px; letter-spacing:-0.1px; line-height: 1.25; color: #495057; background-color: #fff; background-image: none;
    font-family: 'Noto Sans KR', 'Nanum Gothic', 'Nanum Gothic Coding', '맑은 고딕', 'Malgun Gothic', 돋움, Dotum, sans-serif, monospace;
	background-clip: padding-box; border-radius: 2px; border: 1px solid #888; }
.form-control.auto { width:auto; }
.form-control:hover,
.form-control:focus { border: 1px solid var(--color-orange); outline:none; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
textarea.form-control { padding: .6rem; font-size:13px; line-height:1.6; margin-bottom:10px; }
select.form-control { height:30px; border: 1px solid #888; border-radius: 2px; }
.table-style textarea.form-control { margin-bottom:0; }

/* checkbox */
.checkbox-fade, .checkbox-zoom { display: inline-block; margin-right:1rem; }
.checkbox-fade:last-child,
.checkbox-zoom:last-child { margin-right:0; }
.checkbox-fade label, .checkbox-zoom label { line-height: 20px; vertical-align:top; }
.checkbox-fade label input[type="checkbox"],
.checkbox-fade label input[type="radio"],
.checkbox-zoom label input[type="checkbox"],
.checkbox-zoom label input[type="radio"] { display: none; }
.checkbox-fade label input[type="checkbox"]:checked + .icon > i,
.checkbox-fade label input[type="radio"]:checked + .icon > i,
.checkbox-zoom label input[type="checkbox"]:checked + .icon > i,
.checkbox-zoom label input[type="radio"]:checked + .icon > i { transform: scale(1) rotateZ(0deg); opacity: 1; }
.checkbox-fade label input[type="checkbox"] + .icon > i,
.checkbox-fade label input[type="radio"] + .icon > i,
.checkbox-zoom label input[type="checkbox"] + .icon > i,
.checkbox-zoom label input[type="radio"] + .icon > i { transform: scale(3) rotateZ(-20deg); opacity: 0; transition: all 0.3s ease-in; }
.checkbox-fade label:after, .checkbox-zoom label:after { content: ''; display: table; clear: both; }
.checkbox-fade.fade-in-disable .icon,
.checkbox-fade.fade-in-disable label, .checkbox-zoom.fade-in-disable .icon,
.checkbox-zoom.fade-in-disable label { color: #ccc; cursor: no-drop; }
.checkbox-fade .icon,
.checkbox-zoom .icon { border-radius: 0; border: 0.125rem solid var(--color-orange); cursor: pointer; display: inline-block; float: left;
	height: 20px; margin-right: 0.5em; position: relative; width: 20px; }
.checkbox-fade .icon i,
.checkbox-zoom .icon i { color: var(--color-orange); font-size: 0.9em; left: 0; line-height: 0;
	position: absolute; right: 0; text-align: center; top: 50%; font-weight:900; }
.checkbox-fade label input[type="checkbox"],
.checkbox-fade label input[type="radio"] { display: none; }
.checkbox-fade label input[type="checkbox"]:checked + .icon > i,
.checkbox-fade label input[type="radio"]:checked + .icon > i { transform: scale(1) rotateZ(0deg); opacity: 1; }
.checkbox-fade label input[type="checkbox"] + .icon > i,
.checkbox-fade label input[type="radio"] + .icon > i { transform: scale(3) rotateZ(-20deg); opacity: 0; transition: all 0.3s ease-in; }
.checkbox-fade.fade-in-gray .icon, .checkbox-fade.zoom-gray .icon, .checkbox-zoom.fade-in-gray .icon, .checkbox-zoom.zoom-gray .icon { border-color: #e0e0e0; }
.checkbox-fade.fade-in-gray .icon i, .checkbox-fade.zoom-gray .icon i, .checkbox-zoom.fade-in-gray .icon i, .checkbox-zoom.zoom-gray .icon i { color: #e0e0e0; }
.checkbox-fade.fade-in-blue .icon, .checkbox-fade.zoom-blue .icon, .checkbox-zoom.fade-in-blue .icon, .checkbox-zoom.zoom-blue .icon { border-color: #4680ff; }
.checkbox-fade.fade-in-blue .icon i, .checkbox-fade.zoom-blue .icon i, .checkbox-zoom.fade-in-blue .icon i, .checkbox-zoom.zoom-blue .icon i { color: #4680ff; }
.checkbox-fade.fade-in-yellow .icon, .checkbox-fade.zoom-yellow .icon, .checkbox-zoom.fade-in-yellow .icon, .checkbox-zoom.zoom-yellow .icon { border-color: #FFB64D; }
.checkbox-fade.fade-in-yellow .icon i, .checkbox-fade.zoom-yellow .icon i, .checkbox-zoom.fade-in-yellow .icon i, .checkbox-zoom.zoom-yellow .icon i { color: #FFB64D; }
.checkbox-fade.fade-in-pink .icon, .checkbox-fade.zoom-pink .icon, .checkbox-zoom.fade-in-pink .icon, .checkbox-zoom.zoom-pink .icon { border-color: #FC6180; }
.checkbox-fade.fade-in-pink .icon i, .checkbox-fade.zoom-pink .icon i, .checkbox-zoom.fade-in-pink .icon i, .checkbox-zoom.zoom-pink .icon i { color: #FC6180; }
.checkbox-fade.fade-in-green .icon, .checkbox-fade.zoom-green .icon, .checkbox-zoom.fade-in-green .icon, .checkbox-zoom.zoom-green .icon { border-color: #93BE52; }
.checkbox-fade.fade-in-green .icon i, .checkbox-fade.zoom-green .icon i, .checkbox-zoom.fade-in-green .icon i, .checkbox-zoom.zoom-green .icon i { color: #93BE52; }
.checkbox-fade.fade-in-sky .icon, .checkbox-fade.zoom-sky .icon, .checkbox-zoom.fade-in-sky .icon, .checkbox-zoom.zoom-sky .icon { border-color: #62d1f3; }
.checkbox-fade.fade-in-sky .icon i, .checkbox-fade.zoom-sky .icon i, .checkbox-zoom.fade-in-sky .icon i, .checkbox-zoom.zoom-sky .icon i { color: #62d1f3; }
.checkbox-fade.fade-in-inverse .icon, .checkbox-fade.zoom-inverse .icon, .checkbox-zoom.fade-in-inverse .icon, .checkbox-zoom.zoom-inverse .icon { border-color: #303548; }
.checkbox-fade.fade-in-inverse .icon i, .checkbox-fade.zoom-inverse .icon i, .checkbox-zoom.fade-in-inverse .icon i, .checkbox-zoom.zoom-inverse .icon i { color: #303548; }

/* radio */
.form-radio { position: relative; display:inline-block; margin-right:1rem; }
.form-radio:last-child { margin-right:0; }
.form-radio .form-help { position: absolute; width: 100%; }
.form-radio label { position: relative; padding-left: 1.25rem; text-align: left; color: #333; display: block; line-height: 1.8; }
.form-radio input { width: auto; opacity: 0; position: absolute; left: 0; }
.radio-style .helper { position: absolute; top: -0.15rem; left: -0.25rem; cursor: pointer; display: block; font-size: 1rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #999; }
.radio-style .helper::after,
.radio-style .helper::before { content: ''; position: absolute; left: 0; top: 2px; margin: 0.25rem; width: 1rem; height: 1rem; border-radius: 50%; border: 0.125rem solid var(--color-orange); background-color:#fff;
	-webkit-transition: -webkit-transform 0.28s ease; transition: -webkit-transform 0.28s ease; transition: transform 0.28s ease, -webkit-transform 0.28s ease; }
.radio-style .helper::after { transform: scale(0); background-color: var(--color-orange); border-color: var(--color-orange); }
.radio-style label:hover .helper { color: var(--color-orange); }
.radio-style input:checked ~ .helper::after { transform: scale(0.5); }
.radio-style input:checked ~ .helper::before { color: var(--color-orange); }
.radio-style.radiofill input:checked ~ .helper::after { transform: scale(1); }
.radio-style.radiofill .helper::after { background-color: var(--color-orange); }
.radio-style.radio-disable { opacity: 0.7; }
.radio-style.radio-disable label { cursor: not-allowed; }
.radio-inline { display: inline-block; margin-right: 20px; }
.table-style .form-radio { padding-top:.125em; }

/* table */
.table-style { width: 100%; max-width: 100%; margin-bottom: 1rem; background-color: transparent; border-bottom: 1px solid #ddd; }
.table-style td, .table-style th { padding: .75rem 1rem; vertical-align: middle !important; border-top: 1px solid #ddd; }
.table-style th { background-color:rgba(0,0,0,.025); font-weight:600; }
.table-style td .tit { font-weight:500; position:relative; }
.table-style td .dept { color:#a1a8c1; }
.table-style th,
.table-style td { border-right: 1px dashed #eee; }
.table-style th:last-child,
.table-style td:last-child { border-right: none; }
.table-style strong { font-weight:500; }
.table-style tfoot { border-top:2px solid #ddd; }
.table-style tfoot td { font-weight:500; }
.table-style .tr_wrap { width: 100%; display:flex; flex-wrap:wrap; }
.table-style .tr_wrap .tr { display:flex; width:100%; border-top: 1px solid #ddd; }
.table-style .tr_wrap .tr.col2 { width:50%; }
.table-style .tr_wrap .tr.col3,
.table-style .tr_wrap .tr.col6 { width:33.3333%; }
.table-style .tr_wrap .tr.col4 { width:25%; }
.table-style .tr_wrap .tr .th { padding: 0 1rem; display:flex; align-items:center; background-color:rgba(0,0,0,.025); font-weight:600; }
.table-style .tr_wrap .tr .td { padding:.75rem 1rem; }
.table-style .tr_wrap .tr .td p + p { margin-top:10px; }
#item_order.table-style .tr_wrap .tr .th { width:8rem; }
#item_order.table-style .tr_wrap .tr .td { width:calc(100% - 8rem); } 
.table-respon td { text-align:center; }
.table-respon .flex { display:flex; align-items:center; justify-content:center; gap:10px; text-align:left; }

@media only screen and (max-width: 1150px){
	.table-style td .dept { display:block; }
	.table-style .tr_wrap .tr.col4,
	.table-style .tr_wrap .tr.col6 { width:50%; }
}
@media only screen and (max-width: 960px) {
	.table-style td, .table-style th { padding: .5rem; }
	.table-style td .dept { display:none; }
	.table-style .tr_wrap { display:block; }
	.table-style .tr_wrap .tr { width:100% !important; }
	.table-style .tr_wrap .tr .th,
	.table-style .tr_wrap .tr .td { padding: .5rem; }
	#item_order.table-style .tr_wrap .tr .th { width:7rem; }
	#item_order.table-style .tr_wrap .tr .td { width:calc(100% - 7rem); }

	/* Force table to not be like tables anymore */
	table.table-respon, .table-respon thead, .table-respon tbody, .table-respon th, .table-respon td, .table-respon tr { display: block; }	
	/* Hide table headers (but not display: none;, for accessibility) */
	.table-respon thead tr { position: absolute; top: -9999px; left: -9999px; }
	.table-respon tr { border-top: 1px solid #ddd; }
	.table-respon tr:first-child { display:none; }
	.table-respon td { /* Behave  like a "row" */ border: none; border-bottom: 1px solid #ddd; position: relative; padding-left: 8.75rem; text-align:left; }
	.table-respon td:before { /* Now like a table header */ position: absolute;
		/* Top/left values mimic padding */
		display:flex; align-items:center; top:0; left: 0; width: 8.25rem; height:100%; padding: 0.5rem; white-space: nowrap; background-color: rgba(0,0,0,.025); font-weight: 600; }
	.table-respon td:last-child { border-bottom:0; }	
	/* Label the data */
	.table-respon td:nth-of-type(1):before { content: "상품/옵션정보"; }
	.table-respon td:nth-of-type(2):before { content: "가입정보"; }
	.table-respon td:nth-of-type(3):before { content: "요금제"; }
	.table-respon td:nth-of-type(4):before { content: "유심비"; }
	.table-respon td:nth-of-type(5):before { content: "제휴/기타할인"; }
	.table-respon td:nth-of-type(6):before { content: "배송비"; }
	.table-respon td:nth-of-type(7):before { content: "할부원금"; }
	.table-respon .flex { justify-content: start; }
}
@media all and (max-width:480px) {
	.table-respon .flex { display:block; }
}

/* --- 꿀팁게시판 디렉토리 --- */

.sub-content-board { display: flex; justify-content: space-between; }
.sub-content-board .directory-list { width:calc(100% - 880px); border:1px solid #ccc; padding:15px; }
.sub-content-board .board-list,
.sub-content-board .board-contents { width:840px; }
.directory ul { margin-left: 9px; padding-left: 18px; border-left: 1px dashed #ddd; }
.directory li { list-style: none; color: #888; font-size: 14px; line-height: 30px; }
.directory a { border-bottom: 1px solid transparent; color: #888; text-decoration: none; transition: all 0.2s ease; }
.directory a:hover { border-color: #eee; color: #000; }
.directory .folder,
.directory .folder > a { color: #666; }
.directory .folder > ul { display:none; }
.directory li:before { margin-right:3px; font-size:20px; vertical-align: -3px; color:#666;
	/* file icon by default */ content:'\ea80'; font-family: xeicon; }
.directory li.on:before {
	/* file icon by active */ content:'\ea94'; color:var(--color-orange); }
.directory li.all:before {
	/* all icon by default */ content:'\e9c2'; }
.directory li.all.on:before {
	/* all icon by active */ content:'\e9c2'; color:var(--color-orange); }
.directory li.folder:before {
	/* folder icon if folder class is specified, closed */ content:'\eaa1'; }
.directory li.folder.active:before {
	/* folder icon if folder class is specified, opened */ content:'\eaa8'; color:var(--color-yellow); }
@media all and (max-width:1150px) {
	.sub-content-board { display:block; width:100%; }
	.sub-content-board .directory-list { width:100%; margin-bottom:20px; padding:12px; }
	.sub-content-board .board-list,
	.sub-content-board .board-contents { width:100%; }
	.directory ul { margin-left: 8px; padding-left: 16px; }
	.directory li { font-size:12px; line-height: 24px; }
	.directory li:before { font-size:18px; vertical-align:-2.5px; }
}

/* --- .item_prd_list --- */

.item_prd_list > ul { display:flex; flex-wrap:wrap; margin: 0 -5px; }
.item_prd_list > ul > li { width: 25%; padding: 0 5px; margin-bottom: 10px; }
.item_prd_list > ul > li > a { display:block; padding:20px; border-radius: 10px; border: 1px solid #d7d7d7; }
.item_prd_list .brand { margin-bottom:10px; }
.item_prd_list .brand img { height:24px; }
.item_prd_list .product { margin-bottom:10px; }
.item_prd_list .product img { width:100%; }
.item_prd_list .item_info .title { font-size:1.25em; margin-bottom:5px; word-break: break-all; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.item_prd_list .item_info .price { display:flex; justify-content:space-between; align-items:flex-end; }
.item_prd_list .item_info .price em { color:#777 }
.item_prd_list .item_info .price strong { font-size:1.5em; }
.item_prd_list .item_info .price.month { color:var(--color-orange) }
@media all and (max-width:960px) {
	.item_prd_list > ul > li { width: 50%; }
	.item_prd_list .item_info .title { font-size:14px; }
	.item_prd_list .item_info .price { font-size:12px; }
}
@media all and (max-width:480px) {
	.item_prd_list > ul > li { width: 100%; }
}

/* --- .item_prd_view --- */

.item_prd_view .item_prd_location { margin-bottom:40px; }
.item_prd_view .item_prd_location a,
.item_prd_view .item_prd_location span { position:relative; display:inline-block; color:#888; margin-right:2em; }
.item_prd_view .item_prd_location a:before,
.item_prd_view .item_prd_location span:before { content: '\e93e'; color:#ddd; font-family: xeicon; position: absolute; left: -1em; top: 50%; transform: translate(-50%,-50%); }
.item_prd_view .item_prd_location .home:before { display:none; }
.item_prd_view .item_prd_location a:hover { color:var(--color-orange); }
.item_prd_view .item_prd_location .current { color:#222; }

.item_prd_view .item_prd_top { display:flex; justify-content: space-between; margin-bottom:40px; }
.item_prd_view .item_prd_top .prd_img { width:calc(100% - 440px); }
.item_prd_view .item_prd_top .prd_img .prd_img_slider { position:sticky; top:65px; }
.prd_img_slider { display:flex; flex-direction: row-reverse; justify-content: space-between; }
.prd_img_slider .prd_img_thumb { width:128px; padding:30px 0; position:relative; }
.prd_img_slider .prd_img_thumb .slick-arrow { left: 50%; right:auto; transform: translate(-50%, 0); }
.prd_img_slider .prd_img_thumb .slick-arrow.slick-prev { top:5px; bottom:auto; }
.prd_img_slider .prd_img_thumb .slick-arrow.slick-next { bottom:5px; top:auto; }
.prd_img_slider .prd_img_thumb .slick-arrow:before { font-family: xeicon; font-size: 20px; line-height: 1; opacity: .25; color: #000; -webkit-font-smoothing: antialiased; transition: all 0.2s ease; }
.prd_img_slider .prd_img_thumb .slick-arrow.slick-prev:before {content: '\e944'; }
.prd_img_slider .prd_img_thumb .slick-arrow.slick-next:before {content: '\e941'; }
.prd_img_slider .prd_img_thumb .slick-arrow:hover:before { opacity: .75; }
.prd_img_slider .prd_img_thumb .slick-list { height:auto; margin: -.5em 0; }
.prd_img_slider .prd_img_thumb .slick-slide { border:1px solid rgba(221, 221, 221,0.25); border-radius:0.5em; margin: .5em 0; }
.prd_img_slider .prd_img_thumb .slick-slide.slick-current { border-color:rgba(221, 221, 221,1); }
.prd_img_slider .prd_img_thumb .slick-slide img { opacity: .5; }
.prd_img_slider .prd_img_thumb .slick-slide.slick-current img { opacity: 1; }
.prd_img_slider .prd_img_view { /*width:calc(100% - 128px - 20px);*/ width:100% }
.prd_img_slider .prd_img_view .slick-list,
.prd_img_slider .prd_img_view .slick-track,
.prd_img_slider .prd_img_view .slick-slide { height:100%; }
.prd_img_slider .prd_img_view .slick-slide img { width:100%; height:100%; background-color:var(--color-bg); border-radius:0.5em; overflow: hidden; object-fit: cover; }
.prd_img_slider .prd_img_view li { text-align:center; }

.item_prd_view .item_prd_top .prd_info { width:420px; border:1px solid #ddd; border-radius:0.5em; padding:20px 20px 30px; }
.item_prd_view .item_prd_top .prd_info .title { font-size:2em; }
.item_prd_view .item_prd_top .prd_info article { padding-bottom:15px; border-bottom: 1px dashed #ddd; margin-bottom:15px; }
.item_prd_view .item_prd_top .prd_info article:last-child { padding-bottom:0; border-bottom:none; margin-bottom:0; }
.item_prd_view .item_prd_top .prd_info article h3 { font-size:1.25em; font-weight:600; margin-bottom:10px; }
.item_prd_view .item_prd_top .prd_info .flex_half { display:flex; justify-content: space-between; margin-bottom:10px; }
.item_prd_view .item_prd_top .prd_info .flex_half > div,
.item_prd_view .item_prd_top .prd_info .flex_half > a,
.item_prd_view .item_prd_top .prd_info .flex_half > button { width:calc(50% - 5px); }
.item_prd_view .item_prd_top .prd_info .flex_half .item-option-price { display:flex; align-items:flex-end; }
.item_prd_view .item_prd_top .prd_info #sit_title { font-size: 2em; font-weight:700; margin-bottom:0; }
.item_prd_view .item_prd_top .prd_info .btn_unit { width:100%; font-size: 15px; height: 40px; line-height: 38px; }
.item_prd_view .item_prd_top .prd_info .sit_price { margin:0; } 
.item_prd_view .item_prd_top .prd_info .sit_price .price span { font-size:14px; }
.item_prd_view .item_prd_top .prd_info small { font-weight:normal; font-size:12px; color:#888; }
.item_prd_view .item_prd_top .prd_info .red { color:red; }

/* option */
.item-option-choice,
.item-option-price { padding: 15px 20px; background-color:var(--color-bg); border-radius: 0.5em; box-sizing: border-box; }
.item-option-choice table,
.item-option-price table { width:100%; }
.item-option-choice th, .item-option-price th,
.item-option-choice td, .item-option-price td { padding:5px 0; }
.item-option-choice th, .item-option-price th { text-align:left; padding-right:15px; font-weight:normal; min-width:5.25em; }
.item-option-price .total { border-top:2px solid #fff; }
.item-option-price .right { font-family:'Roboto', 'noto', sans-serif; font-size:14px; text-align:right; }
.item-option-price .red { color:red; }
.item-option-price .bold { font-weight:600; }
.item-option-price .price { color:var(--color-orange); font-size:16px; }
.item-option-choice .select-txt,
.item-option-price .price-txt { margin-top:5px; font-size:12px; color:#888; }

/* tab */
.tab-nav-wrap { width: 100%; display: flex; flex-flow: row nowrap; justify-content: space-between; margin-bottom: 30px; }
.tab-nav-wrap .tab-nav { flex:1; border: 1px solid #ddd; border-left: 0; padding: .5em; text-align:center; font-size:15px; 
	display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; transition: all 0.15s ease-in-out; cursor: pointer; }
.tab-nav-wrap .tab-nav:first-of-type { border-left: 1px solid #ddd; }
.tab-nav-wrap .tab-nav.current { background-color:var(--color-orange); color:#fff; }
.tab-cont-wrap { width: 100%; position: relative; }
.tab-cont-wrap .tab-cont { display: none; width: 100%; }
.tab-cont-wrap .tab-cont.current { display: inherit; }

@media all and (max-width:1150px) {
	.item_prd_view .item_prd_location { margin-bottom:20px; }
	.item_prd_view .item_prd_top { margin-bottom:20px; }
	.prd_img_slider .prd_img_view { width:100%; }
	.prd_img_slider .prd_img_thumb { display:none; }
}
@media all and (max-width:960px) {
	.item_prd_view .item_prd_top { display:block; }
	.item_prd_view .item_prd_top .prd_img { width:100%; }
	.item_prd_view .item_prd_top .prd_info { width:100%; }
	.item-option-choice th { width:6em; }
}
@media all and (max-width:480px) {
	.item_prd_view .item_prd_top .prd_info { padding:10px 10px 15px; }
	.item_prd_view .item_prd_top .prd_info article .flex_half { display:block; }
	.item_prd_view .item_prd_top .prd_info article .flex_half .item-option-price { width:100%; }
	.item_prd_view .item_prd_top .prd_info article .flex_half .item-option-price ~ .item-option-price { margin-top:10px; }
	.item-option-choice, .item-option-price { padding:10px; }
	.tab-nav-wrap .tab-nav { font-size:13px; }
}

/* .item_prd_view.ver2 */
.item_prd_view.ver2 .prd_img_slider .prd_img_view li { background-color:var(--color-bg); }
.item_prd_view.ver2 .item_prd_title #sit_title { font-family:var(--font-unique); font-weight:700; font-size: 2rem; margin-bottom: 15px; }
.item_prd_view.ver2 .item_prd_top .prd_img { width:413px; }
.item_prd_view.ver2 .item_prd_top .prd_info { width:312px; border:none; padding:0;}
.item_prd_view.ver2 .item_prd_top .prd_info article { padding:0; border:0; margin-bottom:24px; }
.item_prd_view.ver2 .item_prd_top .prd_info article:last-child { margin-bottom:0; }
.item_prd_view.ver2 .item_prd_top .prd_info article h3 { font-size: 1rem; /*font-family:var(--font-text); font-weight:700;*/ font-family:var(--font-title); font-weight:lighter; }
.item_prd_view.ver2 .item_prd_top .prd_info small { font-family:var(--font-unique); }
.item_prd_view.ver2 .item_prd_top .prd_info .btn_box { display:flex; flex-direction:column; gap:10px; }
.item_prd_view.ver2 .item_prd_top .prd_info .btn_unit { border-width:2px; height:48px; padding:4px 15px 0;
	font-family:var(--font-unique); font-weight:500; font-size:18px; color:#222; border-radius:100px; }
.item_prd_view.ver2 .item_prd_top .prd_info .btn_unit.tip { position:relative; margin-top:25px; }
.item_prd_view.ver2 .item_prd_top .prd_info .btn_unit.tip span { position:absolute; top:-30px; left:50%; transform:translateX(-50%);
	background:#595959; border-radius:10px; width:220px; padding:6px 0 4px; font-size:12px; line-height:1; color:#fff; }
.item_prd_view.ver2 .item_prd_top .prd_info .btn_unit.tip span:after { content: '\e936'; color:#595959; font-family: xeicon;
	position: absolute; left:50%; bottom:-1.5rem; transform: translate(-50%,-35%); font-size: 1.5rem; }
.item_prd_view.ver2 .select-box select,
.item_prd_view.ver2 a.btn_unit,
.item_prd_view.ver2 .btn_unit { border-radius:5px; }
.item_prd_view.ver2 .select-button li,
.item_prd_view.ver2 .select-color li { margin: 0 10px 10px 0; }
.item_prd_view.ver2 .select-color.circle li { text-align:center; }
.item_prd_view.ver2 .select-color.circle .radio { width:auto; height:auto; position:relative; overflow: visible; padding-bottom:0.5em; }
.item_prd_view.ver2 .select-color.circle .radio label { border-radius:50%; border-color:#aaa; width:30px; height:30px; }
.item_prd_view.ver2 .select-color.circle .radio label span { border-radius:50%; }
.item_prd_view.ver2 .select-color.circle .radio small { position:absolute; bottom:0; left:50%; transform:translate(-50%,90%) }
.item_prd_view.ver2 .select-button li { position:relative; }
.item_prd_view.ver2 .select-button .modal_open.gift { background: linear-gradient(to right, var(--color-orange), var(--color-point));
	position:absolute; top:-35px; left:-17.5px; color:#fff; font-size:1.5rem; width:40px; height:40px; 
	display:flex; align-items:center; justify-content:center; border-radius:50px; border-bottom-left-radius:0; }
.item_prd_view.ver2 .select-button .radio,
.item_prd_view.ver2 .select-button .check { height:auto; }
.item_prd_view.ver2 .select-button .radio label,
.item_prd_view.ver2 .select-button .check label { font-family:var(--font-unique); font-weight:500; font-size:14px; padding:2px 15px 0; line-height:30px; border-radius: 5px; min-width:90px; text-align:center; }
.item_prd_view.ver2 .select-button .radio label:before,
.item_prd_view.ver2 .select-button .check label:before { display:none; }
.item_prd_view.ver2 .select-button .radio label,
.item_prd_view.ver2 .select-button .check label,
.item_prd_view.ver2 .select-button .radio input[type="radio"] + label,
.item_prd_view.ver2 .select-button .check input[type="checkbox"] + label { border-color:#aaa; background-color:var(--color-bg); }
.item_prd_view.ver2 .select-color.circle .radio input[type="radio"] ~ small { color:transparent; }
.item_prd_view.ver2 .select-button .radio input[type="radio"]:hover + label,
.item_prd_view.ver2 .select-button .check input[type="checkbox"]:hover + label,
.item_prd_view.ver2 .select-color.circle .radio input[type="radio"]:hover + label { border-color:#888; background-color:#fff; color:#222; }
/*.item_prd_view.ver2 .select-color.circle .radio input[type="radio"]:hover ~ small { color:#aaa; }*/
.item_prd_view.ver2 .select-button .radio input[type="radio"]:checked + label,
.item_prd_view.ver2 .select-button .check input[type="checkbox"]:checked + label,
.item_prd_view.ver2 .select-color.circle .radio input[type="radio"]:checked + label { border-color: var(--color-point); background-color:#fff; color:var(--color-point); }
.item_prd_view.ver2 .select-color.circle .radio input[type="radio"]:checked ~ small { color:#888; }
.item_prd_view.ver2 .select-box { position: relative; border:1px solid #aaa; border-radius: 0.5em; }
.item_prd_view.ver2 .select-box select { border-color:#aaa; font-family:var(--font-unique); font-weight:500; font-size:14px; line-height: 30px;
	padding: 2px 15px 0; padding-right:30px; border-radius: 5px; }
.item_prd_view.ver2 .select-box:after { right:7px; font-size:1.5em; }
/* --- custom-select --- */
.custom-select select,
.custom-select:after { display: none; /*hide original SELECT element: */ }
.select-selected { background-color: #fff; color:#222 !important; border-radius: 0.5em; }
/* Style the arrow inside the select element: */
.select-selected:after { content: ""; position: absolute; top: 14px; right: 12px; width: 0; height: 0; border: 6px solid transparent; border-color: #222 transparent transparent transparent; }
/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after { border-color: transparent transparent #222 transparent; top: 7px; }
/* style the items (options), including the selected item: */
.select-items div,
.select-selected { font-family:var(--font-unique); font-weight:500; font-size:14px; color: #fff; padding: 2px 15px 0; padding-right:30px; line-height: 30px; cursor: pointer;
	border: 1px solid transparent; border-color: transparent transparent rgba(255,255,255, 0.25) transparent; }
/* Style items (options): */
.select-items { position: absolute; background-color: #666; top: 100%; left: 0; right: 0; z-index: 99; max-height:calc((34px * 5) + 17px); overflow-y:auto; border-radius: 0.5em; }
.select-items::-webkit-scrollbar { width: 6px;  /* 스크롤바의 너비 */ }
.select-items::-webkit-scrollbar-thumb { height: 30%; /* 스크롤바의 길이 */ background:var(--color-orange); /* 스크롤바의 색상 */ border-radius:6px; }
.select-items::-webkit-scrollbar-track { background:#000; /*스크롤바 뒷 배경 색상*/ }
/* Hide the items when the select box is closed: */
.select-hide { display: none; }
.select-items div:hover { background-color:#222; }
.same-as-selected {	background-color:var(--color-point); }
/* --- custom-select --- */
.item_prd_view.ver2 .item-option-choice,
.item_prd_view.ver2 .item-option-price { padding:0; border:1px solid #aaa; }
.item_prd_view.ver2 .item-option-choice + .item-option-choice,
.item_prd_view.ver2 .item-option-price + .item-option-price { margin-top:10px; }
.item_prd_view.ver2 .item-option-choice .select-box { border:0; border-bottom-left-radius:0; border-bottom-right-radius:0; }
.item_prd_view.ver2 .item-option-choice .select-box select { border:0; border-bottom-left-radius:0; border-bottom-right-radius:0; }
.item_prd_view.ver2 .item-option-choice .select-txt,
.item_prd_view.ver2 .item-option-price .price-txt { font-family: var(--font-unique); font-weight: 500; font-size:12px; line-height:1.5; padding:10px 15px; margin-top:0; }
.item_prd_view.ver2 .item-option-price .price-txt { background:#fff; padding-top:5px; border-bottom-left-radius: 0.5em; border-bottom-right-radius: 0.5em; }
.item_prd_view.ver2 .item-option-price dl { display:flex; justify-content:space-between; align-items:center;
	font-family:var(--font-unique); font-weight:500; font-size:14px; padding:10px 15px; }
.item_prd_view.ver2 .item-option-price .point { color: var(--color-point); }
.item_prd_view.ver2 .item-option-price dd .point { font-size:1.125em; }
.item_prd_view.ver2 .item-option-price .total { border:0; background:#fff; padding:15px; border-bottom-left-radius: 0.5em; border-bottom-right-radius: 0.5em; }
.item_prd_view.ver2 .item-option-price .total dd{ font-size:1.25em; }
.item_prd_view.ver2 .item-option-price .right { font-family:var(--font-unique); font-weight:500; font-size:14px; }
.item_prd_view.ver2 .item-option-price dt.bold { font-family:var(--font-title); font-weight: lighter !important; font-size: 1rem; }

@media all and (max-width:1150px) {
	.item_prd_view.ver2 .item_prd_top { flex-wrap:wrap; gap:20px; }
	.item_prd_view.ver2 .item_prd_top .prd_img { flex:1 1 100%; }
	.item_prd_view.ver2 .item_prd_top .prd_info { width:calc((100% - 20px) /2); }
	.item_prd_view.ver2 .item_prd_top .prd_info article { margin-bottom:20px; }
}
@media all and (max-width:960px) {
	.item_prd_view.ver2 .item_prd_top { display:flex; justify-content: space-between; flex-wrap:wrap; }
}
@media all and (max-width:670px) {
	.item_prd_view.ver2 .item_prd_top .prd_info { flex:1 1 100%; }
}

.flex-wrap { display:flex; flex-wrap:wrap; justify-content:center; margin:-10px -10px 10px; }
.flex-wrap .flex-box { padding:10px; }
.flex-wrap.col2 .flex-box { flex: 1 1 50%; }
.flex-wrap.col3 .flex-box { flex: 1 1 33.3333%; }
.flex-wrap.col4 .flex-box { flex: 1 1 25%; }
.flex-wrap.col5 .flex-box { flex: 1 1 20%; }

@media all and (max-width:670px) {
	.flex-wrap.col4 .flex-box { flex: 1 1 33.3333%; }
}

/* --- .item_prd_order --- */

.item_prd_order article { margin:2rem 0; }
.item_prd_order h3 { font-size: 24px; font-weight: 600; line-height: 1.4; position: relative; margin-bottom:1rem; border-left: 4px solid var(--color-orange); padding-left: .3em; }
.item_prd_order .consent { width:100%; padding: 1rem; background-color:var(--color-bg); word-break: normal; white-space: pre-line; border-radius: 3px; overflow-y:scroll; max-height:7rem; }
.item_prd_order .consent + .checkbox-fade { margin-top:0.5rem; }
.item_prd_order .gridbox { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 1fr 90px; grid-gap:10px; gap:10px; }
.item_prd_order .gridbox .grid { border: 1px solid #ddd; border-radius: 0.5em; padding: 1rem; }
.item_prd_order .gridbox .grid:nth-child(3) .item-total-price b,
.item_prd_order .gridbox .grid:nth-child(4) .item-total-price b,
.item_prd_order .gridbox .grid:nth-child(5) .item-total-price b { color: var(--color-orange); }
.item_prd_order .gridbox .grid:nth-child(5) { grid-column: 1 / 5; display:flex; align-items:center; justify-content:center; border-color: var(--color-orange); }
.item_prd_order .gridbox .grid h4 { font-size: 1.25em; font-weight: 600; text-align:center; }
.item_prd_order .gridbox .grid .item-option-price { min-height:177px; }
.item-total-price { font-size:24px; text-align:center; margin-bottom:10px; }
.item_prd_order .gridbox .grid:nth-child(5) .item-total-price { margin-bottom:0; }
.item_prd_order .small { text-align:right; margin-top:5px; font-size: 0.9em; color:#888; }

@media all and (max-width:1150px) {
	.item_prd_order .gridbox { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr 90px; }
	.item_prd_order .gridbox .grid:nth-child(3) { grid-column: 1 / 2; grid-row: 2 / 3; }
	.item_prd_order .gridbox .grid:nth-child(4) { grid-column: 2 / 3; grid-row: 2 / 3; }
	.item_prd_order .gridbox .grid:nth-child(5) { grid-column: 1 / 3; grid-row: 3 / 4; }
}
@media all and (max-width:770px) {
	.item_prd_order h3 { font-size:18px; }
	.item_prd_order .gridbox { display:block; }
	.item_prd_order .gridbox .grid + .grid { margin-top: 10px; }
	.item_prd_order .gridbox .grid .item-option-price { min-height:auto; }
	.item_prd_order .consent { padding:0.5rem; }
}
@media all and (max-width:480px) {
	.item_prd_order .small { text-align:left; }
}

/* item order mobile */
.container.order { }
.container.order .item_prd_order .h2 { position:relative; padding-right:140px; }
.container.order .item_prd_order .h2:after { content:''; display:block; position:absolute; top:-40px; right:0; width:140px; height:140px; background:url('../img/sub/img_order_phone.png') no-repeat center center / contain; }
.container.order .item_prd_order .img_top { margin-left:-20px; margin-right:-20px; border-top:0.5em solid var(--color-orange); }
.container.order .item_prd_order .form-control { border-radius:5px; }
.container.order .item_prd_order .list_ul li,
.container.order .item_prd_order .list_agree li { font-size:14px; }
.container.order .item_prd_order .list_ul li { position:relative; margin-left: 0.5em; }
.container.order .item_prd_order .list_ul li:before { content: ''; position: absolute; left: -0.5em; top: 0.75em; width: 2px; height: 2px; background:gray; }
.container.order .item_prd_order .list_ul li + li { margin-top:0.5em; }
.container.order .item_prd_order .list_agree li { display:flex; align-items:center; }
.container.order .item_prd_order .list_agree li + li { margin-top:0.75em; }
.container.order .item_prd_order .list_agree .line { padding-bottom:1em; border-bottom:1px solid #ddd; }
.container.order .item_prd_order .list_agree .line + li { margin-top:1em; }
.container.order .item_prd_order .list_agree .modal_open { color:gray; }
.container.order .item_prd_order .list_agree .modal_open:hover { color:var(--color-orange); }
.container.order .modal-fade.open { overflow-y: hidden; }
 @media all and (max-width:1080px) {
	.container.order { padding:2rem 0; }
	.container.order .item_prd_order .h2:after { top:-2rem; }
	.container.order .item_prd_order .list_ul li,
	.container.order .item_prd_order .list_agree li { font-size:13px; }
}
@media all and (max-width:770px) {
	.container.order .item_prd_order .h2 { padding-right:120px; }
	.container.order .item_prd_order .h2:after { width:100px; height:100px; top:-1.5rem; }
}

/* --- .phone-search --- */

.phone-search h2,
.phone-search .select-btns,
.phone-search .loading,
.phone-search .progress { width:100%; margin:0 auto 40px; }
.phone-search h2,
.phone-search .select-btns,
.phone-search .loading { max-width:400px; }
.phone-search .progress { max-width:480px; }
.phone-search h2,
.phone-search .loading,
.phone-search .progress { text-align: center !important; }
.phone-search .select-btns li { width:100%; padding:5px 0; }
.phone-search .phone-btn { display: inline-block; vertical-align: middle; width: 100%; padding: 1em 0; 
	color: #222; text-align: center; font-size: 18px; font-weight: 600;
	background: var(--color-yellow); border-radius: .5rem; transition: all ease-in-out .15s; }
.phone-search .phone-btn:hover{	background:var(--color-orange); color:#fff; }
.phone-search .progress .count { font-size:.9rem;  }
.phone-search .progress .btn-back { background:none; }
.phone-search .progress .bar { width: 100%; height: 10px; background: #eee; border-radius: 5px; overflow: hidden; margin:.25rem; }
.phone-search .progress .bar .progress-bar { display: block; height: 100%; border-radius: 5px; background-image: linear-gradient(90deg, #ffd999 0%, var(--color-orange) 100%); }
.loading-ripple { display: inline-block; position: relative; width: 144px; height: 144px; }
.loading-ripple div { position: absolute; border: 4px solid var(--color-orange); opacity: 1; border-radius: 50%;
	animation: loading-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; }
.loading-ripple div:nth-child(2) { animation-delay: -0.5s; }
@keyframes loading-ripple {
	0%	{ top: 72px; left: 72px; width: 0; height: 0; opacity: 0; }
  4.9%	{ top: 72px; left: 72px; width: 0; height: 0; opacity: 0; }
	5%	{ top: 72px; left: 72px; width: 0; height: 0; opacity: 1; }
  100%	{ top: 0px; left: 0px; width: 144px; height: 144px; opacity: 0; }
}
@media all and (max-width: 1080px) {
	.phone-search h2,
	.phone-search .select-btns,
	.phone-search .loading,
	.phone-search .progress { margin:0 auto 20px; }
}
@media all and (max-width:770px) {
	.phone-search .phone-btn { font-size:1rem; }
}

/* 상품 상세보기 */
#sit {margin:10px 0}
.sit_admin {text-align:right}
.sit_admin a{line-height:35px;padding:0 10px}