@charset "utf-8";

#wrap {display:none; overflow:hidden; min-width:320px; position:relative;}

#skip_nav {position:fixed; left:0; top:-40px; width:100%; text-align:center; line-height:40px; background:rgba(0, 0, 0, 0.5); color:#ffffff; font-size:16px; z-index:10000; -webkit-transition:top 0.3s; transition:top 0.3s;}
#skip_nav:focus {top:0;}

#board_contents {padding-top:30px;}

.csize01 {position:relative; padding:0 3rem; text-align:center;}

#header {position:fixed; top:0; left:0; z-index:11114; min-width:320px; width:100%; height:66px; padding:0 15px; background:#2d2e30; }
#header .btn_menu {position:absolute; top:24px; left:15px;}
#header .btn_menu img {width:24px;}
#header .logo {text-align:center; padding-top:17px;}
#header .logo img {width:140px;}
#header .btn_search {position:absolute; top:22px; right:16px;}
#header .btn_search img {width:24px;}
#header .btn_earth {position:absolute; top:22px; left:53px;}
#header .btn_earth img {width:24px;}

#gnb {overflow:hidden; position:fixed; top:0; left:-120%; width:100%; height:100%; transition:left 0.4s; z-index: 11111113;}
#gnb .top {position:relative; height:66px; background:#2d2e30;}
#gnb.open {left:0;}
.gnb_logo {text-align:center; padding-top:12px;}
.gnb_logo img {width:140px;}

#gnb .btn_close {position:absolute; top:18px; right:15px;}
#gnb .btn_close img {width:20px;}
.gnb_scroll {overflow-y:auto; position:absolute; top:66px; left:0; right:0; bottom:0;}

