/* Pretendard 다이나믹서브셋 (100,300,400,500,700,900) */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css");


/* CSS Document */

*{margin: 0; padding: 0; font-family: 'Pretendard' ; font-weight: 400; }


/***********************************    Reset    ***********************************/
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block}
html,body{margin:0;padding:0; height: 100%; width: 100%;}
body{font-family:'Pretendard',Tahoma,Verdana,AppleGothic,sans-serif; font-size:14px; line-height:20px; overflow-y:scroll; }
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:14px; font-family: 'Pretendard'; font-weight: 400; }
ol,ul{margin:0;padding:0;list-style:none; box-sizing:border-box;}
div,li,dl,dt,dd,form,iframe,p,a,span,blockquote,i,figure{margin:0;padding:0;box-sizing:border-box}
fieldset{margin:0;padding:0;border:0 solid transparent}
legend,hr{display:none}
label{vertical-align:middle;}
img{margin:0;padding:0;border:0;vertical-align:top;}
table,th,td{margin:0;padding:0; border-collapse: collapse; border-spacing: 0; border: 0;}
input,textarea,select{margin:0;padding:0;background:#fff;font-family:'Pretendard',Tahoma,Verdana,AppleGothic,sans-serif;font-size:14px;color:#222;vertical-align:middle;border:0;border-radius:0;-webkit-border-radius:0;-webkit-appearance:none;box-sizing:border-box;outline:0;}
caption{visibility:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0}
a{font-family:'Pretendard',Tahoma,Verdana,AppleGothic,sans-serif;font-size:14px;margin:0;padding:0;border:0;cursor:pointer;background:0}
a::-moz-focus-inner{border:0;padding:0}em{font-style:normal}
img{vertical-align:top; width: 100%; }
a,button{text-decoration:none;color:#222; }
a.link:hover,button.link:hover{text-decoration:underline}
a,input,button{transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out;}
.no-border{border:none!important}
input[type='radio'], input[type='checkbox'] {border:none !important}
select {-webkit-appearance: none;  /* 네이티브 외형 감추기 */-moz-appearance: none; appearance: none;  background-image:url(../../image/common/arrow_select01.png); background-repeat:no-repeat; background-position:100% 50%; background-size: 30px; padding-left:15px;line-height:40px; height:40px; border:1px solid #DDD; }
select::-ms-expand { display: none;}/* IE 10, 11의 네이티브 화살표 숨기기 */

#wrapper { width:100%; margin:0 auto; }

/*GNB*/
.gnb_top_bn { position: absolute; left:0px; top: 0px; width: 100%; height:32px; z-index:90; background-color:rgba(0,0,0,1); overflow: hidden;}
.gnb_top_bn>div {position: absolute; white-space: nowrap; will-change: transform; animation: time_left 30s linear infinite; display: flex; }
.gnb_top_bn>div>p { position: relative; font-size: 13px; color: #FFF; line-height: 32px; text-align: center; display: block; margin: 0px 20px; padding-right: 20px;}
@keyframes time_left {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

.gnb_header { position: absolute; left:0px; top:32px; width: 100%; min-width: 320px; height:54px; z-index:90; background-color:rgba(255,255,255,0); }

.gnb_header .gnb_box { position:relative; width: 100%; height:54px; margin:0 auto; }
.gnb_header .gnb_box  .logo { position: absolute; left: 15px; top: 15px; width: 170px; height: 24px; z-index: 1; }
.gnb_header .gnb_box .logo a {width: 170px; height: 24px; display: block; background-image:url(../../image/common/logo.svg); background-size: 170px; background-repeat: no-repeat; }

.gnb_header .gnb_box .gnb_menu { position: absolute; top: 7px; right: 5px; display: flex; justify-content: space-between; width: 130px; height: 40px; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out; }
.gnb_header .gnb_box .gnb_menu>a { display: block; width: 40px; height: 40px; text-align: center; padding-top: 5px;}

.ico-gnb {display:inline-block; width:30px; height:30px; background-image:url(../../image/common/icon_gnb.png); background-repeat: no-repeat; background-size:120px 90px; overflow:hidden; text-indent:-9999px; vertical-align:middle; }
.ico-gnb.cart { background-position: -0px -0px;}
.ico-gnb.search { background-position: -30px -0px;}
.ico-gnb.total { background-position: -60px -0px;}
.ico-gnb.arrow { position: absolute; top: 6px; right: 0px;  width: 20px; height: 20px; background-position: -95px -65px;}

.single_header { position:absolute; left:0px; top:0px; width: 100%; height:54px; z-index:90; border-bottom: 1px solid #DDD; }
.single_header .logo { position: absolute; left: 50%; top: 50%; transform: translate(-50% , -50%); width: 170px; height: 24px; background-image:url(../../image/common/logo.svg); background-size: 170px; background-repeat: no-repeat; background-position: center center; }
.single_header .logo a {width: 100%; height: 100%; display: block;}
.single_header .gnb_box { position:relative; width: 100%; height:54px; margin:0 auto; }
.single_header p { position: absolute; top:50%; right: 15px; transform: translateY(-50%); font-size: 14px; color: #222;}




/*TOPMENU SCROLL*/
.gnb_header.flow {position: fixed; top: 0px; left: 0px; background-color:rgba(255,255,255,1);  }

/*GNB SEARCH*/
.gnb_header .gnb_search.active {opacity: 1; z-index: 100; visibility:visible; }
.gnb_header .gnb_search.active .close_box .close_btn {opacity: 1; transform:rotate(0deg);}

.gnb_header .gnb_search { opacity: 0; position: fixed; left: 0px; top: 0px; width:100%; height:100%; background-color:rgba(0,0,0,0.95); z-index: 100; visibility: hidden; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out;}
.gnb_header .gnb_search .close_box { position: absolute; right: 0px;; top: 0px; }
.gnb_header .gnb_search .close_box .close_btn { position: absolute; top: 0px; right: 8px; width: 40px; height: 48px; background-image: url(../../../resources/image/common/icon_pop_close01.png); background-repeat: no-repeat; background-size: 40px; opacity: 0; transform:rotate(45deg); transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out;}

.gnb_header .gnb_search .search_box { position: absolute; width: 90%; left: 5%; top: 40%; transform: translateY(-50%); text-align: left; }
.gnb_header .gnb_search .search_box>a {position: absolute; top: 0px; right: 10px; width: 50px; height: 60px; background-image: url(../../../resources/image/common/icon_pop_search.png); background-size: 33px; background-position: center center; background-repeat: no-repeat;}
.gnb_header .gnb_search .search_box input { width: 100%; height: 60px; text-align: left; font-size:17px; font-weight: 400; color: #FFF; background-color:rgba(0,0,0,0); border: 1px solid #FFF; padding-right: 50px; padding-left: 25px; margin-bottom: 60px; }
.gnb_header .gnb_search .search_box input::placeholder {color: #CCC;}
.gnb_header .gnb_search .search_box input::-webkit-input-placeholder {color: #CCC;}
.gnb_header .gnb_search .search_box input:-ms-input-placeholder {color: #CCC;}
.gnb_header .gnb_search .search_box input:focus { color:#F7306F; }

.gnb_header .gnb_search .search_box .hot_search { text-align: center;}
.gnb_header .gnb_search .search_box .hot_search h3 { font-size: 30px; color: #F7306F; line-height: 35px; margin-bottom:20px; font-weight: 100; }
.gnb_header .gnb_search .search_box .hot_search h3 span { display: block; font-size: 16px; font-weight: 300;}
.gnb_header .gnb_search .search_box .hot_search a { position: relative; display: inline-block; font-size:16px; color: #FFF; line-height: 40px; margin: 0px 10px; padding-left: 15px; }
.gnb_header .gnb_search .search_box .hot_search a:before { position: absolute; left: 0px; top: 0px; content: "#";}

/*TOTAL MENU*/
.gnb_header .gnb_total.active {opacity: 1; z-index: 100; visibility:visible; right: 0px; }
.gnb_header .gnb_total.active .close_box .close_btn {opacity: 1; transform:rotate(0deg);}

.gnb_header .gnb_total { opacity: 0; position: fixed; right: -100%; top: 0px; width:100%; height:100%; background-color: #FFF; z-index: 100; visibility: hidden; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out; padding-top: 128px;}
.gnb_header .gnb_total .close_box { position: absolute; left: 50%; top: 0px; width: 100%; transform: translateX(-50%); z-index: 1;}
.gnb_header .gnb_total .close_box .close_btn { position: absolute; top: 0px; right:0px; width: 50px; height: 50px; background-image: url(../../../resources/image/common/icon_pop_close02.png); background-repeat: no-repeat; background-size: 50px; background-position: 0px 0px; opacity: 0; transform:rotate(45deg); transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out;}

.gnb_header .gnb_total .menu_info { position: absolute; left: 0px; right: 0px; top: 0px; background-color: #F4F4F4; padding:15px 15px 20px; }
.gnb_header .gnb_total .menu_info p { display: block; width: 100%; font-size: 17px; line-height: 33px; color: #222; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; z-index: 1; margin-bottom: 10px; }
.gnb_header .gnb_total .menu_info>div { display: flex; justify-content: space-between; width: 100%; }
.gnb_header .gnb_total .menu_info>div .btn { width: 48%;}

.gnb_header .gnb_total nav { width: 100%;  height:100%; overflow-y: scroll; padding: 15px 15px 60px; box-sizing: border-box;}
.gnb_header .gnb_total nav h2 { font-size: 30px; color: #222; line-height: 30px; font-weight: 100; margin-bottom: 10px; }
.gnb_header .gnb_total nav h2 span { display: block; font-size: 16px; font-weight: 300;}
.gnb_header .gnb_total nav>ul { margin-bottom: 40px; }
.gnb_header .gnb_total nav>ul>li { position: relative; width: 50%; max-width: 180px;}
.gnb_header .gnb_total nav>ul li>a { position: relative; display: block; width: 100%; font-size: 18px; line-height: 40px; color:#222; font-weight: 500; }
.gnb_header .gnb_total nav>ul>li.active>a { color:#F7306F; }

.gnb_header .gnb_total nav>ul>li>div { opacity: 0; position: absolute; top: -10px; right: -100%; width: 100%; height: auto; z-index: -11; transform:translateY(30px); -webkit-transform:translateY(30px); transition:all 0s  ease-in-out; -webkit-transition:all 0s ease -in-out; overflow: hidden; visibility:hidden; background-color: #F4F4F4; padding: 10px 0px; }
.gnb_header .gnb_total.active nav>ul>li.active>div.active { opacity:1; z-index: 1; transform:translateY(0px); -webkit-transform:translateY(0px); visibility:visible; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out;}
.gnb_header .gnb_total nav>ul>li>div a {display: block; width: 100%; font-size: 16px; line-height: 20px; color:#666; font-weight: 400;  padding: 10px 15px;}

.gnb_header .gnb_total nav>ul:nth-of-type(1) { display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid #DDD;}
.gnb_header .gnb_total nav>ul:nth-of-type(1) li { width: 30%; max-width: 100%;}
.gnb_header .gnb_total nav>ul:nth-of-type(1) li a { font-size: 16px; white-space: nowrap; text-align: center; margin-bottom: 15px;}
.gnb_header .gnb_total nav>ul:nth-of-type(1) li a.active { color: #F7306F;}

.gnb_header .gnb_total nav>ul:nth-of-type(1)>li>a:before { position: relative; display: block; background-color: #F4F4F4; width: 100%; height: calc(30vw - 9px) ; content: ""; background-size: 100%; background-position: center center; margin: 0 auto; }
.gnb_header .gnb_total nav>ul:nth-of-type(1)>li:nth-child(1) a:before {background-image:url("../../image/common/menu_img_1_1.png") ;}
.gnb_header .gnb_total nav>ul:nth-of-type(1)>li:nth-child(2) a:before {background-image:url("../../image/common/menu_img_1_2.png") ;}
.gnb_header .gnb_total nav>ul:nth-of-type(1)>li:nth-child(3) a:before {background-image:url("../../image/common/menu_img_1_3.png") ;}
.gnb_header .gnb_total nav>ul:nth-of-type(1)>li:nth-child(4) a:before {background-image:url("../../image/common/menu_img_1_4.png") ;}
.gnb_header .gnb_total nav>ul:nth-of-type(1)>li:nth-child(5) a:before {background-image:url("../../image/common/menu_img_1_5.png") ;}
.gnb_header .gnb_total nav>ul:nth-of-type(1)>li:nth-child(6) a:before {background-image:url("../../image/common/menu_img_1_6.png") ;}
.gnb_header .gnb_total nav>ul:nth-of-type(1)>li:nth-child(7) a:before {background-image:url("../../image/common/menu_img_1_7.png") ;}

/*FOOTER*/
.footer { position:relative; width:100%; min-width:320px; overflow: hidden; }
.footer .footer_con { position:relative; width:100%; background-color:#222; text-align: center; padding: 50px 15px 50px; }

.footer .footer_con>a.top_btn {position: absolute; right: 15px; top: 50px; display: block; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #DDD; z-index: 1;}
.footer .footer_con>a.top_btn:before,.footer .footer_con>a.top_btn:after {position: absolute; top: 17px; width: 14px; height: 2px; background-color: #DDD; content: "";}
.footer .footer_con>a.top_btn:before {left: 8px; transform:rotate(-45deg);}
.footer .footer_con>a.top_btn:after {left: 17px; transform:rotate(-135deg);}

.footer_top { text-align: left; border-bottom: 1px solid #666; padding-bottom: 40px; margin-bottom: 40px;}
.footer_top h2 {font-size: 16px; line-height: 30px; color: #FFF; margin-bottom: 25px;}
.footer_top p { display: block; font-size: 13px; line-height: 20px; color: #CCC; }
.footer_top p.copy_text { color: #999;}
.footer_top>div { margin-bottom: 20px;}
.footer_top>img { width: 186px; margin-bottom: 10px;}

.footer_menu { text-align: left;}
.footer_menu li { position: relative; margin-bottom: 20px;}
.footer_menu li h3 { font-size: 18px; line-height: 20px; color: #FFF; margin-bottom: 10px; }
.footer_menu li a { display: inline-block; font-size: 14px; line-height: 30px; color: #CCC; font-weight: 300; margin-right: 20px; }
.footer_menu li a:hover { color: #FFF;}
.footer_menu li a:last-child { margin-right: 0px;}
.footer_menu li div a { display: inline-block; opacity: 0.6;}
.footer_menu li div a img { width: 120px;}
.footer_menu li div a:first-child { margin-right: 20px;}


/* GUIDE*/
.guide_box { margin-bottom: 60px;}
.guide_box .btn-set{ margin-bottom: 40px;}
.guide_title { font-size: 30px; line-height: 30px; color: #222; margin-bottom: 20px;}

/*INPUT*/
.inp-txt{ width:100%; height:50px; color: #222; border:1px solid #DDD; font-size:14px; padding:9px 15px; line-height:30px; }
.inp-txt::placeholder { color:#AAA;}
.inp-txt::-webkit-input-placeholder {color:#AAA;}
.inp-txt:-ms-input-placeholder {color:#AAA;}
.inp-txt:focus{color: #F7306F; border-color: #F7306F;}
.inp-txt[type='text']:disabled { background-color:#EEE;}

.inp-txt[type="number"]::-webkit-inner-spin-button, .inp-txt[type="number"]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
.inp-txt[type="number"] {-moz-appearance: textfield;}

.inp-txt.both { margin-top:10px;}
.inp-txt.disabled {background-color:#EEE;}
.inp-txt.disabled:focus{border-color: #DDD;}

.inp-txt[type=password]{font-family:'Pretendard',Tahoma,Verdana,AppleGothic,sans-serif;}
.inp-txt[type=password]:-ms-input-placeholder{font-family:'Pretendard',Tahoma,Verdana,AppleGothic,sans-serif;}
.inp-txt[type=password]::-webkit-input-placeholder{font-family:'Pretendard',Tahoma,Verdana,AppleGothic,sans-serif;}
.inp-txt[type=password]:-moz-placeholder{font-family:'Pretendard',Tahoma,Verdana,AppleGothic,sans-serif;}
.inp-txt[type=password]::-moz-placeholder{font-family:'Pretendard',Tahoma,Verdana,AppleGothic,sans-serif;}
.inp-txt.uppercase {text-transform: uppercase;}





/*INPUT SET*/
/* .phone-set {position:relative; display: flex;}
.phone-set li { width:27%;}
.phone-set li:nth-child(1) { width:36%;}
.phone-set li:nth-child(2), .phone-set li:nth-child(4) { width:5%; text-align:center; line-height:50px;}
.phone-set li .inp-txt { text-align:center;}

.kakao_name-set {position:relative; overflow:hidden; }
.kakao_name-set li:nth-child(1) { width: 70%; padding-right: 10px; }
.kakao_name-set li:nth-child(3) { width: 100%; line-height: 40px; padding-right: 0px; }
.kakao_name-set li {float:left; width: 30%; }

.name-set {position:relative; overflow:hidden; }
.name-set li {float:left; width:100%; line-height:40px; }

.en_name-set {position:relative; overflow:hidden; }
.en_name-set li:first-child { padding-right:5px;}
.en_name-set li:last-child { padding-left:5px; }
.en_name-set li {float:left; width:50%; line-height:50px; }

.email-set {position:relative;overflow:hidden;}
.email-set li { width:100%; float:left;}
.email-set li:nth-child(1), .email-set li:nth-child(3) { width: 47%;}
.email-set li:nth-of-type(2) { width: 6%; text-align:center; line-height:50px; }
.email-set li:nth-of-type(4) { width: 100%; margin-top: 10px; }

.post-set {position:relative;overflow:hidden}
.post-set li {float:left; width:100%; margin-bottom: 10px;}
.post-set li:nth-child(1) { width:70%; padding-right:10px; }
.post-set li:nth-child(2) { width:30%; padding-right:0px; }
.post-set li:last-child { margin-bottom: 0px; }

.sponsor-set {position:relative;overflow:hidden}
.sponsor-set li:first-child { width:70%; }
.sponsor-set li:nth-child(2) { width:30%; padding-right: 0px;}
.sponsor-set li:nth-child(3) { width: 100%;}
.sponsor-set li:nth-child(3) span { font-size: 16px; margin-top: 10px; }
.sponsor-set li {float:left; padding-right:10px; line-height:40px;}
.sponsor-set li .icon_delete {background: url(../../image/common/icon_delete.png) no-repeat center center; height: 40px; width: 40px; display: inline-block; vertical-align: middle; }
.sponsor-set li .icon_delete:hover {background-image: url(../../image/common/icon_delete_hover.png)}

.bank-set {position:relative;overflow:hidden}
.bank-set li { float:left; padding-right:10px;}
.bank-set li:nth-child(1) { width:100%; padding-right:0px;}
.bank-set li:nth-child(2) { width:70%; margin-top: 10px;}
.bank-set li:nth-child(3) { width:30%; padding-right:0px; margin-top: 10px;}

.join_file-set {position:relative;overflow:hidden;}
.join_file-set li {float: left; line-height: 50px; position: relative;}
.join_file-set li:nth-child(1) { width: 70%; padding-right: 10px; }
.join_file-set li:nth-child(2) {width: 30%; padding-right: 0px;}
.join_file-set .file_button { position: absolute; width: 100%; height: 50px; vertical-align: top; opacity: 0; cursor: pointer;  top: 0; left: 0; z-index: 1;}
.join_file-set .file_button:hover + .btn { background-color: #F4F4F4; cursor: pointer; }

.birthday-set {position:relative;overflow:hidden;}
.birthday-set li { float:left; padding-right:10px;}
.birthday-set li:nth-child(1) { width:46%;}
.birthday-set li:nth-child(2) { width:27%;}
.birthday-set li:nth-child(3) { width:27%; padding-right: 0px;}
.birthday-set li:nth-child(4) { width:100%; padding-right: 0px; line-height: 40px;}

.social_security-set {position:relative;overflow:hidden;}
.social_security-set li { width:100%; float:left;}
.social_security-set li:nth-child(1) { width:35%}
.social_security-set li:nth-child(2) { width:5%; text-align:center; line-height:50px;}
.social_security-set li:nth-child(3) { width:35%}
.social_security-set li:nth-child(4) { width: 25%; padding-left:10px;}

.file-set {position:relative;overflow:hidden; width: 670px;}
.file-set li {float: left; padding-right: 10px; line-height: 50px; position: relative;}
.file-set li:nth-child(1) { width: 75%;}
.file-set li:nth-child(2) {width: 25%;}
.file-set .file_button { position: absolute; width: 100%; height: 50px; vertical-align: top; opacity: 0; cursor: pointer;  top: 0; left: 0; z-index: 1;}
.file-set .file_button:hover + .btn { background-color: #F4F4F4; cursor: pointer; }

.cardnum-set {position:relative;overflow:hidden}
.cardnum-set li { float: left; width:25%; padding-left: 10px;}
.cardnum-set li .inp-txt { text-align: center;}
.cardnum-set li:first-child { padding-left: 0px;}
.cardnum-set li:nth-child(5) { width: 100%; padding-left: 0px; margin-top: 10px;}

.cardname-set {position:relative;overflow:hidden}
.cardname-set li { float: left; width:60%; }
.cardname-set li:first-child { width:40%; padding-right: 10px;}

.cardinfo-set {position:relative;overflow:hidden}
.cardinfo-set li { float: left; width:25%; padding-left: 10px;}
.cardinfo-set li:first-child { width:50%; padding-left: 0px;}

.cardpay-set {position:relative;overflow:hidden}
.cardpay-set li {float:left; width:100%; }
.cardpay-set li:nth-child(1) { width:70%; padding-right:10px; }
.cardpay-set li:nth-child(2) { width:30%; padding-right:0px; }

.auto_day-set {position:relative;overflow:hidden; margin-bottom: 30px;}
.auto_day-set li { float: left; width:51%; padding-right: 10px;}
.auto_day-set li:nth-child(2) { width:49%; padding-right: 0px;}
.auto_day-set li:nth-child(3) { width:100%; }

.cardtitle-set {position:relative;}
.cardtitle-set li { width:100%; margin-bottom: 20px; }
.cardtitle-set>li h2 { font-size: 18px; line-height: 35px; font-weight: 700; }
.cardtitle-set>li h2 span { font-size: 14px;} */


/* SELECT BOX */
.select {display:inline-block; width:100%; height:50px; border:1px solid #ddd; font-size:14px; color: #AAA; padding-left:15px; padding-right: 35px;  background-image:url(../../image/common/arrow_select01.png); }
.select:focus {color:#000; background-image:url(../../image/common/arrow_select01_focus.png); }
.select.disabled { background-color: #EEE;}

/* TEXTAREA */
.textarea { width: 100%; height: 280px; font-size: 14px; line-height: 25px; padding: 15px; border: 1px solid #DDD; border-radius: 10px; }
.textarea:focus {color: #222; border-color: #333;}

/* CHECK BOX */
input[type="checkbox"].check_box {display: none;}
input[type="checkbox"].check_box + label { position: relative; display: inline-block; padding-left: 30px; font-size: 14px; line-height: 22px; min-height: 22px; margin-right: 10px; cursor: pointer; color: #666; word-break: keep-all;}
input[type="checkbox"].check_box:checked + label {color: #222;}
input[type="checkbox"].check_box + label::before {position: absolute; left: 0px; top: 0px; width: 22px; height: 22px; overflow: hidden; background-image:url(../../image/common/icon_check_type.png); background-repeat: no-repeat; background-position: 0px 0px; background-size:22px 66px; content: "";}
input[type="checkbox"].check_box:checked + label::before {background-position: 0px -44px;}
input[type="checkbox"].check_box + label:last-child {margin-right: 0;}

/* RADIO BOX */
input[type="radio"].radio_box {display: none;}
input[type="radio"].radio_box + label { position: relative; display: inline-block; padding-left: 30px; font-size: 14px; line-height: 22px; min-height: 22px; margin-right: 10px; cursor: pointer; color: #666; word-break: keep-all;}
input[type="radio"].radio_box:checked + label {color: #222;}
input[type="radio"].radio_box + label::before {position: absolute; left: 0px; top: 0px; width: 22px; height: 22px; overflow: hidden; background-image:url(../../image/common/icon_radio_type.png); background-repeat: no-repeat; background-position: 0px 0px; background-size:22px 66px; content: "";}
input[type="radio"].radio_box:checked + label::before {background-position: 0px -44px;}
input[type="radio"].radio_box + label:last-child {margin-right: 0;}
input[type="radio"].radio_box.both + label { margin-top: 10px;}


/*BTN SET*/
.btn {display:inline-block; width:100%; height:50px;line-height:48px; vertical-align:middle; text-align:center; font-size:14px; color:#FFF; font-weight: 400; }
.btn.btn-in { font-size:13px;height:30px;line-height:28px; font-weight:400;}
.btn.btn-sm{ font-size:13px;height:40px;line-height:38px;}
.btn.btn-lg{ font-size:16px;height:60px;line-height:58px; font-weight:400;}
.btn.both { margin-top: 10px;}


.btn.btn-grey{border:1px solid #999;color:#888;}
.btn.btn-grey.btn-full{background-color:#999; color:#FFF;}
.btn.btn-grey:hover { background-color:#f4f4f4; }
.btn.btn-grey.btn-full:hover {background-color:#888; border-color:#888; color:#FFF;}

.btn.btn-black{border:1px solid #222; color:#222; background-color: #FFF;}
.btn.btn-black.btn-full{background-color:#222; color:#FFF;}
.btn.btn-black:hover { background-color:#f4f4f4; }
.btn.btn-black.btn-full:hover {background-color:#000; border-color:#000; color:#FFF;}

.btn.btn-red{border:1px solid #F7306F; color:#F7306F;}
.btn.btn-red.btn-full{background-color:#F7306F; color:#FFF;}
.btn.btn-red:hover {  background-color:#f4f4f4; }
.btn.btn-red.btn-full:hover {background-color:#D21752; border-color:#D21752; color:#FFF;}

.btn.btn-text{border:1px solid #888;color:#888;}
.btn.btn-text.btn-full{background-color:#888; color:#FFF;}
.btn.btn-text:hover { background-color:#FFF; }
.btn.btn-text.btn-full:hover {background-color:#888; border-color:#888; color:#FFF;}

.btn.btn-kakao { display:block; background-color: #fce000; color: rgba(0,0,0,0.85);}
.btn.btn-kakao i {display: inline-block; width:22px; height:24px; background-image:url("../../image/common/kakao_logo01.png"); background-repeat: no-repeat; background-size:22px 22px; vertical-align: middle; background-position: top center; margin-right: 5px; }
.btn.btn-kakao:hover { background-color:#e9cf00 ;}

div.btn-set {position:relative; overflow:hidden; }
div.btn-set .btn {  margin-bottom:10px;}
div.btn-set .btn:last-child { margin-bottom:0px;}
div.btn-set .btn.left { float:left; margin-left:0px; margin-right:10px;}
div.btn-set .btn.right { float:right;}
div.btn-set .btn.right:first-child { margin-left:10px;}
div.btn-set .btn.disabled { background-color:#999; color:#FFF; cursor: default;}
div.btn-set .btn.disabled:hover {background-color:#999; color:#FFF;}
div.btn-set .soldout { width: 100%; height: 60px; background-color: #bbb; font-size: 18px; line-height: 60px; text-align: center; color: #fff; border: 1px solid #bbb; font-weight: 700; }

ul.btn-set {position:relative; overflow:hidden; display: flex;}
ul.btn-set>li { display: block; width: 100%; padding: 0px 5px;}
ul.btn-set>li:first-child { padding-left: 0px;}
ul.btn-set>li:last-child { padding-right: 0px;}

.btn_arrow { position: relative; display: inline-block; width: auto; height: 50px; line-height: 20px; font-size:18px; color:#222; font-weight:500; padding: 15px 30px 15px 10px; }
.btn_arrow:before,.btn_arrow:after,.btn_arrow i {position: absolute; right: 0px; width: 8px; height: 2px; background-color: #666; content: "";}
.btn_arrow:before {top: 27px;  transform:rotate(-45deg);}
.btn_arrow:after {top: 21px;  transform:rotate(-135deg);}
.btn_arrow:hover { color:#F7306F; }
.btn_arrow:hover:before,.btn_arrow:hover:after,.btn_arrow:hover i {background-color: #F7306F;}
.btn_arrow i { width: 20px; top: 24px; }

.btn_arrow.btn-sm { font-size: 14px; height: 30px; padding: 5px 15px 5px 10px;}
.btn_arrow.btn-sm:before {top: 17px;  transform:rotate(-45deg);}
.btn_arrow.btn-sm:after {top: 12px;  transform:rotate(-135deg);}


.btn-set-text {position:relative;overflow:hidden; text-align:center; padding-top:20px; }
.btn-set-text p { display:inline-block; font-size:16px; line-height:25px; color:#222; vertical-align: top; }

/* 폰트컬러 */
span.alert_text { position:relative; padding-left:28px; color:#666; font-size:14px; line-height:20px; display:inline-block; word-break: keep-all;}
span.alert_text::after { position:absolute; width:18px; height:18px; left:0px; top:0px; line-height:18px; border-radius:10px; background-color:#fff; border: 1px solid #666; content:"!"; color:#666; font-weight:600; text-align:center;}
span.alert_text.both, span.bl_text.both, span.dot_text.both { margin-top:10px;}
span.alert_text.red { color:#F7306F;}
span.alert_text.red::after { border: 1px solid #F7306F; color:#F7306F;}
span.alert_text.black { color:#222;}
span.alert_text.black::after { border: 1px solid #222; color:#222;}
span.alert_text.grey { color:#999;}
span.alert_text.grey::after { border: 1px solid #999; color:#999;}

span.bl_text { position:relative; display:block; padding-left:15px; color:#666; font-size:14px; line-height:20px; text-align: left; word-break: keep-all;}
span.bl_text::after { position:absolute; width:4px; height:4px; left:5px; top:8px; border-radius:50%; background-color:#666; content:"";}
span.bl_text.red::after { background-color:#F7306F;}
span.bl_text.black::after { background-color:#222;}
span.bl_text.grey::after { background-color:#999;}

span.dot_text { position:relative; padding-left:15px; color:#666; font-size:14px; line-height:20px; text-align:left; display:inline-block; word-break: keep-all;}
span.dot_text::after { position:absolute; font-size:18px; left:0px; top:4px; line-height:18px; border-radius:10px; content:"*"; color:#666; font-weight:700; text-align:center;}
span.dot_text.red::after { color:#F7306F;}
span.dot_text.black::after { color:#222;}
span.dot_text.grey::after { color:#999;}

span.font_red {color: #F7306F;}
span.font_black {color: #222;}
span.font_grey {color: #999;}

span.in_text ,input.in_text, select.in_text ,label.in_text { margin-left:10px;}

/*TAB*/
#tab_con>div { display: none;}
#tab_con>ul { display: none;}

.tab_menu { width: 100%; display: flex; margin-bottom: 20px; }
.tab_menu a { position: relative; flex: 1; display: block; height: 60px; border: 1px solid #222; margin-left: -1px; font-size: 14px; line-height: 58px; text-align: center; color: #222; font-weight: 600; }
.tab_menu a:hover { color: #000;}
.tab_menu a.active { color: #FFF; background-color: #222; z-index: 1;}

#tab_con>div { display: none;}
#tab1_con>div { display: none;}
#tab2_con>div { display: none;}
#tab3_con>div { display: none;}
#tab4_con>div { display: none;}

#tab_con>ul { display: none;}
#tab1_con>ul { display: none;}
#tab2_con>ul { display: none;}
#tab3_con>ul { display: none;}
#tab4_con>ul { display: none;}

/*PAGE Animation************************************************/
.ani {opacity:0; transition:all 0.6s  ease-in-out; -webkit-transition:all 0.6s ease -in-out;}

/*Animation Position */
.ani.top{transform:translateY(-50px); -webkit-transform:translateY(-50px); }
.ani.bottom{transform:translateY(50px); -webkit-transform:translateY(50px);}
.ani.left{transform:translateX(-50px); -webkit-transform:translateX(-50px);}
.ani.right{transform:translateX(50px); -webkit-transform:translateX(50px);}

.ani.scale {transform:scale(1.1,1.1)}

/*Animation Active************************************************/
.ani.active { opacity:1; transform:translate(0px,0px) scale(1,1); -webkit-transform:translate(0px,0px) scale(1,1); }

/*Animation Delay Time************************************************/
.ani.d_1 { transition-delay:0.2s; -webkit-transition-delay:0.2s;}
.ani.d_2 { transition-delay:0.4s;  -webkit-transition-delay:0.4s;}
.ani.d_3 { transition-delay:0.6s;  -webkit-transition-delay:0.6s;}
.ani.d_4 { transition-delay:0.8s;  -webkit-transition-delay:0.8s;}
.ani.d_5 { transition-delay:1s;  -webkit-transition-delay:1s;}
.ani.d_6 { transition-delay:1.2s;  -webkit-transition-delay:1.2s;}
.ani.d_7 { transition-delay:1.4s;  -webkit-transition-delay:1.4s;}
.ani.d_8 { transition-delay:1.6s;  -webkit-transition-delay:1.6s;}
.ani.d_9 { transition-delay:1.8s;  -webkit-transition-delay:1.8s;}
.ani.d_10 { transition-delay:2s;  -webkit-transition-delay:2s;}
.ani.d_11 { transition-delay:2.2s;  -webkit-transition-delay:2.2s;}

@keyframes ani_time {
	0% { transform: scaleX(0); }
  100% { transform: scaleX(1); }
}

@keyframes ani_opacity {
	0% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes ani_width {
	0% { width: 0%;}
  100% { width: 100%; }
}


/*CONTENT*/
.content { padding-top: 0px; padding-bottom:60px;}
.content.main { padding-bottom: 0px; margin: 0 auto; max-width: 1024px; overflow: hidden;}

.sub_content { position: relative; width:100%; max-width: 1024px; min-width: 320px; overflow: hidden; margin: 0 auto; }
.sub_content .content_box { position:relative; width:100%; padding-left: 15px; padding-right: 15px; margin: 0 auto; }
.sub_content .content_box.full { width:100%; padding-left: 0px; padding-right: 0px;}
.sub_content .content_box.full.gray {background-color: #f4f4f4;}
.sub_content .content_box.full .content_top { padding: 0 15px;}

.content_box .no_data { width: 100% !important; height: 190px; text-align: center; padding: 120px 0px 0px; font-size: 16px; color: #999; background-image: url("../../image/common/icon_no_data.png"); background-repeat: no-repeat; background-position: center 40px; background-size: 60px; background-color: #FFF !important; margin: 0 !important; border: 0px !important;} 


/*SUB_TITLE LINE MENU*/
.linemap_menu { position:absolute; z-index:10; top:170px; left:15px; right: 15px; }
.linemap_menu ul { position: relative; display: flex; justify-content: center; max-width: 500px;  margin: 0 auto;}
.linemap_menu ul li { position: relative; display: block; height:30px; padding-right: 10px; margin-right: 15px; }
.linemap_menu ul li h2 { font-size:14px; line-height: 30px; color:#222; }
.linemap_menu ul li>a {display:inline-block; font-size:14px; color:#222; text-align:left; line-height:30px; height:30px; padding-right:25px; background-image:url("../../image/common/ico_linemap.png"); background-repeat:no-repeat; background-position: center right; background-size: 16px;}
.linemap_menu ul li:before, .linemap_menu ul li:after{position: absolute; right: -6px; width: 7px; height: 1px; background-color: #999; content: "";}
.linemap_menu ul li:before {top: 17px;  transform:rotate(-45deg);}
.linemap_menu ul li:after {top: 12px;  transform:rotate(-135deg);}
.linemap_menu ul li:last-child { margin-right: 0px; padding-right: 0px;}
.linemap_menu ul li:last-child:before, .linemap_menu ul li:last-child:after { display: none;}

.linemap_menu ul li div { display: none; position: absolute; left: -10px; top: 30px; background-color: #FFF; border: 1px solid #DDD; padding: 5px 10px; }
.linemap_menu ul li div>a { display:block; line-height:30px; font-size:13px; color:#666; white-space: nowrap;}
.linemap_menu ul li div>a:hover { color: #F7306F;}

/*SUB TITLE*/
.sub_content .sub_title { position: relative; width:100%; min-height: 220px; display: flex; justify-content: center; padding-top: 120px;}
.sub_content .sub_title h2 { font-size:36px; line-height:40px; color:#222; font-weight: 600; text-align: center; }

/*CONTENT TOP*/
.content_top {width: 100%; margin: 0 auto 20px; z-index: 5;}
.content_top .content_title { display: flex; width: calc(100% + 15px); border-bottom: 1px solid #DDD; margin-bottom: 15px; }
.content_top .content_title h2 {position: relative; display: inline-block; font-size:22px; line-height:30px; color:#222; font-weight:600; padding-bottom: 15px; }
.content_top .content_title h2:before {position: absolute; left: 0px; bottom: -1px; width: 100%; height: 1px; background-color: #222; content: "";}

.content_top .content_con>p { display: inline-block; font-size: 16px; line-height: 50px; color: #888; word-break: keep-all; }
.content_top .content_con>.content_text { display: flex; flex-direction: column; vertical-align: middle; justify-content: center; margin-bottom: 10px;}

.content_top .content_con>.select { width: 100%; margin-bottom: 10px;}
.content_top .content_con>.select:last-child { margin-bottom: 0px; }

.content_top .content_con.sorting { display: flex; justify-content: space-between; }
.content_top .content_con.sorting>.select { width: 120px; }

.content_top .content_con.select_search { display: flex; flex-wrap: wrap;}
.content_top .content_con.select_search>.select { width: 50%; }
.content_top .content_con.select_search>.select:first-child { border-right: 0px;}

.content_top .content_con.h_calendar { display: flex; flex-wrap: wrap;}
.content_top .content_con.h_calendar>.select { width: 50%; }
.content_top .content_con.h_calendar>.select:first-child { border-right: 0px;}

.content_top .category_menu { overflow: hidden; display: inline-flex; }
.content_top .category_menu a{position: relative; display: inline-block; height: 40px; float: left; font-size:16px; line-height:40px; color:#999; margin-right: 15px; padding-right: 15px; white-space: nowrap; }
.content_top .category_menu a:hover { color: #222;}
.content_top .category_menu a:before {position: absolute; right: -1px; top: 12px; width: 1px; height: 15px; background-color: #DDD; content: "";}
.content_top .category_menu a:last-child { margin-right: 0px; padding-right: 0px;}
.content_top .category_menu a:last-child::before { display: none;}
.content_top .category_menu a.active { color:#F7306F; cursor: default;}

.category_wrap { position: relative; width: calc(100% + 30px); height:40px; overflow: hidden; margin-left: -15px; margin-bottom: 10px; }
.category_wrap>div{ position: relative; width: 100%; height: calc(100% + 20px); overflow-x: scroll; overflow-y: hidden; padding-bottom: 40px; padding: 0px 15px;}

/* SEARCH BOX*/
ul.search_box { display: flex; width: 100%; height: 50px; overflow: hidden; border: 1px solid #DDD; }
ul.search_box li input { width: 100%; height: 48px; border: none; padding: 9px 0px 9px 15px; }
ul.search_box li .select { height: 48px; background-position:100% 50%; border: none; }
ul.search_box li:last-child a { position: relative; display: block; width: 50px; height: 48px;}
ul.search_box li:last-child a::before { position: absolute; left: 10px; top: 9px; width: 30px; height: 30px; background-image:url("../../image/common/icon_search.png"); background-repeat:no-repeat; background-size: 30px 60px; background-position:0px 0px; content: "";}
ul.search_box li:nth-child(1) { width: calc(100% - 50px);}
ul.search_box li:nth-child(2) { width: 50px;}

/* SEARCH BOX SELECT */
ul.search_box.select_type li:nth-child(1) { width: 30%;}
ul.search_box.select_type li:nth-child(2) { width: calc( 70% - 50px);}
ul.search_box.select_type li:nth-child(3) { width: 50px;}

/* SEARCH BOX CALENDAR */
ul.search_box.calendar_type {width: 100%;}
ul.search_box.calendar_type li:nth-child(1), ul.search_box.calendar_type li:nth-child(3) { width: calc(47% - 25px)}
ul.search_box.calendar_type li:nth-child(2) { width: 6%; font-size: 14px; line-height: 50px; color: #222; text-align: center;}
ul.search_box.calendar_type li:nth-child(4) { width: 50px;}

/* SEARCH BOX SELF ALLOWANCE*/
ul.search_box.self_allowance_type { width: 100%;}
ul.search_box.self_allowance_type li:nth-child(1),ul.search_box.self_allowance_type li:nth-child(4) { width: calc(30% - 25px);}
ul.search_box.self_allowance_type li:nth-child(3) { width: 6%; font-size: 14px; line-height: 50px; color: #222; text-align: center;}
ul.search_box.self_allowance_type li:nth-child(2),ul.search_box.self_allowance_type li:nth-child(5) { width: 18%;}
ul.search_box.self_allowance_type li:nth-child(6) { width: 50px; }
ul.search_box.self_allowance_type li .select { padding-left: 10px; padding-right: 18px; background-image:url("../../image/common/arrow_select02.png"); background-size: 13px;}
ul.search_box.self_allowance_type li .select:focus { background-image:url("../../image/common/arrow_select02_focus.png");}


/* SEARCH BOX TREE VIEW */
ul.search_box.tree_view_type { flex-wrap: wrap;  width: 100%; height: auto; border: 0px;}
ul.search_box.tree_view_type li:nth-child(1), ul.search_box.tree_view_type li:nth-child(2), ul.search_box.tree_view_type li:nth-child(3) { width: 32%; margin-right: 2%; margin-bottom: 10px;}
ul.search_box.tree_view_type li:nth-child(3) { width: 32%; margin-right: 0px;}
ul.search_box.tree_view_type li:nth-child(4) { width: 100%; margin-bottom: 10px;}
ul.search_box.tree_view_type li:nth-child(4) .select { height: 50px; border: 1px solid #DDD; line-height: 50px;}

ul.search_box.tree_view_type li:nth-child(5) { width: 35%; border-left: 1px solid #DDD;}
ul.search_box.tree_view_type li:nth-child(6) { width: calc( 65% - 50px);}
ul.search_box.tree_view_type li:nth-child(5), ul.search_box.tree_view_type li:nth-child(6), ul.search_box.tree_view_type li:nth-child(7) { border-top: 1px solid #DDD; border-bottom: 1px solid #DDD;}
ul.search_box.tree_view_type li:nth-child(5) .select, ul.search_box.tree_view_type li:nth-child(6) .inp-txt { line-height: 48px;}
ul.search_box.tree_view_type li:nth-child(7) { width: 50px; border-right: 1px solid #DDD;}

/* SEARCH BOX TREE LINE */
ul.search_box.tree_line_type { flex-wrap: wrap;  width: 100%; height: auto; border: 0px;}
ul.search_box.tree_line_type li:nth-child(1) { margin-right: 2%;}
ul.search_box.tree_line_type li:nth-child(1), ul.search_box.tree_line_type li:nth-child(2) { width: 49%; margin-bottom: 10px;}
ul.search_box.tree_line_type li:nth-child(2) .select { height: 50px; border: 1px solid #DDD; line-height: 50px;}

ul.search_box.tree_line_type li:nth-child(3) { width: 35%; border-left: 1px solid #DDD;}
ul.search_box.tree_line_type li:nth-child(4) { width: calc( 65% - 50px);}
ul.search_box.tree_line_type li:nth-child(4), ul.search_box.tree_line_type li:nth-child(3), ul.search_box.tree_line_type li:nth-child(5) { border-top: 1px solid #DDD; border-bottom: 1px solid #DDD;}
ul.search_box.tree_line_type li:nth-child(3) .select, ul.search_box.tree_line_type li:nth-child(4) .inp-txt { line-height: 48px;}
ul.search_box.tree_line_type li:nth-child(5) { width: 50px; border-right: 1px solid #DDD;}

/*CALEDER*/
.inp-txt.calendar_datepicker { padding-right:40px;  background-image:url(../../image/common/icon_calender.svg); background-repeat:no-repeat; background-position:95% 50%; color: #999; }
.inp-txt.calendar_datepicker:focus {color: #222; background-image:url(../../image/common/icon_calender_on.svg);}

body .ui-datepicker{border-radius:0; border:1px solid #222; padding:0; background:#fff; margin-left: -1px; overflow: hidden;}
body .ui-datepicker .ui-datepicker-title{position: relative;padding:3px 0 0;box-sizing: border-box;height: 50px;}
/* body .ui-datepicker .ui-datepicker-title:before { position:absolute; left:86px; top:16px; width:1px; height:15px; background-color:#CCC; content:""; } */
body .ui-datepicker .ui-datepicker-title select { background-size: 22px;}
body .ui-datepicker select.ui-datepicker-month {border:0; width:60px; padding:0; }
body .ui-datepicker select.ui-datepicker-year{border:0; width:60px; padding:0; margin-right:5px; }

body .ui-datepicker .ui-datepicker-header{background:#fff; border:0; padding:0}
body .ui-datepicker .ui-datepicker-next{right:2px !important; top:11px !important; border-radius: 0px;}
body .ui-datepicker .ui-datepicker-prev{left:2px !important; top:11px !important; border-radius: 0px;}
body .ui-datepicker .ui-datepicker-next-hover{right:20px; top:11px}
body .ui-datepicker .ui-datepicker-prev-hover{left:20px; top:11}

body .ui-datepicker .ui-widget-header .ui-icon-circle-triangle-e{background:url(../../image/common/btn_sh_r.svg) no-repeat 50%; cursor:pointer; border:0; right:0}
body .ui-datepicker .ui-widget-header .ui-icon-circle-triangle-w{background:url(../../image/common/btn_sh_l.svg) no-repeat 50%; cursor:pointer; border:0;right:0}

body .ui-datepicker .ui-datepicker-prev span,
body .ui-datepicker .ui-datepicker-next span{width:100%; position:static; height:100%; margin:0;}
body .ui-datepicker .ui-widget-header .ui-icon-circle-triangle-e:hover,
body .ui-datepicker .ui-widget-header .ui-icon-circle-triangle-w:hover{right:0; border: 0px; background-color: none;}

body .ui-datepicker .ui-widget-header .ui-datepicker-next-hover,
body .ui-datepicker .ui-widget-header .ui-datepicker-prev-hover{ border-radius:0px; border: 0px; background-color: #FFF;}
body .ui-datepicker .ui-icon{width:22px; height:22px}
body .ui-datepicker thead th{background:#f4f4f4;}
body .ui-datepicker thead th:first-child { color:#e30028;}
body .ui-datepicker thead th:last-child { color:#222;}
body .ui-datepicker td{position:relative; }
body .ui-datepicker .ui-state-default{position:relative; z-index:1; border:0; color:#222; background:transparent; text-align:center; font-size: 13px;}
body .ui-datepicker .ui-state-default.ui-priority-secondary { color:#AAA;}

body .ui-datepicker .ui-datepicker-current-day:after{content:""; display:block; position:absolute; top:2px; left:50%; margin-left:-12px; width:24px; height:24px; border-radius:50%; background:#000}
body .ui-datepicker .ui-datepicker-current-day .ui-state-default{color:#fff}
.ui-datepicker-buttonpane {display:none}

/* PAGING */
.paging {width:100%; text-align:center; vertical-align:middle;}
.paging a {width:40px; height:40px; display:inline-block; color:#999; font-size:16px; line-height:38px; vertical-align:top; text-decoration:none; font-weight: 400;}
.paging a.btn_com {background:url("../../image/common/page_arrow.png") no-repeat; transition:all 0s  ease-in-out; -webkit-transition:all 0s ease -in-out;}
.paging a.first {background-position: 0 0; background-color: #fff; }
.paging a.first:hover {background-position: 0 -40px;}
.paging a.prev {margin-right:2px; margin-left:2px; background-position:-40px 0; background-color: #fff; }
.paging a.prev:hover {background-position: -40px -40px;}
.paging a.next {margin-right:2px; margin-left:2px; background-position:-80px 0; background-color: #fff; }
.paging a.next:hover {background-position: -80px -40px;}
.paging a.last {background-position:-120px 0; background-color: #fff; }
.paging a.last:hover {background-position: -120px -40px;}
.paging .active {color:#F7306F; font-weight: 500;}















/* Layer_POPUP */
.layer_pop_wrapper { opacity: 0; position: fixed; left: 0px; top: 0px; width:100%; height:100%; background-color:rgba(0,0,0,0.65); z-index: 100; visibility: hidden; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out;}
.layer_pop_wrapper.active { opacity: 1; visibility: visible; z-index: 100; }
.layer_pop_wrapper.active .layer_popup .pop_title .close {opacity: 1; transform:rotate(0deg);}

.layer_popup { position: relative; display: inline-flex; flex-direction: column; width: 92%; max-width: 900px; min-height: 100px; max-height: 80%; left: 50%; top: 50%; background-color:#FFF; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); padding:15px 15px 20px; z-index: 5; }

.layer_popup .pop_title { position: relative; width: 100%; }
.layer_popup .pop_title h2 {width: 100%; font-size: 18px; line-height: 20px; padding: 10px 50px 15px 0px; text-align: left; border-bottom:solid 2px #222; word-break: keep-all; box-sizing: border-box; }
.layer_popup .pop_title h2>span { font-size: 14px; margin-left: 5px;}

.layer_popup .pop_title .close { position: absolute; top: -10px; right: -10px; display: block; width: 40px; height: 40px; background-image:url("../../image/common/icon_pop_close02.png"); background-size: 40px 80px; background-repeat: no-repeat; background-position: top center; opacity: 0; transform:rotate(45deg); transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out; z-index: 10;}

.layer_popup .pop_content { height: calc(100% - 70px); overflow-y: auto; padding: 15px 0px;}

.layer_pop_wrapper.shopping_detail .layer_popup { width: 96%;}
.layer_pop_wrapper.shopping_detail .layer_popup .pop_content { padding: 0px;} 

.layer_pop_wrapper .bg_pop_close { position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; z-index: 1; }
.layer_pop_wrapper.active .bg_pop_close { display: block;}






/*OPTION POPUP*/
.layer_popup .pop_content.product_pay_pop { padding: 0px; margin:15px 0px 5px}
.product_pay_pop .pay_total { display: flex; justify-content: space-between; width: 100%; margin-bottom:20px; border-top: 1px solid #DDD; padding-top: 15px;}
.product_pay_pop .pay_total>span { font-size: 16px; color: #666;}
.product_pay_pop .pay_total>p {font-size: 22px; color: #222; font-weight: 600;}
.product_pay_pop .pay_total>p span { font-weight: 600; }

.product_pop_info { position: relative; min-height: 120px; padding-left:130px; padding-top: 10px; margin-bottom: 20px;}
.product_pop_info .product_img { position: absolute; left: 0px; top: 0px; display: flex; width: 120px; height: 100%; min-height: 120px; align-items: center; background-color: #F4F4F4;}
.product_pop_info .product_img img { width: 100%;}
.product_pop_info .new {position: absolute; top: 0px; left: 0px; display: block; width: 40px; height: 24px; background-color: #F7306F; font-size: 12px; color: #FFF; line-height: 24px; text-align: center; z-index: 5; }
.product_pop_info .text_box { margin-bottom: 10px;}
.product_pop_info .text_box h2 { position: relative; width: 100%; font-size: 17px; line-height: 20px; text-align: left; word-break: keep-all; z-index: 5; }
.product_pop_info .pay_box { position: relative; margin-bottom: 10px; }
.product_pop_info .pay_box p { position: relative;}
.product_pop_info .pay_box p:nth-of-type(3) { padding-left: 6px;}
.product_pop_info .pay_box p:nth-of-type(3)::before { position: absolute; top: 2px; left: -2px; font-size: 16px; color: #F7306F; line-height: 20px; content: '/';} 
.product_pop_info .pay_box .price { font-size: 18px; color: #222; line-height: 30px; font-weight: 600;}
.product_pop_info .pay_box .price span { font-weight: 600; }
.product_pop_info .pay_box .qv { display: inline-block; font-size: 13px; color: #F7306F; line-height: 26px;}
.product_pop_info .pay_box .cv { display: inline-block; font-size: 13px; color: #F7306F; line-height: 26px;}
.product_pop_info>.select { height: 40px; line-height: 38px;}

.opt_choice { width: 100%; max-height: 207px; overflow-y: auto; border-top: 1px solid #DDD; }
.opt_choice li { position: relative; display: flex; align-items: center; min-height: 70px; padding: 14px 150px 15px 0px; border-bottom: 1px solid #DDD; }
.opt_choice li h2 {display: block; width: 100%; font-size: 14px; color: #000; line-height: 20px; font-weight: 300; word-break: keep-all; }
.opt_choice li:last-child { border-bottom:0px;}
.opt_choice .goods_count { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); }
.opt_choice a.delete {position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px;}
.opt_choice a.delete:before, .opt_choice a.delete:after {position: absolute; right: 10px; top: 18px; width: 18px; height: 2px; background-color: #222; content: ""; border-radius: 2px; }
.opt_choice a.delete:before {transform: rotate(-45deg);}
.opt_choice a.delete:after {transform: rotate(45deg);}
.opt_choice a.delete:hover:before, .opt_choice a.delete:hover:after { background-color: #F7306F;}

/*PRODUCT LIST*/
.product_list { display: flex; flex-wrap: wrap; width: calc(100% + 10px ); }
.product_list li { position: relative; width: calc(50% - 10px); margin-right: 10px; margin-bottom:30px; background-color: #F4F4F4; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out;}
.product_list li>a { display: block; width: 100%; margin-bottom: 20px; overflow: hidden;}
.product_list li>a img { width: 100%; opacity:1; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out;}
.product_list li>.new {position: absolute; top: 0px; left: 0px; display: block; width: 40px; height: 24px; background-color: #F7306F; font-size: 12px; color: #FFF; line-height: 24px; text-align: center; z-index: 5; }
.product_list li .text_box { padding: 0px 10px 10px;}
.product_list li .text_box h2 { position: relative; width: 100%; height: 60px; font-size: 15px; line-height: 20px; text-align: left; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; z-index: 5; }
.product_list li .pay_box { position: relative; padding: 0px 10px 20px;}
.product_list li .pay_box p { position: relative;}
.product_list li .pay_box p:nth-of-type(3) { padding-left: 5px;}
.product_list li .pay_box p:nth-of-type(3)::before { position: absolute; top: 0px; left: -2px; font-size: 16px; color: #F7306F; line-height: 20px; content: '/';} 
.product_list li .pay_box .price { font-size: 18px; color: #222; line-height: 30px; font-weight: 600;}
.product_list li .pay_box .price span { font-weight: 600; }
.product_list li .pay_box .qv { display: inline-block; font-size: 13px; color: #F7306F; line-height: 20px; }
.product_list li .pay_box .cv { display: inline-block; font-size: 13px; color: #F7306F; line-height: 20px; }
.product_list li .pay_box>a { position: absolute; bottom: 20px; right: 10px;}

.product_list li.soldout { opacity: 0.6;}
.product_list li.soldout:before { opacity: 1; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out; position: absolute; left: 0px; top: 0px; display: block; width: 100%; height: 100%; background-color:rgba(0,0,0,0.6); z-index: 10; content: "";}
.product_list li.soldout::after { position: absolute; left: 50%; top: 40%; z-index: 11; content: "SOLDOUT"; font-size: 26px;  color: #FFF; text-align: center; transform: translate(-50% , -50%); }

.ico-shop {display:inline-block; width:30px; height:30px; background-image:url(../../image/common/icon_gnb.png); background-repeat: no-repeat; background-size:120px 90px; overflow:hidden; text-indent:-9999px; vertical-align:middle; }
.ico-shop.cart { background-position: -0px -0px;}

/*PRODUCT COUNT*/
.goods_count { display: flex; width: 100px; height: 40px; overflow: hidden; border: 1px solid #DDD; }
.goods_count input { width: 30px; height: 38px; font-size: 17px; text-align: center; line-height: 38px; color: #222; border: 0px; border-radius: 0px; padding: 0px;}
.goods_count a { position: relative; display: inline-block; width: 34px; height: 40px; background-color: #FFF; }
.goods_count a:before, .goods_count a:after { position: absolute; background-color: #222; content: ""; }
.goods_count a:before { left:10px; top: 18px; width: 14px; height: 2px; border-radius: 2px; }
.goods_count a:after { left:16px; top: 12px; width: 2px; height: 14px; border-radius: 2px; }
.goods_count a:nth-child(1):after { display: none;}

/* POPUP */
.pop_wrapper {position: relative; padding: 10px 15px 30px; }
.pop_wrapper .pop_title { position: relative; width: 100%; }
.pop_wrapper .pop_title h2 {width: 100%; font-size: 24px; line-height: 30px; padding: 10px 50px 10px 0px; text-align: left; border-bottom:solid 2px #222; word-break: keep-all; box-sizing: border-box; }
.pop_wrapper .pop_title .close { position: absolute; top: 0px; right: -10px; display: block; width: 50px; height: 50px; background-image:url("../../image/common/icon_pop_close02.png"); background-repeat: no-repeat; background-position: top center; z-index: 10; background-size: 50px;}

.pop_wrapper .pop_content { padding: 20px 0px;}
.pop_wrapper .pop_content .list_table, .layer_popup .pop_content .list_table { width: 100%; margin-bottom: 40px;}
.pop_wrapper .pop_content .list_table:last-child, .layer_popup .pop_content .list_table:last-child {margin-bottom: 0px;}
.pop_wrapper .pop_content .list_table th, .pop_wrapper .pop_content .list_table td, .layer_popup .pop_content .list_table th, .layer_popup .pop_content .list_table td{ font-size: 13px; line-height: 20px; padding: 15px 0px; }
.pop_wrapper .pop_content .list_table th, .layer_popup .pop_content .list_table th { border-top: 0px;}
.pop_wrapper .pop_content .list_table td.left, .layer_popup .pop_content .list_table td.left {text-align: left; padding-left: 10px;}
.pop_wrapper .pop_content .content_top, .layer_popup .pop_content .content_top { width: 100%; margin-bottom: 20px;}
.pop_content .list_table td.no_data {padding: 80px 0; font-size: 15px; color: #999; }


/*GROUP POP*/
.pop_content.group .sub_content { width: 100%; min-width: 320px;}
.pop_content.group .sub_content .content_box { width: 100%; padding: 0px;}
.pop_content.group .content_top .content_title .content_text { margin-left: 0px;}
.pop_content.group .content_top::before { display: none;}
.pop_content.group .tree_view .content_top, .pop_content.group .order_list .content_top  { justify-content:right;}

.pop_content.group .cart_wrap { padding-right: 0px;}
.pop_content.group .cart_wrap .cart_quick { position: relative; width:100%; margin-bottom: 30px;}
.pop_content.group .cart_wrap .cart_quick .con { padding: 30px;}

.pop_content.group.myoffice_main { padding-top: 0px; }
.pop_content.group.myoffice_main .myoffice_main_top { padding-top: 30px; padding-bottom: 30px; margin-bottom: 40px; }
.pop_content.group.myoffice_main .myoffice_main_top h3 { font-size: 19px; margin-bottom: 0px;}
.pop_content.group.myoffice_main .business_total, .pop_content.group.myoffice_main .myoffice_order, .pop_content.group.myoffice_main .myoffice_notice { padding: 0px;}

/* .pop_content.group.myoffice_main .myoffice_main>div:last-child { margin-bottom: 30px;}
.pop_content.group.myoffice_main .myoffice_main>div:last-child::before { display: none;}

.pop_content.group.myoffice_main .myoffice_main_top .myoffice_main_top_info { padding-left: 300px;}
.pop_content.group.myoffice_main .myoffice_main_top .myoffice_main_top_info img { left: 30px;}
.pop_content.group.myoffice_main .business_total { padding-bottom:0px;}
.pop_content.group.myoffice_main .business_total .title_box { margin-bottom: 40px;}
.pop_content.group.myoffice_main .business_total .business_total_top li { padding: 30px 40px;}
.pop_content.group.myoffice_main .business_total .business_total_top li i { right: 40px;}
.pop_content.group.myoffice_main .business_total .business_total_top li p { font-size: 30px;}
.pop_content.group.myoffice_main .business_total .business_total_top li:last-child p { font-size: 34px;} */


/* GROUP POP SEARCH BOX TREE VIEW */
.pop_content.group ul.search_box.tree_view_type { flex-wrap: wrap;  width: 100%; height: auto; border: 0px;}
.pop_content.group ul.search_box.tree_view_type li:nth-child(1), .pop_content.group ul.search_box.tree_view_type li:nth-child(2) { width: 49%; margin-right: 2%; margin-bottom: 10px;}
.pop_content.group ul.search_box.tree_view_type li:nth-child(2) { margin-right: 0px;}
.pop_content.group ul.search_box.tree_view_type li:nth-child(3) { width: 100%; margin-bottom: 10px;}
.pop_content.group ul.search_box.tree_view_type li:nth-child(3) .select { height: 50px; border: 1px solid #DDD; line-height: 50px;}

.pop_content.group ul.search_box.tree_view_type li:nth-child(4) { width: 35%; border-left: 1px solid #DDD; margin-bottom: 0px;}
.pop_content.group ul.search_box.tree_view_type li:nth-child(5) { width: calc( 65% - 50px);}
.pop_content.group ul.search_box.tree_view_type li:nth-child(4), .pop_content.group ul.search_box.tree_view_type li:nth-child(5), .pop_content.group ul.search_box.tree_view_type li:nth-child(6) { border-top: 1px solid #DDD; border-bottom: 1px solid #DDD;}
.pop_content.group ul.search_box.tree_view_type li:nth-child(4) .select, .pop_content.group ul.search_box.tree_view_type li:nth-child(5) .inp-txt { line-height: 48px; border: 0px;}
.pop_content.group ul.search_box.tree_view_type li:nth-child(6) { width: 50px; border-right: 1px solid #DDD;}


/* .pop_content.group ul.search_box.tree_view_type { width: 830px; border: 0px;}
.pop_content.group ul.search_box.tree_view_type li:nth-child(1), ul.search_box.tree_view_type li:nth-child(2) { width: 130px; margin-right: 10px;}
.pop_content.group ul.search_box.tree_view_type li:nth-child(3) { width: 130px; margin-right: 10px;}
.pop_content.group ul.search_box.tree_view_type li:nth-child(3) .select { height: 50px; border: 1px solid #DDD; line-height: 50px;}

.pop_content.group ul.search_box.tree_view_type li:nth-child(4) { width: 141px; border-left: 1px solid #DDD; margin-right: 0px;}
.pop_content.group ul.search_box.tree_view_type li:nth-child(4) .select { border: 0px;}
.pop_content.group ul.search_box.tree_view_type li:nth-child(5) { width: 208px;}
.pop_content.group ul.search_box.tree_view_type li:nth-child(4), .pop_content.group ul.search_box.tree_view_type li:nth-child(5), .pop_content.group ul.search_box.tree_view_type li:nth-child(6) { border-top: 1px solid #DDD; border-bottom: 1px solid #DDD;}
.pop_content.group ul.search_box.tree_view_type li:nth-child(4) .select, .pop_content.group ul.search_box.tree_view_type li:nth-child(5) .inp-txt { line-height: 48px; height: 48px;}
.pop_content.group ul.search_box.tree_view_type li:nth-child(6) { width: 50px; border-right: 1px solid #DDD;}
 */




/*LIST TABLE*/
.list_table {width: 100%; margin-bottom: 80px; }
.list_table th {font-size: 16px; font-weight: 500; color: #222; line-height: 30px; padding: 25px 0 ; text-align: center; border-bottom: 1px solid #222; }
.list_table td {font-size: 15px; color: #666; line-height: 30px; padding: 25px 0 ; text-align: center; border-bottom: 1px solid #ddd; }
.list_table th.left,.list_table td.left {text-align: left; padding-left: 20px;}
.list_table th.right,.list_table td.right {text-align: right; padding-right: 20px;}
.list_table td.no_data {width: 100%; text-align: center; padding: 280px 0px 160px; font-size: 20px; color: #999; cursor: default; background-image:url("../../image/common/icon_no_data.png"); background-repeat: no-repeat; background-position: center 190px;}
.list_table tr.active:hover td {background-color: #F4F4F4; cursor: pointer;}

.list_table td.in_table { padding: 0px; border-bottom: 0px;}
.list_table td.in_table>div {padding: 20px 60px 50px; border: 1px solid #F7306F; border-radius: 0px 0px 10px 10px; overflow: hidden;  }
.list_table td.in_table table {width: 100%; }
.list_table td.in_table th {font-size: 15px; padding: 15px 0; border-top: 0px; }
.list_table td.in_table td {padding: 15px 0; }

/*IMG LIST*/
.img_list_board { width: 100%; margin: 0 auto; }
.img_list_board>li { position: relative; text-align: left; cursor: pointer; }
.img_list_board>li>.img_box { background-color:#F4F4F4; background-image:url("../../image/common/logo.svg"); background-position:center center; background-repeat:no-repeat; overflow: hidden; margin-bottom: 20px; }
.img_list_board>li>.img_box img { transform: scale(1, 1); -webkit-transform: colorscale(1, 1); transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out;  opacity:1;}
.img_list_board>li .text_box { position: relative;}
.img_list_board>li .text_box h2 {width: 100%; font-size: 18px; line-height: 24px; color: #222; overflow:hidden; text-overflow:ellipsis; word-break: keep-all; }
.img_list_board>li .text_box p.data {font-size: 16px; line-height: 20px; color: #666; margin-bottom: 10px;}
.img_list_board>li .text_box span.category { position: absolute; top: 0px; right: 0px; display: inline-block; font-size: 16px; line-height: 20px; color: #F7306F; z-index: 5;}

/*IMG LIST NEWS*/
.img_list_board.news>li { width: 100%; margin-bottom: 30px;}
.img_list_board.news>li:nth-child(3n) { margin-right: 0px;}
.img_list_board.news>li>.img_box {width: 100%; height: calc(73.5vw - 30px); max-height: 734px; min-height: 210px; background-size: 50%; }
.img_list_board.news>li>.img_box img { width: 100%; }












/*LIST TABLE*/
/* .list_table {width: 100%; margin-bottom: 80px; }
.list_table th {font-size: 16px; color: #222; line-height: 25px; padding: 30px 0 ; text-align: center; border-top: 1px solid #ddd; border-bottom: 1px solid #222; }
.list_table td {font-size: 16px; color: #666; line-height: 25px; padding: 30px 0 ; text-align: center; border-bottom: 1px solid #ddd; }
.list_table th.left,.list_table td.left {text-align: left; padding-left: 20px;}
.list_table th.right,.list_table td.right {text-align: right; padding-right: 20px;}
.list_table td.no_data {padding: 80px 0; font-size: 16px; color: #999; }
.list_table tr.active:hover td {background-color: #f3f6f9; cursor: pointer;}

.list_table td.in_table { padding: 0px; border-bottom: 0px;}
.list_table td.in_table>div {padding: 20px 60px 50px; border: 1px solid #F7306F; border-radius: 0px 0px 10px 10px; overflow: hidden;  }
.list_table td.in_table table {width: 100%; }
.list_table td.in_table th {font-size: 15px; padding: 15px 0; border-top: 0px; }
.list_table td.in_table td {padding: 15px 0; } */








/* footer 약관 */
.terms>div {margin-bottom:40px; }
.terms>div.box_grey {width: 100%; padding:15px; border: 1px solid #ddd; }
.terms>div.box_grey>h2 { font-size:14px; line-height: 20px; color: #222; font-weight:500; margin-bottom: 0; }
.terms>div.box_grey>a { display: block; text-align: left; }
.terms>div a { font-size:14px; line-height: 20px; color: #F7306F; font-weight:500; }
.terms>div>h2 {font-size:18px; line-height: 25px; color: #222; text-align: left; font-weight:500; margin-bottom: 20px; }
.terms>div>h3 {font-size:14px; line-height: 20px; color: #000; text-align: left; font-weight:400; margin-bottom:15px; }
.terms>div>p {font-size:14px; line-height: 20px; color: #666; text-align: left; font-weight:400;   margin-bottom:15px; word-break:keep-all; }
.terms>div>p span { display: block; padding-left: 20px;}
.terms>div ul {padding-left:15px; margin-bottom:15px; margin-left: 0px; }
.terms>div ul>li {font-size:13px; line-height:20px; color: #666; text-align: left; font-weight:400; word-break:keep-all; list-style: disc; margin-bottom: 5px; }
.terms>div ul>li::marker {  font-size: 10px; }
.terms table.view_table01 {width: 100%; border-top: 1px solid #DDD; border-left:1px solid #DDD; margin-bottom:30px;}
.terms table.view_table01 td.left { text-align: left; padding-left: 20px;}
.terms table.view_table01 th, .terms table.view_table01 td { font-size: 13px; line-height: 20px; color: #222; border-bottom: 1px solid #DDD; text-align: center; border-right:1px solid #DDD; padding: 10px 5px;}
.terms table.view_table01 th { background-color: #F4F4F4;}
.terms table.view_table01 td { font-size: 13px; color: #666;}

.privacy_policy .select { width: 100%;}










/* popup 약관 */
.pop_content>.terms>div {margin-bottom:20px; }
.pop_content>.terms>div.box_grey {padding:15px; }
.pop_content>.terms>div.box_grey>h2 { font-size:13px; line-height: 20px; word-break: keep-all; }
.pop_content>.terms>div a { font-size:13px; line-height: 20px; }
.pop_content>.terms>div>h2 {font-size:15px; line-height: 25px; margin-bottom: 15px; word-break: keep-all; }
.pop_content>.terms>div>h3 {font-size:13px; line-height: 20px; margin-bottom:10px; word-break: keep-all; }
.pop_content>.terms>div>p {font-size:13px; line-height: 20px; margin-bottom:10px; word-break: keep-all; }
.pop_content>.terms>div>p span { padding-left: 10px;}
.pop_content>.terms>div ul {padding-left:10px; margin-bottom:10px; margin-left: 5px; }
.pop_content>.terms>div ul>li {font-size:12px; line-height:20px; }
.pop_content>.terms>div ul>li::marker {  font-size: 9px; }
.pop_content>.terms table.view_table01 {margin-bottom:20px;}
.pop_content>.terms table.view_table01 td.left { padding-left: 10px;}
.pop_content>.terms table.view_table01 th, .pop_content>.terms table.view_table01 td { font-size: 12px; line-height: 20px; padding: 10px 5px;}
.pop_content>.terms table.view_table01 td { font-size: 12px; }












/* ERROR PAGE (404/500/Inspection/Maintainance) */
.wrapper_error { width: 100%; height: 100%; min-width: 320px; margin: 0 auto; overflow: hidden; }
.wrapper_error .error_box { position: relative; top: 50%; transform: translateY(-50%);  -webkit-transform:translateY(-50%);  width: 100%;  margin: 0 auto; padding: 0px 30px; }
.wrapper_error .error_box>div { position: relative; padding-bottom: 40px; margin-bottom: 40px;}
.wrapper_error .error_box>div:before { position: absolute; left: 0px; bottom: 0px; width:200%; height: 1px; background-color: #DDD; content: ""; }
.wrapper_error .error_box h1, .wrapper_error .error_box h2, .wrapper_error .error_box p , .wrapper_error .error_box h3 { word-break: keep-all;}
.wrapper_error .error_box h1 { font-size: 42px; line-height: 50px; color: #222; margin-bottom: 20px; font-weight: 500;}
.wrapper_error .error_box h2 { font-size: 20px; line-height: 25px; color: #222; margin-bottom: 20px; font-weight: 400;}
.wrapper_error .error_box p { font-size: 14px; line-height: 20px; color: #666; font-weight: 300;}
.wrapper_error .error_box h3 { font-size: 18px; line-height: 20px; color: #F7306F; font-weight: 100;}
.wrapper_error .error_box h3 span { display: block; font-size: 14px; line-height: 20px; margin-bottom: 10px; font-weight: 400;}




/*허슬스토어*/
.linemap.shopping_pass { top: 140px;}
.shopping_pass.sub_content .sub_title { padding-top: 90px; min-height: 190px;}
.shopping_pass .order_pay_menu input[type="radio"] + label { width: calc(33.3% - 5px);}
.shopping_pass .order_info_list:last-child { margin-bottom: 0px; }