@charset "utf-8";
/* TOUN28-SD Team. YMJ. 20230320 */

/* ==================== 공통 ==================== */
/* HTML초기화 */
@import url("new_reset.css"); 

/* 웹폰트 */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css'); /* [최신 브라우저(한글+영문)] 폰트명:Pretendard Variable */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css'); /* [구형 브라우저(한글+영문)] 폰트명:Pretendard */
/* 서체 굵기
100 - Thin
200 - ExtraLight
300 - Light 
400 - Regular 
500 - Medium
600 - SemiBold 
700 - Bold
800 - ExtraBold
900 - Black
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap'); /* 한글-명조] 폰트명:NotoSerifKR */

/* HTML초기화 */
body {-webkit-text-size-adjust:none; -webkit-text-size-adjust:auto; -webkit-text-size-adjust:120%;} 
body, html {width:100%; min-width:320px; height:100%; min-height:667px; margin:0; padding:0; color:#000000; font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-weight:400; background:#fcfaf7;}

/* float */
.fl {float:left;}
.fr {float:right;}

/* font color */
.ft_clr_red    {color:#d92c2c !important;}
.ft_clr_blue   {color:#007afb !important;}
.ft_clr_crew   {color:#10069f !important;}
.ft_clr_orange {color:rgba(255,72,0,1.0) !important;}
.ft_clr_error  {color:#e62e14 !important;}

/* 세로 정렬 */
.ver_al_t {display:grid; align-items:flex-start;}
.ver_al_c {display:grid; align-items:center;}
.ver_al_b {display:grid; align-items:flex-end;}

/* input */
input::placeholder {color:#898989 !important; font-style:13px;}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {-webkit-text-fill-color:#000000; -webkit-box-shadow:0 0 0 30px #ffffff inset; box-shadow:none; transition:background-color 5000s ease-in-out 0s;}
input:autofill, input:autofill:hover,input:autofill:focus,input:autofill:active {-webkit-text-fill-color:#000000; -webkit-box-shadow:none; box-shadow:0 0 0 30px #ffffff inset; transition:background-color 5000s ease-in-out 0s;}
textarea::placeholder {color:#898989; font-style:13px;}

/* video style */
.videoBox video::-webkit-media-controls-fullscreen-button {display:none !important;}/* 전체화면 버튼 */
.videoBox video::-webkit-media-controls-play-button {display:none !important;}/* 일시정지, 재생 버튼 */
.videoBox video::-webkit-media-controls-timeline {display:none !important;}/* 재생 슬라이드 */
.videoBox video::-webkit-media-controls-current-time-display{display:none !important;}/* 현재 진행 시간 */
.videoBox video::-webkit-media-controls-time-remaining-display {display:none !important;}/* 전체 시간 */
.videoBox video::-webkit-media-controls-mute-button {display:none !important;}/* 음소거 버튼 */
.videoBox video::-webkit-media-controls-volume-slider {display:none !important;}/* 볼륨 조절 슬라이드 */
.videoBox video::-webkit-media-controls-fullscreen-button {display:none !important;}/* 전체화면 */

/* skipNav */
.skip a {display:block; overflow:hidden; position:absolute; top:0; left:0; width:1px; height:1px; color:#ffffff; text-align:center; background:#000; z-index:1000;}
.skip a:focus,.skip a:active {position:relative; width:100%; height:auto; padding:10px;}

/* ==================== wrap ==================== */
#wrap {width:100%; min-width:1200px; height:100%;}

/* top banner */
.topBanner {display:block; width:100%; height:30px; color:#ffffff; text-align:center; line-height:28px; vertical-align:top; background:#10069f;}
.topBanner .inner {display:inline-block; clear:both; overflow:hidden; width:1200px; height:100%;}
.topBanner a {color:#ffffff; font-size:12px;}
.topBanner a strong {font-weight:600;}
.topBanner a:hover, .topBanner a:focus {text-decoration:underline;}

/* ==================== header ==================== */
.header {position:relative; height:60px;}
.header .inner {max-width:1200px; height:100%; margin:0 auto; padding:0 20px; text-align:center; box-sizing:border-box;}
.header .inner h1 {float:left;}
.header .inner h1 a {display:block; overflow:hidden; width:120px; height:22px; margin:16px 0 0 0; text-indent:-999px; background:transparent url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/logo_toun28_bk.svg) no-repeat 50% 50%/100% auto;}
.header .inner h1 a img {width:100%;}

/* header-GNB */
.header .gnb {display:inline-block;}
.header .gnb ul.nav {float:left; margin:10px 0 0 0;}
.header .gnb ul.nav li {float:left; margin:0 25px 0 0;}
.header .gnb ul.nav li:last-child {margin:0;}
.header .gnb ul.nav li a {display:block; font-size:15px; font-weight:500; line-height:36px;}
.header .gnb ul.nav li a:hover, .header .gnb ul.nav li a:focus {text-decoration:underline;}
.header .gnb ul.nav li a.disabled {opacity:0.3;  pointer-events:none;}

/* header-utils */
.header .utils {float:right;}
.header .utils ul.nav {float:right; margin:15px 0 0 0;}
.header .utils ul.nav>li {position:relative; float:left; margin:0 12px 0 0;}
.header .utils ul.nav>li:last-child {margin:0;}
.header .utils ul.nav>li>a {display:block; overflow:hidden; width:30px; height:30px; text-align:center; text-indent:-99px;}
.header .utils ul.nav>li>a>span {position:absolute; right:-3px; bottom:-3px; width:20px; height:20px; color:#fcfaf7; font-size:8px; font-weight:300; text-align:center; line-height:20px; letter-spacing:0; text-indent:-1px; border-radius:40px; background:#000000;}
.header .utils ul.nav>li>button {display:block; overflow:hidden; width:30px; height:30px; text-align:center; border:none; text-indent:-99px;}
.header .utils ul.nav>li>button.ico_myPage {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_user_bk.svg") 50% 50% no-repeat; background-size:80%;}
.header .utils ul.nav>li>a.ico_cart {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_cart_bk.svg") 50% 50% no-repeat; background-size:80%;}
.header .utils ul.nav>li>a.ico_login {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_user_bk.svg") 50% 50% no-repeat; background-size:80%;}
.header .utils ul.nav>li>a.ico_login>span {display:none;}
.header .utils ul.nav>li>a.ico_heart {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_heart_bk.svg") 50% 50% no-repeat; background-size:80%;}

.header .utils ul.nav>li .gnb_myBox {display:none; position:absolute; right:0; margin:3px 0 0 0; width:200px; border:1px solid #dee2e6; border-radius:5px; background:#ffffff; transform:translate(42%,0); box-sizing:border-box; box-shadow:0 3px 7px rgba(27,27,27,0.1); z-index:500;}
.header .utils ul.nav>li .gnb_myBox .topBox {clear:both; overflow:hidden; padding:12px 15px 7px 15px; vertical-align:middle;}
.header .utils ul.nav>li .gnb_myBox .topBox .level {float:left; width:44px; height:44px; color:#6c6c6c; font-weight:600; text-align:center; line-height:44px; border-radius:50px; background:#dee2e6;}
.header .utils ul.nav>li .gnb_myBox .topBox .infoBox {float:left; padding:5px 0 0 7px;}
.header .utils ul.nav>li .gnb_myBox .topBox .infoBox .name{display:block; color:#000000; font-size:13px; font-weight:400;}
.header .utils ul.nav>li .gnb_myBox .topBox .infoBox .email{overflow:hidden; max-width:110px; color:#989898; font-size:12px; font-weight:300; line-height:18px; text-overflow:ellipsis; white-space:nowrap;}
.header .utils ul.nav>li .gnb_myBox .btmBox {display:block; padding:0 15px;}
.header .utils ul.nav>li .gnb_myBox .btmBox .lst_mypage {display:block; border:1px solid #dee2e6; border-radius:3px;}
.header .utils ul.nav>li .gnb_myBox .btmBox .lst_mypage li {display:block; border-bottom:1px solid #dee2e6;}
.header .utils ul.nav>li .gnb_myBox .btmBox .lst_mypage li:last-child {border-bottom:none;}
.header .utils ul.nav>li .gnb_myBox .btmBox .lst_mypage li a {display:block; height:30px; font-weight:400; text-align:center; line-height:30px; transition:all 0.3s ease-out;}
.header .utils ul.nav>li .gnb_myBox .btmBox .lst_mypage li a:hover, .header .utils ul.nav>li .gnb_myBox .btmBox .lst_mypage li a:focus {text-decoration:underline; transition:all 0.3s ease-out;}
.header .utils ul.nav>li .gnb_myBox .btmBox .lst_mypage li button {display:block; width:100%; height:30px; margin:5px 0; color:#989898; font-size:12px; text-align:center; line-height:30px; transition:all 0.3s ease-out;}
.header .utils ul.nav>li .gnb_myBox .btmBox .lst_mypage li button:hover, .header .utils ul.nav>li .gnb_myBox .btmBox .lst_mypage li button:focus {color:#000000; text-decoration:underline; transition:all 0.3s ease-out;}
.header .utils ul.nav>li .gnb_myBox .btmBox .lst_mypage + button {display:block; width:100%; margin:10px 0; text-align:center;}
.header .utils ul.nav>li.mypage.active .gnb_myBox {display:block;}

/* header-Language */
.header .lang {float:right;}
.header .lang ul.nav {float:right; margin:15px 0 0 0;}
.header .lang ul.nav li {float:left; margin:0 0 0 10px;}
.header .lang ul.nav li a {display:block; width:30px; height:30px; color:#ffffff; font-size:13px; font-weight:500; text-align:center; line-height:30px; border-radius:40px;}
.header .lang ul.nav li a:hover, .header .lang ul.nav li a:focus {text-decoration:underline;}
.header .lang ul.nav li a.active {color:#000000; font-weight:700; background:#ffffff;}

/* header-GNB-etc */
.header .btn_ham {display:none;}

/* header(mian 전용) */
.main .header .inner h1 a {background:transparent url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/logo_toun28_w.svg) no-repeat 50% 50%/100% auto;}

/* ==================== container ==================== */
.container {position:relative; min-height:calc(100% - 318px);}
/*.container #contents {max-width:1140px; height:100%; margin:0 auto; padding:0 0 50px 0; box-sizing:border-box;}*/

.stn {display:block; position:relative; width:100%; height:100%}
.stn .inner {position:relative; max-width:1200px; height:100%; margin:0 auto; padding:100px 0; text-align:center; box-sizing:border-box;}

.stn.intro {height:25vh !important; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/main/img_visual01_pc.jpg") no-repeat center center/cover;}
.stn.intro .inner {position:absolute; bottom:0; left:50%; width:100%; height:auto; padding:0; transform:translateX(-50%);}
.stn.intro .inner h3 {display:block; color:#ffffff; font-size:36px; font-weight:500; line-height:36px;}
/* Local Navigation Bar */
.stn.intro .inner .lnb {display:block; margin:40px 0 0 0; text-align:center;}
.stn.intro .inner .lnb .nav {display:inline-block;}
.stn.intro .inner .lnb .nav li { display:inline-block; margin:0;}
.stn.intro .inner .lnb .nav li a {display:block; width:200px; height:46px; padding:0; color:#fcfaf7; font-size:16px; font-weight:400; line-height:46px; border:1px solid #fcfaf7; background:rgba(27,27,27,0.7);}
.stn.intro .inner .lnb .nav li a.active {color:#000000; background:#fcfaf7;}

.btn_goTop {display:none; overflow:hidden; position:fixed; right:10px; bottom:10px; width:40px; height:40px; text-indent:-99px; background:rgba(27,27,27,0.6) url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/arw_up_w.svg") no-repeat 50% 50%/40%; transition:all 0.3s ease-out; z-index:999;}
.btn_goTop:hover, .btn_goTop:focus {background:rgba(27,27,27,0.9) url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/arw_up_w.svg") no-repeat 50% 50%/40%; transition:all 0.3s ease-out;}
.btn_goTop.fixed {position:absolute;} 	

/* scroll 이동 시 변형 */
.header.fixed {position:fixed; top:0; width:100%; background:rgba(252,250,247,0.9); transition:all 0.15s ease-out; z-index:100;}
.header.fixed .gnb ul.nav li a {color:#000000;}
.header.fixed .lang ul.nav li a {color:#000000;}
.header.fixed .lang ul.nav li a.active {color:#ffffff; background:#000000;}
.header.fixed + .container {padding:60px 0 0 0;}
.header.fixed + .container .btn_goTop {display:block;}

/* ==================== popup ==================== */
.popBox {display:none;}

.popWrap {display:block; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(27,27,27,0.85); z-index:8888;}
.popWrap .popBox {display:block; overflow:hidden; position:absolute; top:50%; left:50%; width:450px; border-radius:3px; background:#fcfaf7; transform:translate(-50%, -50%);}
.popWrap .popBox .pop_tit {display:block; clear:both; overflow:hidden; position:relative; min-height:20px; padding:20px 25px 15px 25px; text-align:center; line-height:20px; border-bottom:1px solid rgba(27,27,27,0.1);}
.popWrap .popBox .pop_tit h3 {color:#000000; font-size:18px; font-weight:500; letter-spacing:-0.5px;}
.popWrap .popBox .pop_tit .btn_popup_close {overflow:hidden; position:absolute; top:50%; right:20px; width:24px; height:24px; text-indent:-99px; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_close_bk.svg") 50% 50% no-repeat; background-size:80%; transform:translateY(-50%); opacity:0.7; transition:all 0.3s ease-out;}
.popWrap .popBox .pop_tit .btn_popup_close:hover, .popWrap .popBox .pop_tit .btn_popup_close:focus {opacity:0.7; transition:all 0.3s ease-out;}
.popWrap .popBox .pop_cont {display:block; overflow:hidden;}
.popWrap .popBox .pop_cont.scroll {overflow:auto;}

.openPopWrap {display:block; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(27,27,27,0.7); z-index:7777;}
.openPopWrap .popBox {display:block; overflow:hidden; position:absolute; top:50%; left:50%; width:360px; border-radius:0; background:#fcfaf7; transform:translate(-50%, -50%);}
.openPopWrap .popBox .pop_top {display:block; clear:both; overflow:hidden; position:relative; min-height:20px; padding:40px 25px 25px 25px; text-align:center; line-height:20px;}
.openPopWrap .popBox .pop_top h3 {color:#000000; font-size:18px; font-weight:600; letter-spacing:-0.5px;}
.openPopWrap .popBox .pop_mid {display:block; overflow:hidden; text-align:center;}
.openPopWrap .popBox .pop_mid .txt {color:#4b4b4b; font-size:14px; font-weight:400; line-height:20px;}
.openPopWrap .popBox .pop_mid .txt strong {font-weight:500;}
.openPopWrap .popBox .pop_mid.scroll {overflow:auto;}
.openPopWrap .popBox .pop_btm {display:block; clear:both; overflow:hidden; margin:35px 0 0 0; background:rgba(27,27,27,0.1);}
.openPopWrap .popBox .pop_btm button {float:left; padding:18px 0; color:#000000; font-size:14px; font-weight:500; text-align:center;}
.openPopWrap .popBox .pop_btm button:hover {text-decoration:underline;}
.openPopWrap .popBox .pop_btm button.ft_blue {color:#10069f; font-weight:600;}
.openPopWrap .popBox .pop_btm button.btn_clr_blue {color:#ffffff; font-weight:600; background:#000000;}
.openPopWrap .popBox .pop_btm button:first-child:nth-last-child(1) {width:100%;}
.openPopWrap .popBox .pop_btm button:first-child:nth-last-child(2), .openPopWrap .popBox .pop_btm button:first-child:nth-last-child(2) ~ button {width:50%;}

/* full popup */
.fullPopWrap {display:block; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(27,27,27,0.85); z-index:7777;}
.fullPopBox {display:none; overflow:hidden; position:absolute; top:50%; left:50%; width:450px; border-radius:0; background:#fcfaf7; transform:translate(-50%, -50%);}
.fullPopBox .fullPop_top {display:block; clear:both; overflow:hidden; position:relative; min-height:20px; padding:20px 25px; text-align:center; line-height:20px;}
.fullPopBox .fullPop_top h3 {color:#000000; font-size:18px; font-weight:500; letter-spacing:-0.5px;}
.fullPopBox .fullPop_top h3 + span {display:block; font-size:12px; font-weight:300; margin:5px 0 0 0; opacity:0.7;}
.fullPopBox .fullPop_top .btn_ico {overflow:hidden; position:absolute; top:10px; left:0; width:40px; height:40px; text-indent:-999px;}
.fullPopBox .fullPop_top .btn_ico.prev {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/arw_left_bk.svg") no-repeat 50% 50%/40%;}
.fullPopBox .fullPop_top .btn_txt {overflow:hidden; position:absolute; top:10px; right:16px; height:40px; font-size:14px; font-weight:400;}
.fullPopBox .fullPop_top .btn_txt.ft_clr_blue {color:#281DCB;}
.fullPopBox .fullPop_top .btn_fullPop_close {overflow:hidden; position:absolute; top:50%; right:20px; width:24px; height:24px; text-indent:-99px; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_close_bk.svg") 50% 50% no-repeat; background-size:80%; transform:translateY(-50%); opacity:0.7; transition:all 0.3s ease-out;}
.fullPopBox .fullPop_top .btn_fullPop_close:hover, .fullPopBox .fullPop_top .btn_fullPop_close:focus {opacity:0.7; transition:all 0.3s ease-out;}

.fullPopBox .fullPop_mid {display:block; overflow:auto; min-height:500px; max-height:600px;}

.fullPopBox .fullPop_btm {display:block; overflow:hidden; min-height:77px; padding:16px;}
.fullPopBox .fullPop_btm .desc {display:block; color:#989898; font-size:12px; font-weight:300; text-align:center;}
.fullPopBox .fullPop_btm .desc + button {margin:10px 0 0 0;}
.fullPopBox .fullPop_btm button {float:left; min-height:45px; color:#000000; font-size:15px; font-weight:500; text-align:center; line-height:normal; border:1px solid #d6d5cc; background:#ffffff;}
.fullPopBox .fullPop_btm button.btn_bg_bk {color:#fcfaf7; border:1px solid #000000; background:#000000;}
.fullPopBox .fullPop_btm button.btn_bg_bk:disabled {color:#ccc; border:1px solid #eee; background:#eee; cursor:not-allowed;}
.fullPopBox .fullPop_btm button:first-child:nth-last-child(1) {width:100%;}
.fullPopBox .fullPop_btm button:first-child:nth-last-child(2) {width:calc(50% - 3px); margin:0 3px 0 0;}
.fullPopBox .fullPop_btm button:first-child:nth-last-child(2) ~ button {width:calc(50% - 3px); margin:0 0 0 3px;}

.fullPopWrap .fullPopBox {display:block;}

/* full popup-크루가입 */
.fullPopBox .crew_tit {display:block; padding:7% 0 20px 0; color:#000000; font-size:18px; font-weight:700; text-align:center; line-height:26px;}
.fullPopBox .crew_terms {display:block; padding:0 10%;}
.fullPopBox .crew_terms li {display:block; position:relative; margin:0 0 10px 0; padding:0 0 0 20px; font-weight:300; word-break:keep-all;}
.fullPopBox .crew_terms li:before {content:''; position:absolute; top:2px; left:0; width:15px; height:15px; border:none; border-radius:3px; background:#000000 url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_check_line_w.svg") no-repeat 50% 50%/50%;}
.fullPopBox .crew_terms li:last-child {margin:0;}
.fullPopBox .crew_benefit {display:block; padding:7% 0 0 0; text-align:center;}
.fullPopBox .crew_benefit dt {display:block; padding:0 0 7px 0; color:#281dcb; font-size:15px; font-weight:700;}
.fullPopBox .crew_benefit dd {display:block; margin:0 0 0 0; color:#281dcb; font-size:13px;}
.fullPopBox .crew_benefit dd:last-child {margin:0;}
#btn_crew_join {width:100%; color:#fcfaf7; font-size:20px; font-weight:700; letter-spacing:3px; border:1px solid #000000; background:#000000;}

/* middle popup */
.mdPopBox {display:none;}

.mdPopWrap {display:block; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(27,27,27,0.85); z-index:8888;}
.mdPopWrap .mdPopBox {display:block; overflow:hidden; position:absolute; top:50%; left:50%; width:320px; border-radius:0; background:#fcfaf7; transform:translate(-50%, -50%);}
.mdPopWrap .mdPopBox .mdPop_top {display:block; clear:both; overflow:hidden; position:relative; min-height:20px; padding:20px 25px; text-align:center; line-height:20px;}
.mdPopWrap .mdPopBox .mdPop_top h3 {color:#000000; font-size:18px; font-weight:500; letter-spacing:-0.5px;}
.mdPopWrap .mdPopBox .mdPop_top .btn_mdPop_close {overflow:hidden; position:absolute; top:12px; right:12px; width:24px; height:24px; text-indent:-99px; opacity:0.7; transition:all 0.3s ease-out;}
.mdPopWrap .mdPopBox .mdPop_top .btn_mdPop_close:before {content:''; position:absolute; top:50%; left:0; width:100%; height:1px; background:#666; transform:rotate(45deg);}
.mdPopWrap .mdPopBox .mdPop_top .btn_mdPop_close:after {content:''; position:absolute; top:50%; left:0; width:100%; height:1px; background:#666; transform:rotate(-45deg);}

.mdPopWrap .mdPopBox .mdPop_mid {display:block; overflow:hidden; padding:20px 25px; text-align:center;}
.mdPopWrap .mdPopBox .mdPop_mid.scroll {overflow:auto;}
.mdPopWrap .mdPopBox .mdPop_mid .txt_m {color:#000000; font-size:14px; font-weight:400;}
.mdPopWrap .mdPopBox .mdPop_mid .txt_s {color:#989898; font-size:12px; font-weight:300;}
.mdPopWrap .mdPopBox .mdPop_mid .txt_m + .txt_s {padding:20px 0 0 0;}

.mdPopWrap .mdPopBox .mdPop_btm {display:block; clear:both; overflow:hidden; margin:0; padding:10px;}
.mdPopWrap .mdPopBox .mdPop_btm button {float:left; padding:10px 0; color:#000000; font-size:14px; font-weight:400; text-align:center; border:1px solid #d6d5cc; background:#ffffff;}
.mdPopWrap .mdPopBox .mdPop_btm button:first-child:nth-last-child(1) {width:100%; margin:0;}
.mdPopWrap .mdPopBox .mdPop_btm button:first-child:nth-last-child(2) {width:calc(50% - 3px); margin:0 3px 0 0;}
.mdPopWrap .mdPopBox .mdPop_btm button:first-child:nth-last-child(2) ~ button {width:calc(50% - 3px); margin:0 0 0 3px; color:#fcfaf7; border:1px solid #000000; background:#000000;}
.mdPopWrap .mdPopBox .mdPop_btm button:first-child:nth-last-child(2) ~ button:disabled {color:#c5c5c5; border:1px solid #e5e5e5; background:#e5e5e5; cursor:not-allowed;}

/* layer popup */
.lyrBox {display:none;}

.lyrWrap {display:block; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(27,27,27,0.85); z-index:7777;}
.lyrWrap .lyrBox {display:block; overflow:hidden; position:absolute; top:50%; left:50%; width:450px; border-radius:0; background:#fcfaf7; transform:translate(-50%, -50%);}
.lyrWrap .lyrBox .lyr_tit {display:block; clear:both; overflow:hidden; position:relative; min-height:20px; padding:20px 25px; text-align:center; line-height:20px;}
.lyrWrap .lyrBox .lyr_tit h3 {color:#000000; font-size:18px; font-weight:500; letter-spacing:-0.5px;}
.lyrWrap .lyrBox .lyr_tit .btn_lyr_close {overflow:hidden; position:absolute; top:12px; right:12px; width:24px; height:24px; text-indent:-99px; opacity:0.7; transition:all 0.3s ease-out;}
.lyrWrap .lyrBox .lyr_tit .btn_lyr_close:before {content:''; position:absolute; top:50%; left:0; width:100%; height:1px; background:#666; transform:rotate(45deg);}
.lyrWrap .lyrBox .lyr_tit .btn_lyr_close:after {content:''; position:absolute; top:50%; left:0; width:100%; height:1px; background:#666; transform:rotate(-45deg);}

.lyrWrap .lyrBox .lyr_cont {display:block; overflow:hidden;}
.lyrWrap .lyrBox .lyr_cont.scroll {overflow:auto;}

.lyrWrap .lyrBox .lyr_btm {display:block; clear:both; overflow:hidden; margin:0; padding:10px;}
.lyrWrap .lyrBox .lyr_btm button {float:left; padding:10px 0; color:#000000; font-size:14px; font-weight:400; text-align:center; border:1px solid #d6d5cc; background:#ffffff;}
.lyrWrap .lyrBox .lyr_btm button:first-child:nth-last-child(1) {width:100%; margin:0;}
.lyrWrap .lyrBox .lyr_btm button:first-child:nth-last-child(2) {width:calc(50% - 3px); margin:0 3px 0 0;}
.lyrWrap .lyrBox .lyr_btm button:first-child:nth-last-child(2) ~ button {width:calc(50% - 3px); margin:0 0 0 3px; color:#fcfaf7; border:1px solid #000000; background:#000000;}
.lyrWrap .lyrBox .lyr_btm button:first-child:nth-last-child(2) ~ button:disabled {color:#c5c5c5; border:1px solid #e5e5e5; background:#e5e5e5; cursor:not-allowed;}

/* new popup */
.newPopWrap {display:block; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(27,27,27,0.85); z-index:7777;}
.newPopBox {display:none; overflow:hidden; position:absolute; top:50%; left:50%; width:600px; border-radius:10px; background:#ffffff; transform:translate(-50%, -50%);}
.newPopBox .newPop_top {display:block; clear:both; overflow:hidden; position:relative; min-height:20px; padding:22px; text-align:left; line-height:20px;}
.newPopBox .newPop_top h3 {color:#000000; font-size:1.5rem; font-weight:600; letter-spacing:-0.5px;}

.newPopBox .newPop_mid {display:block; overflow:auto; min-height:500px; max-height:600px;}
.newPopBox .newPop_mid.terms_txt {padding:0 22px; font-size:1.1rem; font-weight:300; line-height:1.5;}
.newPopBox .newPop_mid.terms_txt .tit {display:block; padding:0 0 5px 0; font-size:1.2rem; font-weight:500;}
.newPopBox .newPop_mid.terms_txt hr {display:block; height:0; margin:10px 0; opacity:0;}
.newPopBox .newPop_mid.terms_txt .bullet {padding:2px 0 2px 10px;}
.newPopBox .newPop_mid.privacy_txt {padding:0 22px; font-size:1.1rem; font-weight:300; line-height:1.5;}
.newPopBox .newPop_mid.privacy_txt .tit {display:block; padding:0 0 5px 0; font-size:1.2rem; font-weight:500;}
.newPopBox .newPop_mid.privacy_txt hr {display:block; height:0; margin:10px 0; opacity:0;}
.newPopBox .newPop_mid.privacy_txt .bullet {padding:2px 0 2px 10px;}

.newPopBox .newPop_btm {display:block; overflow:hidden; padding:16px; text-align:right;}
.newPopBox .newPop_btm button {display:inline-block; padding:5px 10px; color:#000000; font-size:15px; font-weight:500; text-align:center; line-height:normal; border:none; background:#ffffff;}
.newPopBox .newPop_btm button.btn_txt_bk {color:#fcfaf7; border:1px solid #000000; background:#000000;}
.newPopBox .newPop_btm button.btn_txt_bk:disabled {color:#ccc; border:1px solid #eee; background:#eee; cursor:not-allowed;}

.newPopWrap .newPopBox {display:block;}

#container #contents .stn .contBox .lot_row .iptBox:first-child:nth-last-child(2) {width:calc(50% - 7px); margin:0 7px 0 0;}
#container #contents .stn .contBox .lot_row .iptBox:first-child:nth-last-child(2) ~ .iptBox {width:calc(50% - 7px); margin:0 0 0 7px;}

/* ==================== footer ==================== */
.footer {position:relative; background:#000000;}
.footer .inner {position:relative; max-width:1140px; margin:0 auto; padding:40px 20px; color:#ffffff;}
.footer .inner .infoBox {display:block;}
.footer .inner .infoBox h3 {display:block; margin:0 0 30px 0; font-size:20px;}
.footer .inner .infoBox .transBox {display:flex; padding:10px 0;}
.footer .inner .infoBox .transBox .lot_item {display:inline-block;}
.footer .inner .infoBox .transBox .lot_item.left {width:70%;}
.footer .inner .infoBox .transBox .lot_item.left .dlBox {display:flex; margin:0 0 5px 0; line-height:18px;}
.footer .inner .infoBox .transBox .lot_item.left .dlBox dt {display:inline-block; width:122px; font-weight:100; opacity:0.5;}
.footer .inner .infoBox .transBox .lot_item.left .dlBox dd {display:inline-block; width:calc(100% - 122px); font-weight:100;}
.footer .inner .infoBox .transBox .lot_item.left .dlBox dd a.link {display:inline-block; margin:0 0 0 5px; color:#ffffff; font-size:11px; font-weight:100; line-height:14px}
.footer .inner .infoBox .transBox .lot_item.left .dlBox dd a.link:hover, .footer .inner .infoBox .transBox .lot_item.left .dlBox dd a.link:focus {text-decoration:underline;}
.footer .inner .infoBox .transBox .lot_item.right {width:30%;}
.footer .inner .infoBox .transBox .lot_item.right .dlBox {float:right; position:relative; width:240px; margin:0 0 5px 0; padding:5px 10px;; line-height:18px; border-radius:3px; background:rgba(255,255,255,0.05); box-sizing:border-box; opacity:0.7;}
.footer .inner .infoBox .transBox .lot_item.right .dlBox dt {display:inline-block; position:absolute;width:20px; transform:translate(0,50%);}
.footer .inner .infoBox .transBox .lot_item.right .dlBox dd {display:block; padding:0 0 0 33px; font-weight:100;}
.footer .inner .infoBox .transBox .lot_item.right .dlBox dd a {color:#ffffff;}
.footer .inner .infoBox .transBox .lot_item.right .dlBox dd a:hover, .footer .inner .infoBox .transBox .lot_item.right .dlBox dd a:focus {text-decoration:underline;}
.footer .inner .infoBox .transBox .lot_item.right .dlBox dd a.btn_link_tel {color:#ffffff; cursor:default;}
.footer .inner .infoBox .transBox .lot_item.right .dlBox dd a.btn_link_tel:hover, .footer .inner .infoBox .transBox .lot_item.right .dlBox dd a.btn_link_tel:focus {text-decoration:none;}
.footer .inner .infoBox .transBox .lot_item.right .dlBox:first-child dd span {margin:0;}
.footer .inner .infoBox .transBox .lot_item .dlBox dd span {margin:0 7px 0 0; font-weight:100; opacity:0.5;}
.footer .inner .copyright {display:block; margin:10px 0 0 0; padding:0 0 0 123px;}
.footer .inner .fnb {position:absolute; top:30px; right:20px; width:calc(100% - 163px);}
.footer .inner .fnb ul {float:left;}
.footer .inner .fnb ul li {float:left; margin:0 0 0 20px;}
.footer .inner .fnb ul li:first-child {margin:0;}
.footer .inner .fnb ul li a {color:#ffffff; font-size:14px; font-weight:400;}
.footer .inner .fnb ul li a:hover, .footer .inner .fnb ul li a:focus {text-decoration:underline;}
.footer .inner .fnb .nav_pc {margin:14px 0 0 0;}
.footer .inner .fnb .lst_sns {float:right; margin:0;}
.footer .inner .fnb .lst_sns li {display:block; width:40px; height:40px; margin:0 0 0 12px; border-radius:15px; background:rgba(255,255,255,0.05);} 
.footer .inner .fnb .lst_sns li a {display:block; padding:10px; opacity:0.5; transition:all 0.3s ease-out;}
.footer .inner .fnb .lst_sns li a:hover, .footer .inner .fnb .lst_sns li a:focus {opacity:1.0; transition:all 0.3s ease-out;}
.m_ft_menu {position:fixed; bottom:-60px; left:0; width:100%; height:60px; padding:0 5px; border-top:1px solid rgba(252,250,247,0.2); background:rgba(27,27,27,0.9); transition:all 0.3s ease-out; z-index:5000;}
.m_ft_menu ul.nav {display:table; width:100%;}
.m_ft_menu ul.nav li {display:table-cell; width:20%; vertical-align:top;}
.m_ft_menu ul.nav li a {display:block; color:#fcfaf7; font-size:12px; font-weight:300; text-align:center}
.m_ft_menu ul.nav li a:before {content:''; display:block; width:100%; height:18px; margin:11px 0 4px 0; background-size:auto 100%; opacity:0.8;}
.m_ft_menu ul.nav li.ico_home {width:60px; height:60px; text-align:center;}
.m_ft_menu ul.nav li.ico_home a {display:inline-block; overflow:hidden; width:46px; height:46px; margin:7px 0 0 0; text-indent:-99px; border-radius:100%; background:#fcfaf7;}
.m_ft_menu ul.nav li.ico_home a:before {height:24px; margin:9px 0 0 0; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_home_bk.svg") 50% 50% no-repeat;}
.m_ft_menu ul.nav li.ico_ham a:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_menu_w.svg") 50% 50% no-repeat;}
.m_ft_menu ul.nav li.ico_store a:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_store_w.svg") 50% 50% no-repeat;}
.m_ft_menu ul.nav li.ico_myPage a:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_user_w.svg") 50% 50% no-repeat;}
.m_ft_menu ul.nav li.ico_customer a:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_customer_w.svg") 50% 50% no-repeat;}
.m_ft_menu ul.nav li.ico_about a:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_about_w.svg") 50% 50% no-repeat;}
.m_ft_menu ul.nav li.ico_prod a:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_product_w.svg") 50% 50% no-repeat;}
.m_ft_menu ul.nav li.ico_mail a:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_mail_w.svg") 50% 50% no-repeat;}

/* loader-sub page */
.loaderWrap {position:fixed; top:0; left:0; width:100%; height:100%; text-align:center; background:#dee2e6; z-index:9999;}
.loaderWrap:before {content:'데이터를 불러오는 중입니다'; position:absolute; top:50%; left:50%; width:100%; margin:0 0 0 0; color:#000000; font-weight:400; transform:translate(-50%, -50%);}
.loaderWrap:after {content:'잠시만 기다려 주세요'; position:absolute; top:50%; left:50%; width:100%; margin:20px 0 0 0; color:#000000; font-weight:400; transform:translate(-50%, -50%);}
.loaderWrap .loader, .loaderWrap .loader:before, .loaderWrap .loader:after {border-radius:50%; width:1.5em; height:1.5em; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation:load7 1.8s infinite ease-in-out; animation:load7 1.8s infinite ease-in-out;}
.loaderWrap .loader {position:absolute; top:50%; left:50%; margin:-80px 0 0 -10px; color:#000000; font-size:10px; text-indent:-9999em; transform:translateZ(0); animation-delay:-0.16s;}
.loaderWrap .loader:before, .loaderWrap .loader:after {content:''; position:absolute; top:0;}
.loaderWrap .loader:before {left:-3.5em; -webkit-animation-delay:-0.32s; animation-delay:-0.32s;}
.loaderWrap .loader:after {left:3.5em;}

/* loader-결제요청 */
.loaderWrap2 {position:fixed; top:0; left:0; width:100%; height:100%; text-align:center; background:#dee2e6; z-index:9999;}
.loaderWrap2:before {content:'결제 승인 요청 중 입니다. \A 화면을 닫지 마세요.'; position:absolute; top:50%; left:50%; width:100%; margin:-75px 0 0 0; color:#000000; font-size:16px; font-weight:600; line-height:24px; white-space:pre; transform:translate(-50%, -50%);}
.loaderWrap2:after {content:'결제 승인 후 [주문완료]가 되지 않을 경우, \A 고객센터를 통해 [결제취소] 또는 [주문복원]을 요청해 주세요. \A\A [주문확인] 또는 [주문취소]는 \A마이케어 > 주문내역에서 확인할 수 있습니다.\A\A고객센터 \A 유선문의: 1588-3512 \A 카카오톡: @toun28'; position:absolute; top:50%; left:50%; width:100%; margin:60px 0 0 0; color:#000000; font-size:13px; font-weight:400; line-height:20px; white-space:pre; transform:translate(-50%, -50%);}
.loaderWrap2 .loader, .loaderWrap2 .loader:before, .loaderWrap2 .loader:after {border-radius:50%; width:1.5em; height:1.5em; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation:load7 1.8s infinite ease-in-out; animation:load7 1.8s infinite ease-in-out;}
.loaderWrap2 .loader {position:absolute; top:50%; left:50%; margin:-160px 0 0 -10px; color:#000000; font-size:10px; text-indent:-9999em; transform:translateZ(0); animation-delay:-0.16s;}
.loaderWrap2 .loader:before, .loaderWrap2 .loader:after {content:''; position:absolute; top:0;}
.loaderWrap2 .loader:before {left:-3.5em; -webkit-animation-delay:-0.32s; animation-delay:-0.32s;}
.loaderWrap2 .loader:after {left:3.5em;}

@-webkit-keyframes load7 {
0%,80%,100% {box-shadow:0 2.5em 0 -1.3em;}
40% {box-shadow:0 2.5em 0 0;}
}
@keyframes load7 {
0%,80%,100% {box-shadow:0 2.5em 0 -1.3em;}
40% {box-shadow:0 2.5em 0 0;}
}

/* coupon */
.lst_coupon {display:block; padding:25px 30px; border-bottom:1px solid #e5e5e5;}
.lst_coupon li.item {display:table; overflow:hidden; position:relative; width:100%; min-height:100px; margin:0 0 7px 0; border:1px solid #dee2e6; border-radius:5px; background:#ffffff; cursor:pointer; transition:all 0.3s ease-out;}
.lst_coupon li.item:last-child {margin:0;}
.lst_coupon li.item:after, .lst_coupon li.item:after {content:''; position:absolute; top:50%; left:10px; width:0; height:0; color:#ffffff; font-size:12px; text-align:center; line-height:20px; border-radius:100%; transform:translateY(-50%); background:#eff2f8; transition:all 0.3s ease-out;}
.lst_coupon li.item .coup_left {display:table-cell; position:relative; width:75%; padding:15px 20px; vertical-align:middle;}
.lst_coupon li.item .coup_right {display:table-cell; position:relative; width:25%; padding:10px 0; color:#10069f; text-align:center; vertical-align:middle; border:none; background:#dadde6; transition:all 0.3s ease-out;}
.lst_coupon li.item .coup_right:before, .lst_coupon li.item .coup_right:after {content:''; display:block; position:absolute; top:-5px; left:-6px; width:11px; height:11px; border-radius:50%; background-color:#dee2e6; z-index:1;}
.lst_coupon li.item .coup_right:after {top:auto; bottom:-5px;}
.lst_coupon li.item p {display:block;}
.lst_coupon li.item .name {margin:0 0 3px 0; font-size:13px; font-weight:400;}
.lst_coupon li.item .discount {display:-webkit-box; overflow:hidden; margin:0 0 5px 0; color:#10069f; font-size:26px; font-weight:700; line-height:30px; letter-spacing:-1px; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.lst_coupon li.item .discount:after {content:'할인'; display:inline-block; margin:0 0 0 5px;}
.lst_coupon li.item .terms {color:#989898; font-size:12px;}
.lst_coupon li.item .terms .num {}
.lst_coupon li.item .terms .num:after {content:'원'; display:inline-block; margin:0 0 0 2px;}
.lst_coupon li.item .d_day {font-size:20px; font-weight:500;}
.lst_coupon li.item .d_day:before {content:'D-'; display:inline-block;}
.lst_coupon li.item .expiryDate {font-size:10px;}
.lst_coupon li.item .expiryDate:after {content:'일 까지'; display:inline-block; margin:0 0 0 2px;}

.lst_coupon li.item:hover, .lst_coupon li.item:focus {width:100%; padding:0 0 0 20px; box-shadow:0 5px 12px 0 rgba(0,0,0,0.05); transition:all 0.3s ease-out;}
.lst_coupon li.item:hover:after, .lst_coupon li.item:focus:after {content:''; position:absolute; top:50%; left:10px; width:20px; height:20px; border-radius:100%; transform:translateY(-50%); background:#dee2e6; transition:all 0.3s ease-out;}
.lst_coupon li.item:hover .coup_right, .lst_coupon li.item:focus .coup_right {color:#ffffff; background:#10069f; transition:all 0.3s ease-out;}
.lst_coupon li.item.active {width:100%; padding:0 0 0 20px; box-shadow:0 5px 12px 0 rgba(0,0,0,0.05); transition:all 0.3s ease-out;}
.lst_coupon li.item.active:after {content:''; width:20px; height:20px; background:#10069f url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_check_w.svg") 50% 50% no-repeat; background-size:50%;}
.lst_coupon li.item.active .coup_right {color:#ffffff; background:#10069f; transition:all 0.3s ease-out;}
.lst_coupon + .btn_apply_coup {display:block; width:calc(100% - 60px); height:50px; margin:15px 30px; padding:12px 0; color:#ffffff; font-size:15px; font-weight:500; border:1px solid #000000; background:#000000;}
.lst_coupon + .btn_apply_coup:disabled {color:#989898; border:1px solid #e5e5e5; background:#e5e5e5; cursor:not-allowed;}

/* popup-배송지정보-배송지 리스트  */
.popBox .addrLstBox {display:block;}
.popBox .addrLstBox .addrBox {display:block; padding:20px 25px; border-bottom:1px solid rgba(27,27,27,0.1);}
.popBox .addrLstBox .btn_add_addr {display:block; width:100%; height:50px; margin:0 0 20px 0; padding:13px 0; color:#000000; font-size:14px; font-weight:500; border:1px solid #c5c5c5; border-radius:0; background:#ffffff; transition:all 0.3s ease-out;}
.popBox .addrLstBox .btn_add_addr:before {content:'+'; display:inline-block; margin:0 5px 0 0;}
.popBox .addrLstBox .btn_add_addr:hover, .popBox .addrLstBox .btn_add_addr:focus {text-decoration:underline; border:1px solid #000000; transition:all 0.3s ease-out;}
.popBox .addrLstBox ul.lst_addr {display:block; overflow:hidden; border:1px solid rgba(27,27,27,0.3); border-radius:5px; background:#ffffff;}
.popBox .addrLstBox ul.lst_addr li.item {display:block; position:relative; width:100%; padding:12px 55px 12px 15px; border-bottom:1px solid rgba(27,27,27,0.3); cursor:pointer; transition:all 0.3s ease-out;}
.popBox .addrLstBox ul.lst_addr li.item:after {content:''; position:absolute; top:50%; left:10px; width:0; height:0; color:#ffffff; font-size:12px; text-align:center; line-height:20px; border-radius:100%; transform:translateY(-50%); background:#eff2f8; transition:all 0.3s ease-out;}
.popBox .addrLstBox ul.lst_addr li.item:last-child {border-bottom:none;}
.popBox .addrLstBox ul.lst_addr li.item span {color:#989898; font-weight:400;}
.popBox .addrLstBox ul.lst_addr li.item span.fromName {display:inline-block;}
.popBox .addrLstBox ul.lst_addr li.item span.fromName:after {content:''; display:inline-block; width:1px; height:10px; margin:0 7px; background:#dee2e6;}
.popBox .addrLstBox ul.lst_addr li.item span.phoneNum {display:inline-block;}
.popBox .addrLstBox ul.lst_addr li.item span.addrTxt {display:block; padding:2px 0 0 0; color:#000000; font-size:13px; font-weight:500; word-break:keep-all;}
.popBox .addrLstBox ul.lst_addr li.item button.btn_remove {overflow:hidden; position:absolute; top:50%; right:15px; width:20px; height:20px; text-indent:-99px; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_trashCan_bk.png") 50% 50% no-repeat; background-size:auto 100%; opacity:0.3; transform:translateY(-50%); transition:all 0.3s ease-out;}
.popBox .addrLstBox ul.lst_addr li.item button.btn_remove:hover, .popBox .addrLstBox ul.lst_addr li.item button.btn_remove:focus {opacity:0.7; transition:all 0.3s ease-out;}
.popBox .addrLstBox ul.lst_addr li.item:hover, .popBox .addrLstBox ul.lst_addr li.item:focus {padding:12px 55px 12px 37px; transition:all 0.3s ease-out;}
.popBox .addrLstBox ul.lst_addr li.item:hover:after {content:''; position:absolute; top:50%; left:10px; width:20px; height:20px; border-radius:100%; transform:translateY(-50%); background:rgba(27,27,27,0.1); transition:all 0.3s ease-out;}
.popBox .addrLstBox ul.lst_addr li.item.active {padding:12px 55px 12px 37px; background:#eff2f8; transition:all 0.3s ease-out;}
.popBox .addrLstBox ul.lst_addr li.item.active:after {content:''; width:20px; height:20px;  background:#10069f url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_check_w.svg") 50% 50% no-repeat; background-size:50%;}
.popBox .addrLstBox ul.lst_addr li.item.dataNone {padding:15px; color:#989898; text-align:center; line-height:16px; pointer-events:none;}
.popBox .addrLstBox .btn_apply_addr {display:block; width:calc(100% - 30px); height:50px; margin:10px 15px; padding:12px 0; color:#ffffff; font-size:15px; font-weight:500; border:1px solid #000000; background:#000000;}
.popBox .addrLstBox .btn_apply_addr:disabled {color:#989898; border:1px solid #e5e5e5; background:#e5e5e5; cursor:not-allowed;}

/* popup-배송지정보-배송지 등록  */
.popBox .addrAddBox {display:none;}
.popBox .addrAddBox .addrAdd {display:block; padding:20px 25px; border-bottom:1px solid #e5e5e5;}
.popBox .addrAddBox .dlBox {display:block; margin:0 0 15px 0;}
.popBox .addrAddBox .dlBox:last-child {margin:0;}
.popBox .addrAddBox .dlBox dt {display:block; margin:0 0 3px 0; color:#989898; font-size:13px; font-weight:400;}
.popBox .addrAddBox .dlBox dd {display:block;}
.popBox .addrAddBox .dlBox dd .ipt_txt, .popBox .addrAddBox .dlBox dd .ipt_num, .popBox .addrAddBox .dlBox dd .ipt_tel {width:100%; height:46px; padding:3px 10px; font-size:13px; border:1px solid rgba(27,27,27,0.3); border-radius:3px; box-sizing:border-box; background:#ffffff; resize:none; transition:all 0.3s ease-out;}
.popBox .addrAddBox .dlBox dd .ipt_txt:focus, .popBox .addrAddBox .dlBox dd .ipt_num:focus, .popBox .addrAddBox .dlBox dd .ipt_tel:focus {border:1px solid #000000; transition:all 0.3s ease-out;}
.popBox .addrAddBox .dlBox dd span.cl_b {display:block; clear:both; overflow:hidden; margin:0 0 7px 0;}
.popBox .addrAddBox .dlBox dd span.cl_b .ipt_num {float:left; width:75%; border:none; border-radius:3px 0 0 3px; background:rgba(27,27,27,0.1); pointer-events:none;}
.popBox .addrAddBox .dlBox dd span.cl_b .btn_addr_srch {float:right; width:25%; height:46px; border:1px solid rgba(27,27,27,0.3); border-radius:0 3px 3px 0; background:#ffffff;}
.popBox .addrAddBox .dlBox dd span.cl_b:nth-child(2) .ipt_txt {border:none; background:rgba(27,27,27,0.1); pointer-events:none;}
.popBox .addrAddBox .dlBox dd span.cl_b:last-child {margin:0;}
.popBox .addrAddBox .btn_save_addr {display:block; width:calc(100% - 30px); height:50px; margin:10px 15px; padding:12px 0; color:#ffffff; font-size:15px; font-weight:500; border:1px solid #000000; border-radius:3px; background:#000000;}
.popBox .addrAddBox .btn_save_addr:disabled {color:#989898; border:1px solid #e5e5e5; background:#e5e5e5; cursor:not-allowed;}

/* popup-신용카드(간편)  */
.popBox .simplePayBox {display:block; padding:0;}
.popBox .simplePayBox .btn_add_simplePay {display:block; width:calc(100% - 50px); margin:20px; padding:13px 0; color:#000000; font-size:14px; font-weight:500; border:1px solid #c5c5c5; border-radius:0; background:#ffffff; transition:all 0.3s ease-out;}
.popBox .simplePayBox .btn_add_simplePay:disabled {color:#989898; border:1px solid #e5e5e5; background:#e5e5e5; cursor:default;}
.popBox .simplePayBox .btn_add_simplePay:before {content:'+'; display:inline-block; margin:0 5px 0 0;}
.popBox .simplePayBox .btn_add_simplePay:hover, .popBox .simplePayBox .btn_add_simplePay:focus {text-decoration:underline; border:1px solid #000000; transition:all 0.3s ease-out;}
.popBox .simplePayBox .lst_simplePay {display:block; padding:0;}
.popBox .simplePayBox .lst_simplePay .item {display:block; padding:5px 25px; text-align:center;}
.popBox .simplePayBox .lst_simplePay .item .credit_card {display:inline-block; position:relative; width:100%; max-width:240px; height:100%; padding:20px; border:1px solid #c5c5c5; text-align:left; border-radius:7px; box-sizing:border-box; background:#ffffff; cursor:pointer; outline:0; transition:all 0.1s ease-out;}
.popBox .simplePayBox .lst_simplePay .item .credit_card:hover {border:1px solid #000000; transition:all 0.1s ease-out;}
.popBox .simplePayBox .lst_simplePay .item .credit_card > span {display:block; text-align:left;}
.popBox .simplePayBox .lst_simplePay .item .credit_card .card_bank {margin:0 0 30px 0;}
.popBox .simplePayBox .lst_simplePay .item .credit_card .card_bank img {width:100px;}
.popBox .simplePayBox .lst_simplePay .item .credit_card .card_num {margin:0 0 3px 0; color:#000000; font-size:14px; font-weight:500; letter-spacing:0.5px;}
.popBox .simplePayBox .lst_simplePay .item .credit_card .card_date {color:#989898; font-size:11px;}
.popBox .simplePayBox .lst_simplePay .item .credit_card .card_date .month {display:inline-block;}
.popBox .simplePayBox .lst_simplePay .item .credit_card .card_date .month:after {content:'/'; display:inline-block; margin:0 2px 0 5px; font-size:11px; font-weight:100;}
.popBox .simplePayBox .lst_simplePay .item .credit_card .card_date .year {display:inline-block;}
.popBox .simplePayBox .lst_simplePay .item .credit_card .select {display:none}
.popBox .simplePayBox .lst_simplePay .item .credit_card .btn_card_remove {overflow:hidden; position:absolute; top:7px; right:7px; width:24px; height:24px;font-size:13px; font-weight:400; line-height:100px; border-radius:50px; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_delete_bk.svg") 50% 50% no-repeat; background-size:80%; opacity:0.3; transition:all 0.3s ease-out;}
.popBox .simplePayBox .lst_simplePay .item .credit_card .btn_card_remove:hover {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_delete_bk.svg") 50% 50% no-repeat; background-size:80%; opacity:0.7;  transition:all 0.3s ease-out;}
.popBox .simplePayBox .lst_simplePay .item .credit_card.active {border:3px solid #000000; background:#ffffff; transition:all 0.1s ease-out;}
.popBox .simplePayBox .lst_simplePay .item .credit_card.active .card_bank:after {content:'사용'; display:inline-block; padding:1px 7px; color:#fcfaf7; font-size:10px; font-weight:400; border-radius:30px; background:#000000;}
.popBox .simplePayBox .lst_simplePay .item .credit_card.active .card_bank img {display:inline-block; margin:0 7px 0 0; vertical-align:middle;}
.popBox .simplePayBox .lst_simplePay .item .credit_card.active .card_num {margin:0 0 7px 0; color:#000000;}
.popBox .simplePayBox .lst_simplePay .item .credit_card.active .select {display:block; width:100%; margin:10px 0 0 0; padding:7px 7px; font-size:13px; border:1px solid rgba(27,27,27,0.3); background:#ffffff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;}
.popBox .simplePayBox .lst_simplePay .item.active .credit_card.active .select:hover, .popBox .simplePayBox .lst_simplePay .item .credit_card.active .select:focus {border:1px solid #000000;}
.popBox .simplePayBox .lst_simplePay .item .credit_card.disabled {text-align:center; border:1px solid #c5c5c5; opacity:0.3; pointer-events:none;}
.popBox .simplePayBox .lst_simplePay .item .credit_card.disabled:before {content:'유효하지 않은 카드입니다'; position:absolute; top:0; left:0; width:100%; height:100%; padding:20% 0 0 0; color:#fcfaf7; font-size:13px; font-weight:400; line-height:12px; border-radius:5px; background:rgba(27,27,27,0.9); pointer-events:none; box-sizing:border-box; z-index:100;}
.popBox .simplePayBox .lst_simplePay .item .credit_card.disabled:after {content:'다른 결제수단을 선택해 주세요'; position:absolute; top:50%; left:0; width:100%; margin:0; padding:0; color:#fcfaf7; font-size:13px; font-weight:400; line-height:16px; background:none; box-sizing:border-box; z-index:100;}
.popBox .simplePayBox .lst_simplePay .dataNone {display:block; padding:15px 25px; color:#989898; text-align:center; line-height:16px; pointer-events:none;}
.popBox .simplePayBox .lst_simplePay ul.desc {display:block; margin:10px 0 0 0; padding:15px 25px; color:#000000; line-height:16px; pointer-events:none; background:rgba(27,27,27,0.05);}
.popBox .simplePayBox .lst_simplePay ul.desc li {position:relative; margin:0 0 5px 0; padding:0 0 0 12px; font-size:12px;}
.popBox .simplePayBox .lst_simplePay ul.desc li:last-child {margin:0;}
.popBox .simplePayBox .lst_simplePay ul.desc li:before {content:'ㆍ'; position:absolute; top:0; left:0;}
/* popup-신용카드(간편)-카드정보입력  */
.popBox .simplePay_infoBox {display:none;}
.popBox .simplePay_infoBox .ipt_dlBox {display:block; padding:0 25px;}
.popBox .simplePay_infoBox .ipt_dlBox:first-child {padding:25px 25px 0 25px;}
.popBox .simplePay_infoBox .ipt_dlBox dl {display:block; clear:both; overflow:hidden; margin:0 0 15px 0; }
.popBox .simplePay_infoBox .ipt_dlBox dl dt {display:block; margin:0 0 3px 0; color:#989898; font-size:0.9rem; font-weight:400;}
.popBox .simplePay_infoBox .ipt_dlBox dl dd {display:block; }
.popBox .simplePay_infoBox .ipt_dlBox dl dd .ipt_num {display:block; width:100%; height:50px; margin:0; padding:7px; font-size:13px; border:1px solid #dee2e6; border-radius:2px; box-sizing:border-box; background:#ffffff; resize:none; transition:all 0.3s ease-out;}
.popBox .simplePay_infoBox .ipt_dlBox dl dd .ipt_num:focus {border:1px solid #000000; transition:all 0.3s ease-out;}
.popBox .simplePay_infoBox .ipt_dlBox:nth-child(2) dl dd {display:inline-block; float:left; width:50%; padding:0 5px 0 0;}
.popBox .simplePay_infoBox .ipt_dlBox:nth-child(2) dl dd:last-child {padding:0 0 0 5px;}
.popBox .simplePay_infoBox .termsBox {display:block; padding:0 25px;}
.popBox .simplePay_infoBox .termsBox .ipt_radio + label {display:inline-block; position:relative; padding:0 0 0 22px; font-size:14px; vertical-align:top; line-height:18px; letter-spacing:0;}
.popBox .simplePay_infoBox .termsBox .ipt_radio + label:before {content:''; position:absolute; top:50%; left:0%; width:17px; height:17px; border:1px solid rgba(27,27,27,0.3); transform:translate(0,-50%); border-radius:100%; transition:all 0.3s ease-out;}
.popBox .simplePay_infoBox .termsBox .ipt_radio + label + span {display:block; padding:3px 0 15px 25px; color:#898989; font-size:13px; word-break:keep-all;}
.popBox .simplePay_infoBox .termsBox .ipt_radio + label + span strong {color:#000000; font-weight:500;}
.popBox .simplePay_infoBox .termsBox .ipt_radio:checked + label:before {content:'';border:1px solid rgba(27,27,27,1.0); transition:all 0.3s ease-out;}
.popBox .simplePay_infoBox .termsBox .ipt_radio:checked + label:after {content:''; position:absolute; top:50%; left:5px; width:8px; height:8px; color:#000000; border-radius:30px; background:#000000; transform:translate(0,-50%); transition:all 0.3s ease-out;}
.popBox .simplePay_infoBox .termsBox .ipt_radio:checked + label {color:#000000; font-weight:500;}
.popBox .simplePay_infoBox .termsBox .ipt_radio:checked + label + span {display:block;}
.popBox .simplePay_infoBox .termsBox .ipt_radio:disabled {pointer-events:none;}
.popBox .simplePay_infoBox .termsBox .ipt_radio:disabled + label {color:#989898;}
.popBox .simplePay_infoBox .termsBox .ipt_radio:disabled + label:before {content:''; border:1px solid rgba(27,27,27,0.1); border-radius:20px; background:rgba(27,27,27,0.1); transition:all 0.3s ease-out;}
.popBox .simplePay_infoBox .btnBox {display:block; margin:0; padding:15px; border-top:1px solid rgba(27,27,27,0.1);} 
.popBox .simplePay_infoBox .btnBox button {display:block; width:100%; margin:0; padding:12px 0; color:#ffffff; font-size:14px; font-weight:500; line-height:20px; background:#000000;}
.popBox .simplePay_infoBox .btnBox button:disabled {color:#989898; border:1px solid #e5e5e5; background:#f6f6f6; cursor:not-allowed;}

/* popup-신용카드(일반)-카드선택  */
.popBox .lst_card {display:block; clear:both; overflow:hidden; padding:20px;}
.popBox .lst_card li {position:relative; float:left; width:calc(33.3% - 10px); height:70px; margin:0 5px 10px 5px; font-size:13px; font-weight:400; text-align:center; box-sizing:border-box;}
.popBox .lst_card li .ipt_radio_box {position:absolute; top:0; left:0;}
.popBox .lst_card li .ipt_radio_box + label {display:block; position:relative; top:0; left:0; width:100%; height:100%; padding:40px 0 0 0; font-size:13px; font-weight:400; text-align:center; box-sizing:border-box; border:1px solid #c5c5c5; background:#ffffff; transition:all 0.3s ease-out; cursor:pointer;}
.popBox .lst_card li .ipt_radio_box + label:before {content:''; position:absolute; top:13px; left:50%; width:60px; height:20px; background:#f00; background-size:contain !important; transform:translate(-50%,0);}
.popBox .lst_card li .ipt_radio_box:checked + label {border:1px solid #000000; transition:all 0.3s ease-out;}

.popBox .lst_card li #cardLst_12.ipt_radio_box + label:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico/ico_cardLst_12.png") 50% 50% no-repeat;} /* 농협(NH페이) */
.popBox .lst_card li #cardLst_02.ipt_radio_box + label:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico/ico_cardLst_02.png") 50% 50% no-repeat;} /* KB Pay(국민) */
.popBox .lst_card li #cardLst_03.ipt_radio_box + label:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico/ico_cardLst_03.png") 50% 50% no-repeat;} /* 하나Pay */
.popBox .lst_card li #cardLst_04.ipt_radio_box + label:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico/ico_cardLst_04.png") 50% 50% no-repeat;} /* 삼성카드 */
.popBox .lst_card li #cardLst_06.ipt_radio_box + label:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico/ico_cardLst_06.png") 50% 50% no-repeat;} /* 신한카드 */
.popBox .lst_card li #cardLst_01.ipt_radio_box + label:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico/ico_cardLst_01.png") 50% 50% no-repeat;} /* 비씨(페이북) */
.popBox .lst_card li #cardLst_07.ipt_radio_box + label:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico/ico_cardLst_07.png") 50% 50% no-repeat;} /* 현대카드 */
.popBox .lst_card li #cardLst_08.ipt_radio_box + label:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico/ico_cardLst_08.png") 50% 50% no-repeat;} /* 롯데카드 */
.popBox .lst_card li #cardLst_15.ipt_radio_box + label:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico/ico_cardLst_15.png") 50% 50% no-repeat;} /* 우리카드 */
.popBox .lst_card li #cardLst_13.ipt_radio_box + label:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico/ico_cardLst_13.png") 50% 50% no-repeat;} /* 수협 */
.popBox .lst_card li #cardLst_14.ipt_radio_box + label:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico/ico_cardLst_14.png") 50% 50% no-repeat;} /* 신협 */
.popBox .lst_card li #cardLst_21.ipt_radio_box + label:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico/ico_cardLst_21.png") 50% 50% no-repeat;} /* 광주 */
.popBox .lst_card li #cardLst_22.ipt_radio_box + label:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico/ico_cardLst_21.png") 50% 50% no-repeat;} /* 전북 */
.popBox .lst_card li #cardLst_23.ipt_radio_box + label:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico/ico_cardLst_06.png") 50% 50% no-repeat;} /* 제주 */
.popBox .lst_card li #cardLst_32.ipt_radio_box + label:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico/ico_cardLst_32.png") 50% 50% no-repeat;} /* 우체국 */
.popBox .lst_card li #cardLst_33.ipt_radio_box + label:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico/ico_cardLst_33.png") 50% 50% no-repeat;} /* 저축은행 */
.popBox .lst_card li #cardLst_35.ipt_radio_box + label:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico/ico_cardLst_35.png") 50% 50% no-repeat;} /* 새마을금고 */
.popBox .lst_card li #cardLst_36.ipt_radio_box + label:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico/ico_cardLst_36.png") 50% 50% no-repeat;} /* KDB산업 */
.popBox .lst_card li #cardLst_37.ipt_radio_box + label:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico/ico_cardLst_37.png") 50% 50% no-repeat;} /* 카카오뱅크 */
.popBox .lst_card li #cardLst_11.ipt_radio_box + label:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico/ico_cardLst_11.png") 50% 50% no-repeat;} /* 씨티 */
.popBox .lst_card li #cardLst_38.ipt_radio_box + label:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico/ico_cardLst_38.png") 50% 50% no-repeat;} /* 케이뱅크 */

/* 모바일 메뉴  */
.header .inner .btn_ham {display:block; overflow:hidden; position:absolute; top:13px; right:20px; width:26px; height:30px; text-indent:-99px; box-sizing:border-box; opacity:1.0; z-index:1000;}
.header .inner .btn_ham span {position:relative; right:0; margin:9px 0 8px 0;}
.header .inner .btn_ham span, .header .inner .btn_ham:before, .header .inner .btn_ham:after {display:block; overflow:hidden; width:100%; height:2px; background-color:rgba(27,27,27,1.0);}
.header .inner .btn_ham:before, .header .inner .btn_ham:after {content:'';  position:absolute;}
.header .inner .btn_ham:before {top:4px; transform:rotate(0); animation:ham_off_top 0.3s ease-out;}
.header .inner .btn_ham:after {bottom:4px; transform:rotate(0); animation:ham_off_btm 0.3s ease-out;}
.header.m_nav_show .inner .btn_ham span {background-color:transparent; animation:ham_on_mid 0.3s ease-out;}
.header.m_nav_show .inner .btn_ham:before, .header.m_nav_show .inner .btn_ham:after {background-color:rgba(27,27,27,1.0);}
.header.m_nav_show .inner .btn_ham:before {top:14px; transform:rotate(45deg); animation:ham_on_top 0.3s ease-out;}
.header.m_nav_show .inner .btn_ham:after {bottom:14px; transform:rotate(-45deg); animation:ham_on_btm 0.3s ease-out;}
.header.m_nav_show .inner .btn_ham {opacity:1.0;}

/* 클로징멘트  */
.stn .closing_park {position:relative; padding:50px 0; font-family:'Noto Serif KR',serif; font-size:30px; font-weight:400; line-height:44px;}
.stn .closing_park span {display:block; margin:0 0 40px 0; font-size:20px;}
.stn .closing_park:after {content:'톤28 공동창립자 박준수'; display:block; margin:20px 0 0 0; font-size:22px; font-weight:400; opacity:0.4;}
.stn .closing_maria {position:relative; padding:50px 0; font-family:'Noto Serif KR',serif; font-size:30px; font-weight:400; line-height:44px;}
.stn .closing_maria span {display:block; margin:0 0 40px 0; font-size:20px;}
.stn .closing_maria:after {content:'톤28 공동창립자 정마리아'; display:block; margin:20px 0 0 0; font-size:22px; font-weight:400; opacity:0.4;}

@keyframes ham_off_top {
0%   {top:14px; transform:rotate(45deg);}
50%  {top:14px; transform:rotate(0);}
75%  {top:14px; transform:rotate(0);}
100% {top:4px; transform:rotate(0);}
}
@keyframes ham_off_mid {
0%   {top:0; background-color:rgba(27,27,27,0);}
50%  {top:0; background-color:rgba(227,27,27,0);}
75%  {top:0; background-color:rgba(227,27,27,1.0);}
100% {top:0; background-color:rgba(27,27,27,1.0);}
}
@keyframes ham_off_btm {
0%   {bottom:14px; transform:rotate(-45deg);}
50%  {bottom:14px; transform:rotate(0);}
75%  {bottom:14px; transform:rotate(0);}
100% {bottom:14px; transform:rotate(0);}
}

@keyframes ham_on_top {
0%   {top:4px; transform:rotate(0);}
50%  {top:14px; transform:rotate(0);}
75%  {top:14px; transform:rotate(0);}
100% {top:14px; transform:rotate(45deg);}
}
@keyframes ham_on_mid {
0%   {top:0; background-color:rgba(27,27,27,1.0);}
50%  {top:0; background-color:rgba(227,27,27,1.0);}
75%  {top:0; background-color:rgba(227,27,27,0);}
100% {top:0; background-color:rgba(27,27,27,0);}
}
@keyframes ham_on_btm {
0%   {bottom:4px; transform:rotate(0);}
50%  {bottom:14px; transform:rotate(0);}
75%  {bottom:14px; transform:rotate(0);}
100% {bottom:14px; transform:rotate(-45deg);}
}

/* 시크릿 배너 */
.arcanaBox {display:block; width:100%; margin:25px 0; text-align:center; background:#e9e7cf;}
.arcanaBox img {display:inline-block; width:100%; max-width:350px; height:auto; margin:5px 0; vertical-align:middle;}

/* 로그인-자주묻는질문 */
.faqBox {display:block; border-top:1px solid #1b1b1b;}
.faqBox dl {margin:0; border-bottom:1px solid #e4e4e2;}
.faqBox dt {position:relative; padding:15px 45px 15px 15px; color:#1b1b1b; font-size:15px; font-weight:400; word-break:keep-all; cursor:pointer; transition:all 0.3s ease;}
.faqBox dt:after {content:'+'; position:absolute; top:50%; right:15px; color:#999; font-size:18px; font-weight:300; transform:translateY(-50%); transition:transform 0.3s ease;}
.faqBox dl.active dt:after {content:'–'; color:#333; transform:translateY(-50%) rotate(180deg); }
.faqBox dd {display:none; padding:20px 20px; color:#1b1b1b; font-size:14px; line-height:1.6; word-break:keep-all; background:#fff; border-top:1px solid #e4e4e2;}
.faqBox dd ol {display:block; margin:10px 0;}
.faqBox dd ol li {display:block;}
.faqBox dd ol li:nth-child(1):before {content:'①'; display:inline-block; margin:0 3px 0 0;}
.faqBox dd ol li:nth-child(2):before {content:'②'; display:inline-block; margin:0 3px 0 0;}
.faqBox dd ol li:nth-child(3):before {content:'③'; display:inline-block; margin:0 3px 0 0;}
.faqBox dd ol li:nth-child(4):before {content:'④'; display:inline-block; margin:0 3px 0 0;}
.faqBox dd ol li:nth-child(5):before {content:'⑤'; display:inline-block; margin:0 3px 0 0;}


/* spiner */
.loaderWrap26 {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(14,14,14,0.7); z-index:99999;}
.loaderWrap26 .loaderBox26 {position:absolute; top:40%; left:50%; width:250px; height:250px; transform:translate(-50%,-50%);}
.loaderWrap26 .loaderBox26 strong {display:block; padding:50px 0 0 0; color:#ffffff; font-size:20px; font-weight:500; text-align:center;}
.loaderWrap26 .loaderBox26 span {display:block; padding:10px 0 0 0; color:#ffffff; font-size:16px; font-weight:300; text-align:center;}
.loader26,.loader26:before,.loader26:after {border-radius:50%; width:2.5em; height:2.5em; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation:load26 1.8s infinite ease-in-out; animation:load26 1.8s infinite ease-in-out;}
.loader26 {color:#ffffff; font-size:10px; margin:15px auto; position:relative; text-indent:-9999em; -webkit-transform:translateZ(0); -ms-transform:translateZ(0); transform:translateZ(0); -webkit-animation-delay:-0.16s; animation-delay:-0.16s;}
.loader26:before,.loader26:after {content:''; position:absolute; top:0;}
.loader26:before {left:-3.5em; -webkit-animation-delay:-0.32s; animation-delay:-0.32s;}
.loader26:after {left:3.5em;}
@-webkit-keyframes load26 {
0%, 80%, 100% {box-shadow:0 2.5em 0 -1.3em;}
		  40% {box-shadow:0 2.5em 0 0;}
}
@keyframes load26 {
0%, 80%, 100% {box-shadow:0 2.5em 0 -1.3em;}
          40% {box-shadow:0 2.5em 0 0;}
}

/* -------------------- mobile -------------------- */
@media screen and (max-width:780px) {
#wrap {min-width:auto;}
input::placeholder {font-style:0.9rem;}
	
.topBanner a {font-size:0.9rem; letter-spacing:0.25px;}
	
.topBanner .inner {width:100%;}
.topBanner + .header {position:relative; top:0;}
.topBanner + .header.fixed {position:fixed; top:0;}
.header.fixed .gnb ul.nav {height:0;}

.header {clear:both; overflow:hidden; height:auto; width:100%;}
.header .inner {clear:both; overflow:hidden; max-width:initial; padding:0;}
.header .inner h1 {position:absolute; margin:2px 0 0 15px;}
.header .inner h1 a {width:109px; margin:18px 0 0 0;}
.header .inner .gnb {display:block; clear:both; overflow:hidden; float:none; margin:50px 0 0 0; transition:all 0.3s ease-out;}
.header .lang ul.nav {margin:15px 15px 0 0;}
.header .inner .utils {position:absolute; top:0; right:0;}
.header .inner .utils ul.nav {margin:15px 20px 0 0;}
.header .inner .utils ul.nav>li:first-child {display:none;}
.header .inner .utils ul.nav>li.mypage {display:block;}
.header .inner .gnb ul.nav {display:flex; clear:both; overflow:auto; float:none; height:50px; margin:0; padding:0 15px;}
.header .inner .gnb ul.nav::-webkit-scrollbar {width:0; height:0; border-radius:3px;}  /* 스크롤바의 width */
.header .inner .gnb ul.nav::-webkit-scrollbar-track {background:#dee2e6;}  /* 스크롤바의 전체 배경색 */
.header .inner .gnb ul.nav::-webkit-scrollbar-thumb {border-radius:0; background:#6c6c6c;}  /* 스크롤바 색 */
.header .inner .gnb ul.nav::-webkit-scrollbar-button {display:none;}  /* 위 아래 버튼 (버튼 없애기를 함) */

.header.m_nav_show {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(27,27,27,0.85); transform:none; z-index:9999;}
.header.m_nav_show .inner {max-width:auto; height:100%; margin:0 50px 0 0;}
.header.m_nav_show + .container {padding:60px 0 0 0;}
		
/* 전체메뉴 */
body.m_open {overflow:hidden;}
body.m_open .topBanner + .header {height:calc(100% - 30px);}
body.m_open .header {width:100%; height:100%; background:#fcfaf7; z-index:9999; transition:none;}
body.m_open .header:before {content:''; position:absolute; top:0; left:0; width:100%; height:105px; background:#000000;}
body.m_open .header .inner {position:relative; left:0; width:100%; margin:0; padding:0 15px; text-align:left;}
body.m_open .header .inner h1 {position:relative; float:none; margin:0}
body.m_open .header .inner h1 a {background:transparent url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/logo_toun28_w.svg) no-repeat 50% 50%/100% auto;}
body.m_open .header .gnb {position:absolute; top:120px; left:15px; width:calc(100% - 30px);}
body.m_open	.header .lang {float:none; position:absolute; bottom:10px; left:15px; width:calc(100% - 30px); text-align:center;}
body.m_open	.header .lang ul.nav {display:inline-flex; float:none; margin:0;}
body.m_open	.header .lang ul.nav li {display:inline-block; float:none; width:25%; margin:0 5px;}
body.m_open .header .lang ul.nav li a {display:inline-block; width:auto; padding:0 20px;color:#000000;}
body.m_open .header .lang ul.nav li a.active {color:#ffffff; background:#000000;}
body.m_open .header .utils {position:relative; clear:both; overflow:hidden; float:none; margin:15px 0 0 0;}
body.m_open .header .utils ul.nav {clear:both; overflow:hidden; float:none; margin:0;}
body.m_open .header .utils ul.nav>li {margin:0 0 20px 0;}
body.m_open .header .utils ul.nav>li.login {display:block; overflow:initial; float:none; margin:0; padding:15px; text-align:center; border:1px solid #dee2e6; border-radius:5px 5px 0 0; background:#ffffff;}
body.m_open .header .utils ul.nav>li.login a.ico_login {overflow:initial; width:100%; height:auto; color:#10069f; font-size:1.15rem; font-weight:500; text-indent:0; background:none;}
body.m_open .header .utils ul.nav>li.login a.ico_login span {display:initial; position:relative; padding:2px 10px 5px 10px; color:#10069f; font-size:1.15rem; font-weight:500; line-height:13px; text-indent:0; vertical-align:top; border:1px solid #dee2e6; border-radius:3px; background:none;}
body.m_open .header .utils ul.nav>li.login a.ico_login:after {content:'하고 나의 쇼핑정보를 확인하세요.'; margin:0 0 0 5px; color:#000000; font-size:1.10rem; font-weight:400; vertical-align:middle;}
body.m_open .header .utils ul.nav>li>button.ico_myPage {display:none;}
	
body.m_open .header .utils ul.nav>li.mypage {float:none; margin:0;}
body.m_open .header .utils ul.nav>li.mypage .gnb_myBox {display:block; position:relative; width:100%; padding:20px 20px 15px 20px; border:1px solid #dee2e6; border-radius:5px 5px 0 0; transform:none; box-shadow:none; background:#ffffff;}
body.m_open .header .utils ul.nav>li.mypage .gnb_myBox .topBox {padding:0;}
body.m_open .header .utils ul.nav>li.mypage .gnb_myBox .topBox .level {width:36px; height:36px; line-height:36px;}
body.m_open .header .utils ul.nav>li.mypage .gnb_myBox .topBox .infoBox {padding:0 0 0 10px}
body.m_open .header .utils ul.nav>li.mypage .gnb_myBox .topBox .infoBox .name {margin:0; font-weight:500; vertical-align:middle;}
body.m_open .header .utils ul.nav>li.mypage .gnb_myBox .topBox .infoBox .email {max-width:200px; padding:0; vertical-align:middle;}
body.m_open .header .utils ul.nav>li.mypage .gnb_myBox .btmBox  {margin:12px 0 0 0; padding:0;}
body.m_open .header .utils ul.nav>li.mypage .gnb_myBox .btmBox .lst_mypage {display:flex; border:1px solid #e5e5e5; border-radius:3px; background:#ffffff;}
body.m_open .header .utils ul.nav>li.mypage .gnb_myBox .btmBox .lst_mypage li {width:100%; border-right:1px solid #e5e5e5;}
body.m_open .header .utils ul.nav>li.mypage .gnb_myBox .btmBox .lst_mypage li:last-child {border:none;}
body.m_open .header .utils ul.nav>li.mypage .gnb_myBox .btmBox .lst_mypage li a {height:auto; padding:12px 0; font-size:1.0rem; font-weight:500; line-height:16px; border:none; border-radius:0;}
body.m_open .header .utils ul.nav>li.mypage .gnb_myBox .btmBox .lst_mypage li a:before {content:''; display:block; width:100%; height:16px; margin:0 0 5px 0; background-size:auto 100%;}
body.m_open .header .utils ul.nav>li.mypage .gnb_myBox .btmBox .lst_mypage li a.ico_mypage:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_user_bk.svg") 50% 50% no-repeat;}
body.m_open .header .utils ul.nav>li.mypage .gnb_myBox .btmBox .lst_mypage li a.ico_delivery:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_delivery_bk.svg") 50% 50% no-repeat;}
body.m_open .header .utils ul.nav>li.mypage .gnb_myBox .btmBox .lst_mypage li a.ico_coupon:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_coupon_bk.svg") 50% 50% no-repeat;}
body.m_open .header .utils ul.nav>li.mypage .gnb_myBox .btmBox button {position:absolute; top:20px; right:20px; padding:7px 10px; font-size:1.0rem; font-weight:500; border:1px solid #e5e5e5; border-radius:3px; background:#ffffff;}
body.m_open .header .utils ul.nav>li.cart {width:50%; padding:0; text-align:center; text-indent:0; border:1px solid #dee2e6; border-right:1px solid #fcfaf7; border-radius:0 0 0 5px; background:#dee2e6;}
body.m_open .header .utils ul.nav>li>a.ico_cart {display:inline-block; width:100%; height:auto; padding:10px 0; text-align:center; text-indent:0;  background:none;}
body.m_open .header .utils ul.nav>li>a.ico_cart:before {content:''; display:inline-block; width:16px; height:16px; vertical-align:middle; background:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_cart_bk.svg) 50% 50% no-repeat;}
body.m_open .header .utils ul.nav>li>a.ico_cart span {display:inline-block; position:relative; right:0; bottom:0; width:auto; color:#10069f; font-size:1.10rem; font-weight:500; vertical-align:middle; background:none;}
body.m_open .header .utils ul.nav>li>a.ico_cart span:before {content:'장바구니'; display:inline-block; margin:0 10px 0 3px; color:#000000; font-size:1.15rem;  font-weight:400;}

body.m_open .header .utils ul.nav>li.heart {width:50%; padding:0; text-align:center; text-indent:0; border:1px solid #dee2e6; border-radius:0 0 5px 0; background:#dee2e6;}
body.m_open .header .utils ul.nav>li>a.ico_heart {display:inline-block; width:100%; height:auto; padding:10px 0; text-align:center; text-indent:0;  background:none;}
body.m_open .header .utils ul.nav>li>a.ico_heart:before {content:''; display:inline-block; width:16px; height:16px; vertical-align:middle; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_heart_bk.svg") 50% 50% no-repeat;}
body.m_open .header .utils ul.nav>li>a.ico_heart span {display:inline-block; position:relative; right:0; bottom:0; width:auto; color:#10069f; font-size:1.10rem; font-weight:500; vertical-align:middle; background:none;}
body.m_open .header .utils ul.nav>li>a.ico_heart span:before {content:'위시리스트'; display:inline-block; margin:0 10px 0 3px; color:#000000; font-size:1.15rem;  font-weight:400;}
	
body.m_open .header .gnb ul.nav {display:block; clear:both; overflow:hidden; height:auto; padding:0;}
body.m_open .header .gnb ul.nav:before {content:'주요 카테고리'; display:block; margin:0 0 10px 0; font-size:1.25rem; font-weight:700;}
body.m_open .header .gnb ul.nav li {float:left; width:33.3333%; margin:0; border:1px solid #e5e5e5; background:#ffffff;}
body.m_open .header .gnb ul.nav li a {display:block; padding:20px 0; color:#000000; font-size:1.10rem; font-weight:500; text-align:center;}
body.m_open .header .gnb ul.nav li a:before {content:''; display:block; width:100%; height:20px; margin:0 0 5px 0; background-size:auto 100%;}
body.m_open .header .gnb ul.nav li:nth-child(1) {border-radius:5px 0 0 0;}
body.m_open .header .gnb ul.nav li:nth-child(3) {border-radius:0 5px 0 0;}
body.m_open .header .gnb ul.nav li:nth-child(4) {border-radius:0 0 0 5px;}
body.m_open .header .gnb ul.nav li:nth-child(6) {border-radius:0 0 5px 0;}
body.m_open .header .gnb ul.nav li:nth-child(1) a.ico_brand:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_brand_bk.svg") 50% 50% no-repeat;}/*BRAND*/
body.m_open .header .gnb ul.nav li:nth-child(2) a.ico_provide:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_product_bk.svg") 50% 50% no-repeat;}/*PROVIDE*/
body.m_open .header .gnb ul.nav li:nth-child(3) a.ico_store:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_store_bk.svg") 50% 50% no-repeat;}/*STORE*/
body.m_open .header .gnb ul.nav li:nth-child(4) a.ico_archive:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_archive_bk.svg") 50% 50% no-repeat;}/*ARCHIVE*/
body.m_open .header .gnb ul.nav li:nth-child(5) a.ico_b2b:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_b2b_bk.svg") 50% 50% no-repeat;}/*B2B*/
body.m_open .header .gnb ul.nav li:nth-child(6) a.ico_contact:before {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_customer_bk.svg") 50% 50% no-repeat;}/*CUSTOMER*/ 

body.m_open .header .btn_m_close {overflow:hidden; position:absolute; top:18px; right:15px; width:24px; height:24px; text-indent:-999px; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_close_w.svg") 50% 50% no-repeat; background-size:80%; transition:all 0.3s ease-out;}

/* container */
.container {min-height:calc(100% - 155px);}
.container #contents {padding:0;}
	
.stn.intro {height:30vh !important;}
	
/* container */
.footer {background:#323232;}
.footer .inner {max-width:100%; padding:30px 0 120px 0;}	
.footer .inner .infoBox {padding:0 20px;}
.footer .inner .infoBox h3 {font-size:1.25rem}
.footer .inner .infoBox .transBox {display:block; padding:20px 0 10px 0;}
.footer .inner .infoBox .transBox .lot_item.left {display:block; width:100%;}
.footer .inner .infoBox .transBox .lot_item.left .dlBox {display:block; width:100%; margin:0 0 7px 0; word-break:keep-all;}
.footer .inner .infoBox .transBox .lot_item.left .dlBox dt {display:block;}
.footer .inner .infoBox .transBox .lot_item.left .dlBox dd {display:block; width:100%; font-size:1.10rem;}
.footer .inner .infoBox .transBox .lot_item.right {display:flex; width:100%; padding:10px 0 0 0;}
.footer .inner .infoBox .transBox .lot_item.right .dlBox {float:none; width:100%;}
.footer .inner .infoBox .transBox .lot_item.right .dlBox dt {display:none;}
.footer .inner .infoBox .transBox .lot_item.right .dlBox dd {padding:0;}
.footer .inner .infoBox .transBox .lot_item .dlBox dd span {display:block;}
.footer .inner .copyright {position:absolute; bottom:96px; margin:0; padding:0 20px; font-size:0.9rem}
.footer .inner .fnb {overflow:hidden; position:initial; top:0; right:0; width:100%;}
.footer .inner .fnb ul.nav_pc {display:table; float:none; position:absolute; top:65px; width:100%; margin:0; padding:0 20px;}
.footer .inner .fnb ul.nav_pc li {display:table-cell; float:none;}
.footer .inner .fnb ul.nav_pc li a {display:block; font-size:1.0rem; text-align:left;}

.footer .inner .fnb .lst_sns{display:flex; float:none; position:absolute; bottom:90px; right:20px;}
.footer .inner .fnb .lst_sns li {display:block; width:30px; height:30px; margin:0 0 0 7px; border-radius:7px;}
.footer .inner .fnb .lst_sns li a {padding:8px;}

.footer .inner .fnb .m_ft_menu {bottom:0; transition:all 0.3s ease-out;}
.footer .inner .fnb .m_ft_menu ul {float:none;}
.footer .inner .fnb .m_ft_menu ul li {float:none;}
.footer .inner .fnb .m_ft_menu ul li a {color:#fcfaf7; font-size:1.0rem; font-weight:300;}
.footer .inner .fnb .m_ft_menu ul li a.disabled {opacity:0.3; pointer-events:none;}

.popWrap .popBox {width:100%; height:100%; top:0; left:0; border-radius:0; transform:translate(0,0);}
.popWrap .popBox .pop_tit {padding:15px 20px;}
.popWrap .popBox .pop_tit .btn_popup_close {right:15px;}
.popWrap .popBox .pop_tit h3 {font-size:1.15rem;}
.popBox .addrLstBox .addrBox {padding:15px;}
.popBox .addrLstBox ul.lst_addr li.item span {font-size:0.9rem;}
.popBox .addrLstBox ul.lst_addr li.item span.addrTxt {font-size:0.9rem;}
.popBox .addrLstBox ul.lst_addr li.item.active:after {width:18px; height:18px; font-size:0.65rem; line-height:20px;}
.popBox .addrLstBox ul.lst_addr li.item.dataNone {font-size:1.0rem;}
.popBox .addrLstBox .btn_add_addr {font-size:1.0rem;}
.popBox .addrLstBox .btn_apply_addr {font-size:1.05rem;}
.popBox .addrAddBox .btn_save_addr {font-size:1.05rem;}
.popBox .addrAddBox .addrAdd {padding:15px;}
.popBox .addrAddBox .dlBox dt {font-size:0.9rem;}
.popBox .addrAddBox .dlBox dd span.cl_b .btn_addr_srch {font-size:1.0rem;}
	
.popBox .simplePayBox .lst_simplePay .dataNone {padding:15px;}
	
.openPopWrap .popBox {width:80%}
.openPopWrap .popBox .pop_top h3 {font-size:1.25rem;}
.openPopWrap .popBox .pop_mid .txt {font-size:1.0rem;}
.openPopWrap .popBox .pop_btm button {font-size:1.0rem; font-weight:400;}

.popBox .lst_card {padding:20px 10px;}
.popBox .lst_card li .ipt_radio_box + label {font-size:0.9rem;}
	
.fullPopBox {width:100%; height:100%; overflow:auto;}
.fullPopBox .fullPop_top h3 {font-size:1.2rem;}
.fullPopBox .fullPop_top .btn_txt {top:12px; font-size:0.95rem;}
.fullPopBox .fullPop_mid {overflow:hidden; height:auto; max-height:initial; min-height:inherit; padding:0 0 30px 0;}
.fullPopBox .fullPop_mid.only {height:calc(100% - 60px);}
.fullPopBox .fullPop_btm {height:90px;}
.fullPopBox .fullPop_btm button {font-size:1rem;}
.fullPopBox .fullPop_btm .desc {font-size:0.7rem;}
	
/* new popup */
.newPopWrap .newPopBox {width:90%;}
.newPopWrap .newPopBox .newPop_top {padding:20px 22px;}
.newPopWrap .newPopBox .newPop_top h3 {font-size:1.25rem;}
.newPopWrap .newPopBox .newPop_mid {min-height:150px; max-height:350px;}
.newPopWrap .newPopBox .newPop_mid.terms_txt {font-size:0.9rem;}
.newPopWrap .newPopBox .newPop_mid.terms_txt .tit {font-size:1.05rem;}
.newPopWrap .newPopBox .newPop_mid.privacy_txt {font-size:0.9rem;}
.newPopWrap .newPopBox .newPop_mid.privacy_txt .tit {font-size:1.05rem;}
.newPopWrap .newPopBox .newPop_btm button {font-size:1.0rem;}
	
.lst_coupon {padding:15px;}
.lst_coupon li.item {min-height:70px;}
.lst_coupon li.item .coup_left {padding:15px;}
.lst_coupon li.item .name {margin:0; font-size:0.9rem;}
.lst_coupon li.item .discount {margin:0; font-size:20px;}
.lst_coupon li.item .terms {font-size:0.9rem;}
.lst_coupon li.item .d_day {font-size:1.10rem;}
.lst_coupon li.item.active:after {width:18px; height:18px; font-size:0.65rem; line-height:18px; letter-spacing:0.25px;}
.lst_coupon li.item.active .coup_right:before, .lst_coupon li.item.active .coup_right:after {background-color:#10069f;}
.lst_coupon + .btn_apply_coup {width:calc(100% - 30px); margin:10px 15px; padding:15px 0; font-size:1.05rem;}	

.btn_goTop {right:5px; bottom:65px;} 
.btn_goTop.fixed {position:absolute; bottom:5px;}

.stn .closing_park {font-size:1.25rem; line-height:28px;}
.stn .closing_park:after {margin:10px 0 0 0; font-size:16px;}
.stn .closing_maria {font-size:1.25rem; line-height:28px;}
.stn .closing_maria:after {margin:10px 0 0 0; font-size:16px;}
		
/* 시크릿 배너 */
.arcanaBox {margin:15px 0 20px 0;} 
.arcanaBox img {width:90%; margin:5px 0;}
	
#mdPop_giveaway.mdPopBox {width:80%;}
	
/* 로그인-자주묻는질문 */
.faqBox dt {font-size:1rem;}
.faqBox dd {font-size:0.9rem;}

}

/* Safari mobile 전용 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
input::placeholder {font-size:0.9rem;}
.popBox .addrAddBox .dlBox dd span.cl_b .btn_addr_srch {font-size:0.9rem;}
.popBox .simplePay_infoBox .termsBox {padding:0 8px;}
.popBox .simplePay_infoBox .termsBox .ipt_radio + label + span {padding:3px 0 15px 40px;}
.popBox .simplePay_infoBox .termsBox .ipt_radio:checked + label {font-size:1.0rem;}
.popBox .simplePay_infoBox .termsBox .ipt_radio:checked + label + span {font-size:0.9rem;}
}