.gnb_login_link {overflow:hidden; text-align:center; background:rgba(51,51,51,0.8);}
.gnb_login_link li {position:relative; float:left; width:50%;}
.gnb_login_link li+li:before {position:absolute; top:50%; left:0; width:1px; height:20px; margin-top:-10px; background:#4a4b4e; content:'';}
.gnb_login_link li a {display:block; font-family: 'Roboto', sans-serif; font-size:15px; color:#888888; line-height:45px; letter-spacing:-0.04em;}

.lan_link {padding:12px 0; font-size:0; text-align:center; background:rgba(102,102,102,0.8);}
.lan_link li {display:inline-block; padding:0 7px;}
.lan_link img {width:26px;}

.gnb_quick {overflow:hidden; background:rgba(255,255,255,0.8);}
.gnb_quick li {float:left; width:33.33%; margin-left:-1px;}
.gnb_quick li a {position:relative; display:block; padding:15px 1rem; word-break:keep-all; font-size:2.6rem; color:#2d2e30; font-weight:500; border-left:1px solid rgba(45,46,48,0.3); text-align:center; }
.gnb_quick li a:before {display:block; width:30px; height:30px; margin:0 auto 7px; background:no-repeat; background-size:30px auto; content:'';}
.gnb_quick li:nth-child(1) a:before {background-image:url('../images/common/icon_quick01.png');}
.gnb_quick li:nth-child(2) a:before {background-image:url('../images/common/icon_quick02.png');}
.gnb_quick li:nth-child(3) a:before {background-image:url('../images/common/icon_quick04.png');}
.gnb_quick li:nth-child(4) a:before {background-image:url('../images/common/icon_quick03.png');}



/*
.gnb_wrap {position:relative; overflow:hidden;}
.gnb_wrap:after {position:absolute; top:0; left:50%; bottom:0; width:1px; height:100%; background:#ccc; content:'';}
.gnb_wrap > ul {float:left; width:50%;}
.gnb_list {overflow:hidden; text-align:left; background:#fff;}
.gnb_list > li {}
.gnb_list a {}
.gnb_list > li > a {display:block; padding-left:15px; font-size:15px; color:#222; line-height:45px; font-weight:bold; border-bottom:1px solid #cccccc; background:url('../images/common/gnb_arr.png') no-repeat right; background-size:auto 45px;}
.gnb_list .sub {display:none; border-bottom:1px solid #f1f1f1; background:#f1f1f1;}
.gnb_list .sub a {display:block; padding-left:15px; font-size:15px; color:#888888; line-height:45px;}
.gnb_list > li.on > a { background-color:#fbdb27; background-image:url('../images/common/gnb_arr_on.png')}
.gnb_list > li.on .sub {display:block;}
.gnb_list .sub li+li {border-top:1px solid #cccccc;}
*/
.gnb_wrap {overflow:hidden;}
.gnb_list {overflow:hidden; margin:0 -2px; text-align:center; background:#2d2e30;}
.gnb_list > li {float:left; width:50%;}
.gnb_list > li:nth-child(2n) {clear:both;}
.gnb_list > li:nth-child(2n+1) .sub {margin-left:-100%;}
.gnb_list > li.first {width:100%;}
.gnb_list > li.first .sub {margin:0;}
.gnb_list > li >  a {display:block; border-bottom:1px solid #4a4b4e; border-right:1px solid #4a4b4e; font-size:3rem; color:#fff; font-weight:500; line-height:3; transition:all 0.3s;}
.gnb_list > li.on >  a {color:#fff !important;}
.gnb_list .sub {display:none; overflow:hidden; width:200%; border-bottom:2px solid #47c1c8; background:#ffffff;}
.gnb_list .sub li {position:relative;float:left; position:relative; width:50%; height:48px; border-right:1px solid #dddddd;}
.gnb_list .sub li::after {position:absolute; left:0; width:300%; height:1px; background:#ddd; content:'';}
.gnb_list .sub li a {position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); padding:0 2rem; font-size:2.8rem; color:#666666; line-height:1.1; word-break:keep-all; }
.gnb_list > li.on.first .sub {width:100%;}
.gnb_list > li.on > a {border-color:#47c1c8; background:#47c1c8;}
.gnb_list > li.on .sub {display:block;}
.gnb_list > li.on .sub a {}
.gnb_list > li.on .sub li.on a {color:#47c1c8;}


.dimmed_bg {position:fixed; top:-200%; left:0; width:100%; height:100%; z-index:111; opacity:0; background:rgba(0,0,0,0.45); transition:opacity 0.4s;}
.dimmed_bg.on {top:0; opacity:1;}

#footer {padding-bottom:8rem; background:#2a3245;}
.f_notice {padding:2rem 5rem 2rem 8.4rem; font-size:2.2rem; color:#8991a6; line-height:1.36; background:url('../images/common/icon_notice.png') no-repeat 3rem center #353e56; background-size:3.6rem auto;}
.fsns_link {overflow:hidden; margin:6rem 0 4.5rem; font-size:0; text-align:center;}
.fsns_link li {display:inline-block; margin:0 1rem;}
.fsns_link img {width:8rem;}
.customer {text-align:center; font-size:3rem; line-height:1.333; color:#858ea2;}
.customer strong {font-weight:500; color:#fff;}
.customer .tel {margin:0.3rem 0 1.8rem; font-family: 'Roboto', sans-serif; font-size:6rem; color:#47c1c8; font-weight:700;}
.customer .time {margin-top:0.5rem;}
.f_map {margin:5rem 3rem 7rem;}
.f_map img {width:100%;}
.f_map .btn_g {overflow:hidden;}
.f_map .btn_g a {float:left; width:50%;}
.address {padding:0 3rem; font-size:2.4rem; line-height:1.5; text-align:center; font-weight:300; word-break:keep-all;}
.address .t01 {color:#ffffff;}
.address .t02 {color:#7e8697;}
.address .t03 {color:#4a5160;}
.f_util {margin:4rem 0 4.5rem; font-size:0; text-align:center;}
.f_util * {vertical-align:middle;}
.f_util li {display:inline-block; position:relative;}
.f_util li+li::before {position:absolute; top:50%; left:0; width:1px; height:2.2rem; margin-top:-1.1rem; background:#4a5160; content:'';}
.f_util a {display:block; padding:0 3rem; font-size:2.4rem; color:#6b7488;}
.f_logo img {display:block; width:140px; margin:auto;}


#lnb2 {margin-top:2px; text-align:center; }
#lnb2 h3 {display:none;}
#lnb2 .btn_tab_menu {display:block; font-size:2.8rem; color:#30bbc3; font-weight:500; line-height:8rem; border-bottom:1px solid #30bbc3;}
#lnb2 .btn_tab_menu:after {display:inline-block; width:3rem; height:3rem; border-radius:50%; vertical-align:middle; margin-top:-0.5rem; margin-left:2rem; border:1px solid #30bbc3; background:url('../images/icon/icon_under_arr.png?v=1') no-repeat center #30bbc3; background-size:cover; content:''; transition:all .4s;}
#lnb2 ul {overflow:hidden; display: flex; flex-direction: row; flex-wrap: wrap; border-bottom:1px solid #cccccc; background:#f5f5f5;}
#lnb2 li {flex:0 0 33.33%; margin-bottom:-1px;   border-bottom:1px solid #cccccc; }
#lnb2 li a {display:block; font-size:2.8rem; color:#888888; line-height:6.8rem; transition:all .4s; margin-left:-1px; margin-right:-1px; border-right:1px solid #cccccc;}
#lnb2 li.on a {color:#fff; }
#lnb2 .btn_tab_menu:after {border-color:#b7b7b7 !important; background-image:url('../images/icon/icon_under_arr_gray.png?v=1'); background-color:#fff  !important;}

#lnb2 ul.grid4 li {flex:0 0 25%;}
#lnb2 ul.grid2 li {flex:0 0 50%;}

.eye #lnb2 .btn_tab_menu {color:#f179a1; border-color:#f179a1;}
.eye #lnb2 .btn_tab_menu:after {border-color:#f179a1; background-color:#f179a1}
.eye #lnb2 li {flex:0 0 50%; border-color:#f179a1; }
.eye #lnb2 li a {border-color:#f179a1;}
.eye #lnb2 li.on a {background-color:#f179a1}

.nose #lnb2 .btn_tab_menu {color:#688add; border-color:#688add;}
.nose #lnb2 .btn_tab_menu:after {border-color:#688add; background-color:#688add}
.nose #lnb2 li {flex:0 0 33.33%; border-color:#688add; }
.nose #lnb2 li a {border-color:#688add;}
.nose #lnb2 li.on a {background-color:#688add}

.breast #lnb2 .btn_tab_menu {color:#aca1e7; border-color:#aca1e7;}
.breast #lnb2 .btn_tab_menu:after {border-color:#aca1e7; background-color:#aca1e7}
.breast #lnb2 li {flex:0 0 50%; border-color:#aca1e7; }
.breast #lnb2 li a {padding:2rem 1rem 2.2rem; border-color:#aca1e7; font-size:2.8rem; line-height:1.2;}
.breast #lnb2 li.on a {background-color:#aca1e7}


.dimmed_wrap {position:relative; }
.dimmed_bg2 {position:absolute; top:0; left:0; bottom:0; width:100%; height:0; z-index:112; opacity:0; background:rgba(0,0,0,0.45); transition:opacity 0.4s;}
.dimmed_bg2.on {top:0; height:20000px; opacity:1;}


#rquick {position:fixed; right:2rem; bottom:7.5rem; z-index:111112; width:9.6rem; text-align:center;}
#rquick .btn_toggle {display:block; overflow:hidden; position:relative; z-index:113; width:9.6rem; height:9.6rem; margin:3rem auto 0; text-indent:-999px; text-align:left; border-radius:100%; box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.15); background:url('../images/common/btn_rquick_open.png') no-repeat center; background-size:contain;}
#rquick .btn_top {display:block; width:7rem; height:7rem; margin:auto; border-radius:100%; box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.15);}
#rquick .btn_top img {width:100%;}
#rquick .dialog_btn {display:block; width:8rem; height:8rem; margin:10px auto; border-radius:100%; box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.15);}
#rquick .dialog_btn img {width:100%;}
#rquick .btn_event {display:block; width:8rem; height:8rem; margin:auto; border-radius:100%; box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.15) ;background:url('../images/common/rquick_event_cn.gif') no-repeat center; background-size:contain;}
#rquick li+li {margin-top:2.3rem;}
#rquick ul {display:none; position:absolute; left:0; right:0; z-index:112; bottom:11.9rem;}
#rquick ul a {display:inline-block; position:relative; vertical-align:top;}
#rquick ul .icon {display:block; width:7rem; height:7rem; margin:auto; border-radius:100%; box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.15);}
#rquick ul .txt {position:absolute; top:50%; right:8.8rem; transform:translateY(-50%); font-size:2rem; color:#fff; font-weight:500; text-align:right; width:15rem; word-break:keep-all;}


.quick_dimmed_bg01 {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:111; background:rgba(0,0,0,0.7);}
.quick_dimmed_bg02 {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:111111111; background:rgba(0,0,0,0.6);}


#rquick.open .btn_toggle {background-image:url('../images/common/btn_rquick_close.png')}
/*
#rquick.open ul {display:block;}
#rquick.open .quick_dimmed_bg01 {display:block;}
*/


#qcounsel {position:fixed; right:30rem; bottom:0; width:220px; z-index:111111111; margin-bottom:7rem; padding:20px 15px 35px; border-radius:110px; opacity:0; transform:scale(0); transform-origin:right bottom; background-size:100% 100%; transition:all 0.2s;}
#qcounsel::before {position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1; border-radius:110px; background:url('../images/common/counsel_bg01.jpg') no-repeat center; content:'';}
#qcounsel::after {position:absolute; width:80px; height:70px; right:-20px; bottom:-5px; z-index:-2; background:url('../images/common/counsel_bg02.png') no-repeat right bottom; background-size:contain; content:'';}
#qcounsel img {display:block; width:100%; margin-bottom:2rem}
#qcounsel .frow {}
#qcounsel .frow input {width:100%; height:35px; border-radius:18px; border:0; font-size:15px; background:#fff;}
#qcounsel .frow+.frow {margin-top:7px;}
#qcounsel .agree {margin-top:12px; }
#qcounsel .agree label {position:relative; padding-left:30px; font-size:15px; color:#fff; display:block;}
#qcounsel .agree label::before {position:absolute; top:5px; left:0; width:20px; height:20px;  background:#fff no-repeat center; background-size:contain; content:'';}
#qcounsel .agree input:checked+label::before {background-image:url('../images/common/icon_checkbox.png');}
#qcounsel input[type="image"] {display:block; max-width:70px; margin:10px auto 0;}
#qcounsel .agree a {display:block;}

@media all and (max-width:330px){
        #qcounsel {right:27rem; width:200px; border-radius:100px;}
}

#qcounsel.open {transform:scale(1); opacity:1; transition:all 0.3s 0.1s ease-in-out;}

#quick_consult {pointer-events: none; overflow:hidden; position:absolute; top:50px; left:3rem; right:3rem; z-index:1111111111;}
#quick_consult.open {pointer-events: auto;}
#quick_consult .inwrap {overflow:hidden; position:relative; width:200%; margin-top:40px; transform:translateX(100%); background:#fff; transition:all 0.6s;}
#quick_consult .inwrap > div {float:left; width:50%;}
#quick_consult.counsel .inwrap {transform:translateX(-50%);}
#quick_consult.cart .inwrap {transform:translateX(0%);}
#quick_consult .btn_counsel_close {display:none; position:absolute; top:0px; right:0; width:25px; height:25px; text-indent:-999px; background:url('../images/common/btn_counsel_close.png') no-repeat center; background-size:contain;}
#wish_counsel {position:relative; background:#fff;}
#wish_counsel h2 {font-size:20px; color:#fff; text-align:center; line-height:60px; font-weight:500; background:#2ab9c1;} 
#wish_counsel .btn_prev {overflow:hidden; position:absolute; left:3rem; top:19px; width:11px; height:18px; text-indent:-999px; background:url('../images/common/icon_prev.png') no-repeat center; background-size:contain;}
#wish_counsel .fbox {padding:30px 15px 20px;}
#wish_counsel .qrow {overflow:hidden; position:relative; padding-left:70px;}
#wish_counsel .qrow+.qrow {margin-top:2rem;}
#wish_counsel .qrow label {position:absolute; top:0; left:0; width:70px; font-size:15px; color:#222222; line-height:45px; font-weight:500;}
#wish_counsel .qrow .last label {position:absolute; top:0; left:0; width:70px; font-size:15px; color:#222222; line-height:15px; font-weight:500;}
#wish_counsel .qrow label span {display:block; margin-top:5px; font-size:10px; color:#2ab9c1; font-weight:300; line-height:1.2;}
#wish_counsel .qrow input {width:100%; height:45px; border:1px solid #cccccc; font-size:14px;}
#wish_counsel .qrow select::-ms-expand{display:none; }
#wish_counsel .qrow select {width:100%; height:45px; border:1px solid #cccccc; font-size:14px; background:url('/images/common/icon_sel_arr.png') no-repeat right 9px center; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
#wish_counsel .qrow textarea {width:100%; height:90px; border:1px solid #cccccc; font-size:14px;}
#wish_counsel .hp_wrap select {float:left; width:30%;}
#wish_counsel .hp_wrap input {float:left; width:65%;}
#wish_counsel .hp_wrap span {float:left; width:3%; text-align:center; line-height:45px; font-size:14px; color:#666666;}
#wish_counsel .hp_wrap span::after {display:none;}
#wish_counsel .agree_chk {margin-top:10px; padding-left:70px; text-align:left;}
#wish_counsel .checkbox {display:block; margin:0; padding:0; font-size:11px;}
#wish_counsel .checkbox label {padding-left:20px; color:#999999; font-size:13px;}
#wish_counsel .checkbox label:before {width:15px; height:15px;}
#wish_counsel .checkbox a {color:#0e939a;}
#wish_counsel .checkbox+.checkbox {margin-top:5px;}
#wish_counsel .all_chk {border-top:1px solid #cccccc; margin-top:10px; padding-top:8px; padding-left:70px;}
#wish_counsel .submit {width:100%; height:50px; margin-top:12px; font-size:16px; color:#fff; font-weight:500; background:#0e939a;}
#wish_counsel .submit * {vertical-align:middle;}
#wish_pop {padding-bottom:15px; background:#fff;}
#wish_pop .title {padding:10px 30px; font-size:14px; color:#fff; line-height:20px; text-align:center; background:#2ab9c1;}
#wish_pop .fbox {padding:15px 15px 0; background:#fff;}
#wish_pop .scroll {position:relative; overflow:hidden; height:330px; background:#f5f6f6;}
/* #wish_pop .scroll:before {position:absolute; left:0; right:0; bottom:0; z-index:2; height:50px; background:linear-gradient( to bottom, rgba(245, 245, 246, 0) 20%,rgba(245, 245, 246, 1) 80%); content:''; pointer-events: none;} */
#wish_pop .scroll .inbox {padding:5px 15px 15px;}
#wish_pop .scroll dl {display:inline-block; width:100%;}
#wish_pop .scroll dl+dl {border-top:1px solid #cccccc; padding-top:15px;}
#wish_pop .scroll dt {padding-top:15px; font-size:17px; color:#000000; font-weight:700;}
#wish_pop .scroll dd {padding-top:10px; padding-bottom:15px;}
#wish_pop .scroll ul {overflow:hidden;}
#wish_pop .scroll li {float:left; width:50%; padding-right:10px;}
#wish_pop .scroll li:nth-child(2n+1) {clear:both;}
#wish_pop .scroll .checkbox label {color:#666666;}
#wish_pop .btn_wrap {margin-top:10px; padding:0 15px; text-align:center; font-size:0;}
#wish_pop .btn_wrap a {float:left; width:49.16%; line-height:50px; font-size:16px; color:#fff; font-weight:500; background:#2ab9c1;}
#wish_pop .btn_wrap a+a {float:right; background:#2a3245;}
#wish_pop .iScrollVerticalScrollbar {position:absolute; top:0px !important; right:0px !important; bottom:0px !important; width:15px !important; border-radius:0px !important; background:#e8e8e8 !important;}
#wish_pop .iScrollIndicator {left:0px; border-radius:8px !important; width:15px !important; border:4px solid #e8e8e8 !important; background:#b8b8b8 !important;}


#search_pop {position:fixed; top:0; left:0; z-index:111111111; width:100%; background:#fff; transform:translateY(-110%); transition:all 0.4s;}
#search_pop.open {transform:translateY(0%);}
#search_pop .top {height:66px;}
#search_pop .btn_search_close {overflow:hidden; position:absolute; top:15px; right:15px; width:17px; height:17px; text-indent:-9999px; background:url('../images/common/btn_search_close.png') no-repeat center; background-size:contain; content:'';}
#search_pop .search_fbox {position:relative; margin:0 5rem; padding-left:20px; padding-right:52px; border:2px solid #dddddd; border-radius:25px}
#search_pop .fbox input[type="text"] {width:100%; height:46px; border:0; font-size:16px; color:#666666; font-weight:500;}
#search_pop .fbox .submit {overflow:hidden; position:absolute; right:8px; width:42px; height:54px; text-indent:-999px; background:url('../images/common/icon_search02.png') no-repeat center 12px; background-size:20px auto;}
#search_pop .fbox:after {position:absolute; top:50%; right:52px; width:1px; height:24px; margin-top:-12px; background:#dddddd; content:'';}
#search_pop input::-webkit-input-placeholder {color:#666666;}
#search_pop input:-moz-placeholder {color:#666666; opacity: 1;}
#search_pop input::-moz-placeholder {color:#666666; opacity: 1;}
#search_pop input::-ms-input-placeholder {color:#666666;}
#search_pop input:-ms-input-placeholder {color:#666666;}
#search_pop input::input-placeholder {color:#666666;}
#search_pop .search_cont {margin-top:25px; padding:0 5rem 10px; background:#f5f6f6;}
#search_pop dl {display:inline-block; width:100%; padding:25px 0;}
#search_pop dl+dl {border-top:1px solid #cccccc;}
#search_pop dt {font-size:20px; color:#000000; font-weight:500; text-align:center; line-height:1;}
#search_pop dd {margin-top:15px;}
#search_pop .keyword {overflow:hidden; font-size:0; text-align:center;}
#search_pop .keyword li {float:left; width:50%;}
#search_pop .keyword a {display:block; overflow:hidden; margin:3px; padding:0 25px; border:1px solid #2ab9c1; border-radius:17px; font-size:15px; color:#2ab9c1; line-height:32px; white-space:nowrap; text-overflow:ellipsis;}



#pop_privacy {display:none; position:fixed; top:50%; left:3rem; right:3rem; z-index:11111111111; margin-top:-200px; background:#fff; transition:all .4s;}
#pop_privacy * {font-family: 'Noto Sans KR', sans-serif; word-break:keep-all; letter-spacing:-0.06em;}
#pop_privacy h2 {padding-left: 15px; font-size: 16px; color: #fefefe; line-height: 54px; font-weight: 500; background: #111111;}
#pop_privacy .box {width: 100%; height:400px; padding:15px; overflow-y: scroll;font-style: normal; font-size: 13px; color: #5b5a5a; text-align: left; white-space:pre-wrap; letter-spacing:0;}
#pop_privacy .pop_close {position:absolute; top:20px; right:15px; width:15px;}
#pop_privacy .pop_close img {width:15px;}


.privacy_dimmed_bg {display:none; position:fixed; top:0; left:0; bottom:0; right:0; z-index:1111111111; background:rgba(0,0,0,0.7);}


#lan_pop {position:fixed; top:-100%; left:0; height:66px; width:100%; z-index:11115; transition:all .4s;}
#lan_pop.open {top:0;}
#lan_pop .lan_top {position:relative; height:66px; text-align:center; background:#2d2e30;}
#lan_pop .btn_lan_close {position:absolute; top:20px; left:15px; text-align:center; width:}
#lan_pop .btn_lan_close img {width:20px;}
#lan_pop .lan_logo {padding-top:12px;}
#lan_pop .lan_logo img {width:140px;} 
#lan_pop .link {overflow:hidden;}
#lan_pop .link {padding:12px 0; font-size:0; text-align:center; background:rgba(102,102,102,0.8);}
#lan_pop .link li {display:inline-block; padding:0 7px;}
#lan_pop .link img {width:26px;}

.wydh_consulting {display: none !important;}