/* common */
/* input 모바일 초기화 */
input[type="checkbox"], input[type="radio"] {border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
input[type="text"],
input[type="tel"],
input[type="password"],
input[type="email"],
input[type="search"],
textarea {
    -webkit-border-radius: 0; 
    -webkit-appearance: none; 
}
.screen_out {position: absolute;top: -9999em;left: -9999em;width: 1px;height: 1px;overflow: hidden;text-indent: -9999em;}
.inner {width: 1000px;margin: 0 auto;}
.round_btn {display: inline-block;height: 40px;line-height: 37px;padding: 0 20px;border: 2px solid #858585;border-radius: 50px;font-size: 20px;color: #858585;}
.btn_line_pink {border-color: #ff6e7d;color: #ff6e7d;}
.btn_line_purple {border-color: #b390fb;color: #b390fb;}
.btn_line_sky {border-color: #8ac7ed;color: #8ac7ed;}
.btn_line_green {border-color: #85bb95;color: #85bb95;}
.btn_line_gold {border-color: #d9b246;color: #d9b246;}
.title_large {line-height: 77px;font-size: 65px;font-weight: 800;color: #df071d;}

/* header */
.header {position: relative;height: 143px;border-top: 5px solid #e3001a;text-align: center;transition: .3s;}
.header .fixed_wrap {transition: .3s;}
.header .inner {position: relative;}
.header h1 {width: 193px;margin: 0 auto;padding-top: 70px;transition: .3s;}
.header h1 a {display: block;}
.header h1 img {display: block;width: 193px;transition: .3s;}
.header .left_cont {position: absolute;top: 74px;left: 30px;transition: .3s;}
.header_btn {display: inline-block;width: 57px;height: 57px;background: url() no-repeat 50% 50%;}
.header_btn.home {background-image: url(/resources/images/user/icon_header_home.png);background-size: 57px;}

.header.fixed {z-index: 5;border-color: transparent;}
.header.fixed .fixed_wrap {position: fixed;top: 0;left: 0;width: 100%;height: 143px;border-top: 5px solid #e3001a;background-color: #fff;}

.header.fixed.scroll {height: 100px;}
.header.fixed.scroll .fixed_wrap {height: 106px;}
.header.fixed.scroll h1 {padding-top: 40px;}
.header.fixed.scroll h1 img {display: block;width: 170px;}
.header.fixed.scroll .left_cont {top: 36px;}


/* footer */
.footer {height: 63px;line-height: 63px;font-size: 16px;font-weight: 700;text-align: center;color: #999;background-color: #323232;}

/* container */
.container {min-height: calc(100vh - 163px);padding: 48px 0;}
/* main */
.main .container {padding: 70px 0;}
.main .txt_box {text-align: center;}
.category_menu_wrap {margin-top: 42px;}
.category_menu_wrap::after {content: '';display: block;clear: both;}
.category_menu {position: relative;float: left;width: calc((100% - 40px)/2); height: 560px;border-radius: 15px;background: #f3f3f3 url() no-repeat 57% 48%;background-size: 278px auto;}
.category_menu + .category_menu {margin-left: 40px;}
.category_menu .txt_wrap {position: absolute;top: 16px;right: 0;width: 100%;text-align: center;}
.category_menu .txt_wrap p {line-height: 98px;font-size: 40px;font-weight: 800;text-align: center;color: #333;}
.category_menu .round_btn {height: 50px;line-height: 50px;padding: 0 43px 0 25px;margin-top: 357px;border-color: transparent;border-radius: 55px;font-size: 26px;font-weight: 800;color: #fff;background: #e4051d url(/resources/images/user/icon_arrow_right.png) no-repeat 88% 50%;background-size: 12px auto;}
.category_menu.general {background-image: url(/resources/images/user/main_01.png);}
.category_menu.prescription {background-image: url(/resources/images/user/main_02.png);}
.category_menu_inner {display: block;width: 100%;height: 100%;}

/* list */
.wrap.list .container {padding-top: 0;}
.list_top .fixed_wrap {padding:80px 0 42px;border-bottom: 2px solid #df071d;transition: .3s;}
.searh_area {}
.searh_area::after {content: '';display: block;clear: both;}
.searh_area input {float: left;width: calc(100% - 76px);height: 60px;border: 1px solid #cecece;border-radius: 15px;padding: 0 25px;font-size: 22px;color: #000;}
.searh_area input::-webkit-input-placeholder {color: #666;}
.searh_area input:-ms-input-placeholder {color: #666;}
.searh_area input::placeholder {color: #666;}
.searh_area button {float: right; width: 60px;height: 60px;border-radius: 15px;background: #df071d url(/resources/images/user/icon_search.png) no-repeat 50% 50%;background-size: 35px auto;} 
.tag_area .tag_area_inner {margin: 22px 0 0 -8px;transition: .3s;}
.tag_area .tag_area_inner::after {content: '';display: block;clear: both;}
.tag_area label {float: left;margin: 12px 0 0 8px;cursor: pointer;}
.tag_area label .round_btn {display: block;}
.tag_area label input:checked + span {color: #fff;background-color: #858585;}
.tag_area label input:checked + span.btn_line_pink {background-color: #ff6e7d;color: #fff;}
.tag_area label input:checked + span.btn_line_purple {background-color: #b390fb;color: #fff;}
.tag_area label input:checked + span.btn_line_sky {background-color: #8ac7ed;color: #fff;}
.tag_area label input:checked + span.btn_line_green {background-color: #85bb95;color: #fff;}
.tag_area label input:checked + span.btn_line_gold {background-color: #d9b246;color: #fff;}
.list_top.fixed {min-height: 310px;}
.list_top.fixed .fixed_wrap {position: fixed;top: 143px;width: 1000px;background-color: #fff;z-index: 5;}

.list_top.fixed.scroll .fixed_wrap {top: 105px;padding: 34px 0 24px;}
.list_top.fixed.scroll .tag_area .tag_area_inner {margin-top: 8px;}

.product_list {padding: 50px 0 0 0;}
.product_list ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.product_list li {width: calc((100% - 50px)/2);}
.product_list li:nth-child(2n) {margin-left: 50px;}
.product_list li + li {margin-top: 40px;}
.product_list li:nth-child(2) {margin-top: 0;}
.product_list .list_inner {position: relative;display: block;min-height: 162px;padding: 4px 0 0 184px;}
.product_list .thumb {position: absolute;top: 0;left: 0;width: 162px;height: 162px;border:1px solid #c1c1c1;border-radius: 15px;background: url() no-repeat 50% 50%;background-size: cover;overflow: hidden;}
.product_list .side_deco {position: absolute;bottom: 0;right: 0;border: 25px solid;border-top-color: transparent !important;border-left-color: transparent !important;}
.product_list .side_deco::after {content: '';display: block;position: absolute;bottom: -19px;right: -19px;width: 15px;height: 20px;background: url(/resources/images/user/icon_square.png) no-repeat 50% 50%;background-size: 100%;}
.product_list .pd_nm {line-height: 1.3;font-size: 22px;font-weight: 800;color: #000;}
.product_list .tag_line {line-height: 1.3;margin: 5px 0 0 -2px;font-size: 16px;font-weight: 700;}
.product_list .tag_line span {margin-left: 2px;}
.product_list .pd_desc {line-height: 1.3;border-top: 1px solid #c1c1c1;margin-top: 12px;padding-top: 15px;font-size: 18px;color: #666;}

.product_list li.list_light_blue .tag_line {color: #1a9dd2;}
.product_list li.list_light_blue .side_deco {border-color: #1a9dd2;}
.product_list li.list_light_green .tag_line {color: #66ab20;}
.product_list li.list_light_green .side_deco {border-color: #66ab20;}
.product_list li.list_green .tag_line {color: #3b8f3d;}
.product_list li.list_green .side_deco {border-color: #3b8f3d;}
.product_list li.list_gray .tag_line {color: #6d7f83;}
.product_list li.list_gray .side_deco {border-color: #6d7f83;}
.product_list li.list_gold .tag_line {color: #d08a29;}
.product_list li.list_gold .side_deco {border-color: #d08a29;}
.product_list li.list_red .tag_line {color: #c3233b;}
.product_list li.list_red .side_deco {border-color: #c3233b;}
.product_list li.list_blue .tag_line {color: #0147ac;}
.product_list li.list_blue .side_deco {border-color: #0147ac;}
.product_list li.list_pink .tag_line {color: #e16799;}
.product_list li.list_pink .side_deco {border-color: #e16799;}
.product_list li.list_beige .tag_line {color: #bead88;}
.product_list li.list_beige .side_deco {border-color: #bead88;}
.product_list li.list_blue_grey .tag_line {color: #66899d;}
.product_list li.list_blue_grey .side_deco {border-color: #66899d;}

.layer_info {position: fixed;top: 0;left: 0;right: 0;bottom: 0;padding: 250px 0 0 0;text-align: center;background-color: rgba(1,1,1, .8);z-index: 10;}
.layer_info .click_img img {display: block;width: 77px;margin: 0 auto 40px;}
.layer_info p {line-height: 1.3;font-size: 35px;font-weight: 700;color: #fff;}
.layer_info .chk_wrap {display: block;margin-top: 28px;font-size: 28px;color: #fff;}
.layer_info .chk_wrap .icon {display:inline-block;width: 30px;height: 30px;margin-right: 28px;border: 1px solid #c5c5c5;vertical-align: -7px;}
.layer_info .chk_wrap input:checked + label .icon {background: url(/resources/images/user/icon_check.png) no-repeat 50% 50%;background-size: 18px auto;}
.layer_info .round_btn {width: 244px;height: 63px;border-color: transparent;margin-top: 30px;font-size: 30px;color: #fff;background-color: #df071d;}

/* detail */
.wrap.detail .container {padding-bottom: 70px;}
.wrap.detail .inner {padding: 0;}
.detail_slide_wrap {position: relative;}
.detail_slide_wrap .swiper-slide img {display: block;max-width: 100%;width: 60%;margin: 0 auto;}
.detail_slide_wrap .swiper-pagination {position: static;margin-top: 20px;font-size: 24px;color: #333;}
.detail_slide_wrap .swiper-button-next, .detail_slide_wrap .swiper-button-prev {position: fixed;top: 50%;transform: translateY(-50%);width: 50px;height: 90px;padding: 0;margin: 0;background-color: #df071d;}
.detail_slide_wrap .swiper-button-next {right: 0;border-radius: 8px 0 0 8px;}
.detail_slide_wrap .swiper-button-prev {left: 0;border-radius: 0 8px 8px 0;}
.detail_slide_wrap .swiper-button-next.swiper-button-disabled, .detail_slide_wrap .swiper-button-prev.swiper-button-disabled {background-color: #d2d2d2;opacity: 1;}
.detail_slide_wrap .swiper-button-next::after, .detail_slide_wrap .swiper-button-prev::after {font-size: 40px; color: #fff;}


@media all and (max-width: 740px) {
    .inner {max-width: 740px;width: 100%;margin: 0 auto;padding: 0 6.2162vw;}
    .round_btn {display: inline-block;height: 6.4865vw;line-height: 6.4865vw;padding: 0 2.7027vw;border: 0.2703vw solid;border-radius: 6.7568vw;font-size: 3.5135vw;}
    .title_large {line-height: 10.4054vw;font-size: 8.7838vw;color: #df071d;}
    
    /* header */
    .header {position: relative;height: 13.5135vw;border-top: 0.6757vw solid #e3001a;text-align: center;}
    .header .inner {position: relative;}
    .header h1 {width: 26.0811vw;margin: 0 auto;padding-top: 3.5135vw;}
    .header h1 a {display: block;}
    .header h1 img {display: block;width: 26.0811vw;}
    .header .left_cont {position: absolute;top: 4.5946vw;left: 4.0541vw;}
    .header_btn {display: inline-block;width: 7.7027vw;height: 7.7027vw;background: url() no-repeat 50% 50%;}
    .header_btn.home {background-image: url(/resources/images/user/icon_header_home.png);background-size: 7.7027vw;}

    .header.fixed {z-index: 5;border-color: transparent;}
    .header.fixed .fixed_wrap {position: fixed;top: 0;left: 0;width: 100%;height: 13.5135vw;border-top: 0.6757vw solid #e3001a;background-color: #fff;}

    .header.fixed.scroll {height: 13.1081vw;}
    .header.fixed.scroll .fixed_wrap {height: 12.4324vw;}
    .header.fixed.scroll h1 {padding-top: 3.5135vw;}
    .header.fixed.scroll h1 img {display: block;width: 22.9730vw;}
    .header.fixed.scroll .left_cont {top: 3.5135vw;}


    /* footer */
    .footer {height: 8.5135vw;line-height: 8.5135vw;font-size: 2.1622vw;font-weight: 700;text-align: center;color: #999;background-color: #323232;}
    
    /* container */
    .container {min-height: calc(100vh - 22.0270vw);padding: 6.4865vw 0;}
    /* main */
    .main .container {padding: 11.4865vw 0;}
    .main .txt_box {text-align: center;}
    .category_menu_wrap {margin-top: 6.4865vw;}
    .category_menu {position: relative;width: 100%;height: 49.3243vw;border-radius: 2.0270vw;background: #f3f3f3 url() no-repeat 7.4324vw 50%;background-size: 37.5676vw auto;}
    .category_menu + .category_menu {margin: 4.7297vw 0 0 0;}
    .category_menu .txt_wrap {position: absolute;top: 13.5135vw;right: 11.6216vw;width: auto;}
    .category_menu .txt_wrap p {line-height: 13.2432vw;font-size: 6.4865vw;font-weight: 800;text-align: center;color: #333;}
    .category_menu .round_btn {height: 7.4324vw;line-height: 7.4324vw;padding: 0 6.4865vw 0 4.0541vw;margin-top: 0;border-color: transparent;border-radius: 7.4324vw;font-size: 4.0541vw;font-weight: 800;color: #fff;background: #e4051d url(/resources/images/user/icon_arrow_right.png) no-repeat 88% 50%;background-size: 1.6216vw auto;}
    .category_menu.general {background-image: url(/resources/images/user/main_01.png);}
    .category_menu.prescription {background-image: url(/resources/images/user/main_02.png);}
    
    /* list */
    .wrap.list .container {padding-top: 0;}
    .list_top .fixed_wrap {padding:6.4865vw 0 5.6757vw;border-bottom: 0.2703vw solid #df071d;}
    .searh_area {}
    .searh_area::after {content: '';display: block;clear: both;}
    .searh_area input {float: left;width: calc(100% - 10.8108vw);height: 9.4595vw;border: 0.1351vw solid #cecece;border-radius: 2.0270vw;padding: 0 3.3784vw;font-size: 3.7838vw;color: #000;}
    .searh_area button {float: right; width: 9.4595vw;height: 9.4595vw;border-radius: 2.0270vw;background: #df071d url(/resources/images/user/icon_search.png) no-repeat 50% 50%;background-size: 4.7297vw auto;} 
    .tag_area .tag_area_inner {margin: 1.8919vw 0 0 -1.0811vw;}
    .tag_area .tag_area_inner::after {content: '';display: block;clear: both;}
    .tag_area label {float: left;margin: 1.3514vw 0 0 1.0811vw;cursor: pointer;}
    .tag_area label .round_btn {display: block;}
    .tag_area label input:checked + span {color: #fff;background-color: #858585;}
    .tag_area label input:checked + span.btn_line_pink {background-color: #ff6e7d;color: #fff;}
    .tag_area label input:checked + span.btn_line_purple {background-color: #b390fb;color: #fff;}
    .tag_area label input:checked + span.btn_line_sky {background-color: #8ac7ed;color: #fff;}
    .tag_area label input:checked + span.btn_line_green {background-color: #85bb95;color: #fff;}
    .tag_area label input:checked + span.btn_line_gold {background-color: #d9b246;color: #fff;}
    .list_top.fixed {min-height: 55.4054vw;}
    .list_top.fixed .fixed_wrap {position: fixed;top: 13.5135vw;width: 87.5676vw;background-color: #fff;z-index: 5;}

    
    .list_top.fixed.scroll .fixed_wrap {top: 12.2973vw;padding: 3.2432vw 0;}
    .list_top.fixed.scroll .tag_area .tag_area_inner {margin-top: 1.0811vw;}

    .product_list {padding: 5.9459vw 0 0 0;}
    .product_list ul {display: block;}
    .product_list li {width: 100%;}
    .product_list li:nth-child(2n) {margin-left: 0;}
    .product_list li + li {margin: 5.9459vw 0 0 0;}
    .product_list li:nth-child(2) {margin-top: 5.9459vw;}
    .product_list .list_inner {position: relative;display: block;min-height: 29.5946vw;padding: 0 0 0 34.4595vw;}
    .product_list .thumb {position: absolute;top: 0;left: 0;width: 29.8649vw;height: 29.8649vw;border:0.1351vw solid #c1c1c1;border-radius: 2.0270vw;background: url() no-repeat 50% 50%;background-size: cover;overflow: hidden;}
    .product_list .side_deco {position: absolute;bottom: 0;right: 0;border: 4.4595vw solid;border-top-color: transparent !important;border-left-color: transparent !important;}
    .product_list .side_deco::after {content: '';display: block;position: absolute;bottom: -3.1081vw;right: -3.1081vw;width: 2.7027vw;height: 2.7027vw;background: url(/resources/images/user/icon_square.png) no-repeat 50% 50%;background-size: 100%;}
    .product_list .pd_nm {line-height: 1.3;font-size: 4.5946vw;font-weight: 800;color: #000;}
    .product_list .tag_line {line-height: 1.3;margin: 0.6757vw 0 0 -0.2703vw;font-size: 2.9730vw;font-weight: 700;}
    .product_list .tag_line span {margin-left: 0.2703vw;}
    .product_list .pd_desc {line-height: 1.3;border-top: 0.1351vw solid #c1c1c1;margin-top: 1.6216vw;padding-top: 2.0270vw;font-size: 3.2432vw;color: #666;}

    .layer_info {position: fixed;top: 0;left: 0;right: 0;bottom: 0;padding: 33.7838vw 0 0 0;text-align: center;background-color: rgba(1,1,1, .8);z-index: 10;}
    .layer_info .click_img img {display: block;width: 10.4054vw;margin: 0 auto 5.4054vw;}
    .layer_info p {line-height: 1.3;font-size: 4.7297vw;font-weight: 700;color: #fff;}
    .layer_info .chk_wrap {display: block;margin-top: 3.7838vw;font-size: 3.7838vw;color: #fff;}
    .layer_info .chk_wrap .icon {display:inline-block;width: 4.0541vw;height: 4.0541vw;margin-right: 3.7838vw;border: 0.1351vw solid #c5c5c5;vertical-align: -0.9459vw;}
    .layer_info .chk_wrap input:checked + label .icon {background: url(/resources/images/user/icon_check.png) no-repeat 50% 50%;background-size: 2.4324vw auto;}
    .layer_info .round_btn {width: 32.9730vw;height: 8.5135vw;border-color: transparent;margin-top: 4.0541vw;font-size: 4.0541vw;color: #fff;background-color: #df071d;}
        
    /* detail */
    .wrap.detail .container {padding-bottom: 9.4595vw;}
    .wrap.detail .inner {padding: 0;}
    .detail_slide_wrap {position: relative;}
    .detail_slide_wrap .swiper-slide img {display: block;max-width: 100%;width: 100%; margin: 0 auto;}
    .detail_slide_wrap .swiper-pagination {position: static;margin-top: 2.7027vw;font-size: 3.2432vw;color: #333;}
    .detail_slide_wrap .swiper-button-next, .detail_slide_wrap .swiper-button-prev {position: fixed;top: 50%;transform: translateY(-50%);width: 6.7568vw;height: 12.1622vw;padding: 0;margin: 0;background-color: #df071d;}
    .detail_slide_wrap .swiper-button-next {right: 0;border-radius: 1.0811vw 0 0 1.0811vw;}
    .detail_slide_wrap .swiper-button-prev {left: 0;border-radius: 0 1.0811vw 1.0811vw 0;}
    .detail_slide_wrap .swiper-button-next.swiper-button-disabled, .detail_slide_wrap .swiper-button-prev.swiper-button-disabled {background-color: #d2d2d2;opacity: 1;}
    .detail_slide_wrap .swiper-button-next::after, .detail_slide_wrap .swiper-button-prev::after {font-size: 5.4054vw; color: #fff;}
}