@import url('reset.css');
@font-face {
    font-family: 'Nanum Square';
    src: url(../Font/NanumSquareR.eot); /*IE9 호환성 보기 */
    src: local("※"), 
    url(../Font/NanumSquareR?#iefix) format('embedded-opentype'), /*IE 6-8 */
    url(../Font/NanumSquareR.woff) format('woff'); /*표준 브라우저 */
    url(../Font/NanumSquareR.ttf) format('ttf'); /*표준 브라우저 */
    url(../Font/NanumSquareR.ttf) format('otf'); /*표준 브라우저 */
}
@font-face {
    font-family: 'Nanum SquareB';
    src: url(../Font/NanumSquareB.eot); /*IE9 호환성 보기 */
    src: local("※"), 
    url(../Font/NanumSquareB?#iefix) format('embedded-opentype'), /*IE 6-8 */
    url(../Font/NanumSquareB.woff) format('woff'); /*표준 브라우저 */
    url(../Font/NanumSquareB.woff) format('otf'); /*표준 브라우저 */
}
/* base */
body, html, textarea, input, select {
    font-family: 'Nanum Square', 나눔스퀘어, arial, helvetica, 굴림, sans-serif;
    background: #fff;
    color: #575757;
    font-size: 18px;
}
input {outline: 0;}
textarea:focus, button:focus {outline: 0;box-shadow: 0 0 1pt 1pt #f0ecec;}
input[type='search']:focus {outline: 0;border:0 none;}
input[type='text']:focus, input[type='number']:focus, input[type='date']:focus, input[type='password']:focus,
select:focus {outline: 0;box-shadow: 0 0 1px 1px #999;}/* border: 1px solid #66bec4; */
select::-ms-expand {display: none;}
select {min-width:140px;height:40px;line-height:40px;padding-left:12px;font-size:18px;border:1px solid #e4e4e4;border-radius:6px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background:#fff url(../images/select_arrow.png) no-repeat 94% 50%; /* 화살표 아이콘 추가 */}
select.gray {background:#f8f8f8 url(../images/select_arrow.png) no-repeat 94% 50%;}
input[type="checkbox"] {width:16px;height:16px;border:1px solid #ddd;background:#fff;}
.only-m {display:none;}
.font_default {font-family: 'Gulim',굴림, arial, helvetica, sans-serif;}

/* global */
.ir_pm {display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.ir_wa {display:block;overflow:hidden;position:relative;z-index:-10;width:100%;height:100%} /* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */
.screen_out {overflow:hidden;width:0 !important;height:0 !important;min-height:0;margin:0 !important;padding:0 !important;line-height:0;font-size:0 !important;text-indent:-9999px} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.ta_c {text-align:center;}
.f_l {float:left}
.f_r {float:right}
.cl_b {width:0;height:0;font-size:0;line-height:0;clear:both}
.cl_b:after {width:0;height:0;font-size:0;line-height:0;clear:both;content:'';display:block;}
.show {display:block}
.hide {display:none}
.tbl {border-collapse:collapse;border-spacing:0} /* 테이블 초기화 */
.clear_g {display:block;overflow:visible;width:auto;clear:both;*zoom:1}
.clear_g:after {display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''}
.fontB {font-family:'Nanum SquareB',나눔스퀘어B,sans-serif;}
.fontG {font-family:'Malgun Gothic',맑은고딕,굴림,sans-serif;}
.font_s15 {font-size:15px;}
.fx_box {display:flex;display:-webkit-flex;display:-ms-flex;}
.line_hc {display:flex;display:-webkit-flex;display:-ms-flex;flex-direction:column;justify-content:center;}/* flexbox 세로정렬 */
.clr_white {color:#fff;}
.clr_blue {color:#418cff;}
.clr_skyblue {color:#2cdfff;}

/* layout */
.wrapper {position:relative;min-width: 1260px;}
.content {position:relative;min-height:600px;padding:30px;background:#f4f4f4;}
.content_inner {padding:40px 0 100px 0;}
.fix_frame {width:1200px;margin:0 auto;} /* 제거하면 확장형 가능(마크업에서 삭제권장) */

/* tab */
.tab-cont {display: none;}
.tab-cont.active {display: block;}

/* emblem */
.ico_nw {padding:4px 5px;background:#418cff;color:white;border:1px solid #418cff;border-radius:6px;}
.emb_gray {display:inline-block;width:auto;height:21px;padding:0 8px;line-height:22px;text-align:center;font-size:14px;background:#e1e1e1;color:#575757;border:0.5px solid #575757;border-radius:50px;font-weight:600;}
.emb_blue {display:inline-block;width:74px;height:21px;line-height:22px;text-align:center;font-size:14px;background:#a1a1a1;color:#fff;border:0.5px solid #575757;border-radius:6px;font-weight:600;}

/* button */
.btn_gray {background:#a1a1a1;color:#fff;border-radius:6px;}
.btn_gray span {display:flex;display:-webkit-flex;display:-ms-flex;flex-direction:column;justify-content:center;margin:0;padding:0;}
.btn_blue {background:#418cff;color:#fff;border-radius:6px;}
.btn_blue span {display:flex;display:-webkit-flex;display:-ms-flex;flex-direction:column;justify-content:center;}
.btn_skyblue {background:#66bec4;color:#fff;border-radius:6px;}
.btn_skyblue span {display:flex;display:-webkit-flex;display:-ms-flex;flex-direction:column;justify-content:center;}
.btn_ghost_gray {background:#fff;border:1px solid #a1a1a1;color:#888;border-radius:6px;}
.btn_ghost_gray:hover {background:#a1a1a1;color:#fff; border-radius:6px;}
.btn_ghost_gray span {display:flex;display:-webkit-flex;display:-ms-flex;flex-direction:column;justify-content:center;}
.btn_square {display:inline-block;width:212px;height:57px;background:#f0ecec;color:#6c6c6c;border-radius:6px;font-size:20px;}
.btn_square div {height:27px;line-height:1rem;display:flex;display:-webkit-flex;display:-ms-flex;flex-direction:column;justify-content:center;}

.btn_db {margin:0 auto;padding-top:56px;text-align:center;height:56px; display:flex;display:-webkit-flex;-ms-flex;justify-content:center;} /* 사각더블버튼 */
.btn_db a,
.btn_db button {width:212px;height:56px;margin:0 5px;line-height:56px;font-size:20px;border-radius:6px;}
.btn_db a,
.btn_db button:hover {background:#c44bbe;color:#fff;
    -webkit-box-shadow: 0px 11px 15px -4px rgba(191,191,191,0.4);
    -moz-box-shadow: 0px 11px 15px -4px rgba(191,191,191,0.4);
    box-shadow: 0px 11px 15px -4px rgba(191,191,191,0.4);
}
.btn_db_l {display:inline-block;background:#f0ecec;color:#6c6c6c;}
.btn_db_r {display:inline-block;background:#a1a1a1;color:#fff;}
/* x버튼 */
.css-cancel {
    display: inline-block;
    position: relative;
    width: 3px;
    height: 15px;
    overflow: visible;
    margin: 7px 20px 0 20px;
    padding: 0;
    background: #575757;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.css-cancel:before {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    left: -6px;
    min-width: 15px;
    width: 100%;
    height: 3px;
    margin-top: -2px;
    background: #575757;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* menu-more */
.menu-more {display:none;}

/* header */
.header {z-index:100;display:flex;display:-webkit-flex;-ms-flex;justify-content:space-between;position:relative; background:rgba(190, 211, 217, 1);}
.header .fix_frame {display:flex;display:-webkit-flex;-ms-flex;justify-content:space-between;}
.main_logo a {display:block;width:136px;height:69px;padding:0 25px; background:url(../images/allergan_logo.png) no-repeat 50% 50%;}

/* gnb */
.gnb_menu {display:flex;display:-webkit-flex;display:-ms-flex;height:58px;margin-top:5px;}
.gnb_menu li {height:100%;text-align:center;margin-right:4px;}
.gnb_menu li a {height:100%;padding:0px 35px;border-radius:6px;color:#fff;font-size:18px;text-decoration:none;font-weight:400; display:flex;display:-webkit-flex;-ms-flex;flex-direction:column;justify-content:center;}
.gnb_menu li:first-child a:active,
.gnb_menu li:first-child a:hover {background:none;cursor:default}
.gnb_menu li a:active,
.gnb_menu li a:hover {background:#7a969c;}
.gnb_menu .gnb_menu_detail {display:none; position:absolute;top:63px;flex-direction:column;padding:10px;border-radius:6px;box-shadow:5px 5px 8px #dbdbdb;background:#fff;}
.gnb_menu .gnb_menu_detail li {height:35px;line-height:35px;}
.gnb_menu .gnb_menu_detail li a {color:#575757;font-size:15px;text-align:center;border-radius:0px;padding:0;}
.gnb_menu .gnb_menu_detail li a:active,
.gnb_menu .gnb_menu_detail li a:hover {color:#418cff;background:#fff;}
.gnb_menu li:active,
.gnb_menu li:hover .gnb_menu_detail {display:block;}
.gnb_menu li .gnb_txt {padding:15px 0 15px 35px;color: #fff;}


/* 카테고리 및 검색 */
.product {flex-grow:1;-ms-flex: 0 1 auto;}
.search_area {display:flex;display:-webkit-flex;-ms-flex;height:42px;}
.category {z-index:100;position:relative;height:40px;line-height:42px;padding-left:30px;}
.category a {font-size:17px;color:#9c9c9c;}
.category > a {font-weight:600;font-size:18px;}
.category a::before {display:block;position:absolute;top:0;left:0;width:20px;height:100%;vertical-align:middle;background-image:url(../images/ico_menu.png);background-position:left center;background-repeat: no-repeat;background-size:20px 19px;content: '';}
.category_detail {display:none;width:162px;margin-left:-30px;padding:0 0 12px 0;border-radius:6px;box-shadow:5px 5px 8px #dbdbdb;background:#fff;}
.category_detail li {height:32px;line-height:32px;font-size:16px;text-align:center;}
.category_detail li:first-child {padding:2px 0 0 0;background:#d9e8ff;color:#418cff;border-radius:6px 6px 0 0;font-weight:600;}
.category_detail li a {display:block;width:100%;height:100%;}
.category_detail li a:active,
.category_detail li a:hover {background:#d9e8ff;color:#418cff;}
.product_search {width:260px;height:100%;margin-left:55px;padding:0 15px;border-radius:20px;background:#fff;}
.product_search input {width:228px;height:100%;padding:0 5px;border:1px solid #fff;font-size:17px;}
.product_search button {width:23px;height:23px;background:url(../images/ico_search.png) no-repeat 0 0;font-size:0;color:#fff;text-align:-9999px;margin-left:5px;}

/* footer */
footer {background: #f4f4f4;}
footer .foot_menu {display:flex;display:-webkit-flex;-ms-flex;justify-content:center;padding:24px 0;}
footer .foot_menu li {padding:0px 70px;font-size:18px;color:#6f6f6f;line-height:1;border-left:1px solid #6f6f6f;}
footer .foot_menu li:first-child {border-left:0 none;}
footer .foot_menu li a {color:#6f6f6f;}

/* address */
address {padding: 30px 0 250px 0;background: #f4f4f4;}
.address_inner {width: 1200px;margin: 0 auto;padding: 24px 0;background:#f9f9f9;border-radius: 6px;display: flex;display: -webkit-flex;display: -ms-flex;justify-content: center}
.address_inner .foot_logo {width: 140px;height: 55px;margin-top: 13px;background: url(../images/allergan_logo_footer.png) no-repeat left 50%;display: flex;display: -webkit-flex;display: -ms-flex;flex-direction: column;justify-content: center;}
.address_inner .foot_txt {margin-left: 50px;font-size: 12px;line-height: 1rem;color: #b1b1b1;}
.address_inner .foot_txt strong {color: #989898;}

/* modal layer popup */
.modal-pop {display:none;z-index:1001;}
.bg_dim {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:999;}
.pop_content {position:fixed;top:50%;left:50%;margin:-400px 0 0 -400px;z-index:1000;}
.pop_content:after {clear:both;content:'';display:block;}
.pop_content .inner {float:left;position:relative; padding: 20px 25px;background:#fff;max-height:760px;/* max-height:800px */overflow-y:auto;
-webkit-box-shadow: 10px 10px 40px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 10px 10px 40px 0px rgba(0,0,0,0.4);
box-shadow: 10px 10px 40px 0px rgba(0,0,0,0.4);
}
.pop_content .close {float:left;width:39px;height:39px;background:url(../images/btn_close.jpg) no-repeat 0 0;}

.pop_modalalert {display:none;}        
.pop_modalalert .pop_content {margin:-60px 0 0 -135px;text-align:center;}        
.pop_modalalert h2 {font-size:30px;text-align:center;}        
.pop_modalalert .inner {width:340px;height:180px;font-size:20px;text-align:center; display:flex;display:-webkit-flex;-ms-flex;flex-direction:column;justify-content:center;}        
.pop_modalalert .inner span {display:block;}        
.pop_modalalert .btn_one {display:block;width:115px;margin:20px auto 0 auto;padding:6px 0px;font-size:18px;background:#66bec4;color:#fff;border-radius:6px;}        
.pop_modalalert .pop_btn {width:90%;margin:0 auto;display:flex;display:-webkit-flex;-ms-flex;justify-content:center;}        
.pop_modalalert .pop_btn button {display:block;width:115px;margin:20px auto 0 auto;padding:6px 0px;font-size:18px;background:#66bec4;color:#fff;border-radius:6px;}

/* quick-bar 최근구매내역 */
.latest_purchase {position:absolute;top:241px;left:50%;margin-left:610px; width:130px;}
.latest_purchase.fix {position:fixed;top:10px;left:50%;margin-left:610px;}
.latest_purchase .lp_title {height:40px;line-height:40px;text-align:center;color:#fff;font-size:16px;background:#66bec4;border-radius:6px 6px 0 0;}
.latest_purchase .lp_cont {padding:15px 10px;background:#fff;border-radius:0 0 6px 6px;}
.latest_purchase .lp_cont .imgbox {display:block;width:84px;height:84px;overflow:hidden;margin:0 auto;border:1px solid #d1d1d1;text-align:center;}
.latest_purchase .lp_cont .imgbox img {width:auto;height:auto;max-width:84px;max-height:84px;}
.latest_purchase .lp_cont .lp_list {width:110px;padding:8px 0;}
.latest_purchase .lp_cont .lp_list li {text-align:left;color:#575757;font-size:14px;}
.latest_purchase .lp_cont .lp_btn {width:100%;height:39px;line-height:39px;font-size:17px;background:#418cff;color:#fff;border-radius:6px;}
.latest_purchase button.closed {display:none;}


/* error404 */
.error404 {
    width:100%;
    margin: 22px 0 0 0;
    padding: 150px 0 200px 0;
    background:#fff;
    text-align: center;
}
    .error404 h2 {
        padding-top: 150px;
        text-align: center;
        background: url(../images/ico_404.jpg) no-repeat top center;
    }
        .error404 h2 span {
            display: block;
            margin: 10px 0;
            font-size: 30px;
        }
            .error404 h2 span.clr_blue {
                font-size: 45px;
                line-height: 1em;
            }

    .error404 .error404_txt {
        color: #c3c3c3;
        margin-top:10px;
    }
    .error404 .btn_square {
        margin-top:45px;
    }