/* ----------------------------------------------------------------------------------------------------
Super Form Reset
A couple of things to watch out for:
- IE8: If a text input doesn't have padding on all sides or none the text won't be centered.
- The default border sizes on text inputs in all UAs seem to be slightly different. You're better off using custom borders.
- You NEED to set the font-size and family on all form elements
- Search inputs need to have their appearance reset and the box-sizing set to content-box to match other UAs
- You can style the upload button in webkit using ::-webkit-file-upload-button
- ::-webkit-file-upload-button selectors can't be used in the same selector as normal ones. FF and IE freak out.
- IE: You don't need to fake inline-block with labels and form controls in IE. They function as inline-block.
- By turning off ::-webkit-search-decoration, it removes the extra whitespace on the left on search inputs
----------------------------------------------------------------------------------------------------*/

input,
label,
select,
button,
textarea
{
    margin:0;
    border:0;
    padding:0;
    display:inline-block;
    vertical-align:middle;
    white-space:normal;
    background:none;
    line-height:1;
    font-size: 1rem;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Remove the stupid outer glow in Webkit */
input:focus
{
    outline:0;
}

/* Box Sizing Reset
-----------------------------------------------*/

/* All of our custom controls should be what we expect them to be */
input,
textarea
{
}

/* These elements are usually rendered a certain way by the browser */
button,
input[type=reset],
input[type=button],
input[type=submit],
input[type=checkbox],
input[type=radio],
select
{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

/* Text Inputs
-----------------------------------------------*/

input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week]
{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* Button Controls
-----------------------------------------------*/

input[type=checkbox],
input[type=radio]
{
    -webkit-appearance: checkbox;
    width:13px;
    height:13px;
}

/* File Uploads
-----------------------------------------------*/

input[type=file]
{

}

/* Search Input
-----------------------------------------------*/

/* Make webkit render the search input like a normal text field */
input[type=search]
{
    -webkit-appearance:textfield;
    -webkit-box-sizing:content-box;
}

/* Turn off the recent search for webkit. It adds about 15px padding on the left */
::-webkit-search-decoration
{
    display:none;
}

/* Buttons
-----------------------------------------------*/

button,
input[type="reset"],
input[type="button"],
input[type="submit"]
{
    /* Fix IE7 display bug */
    overflow:visible;
    width:auto;
    outline-width: 0;
    cursor: pointer;
}

/* IE8 and FF freak out if this rule is within another selector */
::-webkit-file-upload-button
{
    padding:0;
    border:0;
    background:none;
}

/* Textarea
-----------------------------------------------*/

textarea
{
    /* Move the label to the top */
    vertical-align:top;

    /* Turn off scroll bars in IE unless needed */
    overflow:auto;
}

/* Selects
-----------------------------------------------*/

select
{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand{
    display: none;
}

select[multiple]
{
    /* Move the label to the top */
    vertical-align:top;
}
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    line-height:1.25em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6{
    font-size:1rem;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
img {
    max-width:100%;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    width:100%;
    min-width:100%;
}
img {
    vertical-align: top;
}
tr, th, td{
    vertical-align: middle;
}
a, a:active, a:visited, a:hover {
    text-decoration: none;
}
html, body{
    font-size:14px;
    color:#333;
    font-family: 'NanumSquare', sans-serif;
    letter-spacing: -.03em;
}
@media screen and (max-width: 768px) {
    html, body{
        font-size:14px;
    }
}
.wrapper{
    width:100%;
    margin:0 auto;
}
.wrap{
    width:100%;
    max-width:1060px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    margin:0 auto;
    position:relative;
    padding:0 10px;
}

.blind{
    position:absolute;
    left:0;
    top:0;
    width:1px;
    height:1px;
    overflow:hidden;
    opacity:0;
}
.text-center{
    text-align:center !important;
}
.text-left{
    text-align:left !important;
}
.text-right{
    text-align:right !important;
}
.text-ellipsis{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    max-width:100%;
}
.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.justify-conetnt-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.p-0{padding: 0 !important;}
.p-10{padding: 10px !important;}
.pb-0{padding-bottom: 0 !important;}
.mb-0{margin-bottom: 0 !important;}
.mt-_5{margin-top: .5em !important;}
.mt-1{margin-top: 1em !important;}
.column{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column}

.modal{position:fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 5000;background:rgba(0,0,0,0.8);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 10px;}
.modal__content{max-width: 700px;width: 100%;background:#fff;padding:20px;border-radius: 5px;position:relative}
.modal__close{position:absolute;right: 20px;top: 20px;}
.modal__header{border-bottom: 1px solid #ccc;padding-bottom: 5px;}
.modal__body{max-height: 400px;overflow: auto;padding:20px 0;}
.modal__footer{margin-top: 30px;}
@media screen and (max-width: 768px) {
    .modal__close{right: 20px;top: 20px;}
    .modal__close img{width: 15px;height: 15px;}
}


.prv{white-space: pre-line;font-size: 12px;line-height:1.5em;color:#434159;}

.header{position:fixed;width: 100%;z-index: 3000;left: 0;top: 0;}
.header__top{background:#fff;}
.header__top .wrap{-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: flex-start;height: 80px;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.header__logo{margin-right: auto;}
.header__logo img{vertical-align: top; width:140px;}
.header__cart,
.header__menu{display: none;}
.header__search{width: 290px;height: 42px;display: -webkit-box;display: -ms-flexbox;display: flex;border:1px solid #cccccc;background:#fff;}
.header__search input{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;padding:0 10px;font-size: 14px;height: 40px;width: calc(100% - 40px);-webkit-box-sizing: border-box;box-sizing: border-box;}
.header__search .search__btn{width: 40px;-webkit-box-flex: 0;-ms-flex: none;flex: none;height: 40px;background:url('../images/icon-search.png') no-repeat center;}
.header__nav{margin-left: 1em;}
.header__nav a{padding:0 1.5em;font-size: 14px;border-right: 1px solid #666666;letter-spacing: -.03em;line-height: 14px;color:#666666;font-weight: 600}
.header__nav a:last-child{padding-right: 0;border-right: 0;}
.header__bottom{background:#171C61;height: 50px;}
.header__bottom .wrap{height: 50px;display: -webkit-box;display: -ms-flexbox;display: flex;}
.header__bottom .menu__btn{width: 50px;height: 50px;background:url('../images/icon-menu-white.png') no-repeat center;-webkit-box-flex: 0;-ms-flex: none;flex: none;}
.header__bottom .header__gnb{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-pack: distribute;justify-content: space-around;padding-left: 1em;}
.header__bottom .header__gnb li{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;height: 50px;position:relative}
.header__bottom .header__gnb li > a{color:#fff;line-height: 50px;display:block;text-align: center;}
.header__bottom .header__gnb li.has-depth:hover .depth2{display: block;}
.header__bottom .header__gnb li .depth2{position:absolute;left:0;top: 50px;background:#fff;border:1px solid #469cd6;width: 100%;border-top: 0;display: none;z-index: 50;}
.header__bottom .header__gnb li .depth2 a{line-height: 40px;font-size: 12px;padding:0 10px;display: block;border-bottom:1px solid #666;color:#736357;}
.header__bottom .header__gnb li .depth2 a:last-child{border-bottom: 0;}
@media screen and (max-width: 1060px) {
    .header__bottom{height: 45px;overflow: hidden;}
    .header__bottom .menu__btn{display: none;}
    .header__bottom .wrap{width: 100%;overflow-x: auto;overflow-y:hidden;-ms-flex-wrap: wrap;flex-wrap: wrap;}
    .header__bottom .header__gnb {width: 700px;padding: 0;}
    .header__bottom .wrap,
    .header__bottom .header__gnb li{height: 75px;}
    .header__bottom .header__gnb li{width: 100px;}
    .header__bottom .header__gnb li.boogaservice{flex: none; -webkit-box-flex: unset;}
    .header__bottom .header__gnb li > a{line-height: 45px;display: block;text-align: center;height: 45px;font-size: 14px;}
    .header__bottom .header__gnb li > a.active{border-bottom: 2px solid #fff;}
    .header__bottom .header__gnb li .depth2{display: none !important;}

	.m_nav {width: calc(100% - 170px);}
    .header__search {width: fit-content;}
    .header__nav{display: none;}

    .header__top .wrap{height: 60px;}
    .header__logo{display: -webkit-box;display: -ms-flexbox;display: flex;}
    .header__logo .header__menu{display: block;height: 40px;width: 20px;background:url('../images/icon-menu.png') no-repeat center;}
    .header__logo img{height: 40px; width:auto;}
    .header__cart{background:url('../images/icon-cart.png') no-repeat center;width: 25px;height: 25px;margin-left: auto;display: block;position:relative;-webkit-box-flex: 0;-ms-flex: none;flex: none;margin-left: 10px;}
    .header__cart span{position:absolute;right: -5px;top: 0;width: 15px;height: 15px;border-radius: 50%;background:#f26d7d;color:#fff;text-align: center;line-height: 17px;font-size: 10px;overflow: hidden;}
}

.mobile-header{position:fixed;left: 0;top: 0;width: 100%;z-index: 4000;height: 100vh;background:#fff;display: none;}
.mobile-header .header{position:relative}
.mobile-header .header__logo{/*margin-right: 10px;*/}
.mobile-header .header__logo a{display: none;}

.mobile-header .header .header__top{background:#469cd6;}
.mobile-header .header__menu{background:url('../images/icon-close-white.png') no-repeat center;margin: 0;}
.mobile-header .header__search{display: -webkit-box;display: -ms-flexbox;display: flex;width: auto;}
.mobile-header form{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}
.mobile-header .header__cart{background:url('../images/icon-cart-white.png') no-repeat center;}
.mobile-header .header__cart span{color:#469cd6;background:#fff;}
.mobile-header__gnb{display: -webkit-box;display: -ms-flexbox;display: flex;background:#f4f4f4;border-bottom: 1px solid #cccccc;}
.mobile-header__gnb a{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;width: 25%;text-align: center;padding:15px 0;}
.mobile-header__gnb a .img{display: block;text-align: center;height:30px;line-height: 30px;}
.mobile-header__gnb a .img img{vertical-align: middle;max-height: 30px;}
.mobile-header__gnb a p{font-size: 14px;color:#666666;margin-top: 5px;line-height: 15px;}

.mobile-header__nav{display: block;width: 100%;height: calc(100vh - 141px);overflow: auto;}
.mobile-header__nav .depth1{}
.mobile-header__nav .depth1 a{display: block;line-height: 40px;height: 40px;padding:0 10px;font-size: 14px;color:#666666;border-bottom: 1px solid #cccccc;}
.mobile-header__nav .depth1 > a{background:url('../images/icon-plus.png') no-repeat calc(100% - 10px) center;}
.mobile-header__nav .depth1 > a.active{background:url('../images/icon-minus.png') no-repeat calc(100% - 10px) center;}
.mobile-header__nav .depth1 > a.active + .depth2{display: block;}
.mobile-header__nav .depth2{background:#f4f4f4;display: none;}
.mobile-header__nav .depth2 a{border-bottom: 1px solid #cccccc;font-size: 13px;}
.mobile-header__nav .depth2 a:last-child{border-bottom: 0;}

.footer{/*margin-top: 100px;*/ background:#fff;}
.footer .wrap{border-top: 1px solid #b7b7b7;padding:1.5em 0;position:relative;padding-left: 270px;}
.footer__center{position:absolute;left: 0;top: 1.5em;}
.footer__link{margin-bottom:2em;}
.footer__link a{font-size: 1rem;color:#434159;padding:0 20px;line-height: 1em;position:relative}
.footer__link a:after{content:'';display:block;width: 1px;height: 10px;position:absolute;right: 0;top: 3px;background:#666;}
.footer__link a:first-child{padding-left: 0;}
.footer__link a:last-child{padding-right: 0;}
.footer__link a:last-child:after{display: none;}
.footer__info{color:#434159;font-size: 14px;line-height:1.5em;}
.footer__center{padding-left: 10px;}
.footer__center h3{color:#434159;font-size: 1rem;line-height: 1em;margin-bottom: 5px;}
.footer__center h2{color:#20b8ed;font-size:1.5rem;line-height: 1em;margin-bottom: 10px;}
.footer__center p{font-size: 14px;line-height:1.5em;}
@media screen and (max-width: 768px) {
    .footer__center{position: static;padding: 0;}
    .footer .wrap{padding:1.5em 10px;}
    .footer__info{margin-top: 1em;}
    .footer__link{margin-bottom: 1em;}
    .footer__link a{padding:0 10px;}
}

/* container */
.container{padding-top: 130px;min-height: 800px; padding-bottom:80px;}
.container.mypage .wrap{padding-top: 70px;}
@media screen and (max-width: 1060px) {
    .container.mypage .wrap{padding: 0;padding-top: 40px;}
    .container.mypage .wrap .smb_me{}
    .container{padding-top: 103px;min-height: auto;padding-bottom: 0;}
}

/* main */

.main{}
.main__sec{margin-bottom: 40px;}
@media screen and (max-width: 1060px) {
    .main__sec{margin-bottom: 30px;}
}
@media screen and (max-width: 768px) {
    .main__sec{margin-bottom: 20px;}
}
.main__sec1{}
.main__slide-item{}
.main__slide-item a{display: block;width: 100% !important;height: auto !important;}
.main__sec1 .wrap{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;height: 450px;}
.main__sec1 p{font-size:1.5rem;font-weight: 300;}
.main__sec1 span{font-weight: 700}
.main__sec1 h1{font-weight: 300;font-size:2.5rem;line-height:1.4em;margin:.5em 0 1em;}
.main__sec1 a{display:block;width: 180px;height: 50px;border: 1px solid #666666;color:#666666;font-weight: 700;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-transition:all .3s;transition:all .3s;}
.main__sec1 a:hover{background:#666;color:#fff;}
.main__sec1 a img{width: 100%;}

.main__sec1 .slick-dots{position:absolute;left:0;width: 100%;z-index: 100;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;bottom: 20px;}
.main__sec1 .slick-dots li button{text-indent: -9999px;overflow: hidden;width: 14px;height: 14px;background:#fff;border-radius: 50%;margin:0 2px;border:1px solid #ccc;}
.main__sec1 .slick-dots li.slick-active button{background:#469cd6;}

@media screen and (max-width: 1060px) {
    .main__sec1 .wrap{height: 400px;}
    .main__sec1 p{font-size:1.25rem;}
    .main__sec1 h1{font-size: 2rem;}
}
@media screen and (max-width: 768px) {
    .main__sec1 .wrap{height: 300px;}
    .main__sec1 p{font-size:1.125rem;}
    .main__sec1 h1{font-size: 1.75rem;}
    .main__sec1 a{font-size: 14px;width: 150px;height: 40px;}
}
.main__sec2{}
.main__sec2 .wrap{}
.main__sec2 .item-box{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;display: -webkit-box;display: -ms-flexbox;display: flex;}
.main__sec2 .item{display: -webkit-box;display: -ms-flexbox;display: flex;width: 340px;height: 215px;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding:20px;color--:#fff;}
.main__sec2 .item:first-child{background:url('../images/main-img1.png') no-repeat center;background-size: cover;}
.main__sec2 .item:nth-child(2){background:url('../images/main-img3.png') no-repeat center;background-size: cover;}
.main__sec2 .item:nth-child(3){background:url('../images/main-img4.png') no-repeat center;background-size: cover;}
.main__sec2 .item h3{margin-top: auto;font-size:1.25rem;letter-spacing: -.05em;}
.main__sec2 .item p{margin-top: 10px;font-size: 14px;letter-spacing: -.05em;}
.half {width:32.5%; display:inline-block;}
.main__sec3 .half:first-child {background:url('../images/main-sec3-bg-1.png') no-repeat right; margin:0 8px 0 0; background-color:#b8e7e0; background-position:-280px 110px; background-size:180%;}
.main__sec3 .half:nth-child(2) {background:url('../images/main-sec3-bg.png') no-repeat center; margin:0 8px 0 0;  }
.main__sec3 .half:last-child {background:url('../images/main-sec3-bg-2.png') no-repeat center; background-color:#f6f2ca; background-position:bottom; background-size:180%; }
@media screen and (max-width: 1060px) {
    .main__sec2{}
    .main__sec2 .wrap{overflow: auto;}
    .main__sec2 .item-box{min-width: 700px;}
    .main__sec2 .item{min-width: 230px;height: 150px;width: 32%;}
    .main__sec2 .item:last-child{margin-right: 10px;}
	.half {width:100%;}
	.main__sec3 .half:first-child {margin:0 0 10px 0; background-position:0 0; background-size:100%; }
	.main__sec3 .half:nth-child(2) {margin:0 0 10px 0;}
	.main__sec3 .half:last-child {background-position:320px 0; background-size:100%;}
}
@media screen and (max-width: 768px) {
    .main__sec2 .item{padding: 15px;}
    .main__sec2 .item h3{font-size:1.125rem;  display: none;}
    .main__sec2 .item p{font-size: 14px; display: none;}
	.main__sec3 .half:first-child {margin:0 0 10px 0; background-position:-260px 0; background-size:160%; }
	.main__sec3 .half:nth-child(2) {margin:0 0 10px 0;}
	.main__sec3 .half:last-child {background-size:100%; background-position:bottom; }
	
}


.main__sec3{}
.main__sec3 .wrap{/*background:url('../images/main-sec3-bg.png') no-repeat center;*/ position:relative}
.main__sec3 img{position:absolute;right:36%;bottom: 0;z-index: 1; width:12%; opacity:0.7;}
.main__sec3 .textbox{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;position:relative;z-index: 2;padding:40px 1.5em 80px 1.5em;height: 280px;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.main__sec3 .textbox h2{font-size:1.75rem;color:#434159;letter-spacing: -.05em;}
.main__sec3 .textbox p{font-size: 0.85rem;color:#434159;line-height: 1.5em;margin:1em 0 1.5em;}
.main__sec3 .textbox a{width: 150px;height: 40px;border: 1px solid #666666;color:#666666;font-weight: 700;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-transition:all .3s;transition:all .3s;font-size: 14px;}
.main__sec3 .textbox a:hover{background:#666;color:#fff;}
@media screen and (max-width: 1060px) {
    .main__sec3 .textbox{height: auto;padding:20px 10px;}
    .main__sec3 img{right: 10px;height: 150px; bottom:198px;}
}
@media screen and (max-width: 768px) {
    .main__sec3 img{right: 30px;height: 100px; width:auto; bottom:198px;}
}

.main__sec4{}
.product{}
.product__title{text-align: center;font-size: 1.75rem;color:#666;letter-spacing: -.05em;}
.product__tab{display: -webkit-box;display: -ms-flexbox;display: flex;max-width: 920px;margin:0 auto;margin-top: 10px;overflow: auto;}
.product__tab a{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;line-height: 40px;height: 40px;font-size: 1rem;color:#666666;font-weight: 300;text-align: center;border-bottom: 1px solid #666;min-width: 100px;}
.product__tab a.active{border-bottom:4px solid #666666;font-weight: 600;}
.product__list{margin-top: 30px;}
.product__row{display: -webkit-box;display: -ms-flexbox;display: flex;margin-bottom: 20px;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.product__row:last-child{margin-bottom: 0;}
.product__item{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;margin-right:20px;max-width: 245px;border: 1px solid #ccc;position:relative; display:inline-block; margin-bottom:20px;}
.product__item:nth-child(4n){margin-right: 0;}
.product__thumbnail{width: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.product__thumbnail img{width: 100% !important; height:  auto !important;}
.product__info{padding: 10px;}
.product__info h3{font-size: 1rem;color:#666666;letter-spacing: -.05em;line-height: 20px;height: 40px;margin-bottom: 5px;overflow: hidden;}
.product__info h3 + .sct_icon{margin-bottom: 5px;height: 22px;}
.product__info p{font-size: 14px;line-height:1.5em;color:#b7b7b7;height: 3em;overflow: hidden;}
.product__info ul{margin-top: 5px;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;height:50px;overflow:hidden;}
.product__info li{margin-top: 5px;color:#fff;background:#434159;padding:0 1.5em;line-height: 20px;height: 20px;font-size: 10px;border-radius: 2em;margin-right: 5px;}
.product__link{border-top: 1px solid #cccccc;padding: 10px;display: -webkit-box;display: -ms-flexbox;display: flex;}
.product__link a:first-child{margin-right: 5px;}
.product__link a{border:1px solid #434159;height: 32px;line-height: 32px;color:#fff;display: block;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;background:#434159;font-size: 14px;font-weight: 600;text-align: center;}
.product__link a.white{background:#fff;color:#434159;}
.product__priceInfo{position:absolute;left: 0;top: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.8);}
.product__priceInfo .close{position:absolute;right: 10px;top: 10px;}
.product__priceInfo-content{padding: 30px 10px 10px;overflow: auto;max-height: 100%;}
.product__priceInfo-content li{margin-bottom: 10px;letter-spacing: -.05em;}
.product__priceInfo-content li h3{color:#fff;font-size: 14px;font-weight: 400;}
.product__priceInfo-content li p{font-weight: 600;font-size: 14px;color:#c2da60;}
@media screen and (max-width: 1060px) {
    .product__title{font-size: 1.5rem;}
    .product__tab{}
    .product__tab a{}
    .product__item{max-width: none;margin-right: 20px;width:calc(50% - 10px);-webkit-box-flex: 0;-ms-flex: none;flex: none;}
    .product__item:nth-child(2n){margin-right: 0;}
    .product__item:nth-child(n+3){margin-top: 20px;}
}
@media screen and (max-width: 768px) {
    .product__link{padding: 0 5px; display: block;display: block;}
    .product__link a{margin: 8px 0 !important; width:100%;}
    /*.product__link a.white{display: block;background:#434159;color:#fff;}*/
    .product__item{max-width: none;margin-right: 10px;width:calc(50% - 5px);-webkit-box-flex: 0;-ms-flex: none;flex: none;}
    .product__item:nth-child(n+3){margin-top: 10px;}
    /*.product__tab{-ms-flex-wrap: wrap;flex-wrap: wrap;}*/
    /*.product__tab a{width: 33.333%;-webkit-box-flex: 0;-ms-flex: none;flex: none;}*/
    .product__row{margin-bottom: 10px;}
    .product__info p{font-size: 12px;}
    /*.product__priceInfo{display: none !important;}*/
}

.input{}
.input input{width: 100%;height:42px;border:1px solid #cccccc;background:#fff;padding:0 10px;font-size: 14px;border-radius: 3px;}
.select{}
.select select{width: 100%;height:42px;border:1px solid #cccccc;padding:0 10px;font-size: 14px;border-radius: 3px;background:url('../images/icon-select.png') #fff no-repeat calc(100% - 10px) center;line-height:1.5em;}

@media screen and (max-width: 768px) {
    .select select{font-size: 12px;}
}
.auth{padding: 60px 0 100px;}
.auth .wrap{width: 100%;max-width: 360px;margin:0 auto;padding: 10px;}
.auth .wrap.full{max-width: 1060px;}
.auth .wrap.full .btnbox{max-width: 360px;margin:0 auto;}
.auth__title{text-align: center;font-size:1.5rem;color:#434159;letter-spacing: -.03em;margin-bottom: .75em;}
.auth__description{font-size: 12px;line-height:1.5em;color:#434159;text-align:center;padding:0 10px;}
.auth__form{background:#fff;padding:30px 0 5px 0;border: 1px solid #ccc;}
.auth__form:nth-child(n+2){padding-top: 0;margin-top: 10px;}
.auth__form:nth-child(n+2) .auth__row-title{border-top: 0;}
.auth__row-title{color:#434159;font-size: 14px;line-height: 40px;height: 40px;border-bottom: 1px solid #ccc;padding:0 10px;border-top: 1px solid #f4f4f4;}
.auth__row{margin-bottom: 15px;}
.auth__row .input{margin-bottom: 5px;display: -webkit-box;display: -ms-flexbox;display: flex;}
.auth__row .input .btn{-webkit-box-flex: 0;-ms-flex: none;flex: none;margin-left: 5px;background:#434159;color:#fff;height: 40px;line-height: 40px;padding:0 2em;font-size: 12px;border-radius: 3px;}
.auth__row .input:last-child{margin-bottom: 0;}
.auth__row label{display:block;font-size: 12px;color:#434159;margin-bottom: 5px;}
/*.auth__row:last-child{margin-bottom: 0;}*/
.btnbox{}
.btnbox.d-flex .btn{margin:0 5px !important;}
.btnbox .btn{font-size: 14px;height: 40px;line-height: 40px;background:#469cd6;color:#fff;text-align: center;display: block;border-radius: 3px;}
.btnbox .btn.btn--white{background:#fff;color:#469cd6;border:1px solid #469cd6;}
.btnbox .btn.btn--small{max-width: 165px;width: 100%;}
.btnbox .btn:nth-child(n+2){margin-top: 5px;}
.auth__ck{/*margin:10px auto !important;*/ margin-top:-20px !important; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.auth__ck a{color:#469cd6;border: 1px solid #469cd6;line-height: 20px;height: 20px;padding:0 1em;border-radius: 3px;font-size: 12px;}
.checkbox{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-size: 14px;line-height: 20px;}
.checkbox input{margin-right: 5px;}
.auth__row-check{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding:0 10px;border-top: 1px solid #ccc;}
.auth__row-check.column{padding:5px 10px;}

#sod_frm_orderer .auth__row-check.column{padding:10px 20px;}
#sod_frm_orderer .all-check label{padding: 0 20px;}
.checkbox--right{width: 100%;height: 40px;}
.checkbox--right input{margin-left: auto;}
.checkbox--right a{color:#469cd6;font-size: 12px;margin-left: 10px;font-weight: 600;}
.all-check label{padding:0 10px;}
@media screen and (max-width: 1060px) {
    .auth{padding: 40px 0 100px;}
}
@media screen and (max-width: 768px) {
    .btnbox .btn.btn--small{max-width: 140px;width: 100%;}
}

.auth__complete{text-align: center;margin-bottom: 3em;}
.auth__complete + .btnbox{border-top: 1px solid #ccc;padding-top: 10px;}
.auth__complete .img{}
.auth__complete h2{margin:1em 0;font-size:2rem;letter-spacing: -.05em;white-space: nowrap;}
.auth__complete h3{margin: 1em 0;font-size:1.25rem;}
.auth__complete p{font-size: 1rem;line-height:1.5em;}
.auth__complete p strong{color:#469cd6;}
@media screen and (max-width: 768px) {
    .auth__complete h2{font-size:1.75rem;}
    .auth__complete p{font-size: 1rem;}
}

.default{padding:60px 0 0;}
.default.item{}
.page__title{font-size: 1.5rem;color:#434159;line-height: 1em;margin-bottom: 1em;}

@media screen and (max-width: 1060px) {
    .default.item{padding-top: 20px;}
}
@media screen and (max-width: 768px) {
    .default{padding:40px 0 50px;}
    .page__title{font-size: 1.25rem;}

}
.cart__footer{padding-top: 20px;border-top: 1px solid #ccc;margin-top: 50px;border-top:1px solid #ccd2d9;}
.cart__footer-row{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 100%;border: 1px solid #212a37;margin-bottom: 20px;}
.cart__footer-row .col{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;-ms-flex-line-pack: center;align-content: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding:0 1.5em;font-size: 14px;color:#fff;background:#4a505a;border-right: 1px solid #212a37;}
.cart__footer-row .col:last-child{background:#212a37;}
.cart__footer-row .col h3,
.cart__footer-row .col p{line-height: 70px;}
.cart__btnbox{margin-top: 20px;display:-webkit-box;display:-ms-flexbox;display:flex;}
.cart__btnbox .btn{display: -webkit-box;display: -ms-flexbox;display: flex;width: 70px;height: 30px;-ms-flex-line-pack: center;align-content: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;border: 1px solid #ccc;font-size: 12px;background:#fff;line-height: 30px;color:#000;border-radius: 3px;margin-right: 5px;background:#fff;}
.cart__detail{border-top: 2px solid #000;overflow: auto;}
.cart__detail table{min-width: 1040px;}
.cart__detail th{font-weight: 600;height: 65px;border-bottom: 1px solid #ccc;}
.cart__detail td{border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;background: #fff;padding: 10px;font-size: 14px;text-align: center;}
.cart__detail td:last-child{border-right: 0;}
.cart__content{width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;}
.cart__content .thumb{width: 100px;-webkit-box-flex:0;-ms-flex:none;flex:none;}
.cart__content .info{width: calc(100% - 100px);padding-left: 10px;}
.cart__content .info h3{text-align: left;margin-bottom: 10px;}
.cart__content .info ul{padding-left: 1em;}
.cart__content .info li{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack: center;align-content: center;line-height: 20px;font-size: 14px;margin-bottom: 5px;}
.cart__content .info li:last-child{margin-bottom: 0;}
.cart__content .info li:before{content:'옵션';background:#ecf5fb;color:#469cd6;border: 1px solid #469cd6;border-radius: 3px;padding:3px 5px;-webkit-box-flex: 0;-ms-flex: none;flex: none;line-height:14px;margin-right: 5px;font-size: 12px;}
@media screen and (max-width: 768px) {
    .cart__footer-row{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column}
    .cart__footer-row .col{border:0;border-bottom: 1px solid #212a37;}
    .cart__footer-row .col h3,
    .cart__footer-row .col p{line-height: 50px;}
}

.warning-msg{font-size: 14px;color:#f26d7d;line-height:1.5em;}

.bill__content{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.bill__content .left{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}
.bill__content .right{width: 400px;-webkit-box-flex: 0;-ms-flex: none;flex: none;margin-left: 20px;}
.bill .auth__form .wrap{padding: 10px;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.bill .auth__form .wrap .auth__row{width: calc(50% - 5px);margin-right: 10px;}
.bill .auth__form .wrap .auth__row.full{width: 100%;margin-right: 0;}
.bill .auth__form .wrap .auth__row:nth-child(2n){margin-right: 0;}
.btnbox2{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;margin-top: 20px;}
.btnbox2 a{font-size: 14px;font-weight: 600;line-height: 40px;height: 40px;border: 1px solid #666666;color:#666666;padding:0 2em;border-radius: 2em;margin-left: 10px;}
.btnbox2 a:first-child{margin-left: 0;}
.row__price{border: 1px solid #469cd6;background:#fff;}
.row__price .row{padding: 10px;}
.row__price .row td{font-size: 14px;padding:5px 0;}
.row__price .row h3{font-size: 14px;margin-bottom: 5px;}
.row__price .row:nth-child(n+2){border-top: 1px solid #ccc;}
.row__price .bill__total{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;font-size: 14px;width: 100%;-ms-flex-line-pack: center;align-content: center;line-height: 30px;align-items: center;}

.row__price .bill__total span{margin-left: auto;}
.row__price .bill__total strong{font-size: 14px;line-height: 30px;}
.row__price .row--bg{background:#ecf5fb;border-top: 1px solid #ccc;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack: center;align-content: center;}
.row__price .row--bg .bill__total{font-weight: 600;color:#469cd6}
.row__price h2{font-size: 14px;line-height: 20px;}
.radiobox{}
.radiobox .radio{display: -webkit-box;display: -ms-flexbox;display: flex;margin-bottom: .5em;}
.radiobox .radio:last-child{margin-bottom: 0;}
.radio{}
.radio span{width: 14px;height: 14px;border-radius: 50%;border: 1px solid #ccc;margin-right: 5px;position:relative}
.radio input:checked + span:after{width: 8px;height: 8px;content:'';display:block;background:#469cd6;border-radius: 50%;position:absolute;left:2px;top: 2px;}
.radio p{font-size: 14px;color:#666;}
.radio input:checked + span + p{color:#469cd6;}
.new-row .row{margin: 0 !important;}
@media screen and (max-width: 1060px) {
    .bill .auth__form .wrap .auth__row{width: 100%;margin-right: 0;}
    .bill__content .right{width: 350px;-webkit-box-flex: 0;-ms-flex: none;flex: none;margin-left: 10px;}
}
@media screen and (max-width: 768px) {
    .bill__content{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column}
    .bill__content .right{width: 100%;margin-left: 0;margin-top: 20px;}
    .btnbox2 a{padding: 0 1em;}
}

.adBanner{margin:0 auto;max-width: 1060px;}
.adBanner .slick-dots{position:absolute;left:0;width: 100%;z-index: 100;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;bottom: 5px;}
.adBanner .slick-dots li button{text-indent: -9999px;overflow: hidden;width: 8px;height: 8px;background:#fff;border-radius: 50%;margin:0 2px;border:1px solid #ccc;}
.adBanner .slick-dots li.slick-active button{background:#469cd6;}

.intro{}
.intro__title{font-size: 2rem;line-height:1.5em;font-weight:300;margin-bottom: 1em;}
.intro__img{margin-bottom: 1.5em;}
.intro__row{margin-bottom: 3em;}
.intro__row .depth{padding-left: 1em;margin-top: 1.5em;}
.intro h3{font-size: 1.25rem;font-weight: 400;}
.intro p{font-size: 14px;color:#666;line-height:1.5em;margin-top: .5em;}
.intro__iconbox{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-top: 2em;}
.intro__iconbox img{margin-right: 10px;margin-top: 10px;}
.intro__pride{display: -webkit-box;display: -ms-flexbox;display: flex;padding:3em 0;border-top: 1px solid #ccc;}
.intro__pride .img{width: 200px;-webkit-box-flex: 0;-ms-flex: none;flex: none;text-align: center;margin-right: 30px;}
.intro__pride .info{}
.intro__pride .info h4{font-size: 1rem;}

.intro__pride-left{display: -webkit-box;display: -ms-flexbox;display: flex;padding:3em 0;border-top: 1px solid #ccc;}
.intro__pride-left .img{width: 33.3%;-webkit-box-flex: 0;-ms-flex: none;flex: none;float:right;}
.intro__pride-left .info{ width:66.6%;}
.intro__pride-left .info h4{font-size: 1rem;}
@media screen and (max-width: 768px) {
    .intro__title{font-size:1.5rem;}
    .intro h3{font-size: 1.375rem;font-weight: 400;}
    .intro__pride{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding: 2em 0;}
    .intro__pride .img{width: 100%;margin-right: 0;margin-bottom: 2em;text-align: left;}
    .intro__pride .img img{width: 130px;}
	
	.intro__pride-left{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding: 2em 0;}
	.intro__pride-left .info{ width:100%; background:url('../images/company-payment.png')no-repeat right bottom; background-size:auto; padding-bottom:20rem;}
    .intro__pride-left .img{ display:none;}
    .intro__pride-left .img img{width: 130px;}
	
	.width-50 {
		width:100% !important;
	}
}

.greeting__banner{background:url('../images/greeting-img.png') no-repeat center;background-size: cover;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-line-pack: center;align-content: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding:4em 0;}
.greeting__banner h1{font-weight: 300;color:#fff;font-size: 2rem;line-height:1.5em;text-align: center;}
.greeting__desc{margin-top: 1.5em;}
.greeting__desc h3{font-size: 1.25rem;font-weight: 400;margin-bottom: 5px;}
.greeting p{font-size: 14px;line-height:1.5em;color:#666;}
.greeting__info{display: -webkit-box;display: -ms-flexbox;display: flex;margin-top: 3em;}
.greeting__info .col{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;padding-right: 1.5em;}
.greeting__info .col .img{margin-bottom: 1em;}
.greeting__info .col .img img{height: 70px;}
.greeting__info .col .info h3{margin-bottom: 1em;font-size:1rem;line-height:1.25em;}
@media screen and (max-width: 768px) {
    .greeting__info{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    .greeting__info .col{margin-bottom: 2em;}
}


.service__row{display: -webkit-box;display: -ms-flexbox;display: flex;}
.service__row .img{width: 500px;margin-right: 20px;-webkit-box-flex: 0;-ms-flex: none;flex: none;}
@media screen and (max-width: 1060px) {
    .service__row .img{width: 300px;margin-right: 20px;-webkit-box-flex: 0;-ms-flex: none;flex: none;}
}
@media screen and (max-width: 768px) {
    .service__row .img{width: 100%;margin:0;margin-bottom: 1em;}
    .service__row{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column}
}

.product__search{background:#f4f4f4;padding:1.5em 10px;display: -webkit-box;display: -ms-flexbox;display: flex;max-width: 920px;margin:0 auto;margin-top: 10px;margin-bottom: 30px;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.product__search .col{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;margin-right: 20px;}
.product__search .col h3{font-weight: 400;line-height:15px;font-size: 14px;padding-bottom: 5px;}
.product__search .btnbox{padding-top: 20px;-webkit-box-flex: 0;-ms-flex: none;flex: none;}
.product__search .btnbox .btn{padding:0 2em;background:#434159;}
@media screen and (max-width: 1060px) {
    .list {
        padding-top: 0;
    }
}
@media screen and (max-width: 768px) {
    .product__search{margin-bottom: 10px;}
    .product__search .col{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;margin-right: 5px;width: 33.333%;}
    .product__search .col:last-child{margin-right: 0;}
    .product__search .btnbox{-webkit-box-flex: 0;-ms-flex: none;flex: none;width: 100%;padding-top: 10px;}
}

.purchase-table{text-align: left;}
.purchase-table:nth-child(n+2){margin-top: 1.5em;}
.purchase-table h3{font-size:1rem;margin-bottom: 5px;}
.purchase-table table{border-top:2px solid #000;}
.purchase-table th,
.purchase-table td{border-bottom: 1px solid #ccc;font-size: 14px;padding:10px;height: 50px;}
.purchase-table th{background:#f6f6f6;text-align: center;}
.purchase-table td{background:#fff;}
.purchase-table .col1{width: 150px;}
@media screen and (max-width: 768px) {
    .purchase-table .col1{width: 90px;}
    .purchase-table th,
    .purchase-table td{font-size: 12px;word-break: break-all}
}


.mypage__content{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.mypage__nav{width: 100%;margin-right: 20px;-webkit-box-flex: 0;-ms-flex: none;flex: none;max-width: 265px;z-index: 1000;}
.mypage__nav.border-none a{border: none;border-bottom: 1px solid #e8e8e8}
.mypage__nav.border-none a:last-child{border-bottom: 0;}
.mypage__nav a{line-height: 50px;display: block;padding:0 10px;font-size: 14px;color:#666;background:url('../images/nav-arrow.png') #fff no-repeat calc(100% - 10px) center;border: 1px solid #ccc;}
.mypage__nav a:nth-child(n+2){border-top: 0;}
.mypage__nav a.active{background:url('../images/nav-arrow.png') #ecf5fb no-repeat calc(100% - 10px) center;}
.mypage__content .content{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}
.content__title{font-size:1.25rem;margin-bottom: 10px;}
.mypage__content .table{border-top:2px solid #000;}
.mypage__content .table th{font-weight: 600;height: 65px;border-bottom: 1px solid #ccc;}
.mypage__content .table td{border-bottom: 1px solid #ccc;background: #fff;padding: 10px;font-size: 14px;text-align: center;height: 60px;}
.mypage__content .table td a{color:#000;text-align: left;max-width: 100%;display: block;}
.mypage__content .table:not(.qna) td span{font-size: 14px;color:#666666;}
.mypage__content .table td strong{color:#469cd6;font-weight: 400;}
@media screen and (max-width: 1060px) {
    .mypage__nav{width: 200px;}
    .mypage__cont{background:#fff;margin-top: 10px;padding:20px 10px;padding-bottom: 50px;}

}
@media screen and (max-width: 1060px) {
    /*.mypage{padding-top: 70px;}*/
    .mypage__nav{position:fixed;left: 0;top: 105px;width: 100%;overflow: auto;display: -webkit-box;display: -ms-flexbox;display: flex;border-bottom: 1px solid #ccc;background:#fff;max-width: 100%;}
    .mypage__nav a{border:0;background:none;line-height: 40px;-webkit-box-flex:0;-ms-flex:none;flex:none;white-space: nowrap;height: 40px;}
    .mypage__nav a.active{background: none;border-bottom:2px solid #469cd6}

    .content__title{font-size:1.25rem;margin-bottom: 10px;}
    .mypage__content .table th{display: none;}
    .mypage__content .table.notice col:first-child,
    .mypage__content .table.notice col:last-child,
    .mypage__content .table.notice th:first-child,
    .mypage__content .table.notice th:last-child,
    .mypage__content .table.notice td:first-child,
    .mypage__content .table.notice td:last-child{display: none;}
}


.qna__item{border-bottom: 1px solid #ccc;}
.qna__item button{background:url('../images/qna-arrow-off.png') #fff no-repeat calc(100% - 1em) center;height: 50px;text-align: left;width: 100%;padding:0 1em;}
.qna__item button.active{background:url('../images/qna-arrow.png') #fff no-repeat calc(100% - 1em) center;}

.qna__answer{padding: 1em;font-size: 14px;line-height:1.5em;display: none;}


.mypage__body{display: flex;}
.mypage__body #smb_my_ov{flex: none;}
.mypage__body .mypage__navbox{flex: none;width: 265px;}
.mypage__body .mypage__cont{flex: 1;}
@media screen and (max-width: 1060px) {
    .mypage__body .mypage__navbox{flex: none;width: 100%;margin: 0;;border: none !important;}
    .mypage__body .mypage__navbox .withdrawal{display: none;}

    .mypage .page__title{display: none;}
    .mypage__body{flex-direction: column}
}
.bg_gray {
	background:#f4f4f4;
}

.cart-col1{width: 80px;}
.cart-col2{}
.cart-col3{width: 80px;}
.cart-col4{width: 100px;}
.cart-col5{width: 100px;}
.cart-col6{width: 100px;}
.cart-col7{width: 120px;}

.order-col1{width:;}
.order-col2{width:80px;}
.order-col3{width:100px;}
.order-col4{width:100px;}
.order-col5{width:120px;}
.order-col6{width:120px;}

.overflowTable{width: 100%;overflow: auto;}
.overflowTable table{min-width: 1040px;}

.clearfix:after{content:'';display:block;clear:both;}
.clearfix .sod_left{width:calc(100% - 360px);}
.clearfix .sod_right{}

@media screen and (max-width: 768px) {
    .clearfix .sod_left{width: 100%;float: none;}
    .clearfix .sod_right{width: 100%;float: none;}
	.daum_juso_pagemb_zip{height:500px;}
}

.mb-history{}
.mb-history__item{border-bottom: 1px solid #ccc;background:#fff;}
.mb-history__item.end{background:#f9f9f9;}
.mb-history__item.end *{color:#b7b7b7 !important;border-color:#b7b7b7 !important;}
.mb-history__item.end .mb-history__item-info .col1 button{color:#69b4c9 !important;}
.mb-history__item.end .mb-history__item-detail{background:#f9f9f9;}
.mb-history__item-info{display: flex;flex-wrap: wrap;height: 120px;align-items: center;text-align: center;}
.mb-history__item-info .col{padding:0 10px;}
.mb-history__item-info .col1{text-align: left;}
.mb-history__item-info .col1 div{margin-bottom: 1em;}
.mb-history__item-info .col1 div h3{font-size: 1.125rem;color:#434159;}
.mb-history__item-info .col1 div h3 strong{color:#469cd6;}
.mb-history__item-info .col1 div p{font-size: 14px;color:#469cd6;}
.mb-history__item-info .col1 div p span{color:#666666;}
.mb-history__item-info .col1 button{font-size: 12px;font-weight: 600;color:#69b4c9;letter-spacing: -.03em;position:relative;padding-right: 1em;}
.mb-history__item-info .col1 button:after{width: 10px;height: 6px;background:url('/assets/images/fet-arrow.png') no-repeat center;content:'';display:block;position:absolute;right:0;top: 50%;transform: translateY(-50%) rotate(180deg);}
.mb-history__header{display: flex;border-top: 2px solid #1e1e1e;}
.mb-history__header .col{height: 65px;display: flex;align-items: center;justify-content: center;border-bottom:1px solid #cccccc;font-weight: 600;}
.mb-history .col1{flex: 1;}
.mb-history .col2{width: 150px; flex: none;}
.mb-history .col3{width: 150px;flex: none;}
.mb-history .col4{width: 95px;flex: none;}
.mb-history .status{height: 30px;padding:0 1em;line-height: 30px;font-size: 12px;border:1px solid #469cd6;color:#469cd6;display:inline-block;border-radius: 3px;}

.mb-history__item-detail{background:#ffffff;border-top: 1px solid #cccccc;padding: 20px;display: none;}
.mb-history__item-detail li{display: flex;flex-wrap: wrap;align-items: center;}
.mb-history__item-detail li:nth-child(n + 2){margin-top: 10px;}
.mb-history__item-detail li .img{width:40px;height: 40px;background-size: cover;border-radius: 50%;margin-right: 10px;}
.mb-history__item-detail li .text{}
.mb-history__item-detail li .text h3{font-size: 14px;}
.mb-history__item-detail li .text p{font-size: 12px;color:#666666;}

@media screen and (max-width: 1060px) {
    .mb-history__header .col{display: none;}
    .mb-history .col2{display: none;}
    .mb-history .col3 br{display: none;}
    .mb-history__item-info{flex-direction: column;justify-content: flex-start;align-items: flex-start;height: auto;padding: 1em;}
    .mb-history__item-info .col{width: 100%;text-align: left;padding: 0;}
    .mb-history__item-info .col1{height: auto;display: flex;justify-content: space-between;align-items: flex-start;}
    .mb-history__item-info .col1 div{margin: 0;}
    .mb-history__item-info .col3{margin: .5em 0;}

    .mb-history__item-detail{padding: 1em;}
}


.stateInfo{}
.stateInfo .stateInfo__col1{width: 170px;}
.stateInfo table{border-top: 2px solid #434159;}
.stateInfo h4{font-size:1.5rem;letter-spacing: -.05em;font-weight: 400;color:#434159;margin-bottom: 10px;}
.stateInfo h5{font-size:1.25rem;letter-spacing: -.05em;font-weight: 400;color:#434159;margin-bottom: 10px;}
.stateInfo th{padding:1em 0;background:#f4f4f4;text-align: center;border-bottom: 1px solid #cccccc;}
.stateInfo td{padding:1em;text-align: left;color:#666;font-size: 14px;line-height: 20px;border-bottom: 1px solid #cccccc;background:#fff;}
.stateInfo .map{margin-top: 20px;width: 100%;height: 500px;}
.stateInfo .map iframe{width: 100%;height: 100%;}
@media screen and (max-width: 1060px) {
    .stateInfo .stateInfo__col1{width: 140px;}
}
@media screen and (max-width: 768px) {
    .stateInfo .stateInfo__col1{width: 80px;}

}

.mgb-20 {
	margin-bottom:20px;
}

.bg_img_box {
	background:url('../images/petcare_img.png') no-repeat center;
	background-size:cover;
	padding:60px 40px;
	color:#fff;
}

.bg_img_box p {
	color:#fff !important;
}

.row {
	margin:10px 0 40px 0;
}

.info h3 {
	font-size:1.25rem;
	font-weight:400;
	margin-bottom:5px;
}

.color {
	color:#f26d7d;
}

.width-50 {
	width:49%;
	display:inline-block;
	vertical-align:top;
	padding-right:10%;
}


.mobile-only{display: none !important;}
@media screen and (max-width: 768px) {
    .mobile-only{
        display: block !important;
    }
    .pc-only{
        display: none !important;
    }
}


[for="captcha_key"]{display: none;}

.shop_icon {display:inline-block;color:#fff;line-height:20px;padding:0 5px;font-size:0.92em;margin:1px;border-radius:2px}
.shop_icon_1 {background:#3ec1d3}
.shop_icon_2 {background:#ffb722}
.shop_icon_3 {background:#2dd49f}
.shop_icon_4 {background:#556ee6}
.shop_icon_5 {background:#ff5081}


.intro-table{text-align: center;margin-top: 5px;}
.intro-table th,
.intro-table td{height: 40px;border: 1px solid #ccc;}
.intro-table th{background:#469cd6;color:#fff;}


.barcode-wrap {
  width:calc(100% - 12px);
  max-width:400px;
  border:8px solid #181d62;
  margin:2%;
  border-radius:50px;
  text-align:center;
  background:url('../images/checkerboard-cross.png');
  background-size:50%;
}

.barcode-in-wrap {
  margin:20px;
}

.circle {
  border-radius:50em;
  border:8px solid #181d62;
  margin:20px 10%;
}

.circle img {
  padding:15%;
}

.circle2 {
  border-radius:50em;
  border:10px solid #71c0ff;
  background-color:#fff;
}

.barcode-name{
  border-bottom:2px solid #181d62;
  margin:0 10%;
  padding:10px 0;
}

.barcode-name p {
  font-size:1.5em;
  line-height:1.6em;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  word-break:break-word;
  width:100%;
  font-weight:800;
}

.barcode-date {
  background-color:#181d62;
  color:#fff;
  padding:20px 0;
  margin:40px 0 0 0;
  letter-spacing:-0.03em;
}

.barcode-date h2 {
  font-size:16px;
  padding-bottom:10px;
}

.barcode-date p {
  font-size:22px;
  font-weight:800;
}

.barcode-box {
  height:40px;
  background-color:#71c0ff;
  border-radius:0 0 46px 46px;
  border-top:5px solid #fff;
}

.none-purchase-wrap {
	margin-top:40px;
}

.none-purchase-txt {
	border-top:1px solid #d4d3d3;
	border-bottom:1px solid #d4d3d3;
	font-size:24px;
	text-align:center;
	width:100%;
	padding:20px 0;
	line-height:1.5em;
}

.none-purchase-btn {
	margin-top: 20px;
	background-color:#d4d3d3;
	color:#fff;
	font-size:20px;
	text-align:center;
	width:100%;
	padding:20px 0;
}

.auth__row-check.column label.checkbox--right {
    font-size: 12px !important;
}