@charset 'utf-8';

/*
 * Copyright      :    onedaynet / Gobeyond
 * Solution       :    HYSSENCE 2.0
 * Directory      :    pages/css/
 * File           :    topline.css
 * Description    :    Main page
 *
 * ***********************************************
 *
 * SUMMARY
 * 01) HEADER
 * 02) NAV
 * 03) 퀵메뉴
 * 04) 메인비주얼
 * 05) 메인 카테고리
 * 06) 메인 고객센터
 * 07) 주요진료과목
 * 08) 온라인상담/상담안내
 * 09) 전후사진/시술후기
 * 10) FOOTER
 */









/* **************************************** *
 * HEADER (common)
 * **************************************** */
.header {}
.header .sns_box {position:absolute; left:-8px; top:40px;}
.header .sns_box li {list-style:none; float:left;}
.header .sns_box .sns_btn { padding:7px 8px 8px 7px}

.header .logo_box {display:table; width:100%; table-layout:fixed; height:112px;}
.header .logo {display:table-cell; vertical-align:middle; text-align:center;}

.header .top_menu {position:absolute; right:-14px; top:30px;}
.header .top_menu li {list-style:none; float:left;}
.header .top_menu .btn {font-size:0.95em; letter-spacing:-0.5px; padding:14px; margin-left:1px; position:relative; color:#666;}
.header .top_menu .btn:before {content:""; position:absolute; left:-1px; top:50%; width:1px; height:14px; background:#e6e6e6; margin-top:-7px; margin-top:-6px\0}
.header .top_menu li:first-child .btn:before {display:none;}
.header .top_menu .btn:hover {text-decoration:underline;}









/* **************************************** *
 * NAV (common)
 * **************************************** */
.nav {position:relative; height:50px; border-top:1px solid #677d59; border-bottom:1px solid #677d59; background:#345222; }
.nav .layout_fix {position:static}
.nav .sns_box { float:left; width:62px; background:#ffba00; text-align:center; height:52px; margin-top:-1px; position:relative;}
.nav .sns_box .btn {display:block; padding:15px 0 10px}

/* 카테고리 */
.nav .ctg_box {width:1288px; float:left; }
.nav .ctg_box .ul {display:table; width:1226px; table-layout:fixed; float:left;}
.nav .ctg_box .li {display:table-cell; list-style:none; height:50px; vertical-align:middle;}

.nav .depth2_bg {position:absolute; left:0; top:51px; width:100%; height:0; background:#fff; opacity:.9; -ms-filter:alpha(opacity=90);filter:alpha(opacity=90); transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all; z-index:1}

.nav .depth1_box {position:relative;}
.nav .depth1 {display:block; text-align:center; color:#fff; font-size:1.25em; letter-spacing:-1px; font-weight:300; height:50px; line-height:48px; position:relative; transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all;}
.nav .depth1:before {content:""; position:absolute; left:0; top:-1px; bottom:-1px; right:-1px; border-left:1px solid #677d59;}
.nav .depth1:hover:after {content:""; position:absolute; left:1px; top:-1px; right:0px; bottom:-1px; border-top:1px solid #94b52c; border-bottom:1px solid #94b52c; z-index:1; }
.nav .depth2_box {position:absolute; left:0; top:51px; height:0px; opacity:0; transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -ms-filter:alpha(opacity=0);filter:alpha(opacity=0);}
.nav .depth2_box .layout_fix {position:relative;}
.nav .depth2_box ul {position:relative; white-space:nowrap; font-size:0px; margin-left:-10px;}
.nav .if_review .depth2_box ul {padding-left:0; margin-left:0}
.nav .if_reserve .depth2_box ul {padding-left:0; margin-left:-290px}
.nav .depth2_box li {list-style:none; display:inline-block; padding:0 15px;}
.nav .depth2_box .depth2 {line-height:49px; color:#666; font-size:1.02em; letter-spacing:-1px; position:relative; transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all; min-width:50px; text-align:center; padding:0 5px;}
.nav .depth2_box .depth2:before {content:""; position:absolute; left:50%; bottom:0; width:0; height:4px; background:#94b52c; transition: width 0.6s; -webkit-transition: width 0.6s; transition-property: all;}
.nav .depth2_box .depth2:hover {color:#000;}
.nav .depth2_box .depth2:hover:before {left:0; width:100%;}

.nav .ctg_box .hit .depth2_bg {height:49px;}
.nav .ctg_box .hit .depth1 {background:#94b52c;}
.nav .ctg_box .hit .depth1:before {border-right:1px solid #677d59;}
.nav .ctg_box .hit .depth1:after {content:""; position:absolute; left:1px; top:-1px; right:0px; bottom:-1px; border-top:1px solid #94b52c; border-bottom:1px solid #94b52c; z-index:1}
.nav .ctg_box .hit .depth2_box {height:49px; opacity:1; -ms-filter:alpha(opacity=100);filter:alpha(opacity=100); z-index:100; }
.nav .depth2_box .hit .depth2 {color:#000;}
.nav .depth2_box .hit .depth2:before {content:""; position:absolute; left:0; bottom:0; width:100%; height:4px; background:#94b52c; }

.nav .ctg_box .li:hover .depth2_bg {height:49px; z-index:500}
.nav .ctg_box .li:hover .depth1 {background:#94b52c;}
.nav .ctg_box .li:hover .depth1:before {border-right:1px solid #677d59;}
.nav .ctg_box .li:hover .depth1:after {content:""; position:absolute; left:1px; top:-1px; right:0px; bottom:-1px; border-top:1px solid #94b52c; border-bottom:1px solid #94b52c; z-index:1}
.nav .ctg_box .li:hover .depth2_box {height:49px; opacity:1; -ms-filter:alpha(opacity=100);filter:alpha(opacity=100); z-index:900; }
.nav .if_reserve:hover .depth1_box:before {content:""; width:1px; height:100%; position:absolute; right:0; top:0; background:#677d59; z-index:1}
.nav .if_reserve.hit .depth1_box:before {content:""; width:1px; height:100%; position:absolute; right:0; top:0; background:#677d59; z-index:1}

/* .nav .ctg_box .ul:hover .hit .depth2_bg {height:0px;}
.nav .ctg_box .ul:hover .hit .depth1 {background:#345222;}
.nav .ctg_box .ul:hover .hit .depth2_box {opacity:0; -ms-filter:alpha(opacity=0);filter:alpha(opacity=0);} */

/* 전체 카테고리 */
.nav .all {float:left; margin-top:-1px; position:relative;}
.nav .all_btn { margin:auto; width:62px; height:52px; background:#94b52c; text-align:center; position:relative;}
.nav .all_btn .bar {width:22px; height:2px; background:#fff; transform: translateY(9px); transition: all 0ms 300ms; position:relative; margin-top:15px; }
.nav .all_btn .bar:before {content:""; position:absolute; left:0; top:-9px; width:22px; height:2px; background:#fff;}
.nav .all_btn .bar:after {content:""; position:absolute; left:0; bottom:-9px; width:22px; height:2px; background:#fff; }
.nav .all_btn .over {position:absolute; left:0; top:0; width:100%; height:52px; background:#94b52c url('../images/nav_all_close.gif') center center no-repeat; z-index:5; }
.nav .all_btn .over {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
/* .nav .all:hover .bar {background:#94b52c;} */
/* .nav .all:hover .bar:after {bottom:0; transform: rotate(-45deg); transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);}
.nav .all:hover .bar:before {top: 0;transform: rotate(45deg); transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);}
 */
.nav .open_all {position:absolute; right:0; top:51px; width:1288px; overflow:hidden; margin-left:-675px;}
.nav .open_all {height:0px; z-index:999999; transition-duration: 0.4s; -webkit-transition-duration: 0.4s; opacity:0; -ms-filter:alpha(opacity=0);filter:alpha(opacity=0);}
.nav .open_all .layout_fix {position:relative;}
.nav .open_all .open_box {width:1288px; border:5px solid #94b52c; box-sizing:border-box; background:#fff; padding:42px 62px 40px 0}
.nav .open_all .table {display:table; width:100%; table-layout:fixed; }
.nav .open_all ul {display:table-cell; border-left:1px solid #d4e1ab; padding:0 30px}
.nav .open_all li {list-style:none;}
.nav .open_all li:first-child {margin-top:-12px}
.nav .open_all .btn {color:#333; font-size:0.9em; letter-spacing:-0.5px; line-height:2.5em; transition: width 0.2s; -webkit-transition: width 0.2s; transition-property: all; display:block}
.nav .open_all .btn:hover {color:#94b52c;}

.nav .all:hover .open_all {height:370px; opacity:1; -ms-filter:alpha(opacity=100);filter:alpha(opacity=100);}
.nav .all:hover .over {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}

.nav .ctg_box:hover .hit .depth2_bg {height:0px;}
.nav .ctg_box:hover .hit .depth2_box {height:0px; opacity:0; -ms-filter:alpha(opacity=0);filter:alpha(opacity=0);}
.nav .ctg_box:hover .hit .depth1 {background:#345222;}
.nav .ctg_box:hover .hit .depth1:after {display:none;}

.nav .ctg_box:hover .hit:hover .depth1 {background:#94b52c;}
.nav .ctg_box:hover .hit:hover .depth2_bg {height:49px;}
.nav .ctg_box:hover .hit:hover .depth2_box {height:49px; opacity:1; -ms-filter:alpha(opacity=100);filter:alpha(opacity=100);}
.nav .ctg_box:hover .hit:hover .depth1:after {content:""; position:absolute; left:1px; top:-1px; right:0px; bottom:-1px; border-top:1px solid #94b52c; border-bottom:1px solid #94b52c; z-index:1; display:block;}








/* **************************************** *
 * 퀵메뉴 (common)
 * **************************************** */
.quick {position:fixed; top:0; right:0; width:92px; height:100%; background:#769123; z-index:1000; }
.quick {transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all;}
.quick .tit_box {color:#fff; font-size:1.25em; letter-spacing:-0.5px; font-weight:300; line-height:1.2em; text-align:center; position:relative; padding:45px 10px; height:162px; box-sizing:border-box;}
.quick .tit_box strong {font-weight:700; font-size:0.85em;}
.quick .tit_box:before {content:""; position:absolute; left:50%; bottom:-8px; width:13px; height:7px; background:transparent url('../images/quick_tit.gif') left top no-repeat; margin-left:-6px}
.quick ul {}
.quick li {list-style:none;  text-align:center; border-top:1px solid #94b52c; box-sizing:border-box;}
.quick .if_btn {background:#94b52c; border-top:1px solid #769123;}
.quick .btn {display:block; padding:20px 5px;}
.quick .btn .txt {color:#fff; font-size:0.85em; letter-spacing:-0.5px; font-weight:500; line-height:1.2em; margin-top:6px}
.quick .btn .icon {width:82px;}
.quick .q_sms .icon {background:transparent url('../images/quick_sms.png') center top no-repeat; height:24px;}
.quick .q_online .icon {background:transparent url('../images/quick_online.png') center top no-repeat; height:35px;}
.quick .q_kt .icon {background:transparent url('../images/quick_kt.png') center top no-repeat; height:28px;}
.quick .q_map .icon {background:transparent url('../images/quick_map.png') center top no-repeat; height:38px;}
.quick .q_time .icon {background:transparent url('../images/quick_time.png') center top no-repeat; height:31px;}
.quick .q_tel .icon {background:transparent url('../images/quick_tel.png') center top no-repeat; height:29px;}
.quick .q_tel .btn {padding-bottom:10px}
.quick .q_tel .txt {color:#f2e129; font-size:1.05em; font-family:Arial; font-weight:700; letter-spacing:0px; }
.quick .time_box {color:#fff; background:#849c39; font-size:0.75em; font-family:Arial,Noto Sans KR; font-weight:700; line-height:1.2em; padding:10px 9px 20px; }
.quick .time_box .txt {margin-top:5px; opacity:.8; -ms-filter:alpha(opacity=80);filter:alpha(opacity=80);}

.quick .top_btn {display:block; position:relative; overflow:hidden;border-top:1px solid #94b52c; }
.quick .top_btn .icon {width:100%; height:60px; background:transparent url('../images/quick_top.png') center center no-repeat;}
.quick .top_btn .motion {width:100%; height:60px; background:transparent url('../images/quick_top.png') center center no-repeat; position:absolute; left:0; top:0;}
.quick .top_btn .motion {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.quick .top_btn:hover .motion {animation: gotop 0.8s infinite; -webkit-animation: gotop 0.8s infinite;}

/* Responsive */
@media screen and (max-width:1550px) {
	.quick {right:-92px}
}
@media screen and (max-height:910px) {
	.quick .time_box {display:none;}
}

@-webkit-keyframes gotop {
    0% {margin-top:0; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
    30% {margin-top:-12px; opacity: 0.4; filter: alpha(opacity=40); -ms-filter:alpha(opacity=40);}
    70% {margin-top:-20px;}
    100% {margin-top:-50px; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
}
@keyframes gotop {
    0% {margin-top:0; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
	30% {margin-top:-12px; opacity: 0.4; filter: alpha(opacity=40); -ms-filter:alpha(opacity=40);}
    70% {margin-top:-20px;}
    100% {margin-top:-50px; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
}






/* 퀵메뉴 오픈박스 (ARA) */
.quick .open_box {position:absolute; right:92px; top:164px; background:#fff; width:0; height:592px; z-index:999; overflow:hidden;}
.quick .open_box {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.quick .open_box * {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.quick .open_tit {background:#fff; text-align:center; color:#000; height:88px; line-height:88px; font-size:30px; letter-spacing:-1.5px; width:457px;}
.quick .open_tit {box-sizing:border-box; border-left:1px solid #ddd; border-top:1px solid #ddd;}

.quick .open_kakao dl {overflow:hidden; padding:0 70px; width:457px; box-sizing:border-box;}
.quick .open_kakao dt {float:left; text-align:left; width:50%; box-sizing:border-box; padding-top:55px;}
.quick .open_kakao dd {float:right; padding-top:30px; width:50%; text-align:right; box-sizing:border-box; }
.quick .open_kakao .kakao {height:223px; background:#ffba00;}
.quick .open_kakao .plus {height:281px; background:#575050;}

.quick .open_kakao .kakao .b_tit {background:transparent url('../images/quick_kakao.png') left top no-repeat; padding-top:26px; color:#482b2b; font-weight:500;}
.quick .open_kakao .kakao .no_tit {color:#482b2b; font-weight:500;}
.quick .open_kakao .plus .b_tit {background:transparent url('../images/quick_plus.png') left top no-repeat; padding-top:26px; color:#ffe40f; font-weight:500;}
.quick .open_kakao .s_txt {font-size:12px; margin-top:11px; line-height:1.3;}
.quick .open_kakao .kakao .s_txt {color:#4c3700;}
.quick .open_kakao .plus .s_txt {color:#cdcbcb;}

.quick .open_kakao .btn_box {text-align:center; margin-top:20px; clear:both; padding:0 78px; position:absolute; left:0; bottom:30px; width:457px; box-sizing:border-box;}
.quick .open_kakao .btn_go {background:#ffe40f; border:1px solid #ffe40f; color:#000; height:44px; line-height:44px; text-align:center; border-radius:100px; display:block;}
.quick .open_kakao .btn_go strong {font-weight:400;  font-size:13px; position:relative;}
.quick .open_kakao .btn_go strong:before {content:""; width:0; height:11px; position:absolute; right:0; top:50%; background:transparent url('../images/quick_go.gif') right top no-repeat; margin-top:-6px;}
.quick .open_kakao .btn_go strong:before {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.quick .open_kakao .btn_go:hover {background:#251a1a; border-color:#251a1a;}
.quick .open_kakao .btn_go:hover strong {padding-right:22px; color:#ffe40f; }
.quick .open_kakao .btn_go:hover strong:before {width:18px;}

.quick .open_sms {border-bottom:1px solid #eee;}
.quick .open_sms ul {margin-top:-6px; text-align:left}
.quick .open_sms li {border:0; margin-top:6px;}
.quick .open_sms placeholder {color:#333 !important}
.quick .open_sms input::-webkit-input-placeholder {color:#333 !important}
.quick .open_sms input:-ms-input-placeholder {color:#333 !important}
.quick .open_sms input:-moz-placeholder {color:#333 !important}
.quick .open_sms textarea::-webkit-input-placeholder {color:#333 !important}
.quick .open_sms textarea:-ms-input-placeholder {color:#333 !important}
.quick .open_sms textarea:-moz-placeholder {color:#333 !important}

.quick .open_sms .form {background:#f0f1f3; padding:30px 85px; box-sizing:border-box; height:355px; width:457px;}
.quick .open_sms .text_design {height:144px; overflow:auto; overflow:hidden; box-sizing:border-box; padding:10px 15px; width:100%;}
.quick .open_sms .text_design {border-radius:6px; border:1px solid #333; background:#f0f1f3; font-size:16px; color:#333;}
.quick .open_sms .text_design:focus {background:#fff;}

.quick .open_sms .input_box {overflow:hidden; position:relative;}
.quick .open_sms .input_box .ic {position:absolute; right:16px; top:50%; width:27px; height:27px; background:transparent url('../images/quick_fill.png') left top no-repeat; margin-top:-14px;}
.quick .open_sms .input_design {height:44px; overflow:auto; overflow:hidden; box-sizing:border-box; padding:0 15px; padding-right:60px; width:100%; }
.quick .open_sms .input_design {border-radius:6px; border:1px solid #333; background:#f0f1f3; font-size:16px; color:#333;}
.quick .open_sms .input_design:focus {background:#fff;}
.quick .open_sms .input_design:focus+ .ic {background-position:right top;}
.quick .open_sms .input_design.if_active+ .ic {background-position:right top;}

.quick .open_sms .fake_select {border-radius:6px; border:1px solid #333; background:#f0f1f3; height:44px; padding:0 15px; cursor:pointer; position:relative;}
.quick .open_sms .fake_select .this {height:42px; line-height:42px; text-align:left; color:#333; font-size:16px;}
.quick .open_sms .fake_select .ic {position:absolute; right:19px; top:50%; width:19px; height:11px; background:transparent url('../images/quick_select.png') left bottom no-repeat; margin-top:-4px;}
.quick .open_sms .fake_select:hover .ic {background-position:left top;}
.quick .open_sms .fake_select .option {position:absolute; left:-1px; top:44px; width:100%; border:1px solid #333; border-top:0; border-radius:0 0 6px 6px;  z-index:1; height:0; }
.quick .open_sms .fake_select .option {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); background:#f0f1f3; overflow-y:auto; padding-bottom:10px;}
.quick .open_sms .fake_select a {display:block; text-align:left; padding:0 15px; font-weight:300; color:#000; letter-spacing:-0.5px; font-size:15px;}
.quick .open_sms .fake_select .ctg1 {background:#dde0e5; height:35px; line-height:32px;}
.quick .open_sms .fake_select .ctg1:hover {background:#6b6f74; color:#fff;}
.quick .open_sms .fake_select .ctg2 {height:26px; line-height:26px; font-size:0.95em;}
.quick .open_sms .fake_select .ctg2:hover {background:#6b6f74; color:#fff;}
.quick .open_sms .fake_select:hover .option {height:260px; opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}
.quick .open_sms .fake_select:hover {border-radius:6px 6px 0 0;}

.quick .open_sms .agree {padding:20px 95px; padding-bottom:0px; width:457px; box-sizing:border-box; box-sizing:border-box; border-left:1px solid #ddd; }
.quick .open_sms .agree li {overflow:hidden; margin:0px;}
.quick .open_sms label.design {position:relative; text-align:left; height:20px; box-sizing:border-box; float:left;}
.quick .open_sms label.design input {position:absolute; left:0; top:50%; margin-top:-5px; z-index:5; color:#666;}
.quick .open_sms label.design input {-webkit-appearance:none; appearance:none; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.quick .open_sms label.design .tx {color:#5e5e5e; line-height:20px; height:20px; padding:0 0 0 20px; display:block; box-sizing:border-box; white-space:nowrap; font-size:12px; letter-spacing:-0.5px;}
.quick .open_sms label.design .ic {width:14px; height:14px; background:transparent url('../images/quick_checkbox.png') left center no-repeat; position:absolute; left:0; top:50%; box-sizing:border-box; margin-top:-6px;}
.quick .open_sms label.design input[type=radio]+ .tx .icon {background:transparent url('../images/form_radio.png') left center no-repeat;}
.quick .open_sms label.design:hover .tx {text-decoration:underline;}
.quick .open_sms label.design input:checked+ .tx {color:#0063af;}
.quick .open_sms label.design input:checked+ .ic {background-position:right center !important;}
.quick .open_sms .btn_view {float:left; color:#b0b0b0; font-size:12px; line-height:20px; height:20px; margin-left:5px;}
.quick .open_sms .btn_view:hover {color:#000; text-decoration:underline;}

.quick .open_sms .btn_box {padding-top:20px; text-align:center; width:457px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding-bottom:31px;}
.quick .open_sms .btn_box .btn_send {background:#61ae5d; height:43px; line-height:43px; width:167px; letter-spacing:-1px;}
.quick .open_sms .btn_box strong {position:relative; color:#fff;}
.quick .open_sms .btn_box strong:before {content:""; width:0; height:11px; position:absolute; right:0; top:50%; background:transparent url('../images/quick_go2.gif') right top no-repeat; margin-top:-5px;}
.quick .open_sms .btn_box strong:before {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.quick .open_sms .btn_box .btn_send:hover {background:#345222;}
.quick .open_sms .btn_box .btn_send:hover strong {padding-right:22px;}
.quick .open_sms .btn_box .btn_send:hover strong:before {width:18px;}

.quick li:hover .open_box {width:457px;}
.quick .if_btn.if_open .open_box {width:457px;}










/* **************************************** *
 * 메인비주얼
 * **************************************** */
.main_visual {height:979px; overflow:hidden; position:relative;}
.main_visual .rolling_box li {list-style:none; height:979px; background-position:center top; background-repeat:no-repeat}
.main_visual .banner_txt {position:absolute; left:27px; top:183px;}
.main_visual .banner_txt .top_title {}
.main_visual .banner_txt dl {margin-top:40px}
.main_visual .banner_txt dt {color:#fff; font-size:2.45em; font-weight:500; letter-spacing:-1.5px;}
.main_visual .banner_txt dd {color:#fff; font-size:27px; font-weight:100; letter-spacing:-1.5px; line-height:32px;}
.main_visual .banner_txt .btn_box {margin-top:57px}
.main_visual .banner_txt .btn { padding:0 50px; border:1px solid #fff; box-sizing:border-box;  height:52px; line-height:48px; transition: width 0.5s; -webkit-transition: width 0.5s; transition-property: background,border}
.main_visual .banner_txt .btn strong {color:#fff; font-size:1.02em; letter-spacing:-1px; position:relative;}
.main_visual .banner_txt .btn strong:before {content:""; width:0; height:13px; position:absolute; right:0; top:50%; background:transparent url('../images/main_vi_btn.gif') right top no-repeat; margin-top:-6px;}
.main_visual .banner_txt .btn strong:before {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.main_visual .banner_txt .btn strong {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.main_visual .banner_txt .btn:hover {background:#fff;}
.main_visual .banner_txt .btn:hover strong {padding-right:25px; color:#000;}
.main_visual .banner_txt .btn:hover strong:before {width:20px; }

.main_visual .rolling_icon {position:absolute; left:0; bottom:291px; width:100%; text-align:center; overflow:hidden; z-index:50}
.main_visual .rolling_icon ul {display:inline-block;}
.main_visual .rolling_icon li {list-style:none; float:left;}
.main_visual .rolling_icon .icon {float:left; width:14px; height:14px; background:#fff; border-radius:100px; border:1px solid #fff; margin:0 8px; box-sizing:border-box;}
.main_visual .rolling_icon .icon {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.main_visual .rolling_icon .active .icon {background:#0b0b14 !important; border-color:#0b0b14 !important;}
.main_visual .rolling_icon .icon:hover {background:#666; border-color:#666;}









/* **************************************** *
 * 메인 카테고리
 * **************************************** */
.main_category {}
.main_category .ctg_box {margin-top:-211px }
.main_category .ctg_box .ul {display:table; width:100%; table-layout:fixed; border-collapse:separate; border-spacing:30px 0;}
.main_category .ctg_box .li {list-style:none; display:table-cell; background:#dddee1;}
.main_category .ctg_box dl {text-align:center; height:211px; padding:27px 20px; box-sizing:border-box; position:relative; background:#f0f1f3;}
.main_category .ctg_box dl:before {content:""; position:absolute; left:50%; bottom:-25px; width:1px; height:53px; background:#000;}
.main_category .ctg_box dt {font-size:2.75em; letter-spacing:-3px; font-weight:300; color:#000;}
.main_category .ctg_box dd {color:#4e4e4e; font-size:1.20em; letter-spacing:-1px; font-weight:300; font-weight:400\9; line-height:1.2em; margin-top:14px}
.main_category .ctg {padding:55px 30px 35px}
.main_category .ctg ul {overflow:hidden; border:1px solid #c1c3ca; box-sizing:border-box;}
.main_category .ctg li {list-style:none; float:left; width:50%; position:relative;}
.main_category .ctg li:before {content:""; position:absolute; left:0; top:-1px; width:200%; height:1px; background:#c1c3ca;}
.main_category .ctg li:after {content:""; position:absolute; top:0; left:-1px; height:200%; width:1px; background:#c1c3ca;}
.main_category .ctg .btn {display:block; text-align:center; padding:10px 10px; transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all;}
.main_category .ctg .txt {padding-left:23px; background:transparent url('../images/ic_main_ctg.png') left 7px no-repeat; font-size:1.22em; letter-spacing:-1px; font-weight:700; color:#000; min-width:85px; text-align:left; position:relative;}
.main_category .ctg .txt.le2 {min-width:40px;}
.main_category .ctg .txt.le3 {min-width:51px}
.main_category .ctg .txt.le4 {min-width:68px;}
.main_category .ctg .txt.le5 {min-width:86px}
.main_category .ctg .txt.le6 {min-width:122px}
.main_category .ctg .txt:before {content:""; width:18px; height:18px; position:absolute; left:0; top:7px; background:#f0f1f3 url('../images/ic_main_ctg2.png') left top no-repeat;}
.main_category .ctg .txt:before {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.main_category .ctg .btn:hover {background:#f0f1f3;}
.main_category .ctg .btn:hover .txt:before {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}

.main_category .if_wrap .ctg li {width:100%;}
.main_category .if_wrap .ctg .txt {min-width:122px}









/* **************************************** *
 * 메인 고객센터
 * **************************************** */
.main_cs_box {overflow:hidden; background:#f0f1f3; margin-top:80px}
.main_cs_box .txt_box {width:50%; float:left; overflow:hidden; background-position:left top; background-repeat:no-repeat; padding:31px 0 51px;  height:534px; box-sizing:border-box;}
.main_cs_box .txt_box .conts_box {float:right; text-align:center; padding-right:52px}
.main_cs_box .txt_box .title {color:#3c592b; font-size:2.55em; letter-spacing:-1.5px; font-weight:700; line-height:50px;}
.main_cs_box .txt_box .sub_txt {color:#3c592b; font-size:1.25em; letter-spacing:-1.5px; font-weight:300; font-weight:400\9; margin-top:1px}
.main_cs_box .txt_box ul {margin-top:32px; overflow:hidden;}
.main_cs_box .txt_box li {list-style:none; float:left; width:198px;}
.main_cs_box .txt_box .txt_01 {background:#61ae5d;}
.main_cs_box .txt_box .txt_01 dt {background:transparent url('../images/ic_cs_box1.png') center top no-repeat;}
.main_cs_box .txt_box .txt_02 {background:#94b52c;}
.main_cs_box .txt_box .txt_02 dt {background:transparent url('../images/ic_cs_box2.png') center top no-repeat;}
.main_cs_box .txt_box .txt_03 {background:#61ae5d;}
.main_cs_box .txt_box .txt_03 dt {background:transparent url('../images/ic_cs_box3.png') center top no-repeat;}
.main_cs_box .txt_box dl { padding:30px 0 33px}
.main_cs_box .txt_box dt {font-size:1.75em; letter-spacing:-1.5px; font-weight:700; color:#fff; padding-top:106px}
.main_cs_box .txt_box dd {margin-top:22px; padding-top:27px; position:relative; font-size:1.05em; font-weight:300; letter-spacing:-1px; color:#fff; line-height:1.2em;}
.main_cs_box .txt_box dd:before {content:""; position:absolute; left:50%; top:0; width:24px; height:1px; background:#fff; margin-left:-12px}

/* 오른쪽 고객센터 박스 */
.main_cs_box .right_cs {width:50%; float:left; overflow:hidden; border-top:1px solid #e1e3e8; border-bottom:1px solid #e1e3e8; box-sizing:border-box; height:534px;}
.main_cs_box .cs_box {overflow:hidden; padding:33px 0 35px}
.main_cs_box .cs_box dl {float:left; margin-left:51px; }
.main_cs_box .cs_box dt {color:#333; font-size:1.25em; letter-spacing:-1.5px; font-weight:300;}
.main_cs_box .cs_box dd {font-family:Arial; font-size:2.5em; color:#000; letter-spacing:-0.5px; font-weight:700; line-height:43px; margin-top:2px}
.main_cs_box .cs_box .cs_btn { text-align:center; background:#fff; border:1px solid #d8d8da; box-sizing:border-box; padding:0 64px; float:left; margin-left:68px; margin-top:6px; position:relative;}
.main_cs_box .cs_box .cs_btn:before {content:""; width:282px; height:62px; position:absolute; left:-1px; top:-1px; z-index:2; box-sizing:border-box; border:2px solid #809b29; }
.main_cs_box .cs_box .cs_btn:before {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.main_cs_box .cs_box .cs_btn {transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all;}
.main_cs_box .cs_box .cs_btn .txt {padding-left:31px; color:#333; font-size:1.05em; letter-spacing:-1px; position:relative; height:60px; line-height:60px;}
.main_cs_box .cs_box .cs_btn .icon {position:absolute; left:0; top:0; width:26px; height:100%; background:transparent url('../images/ic_cs_talk.png') left center no-repeat;}
.main_cs_box .cs_box .cs_btn .icon {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.main_cs_box .cs_box .cs_btn:hover:before {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}
.main_cs_box .cs_box .cs_btn:hover .txt {}
.main_cs_box .cs_box .cs_btn:hover .icon {background-position:right center;}

/* 진료시간 안내 */
.main_cs_box .time_box {background:#fff; border-bottom:1px solid #e1e3e8; overflow:hidden; padding:36px 20px 38px;}
.main_cs_box .time_box li {list-style:none; float:left; padding:0 36px 0 30px; position:relative;}
.main_cs_box .time_box li:before {content:""; position:absolute; left:0; top:50%; width:1px; height:111px; background:#e9eaec; margin-top:-47px}
.main_cs_box .time_box li:first-child:before {display:none}
.main_cs_box .time_box .btn_box {padding:0 34px 0 35px}
.main_cs_box .time_box dl {}
.main_cs_box .time_box dt {color:#333; font-size:1.05em; letter-spacing:-1px; font-weight:300;}
.main_cs_box .time_box dd {line-height:1.4em; font-weight:300; font-weight:400\9; letter-spacing:-1px; font-size:0.95em; color:#666; margin-top:17px}
.main_cs_box .time_box .txt {margin-top:2px}
.main_cs_box .time_box .txt.time {padding-left:49px; position:relative;}
.main_cs_box .time_box .txt.time em {position:absolute; left:0; top:0;}
.main_cs_box .time_box .txt .le {letter-spacing:13px;}
.main_cs_box .time_box dd strong {letter-spacing:0.5px; color:#333;}
.main_cs_box .time_box .btn {display:block; padding:10px 0; text-align:center;}
.main_cs_box .time_box .btn .icon {width:60px; height:48px; position:relative;}
.main_cs_box .time_box .btn .over {width:60px; height:0;}
.main_cs_box .time_box .btn .icon {transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all;}
.main_cs_box .time_box .btn .over {transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all;}

.main_cs_box .time_box .cs_map .icon {background:transparent url('../images/ic_cs_map.png') left center no-repeat;}
.main_cs_box .time_box .cs_map .over {background:#fff url('../images/ic_cs_map.png') right top no-repeat;}
.main_cs_box .time_box .cs_photo .icon {background:transparent url('../images/ic_cs_photo.png') left center no-repeat;}
.main_cs_box .time_box .cs_photo .over {background:#fff url('../images/ic_cs_photo.png') right top no-repeat;}
.main_cs_box .time_box .cs_review .icon {background:transparent url('../images/ic_cs_form.png') left center no-repeat;}
.main_cs_box .time_box .cs_review .over {background:#fff url('../images/ic_cs_form.png') right top no-repeat;}
.main_cs_box .time_box li:hover .over {height:48px;}
.main_cs_box .time_box .btn_box:hover dt {font-weight:400;}



/* 간편상담신청 */
.main_cs_box .cs_form {overflow:hidden; }
.main_cs_box .cs_form dl {float:left; padding:33px 66px 0 52px}
.main_cs_box .cs_form dt {color:#333; font-size:1.75em; letter-spacing:-1.5px; font-weight:700;}
.main_cs_box .cs_form dd {color:#999; font-size:0.85em; letter-spacing:-0.5px; font-weight:300; font-weight:500\9; line-height:1.4em; margin-top:25px}
.main_cs_box .cs_form .form {float:left; width:370px; overflow:hidden; padding:41px 0 51px 10px; border-left:1px solid #e1e3e8;}
.main_cs_box .cs_form table {table-layout:fixed; width:100%; margin:-3px 0 -4px}
.main_cs_box .cs_form th {color:#333; font-size:0.95em; letter-spacing:-0.5px; font-weight:400; text-align:left; padding-left:20px; vertical-align:middle;}
.main_cs_box .cs_form td {padding:3px 0 4px; vertical-align:middle;}
.main_cs_box .cs_form .le {letter-spacing:25px;}
.main_cs_box .cs_form .btn {background:#61ae5d; width:100%; height:113px; color:#fff; font-size:0.95em; letter-spacing:-1px; transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all;}
.main_cs_box .cs_form .btn:hover {background:#2e9528;}
.main_cs_box .cs_form .btn:focus {color:#fff !important;}
.main_cs_box .cs_form .design {width:183px; height:33px; background:#fff; border:1px solid #dcdee4; box-sizing:border-box; color:#333; font-size:0.85em !important; letter-spacing:-0.5px; font-weight:300;  padding:4px 10px 7px;}
.main_cs_box .cs_form .design {transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all;}
.main_cs_box .cs_form .design:hover {border-color:#94b52c}
.main_cs_box .cs_form .design:focus {border-color:#94b52c}
.main_cs_box .cs_form .select {width:183px; margin-right:10px; box-sizing:border-box; position:relative; height:33px; background:#fff; overflow:hidden;}
.main_cs_box .cs_form select {width:100%; height:100%; -webkit-appearance: none;appearance: none;-moz-appearance: none;-webkit-user-select: none; border:1px solid #dcdee4; background:transparent; z-index:1}
.main_cs_box .cs_form select {color:#999; font-size:0.85em !important; letter-spacing:-0.5px; font-weight:300;  padding:4px 35px 7px 10px; position:absolute; left:0; top:0;}
.main_cs_box .cs_form select {transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all;}
.main_cs_box .cs_form select:focus {border-color:#94b52c;}

.main_cs_box .cs_form select::-ms-expand {display:none;}
.main_cs_box .cs_form .select .shape {position:absolute; right:0px; top:0; width:29px; height:100%; border-left:1px solid #dcdee4; background:#f9f9f9; transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all;}
.main_cs_box .cs_form .select .icon {width:100%; height:100%; background:transparent url('../images/ic_select.png') center center no-repeat; /* transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all; */}
.main_cs_box .cs_form select:focus+ .shape {border-color:#94b52c; }
.main_cs_box .cs_form select:focus+ .shape .icon {transform:rotate(180deg)}
.main_cs_box .cs_form .select:hover select {border-color:#94b52c; }
.main_cs_box .cs_form .select:hover .shape {border-color:#94b52c; }
/* .main_cs_box .cs_form .select:hover .shape .icon {transform:rotate(180deg);} */









/* **************************************** *
 * 주요진료과목
 * **************************************** */
.main_best {background-position:center top; background-repeat:no-repeat; height:741px; overflow:hidden; text-align:center;}
.main_best dl {padding:75px 0 45px}
.main_best dt {font-size:3em; letter-spacing:-2px; color:#fff;}
.main_best dd {font-size:25px; letter-spacing:-2px; color:#fff; font-weight:100; line-height:1.2em; margin-top:7px}
.main_best .rolling_box {text-align:center; padding:0 11px}
.main_best .rolling_box ul {padding:0 85px; display:inline-block;}
.main_best .rolling_box li {list-style:none; float:left; }
.main_best .item_box {width:185px; height:185px; position:relative; margin:67px 0px; overflow:hidden; padding:5px}
.main_best .item_box .thumb {position:relative; border-radius:300px; box-shadow:0 0 10px #666; overflow:hidden; background:#333;}
.main_best .item_box .thumb img {width:100%; float:left; }
.main_best .item_box .thumb .bg {position:absolute; left:50%; bottom:50%; width:100%; height:100%; background:#000; border:1px solid #000; box-sizing:border-box; margin-left:-50%; margin-bottom:-50%;}
.main_best .item_box .thumb .bg {transition: width 0.5s; -webkit-transition: width 0.5s; transition-property: all; opacity:.6; -ms-filter:alpha(opacity=60);filter:alpha(opacity=60); }

.main_best .item_box .thumb .bg2 {display:none;}

.main_best .item_box .thumb .title_box {position:absolute; left:0; bottom:0; width:100%; text-align:center; display:table; height:185px;}
.main_best .item_box .thumb .title_box {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.main_best .item_box .thumb .title { font-size:25px; line-height:30px; color:#fff; font-weight:100; letter-spacing:-1px; width:100%; text-align:center; padding:0 25px; box-sizing:border-box; }
.main_best .item_box .thumb .title {opacity:.6; -ms-filter:alpha(opacity=60);filter:alpha(opacity=60); display:table-cell; vertical-align:middle;}
.main_best .item_box .thumb .tit {word-wrap:break-word; word-break:keep-all; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.main_best .item_box .thumb .view {height:36px; line-height:32px; border:1px solid #333; box-sizing:border-box; border-radius:30px; background:#333; letter-spacing:-0.5px; padding:0 17px; margin-top:30px; display:inline-block;}
.main_best .item_box .thumb .view strong {color:#fff; font-size:16px; font-weight:400; }
.main_best .item_box .thumb .view {display:none; transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all;}
.main_best .item_box .thumb .view strong {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; position:relative;}
.main_best .item_box .thumb .view strong:before {content:""; width:0; height:13px; position:absolute; right:0; top:50%; background:transparent url('../images/quick_go2.gif') right top no-repeat; margin-top:-5px;}
.main_best .item_box .thumb .view strong:before {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}

.main_best .item_box:hover .thumb .title_box {height:58px; }
.main_best .item_box:hover .thumb .title {font-size:15px; opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); font-weight:400;}
.main_best .item_box:hover .thumb .bg {height:50px; border-radius:0px;}
.main_best .item_box:hover .thumb .bg2 { opacity: 0.15; filter: alpha(opacity=15); -ms-filter:alpha(opacity=15); width:100%; height:100%; border-radius:0px;}
.main_best .item_box:hover .thumb .view strong:before {width:20px;}
.main_best .item_box:hover .thumb .view strong {padding-right:25px;}

.main_best .active .item_box {width:330px; height:330px; margin:0px 19px; transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all;}
.main_best .active .item_box .thumb .view {display:inline-block;}
.main_best .active .item_box .thumb .bg { opacity:0; -ms-filter:alpha(opacity=0);filter:alpha(opacity=0);}
.main_best .active .item_box .title_box {height:330px !important;}
.main_best .active .item_box .title {font-weight:400; font-size:35px !important; color:#333; letter-spacing:-2.5px; opacity:1; -ms-filter:alpha(opacity=100);filter:alpha(opacity=100);}
.main_best .active .item_box .thumb .tit {position:relative;}
.main_best .active .item_box .bg2 {display:none !important}

.main_best .prevnext {position:absolute; top:375px; z-index:3}
.main_best .prevnext.prev {left:10px; }
.main_best .prevnext.next {right:10px; }
.main_best .prevnext a {display:block; padding:20px; text-align:center;}
.main_best .prevnext .icon {width:30px; height:58px; background:transparent url('../images/main_best_arrow.gif') left top no-repeat;}
.main_best .prevnext.next .icon {background-position:right top;}

.main_best .rolling_con_box {margin-top:47px; display:inline-block;}
.main_best .pause_btn {position: relative; float:left; padding:5px}
.main_best .pause_btn .btn {position: relative; width: 16px; height: 16px; border:1px solid #fff; border-radius: 100px; cursor: pointer; box-sizing:border-box; }
.main_best .pause_btn .btn {transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all;}
.main_best .pause_btn .bar {display: inline-block; position: absolute; top: 5px; left: 0; width: 2px; height: 6px; background:#fff; transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all;}
.main_best .pause_btn .bar.bar1 {transform: translateX(4px) translateY(-1px) rotate(0deg);}
.main_best .pause_btn .bar.bar2 {transform: translateX(8px) translateY(-1px) rotate(0deg);}
/* .main_best .pause_btn .if_play .bar1 {transform: translateX(7px) translateY(-2.5px) rotate(-55deg);}
.main_best .pause_btn .if_play .bar2 {transform: translateX(7px) translateY(0.5px) rotate(-125deg);} */
/* .main_best .pause_btn:hover .bar1 {transform: translateX(7px) translateY(-2.5px) rotate(-55deg);}
.main_best .pause_btn:hover .bar2 {transform: translateX(7px) translateY(0.5px) rotate(-125deg);} */

.main_best .pause_btn .if_play {background:transparent url('../images/main_play.png') center center no-repeat;}
.main_best .pause_btn .if_play .bar2 {display:none}
.main_best .pause_btn .if_play .bar1 {display:none}

.main_best .rolling_icon {text-align:center; overflow:hidden; z-index:50; margin-top:8px; float:left;}
.main_best .rolling_icon ul {display:inline-block;}
.main_best .rolling_icon li {list-style:none; float:left;}
.main_best .rolling_icon .icon {float:left; width:10px; height:10px; background:#fff; border-radius:100px; border:1px solid #fff; margin:0 4px; box-sizing:border-box;}
.main_best .rolling_icon .icon {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.main_best .rolling_icon .active.icon {width:46px; background:#fff !important; border-color:#fff !important;}
.main_best .rolling_icon .icon:hover {background:#000; border-color:#000;}
.main_best .pause_btn .btn:hover {background-color:#000; border-color:#000;}

























/* 2017-12-28 ◆ 메인베스트 */
.main_subject {background-position:center top; background-repeat:no-repeat; height:741px; overflow:hidden; text-align:center;}
.main_subject dl {padding:75px 0 45px}
.main_subject dt {font-size:3em; letter-spacing:-2px; color:#fff;}
.main_subject dd {font-size:25px; letter-spacing:-2px; color:#fff; font-weight:100; line-height:1.2em; margin-top:7px}
/* .main_subject .prevnext {position:absolute; top:80px; z-index:3}
.main_subject .prevnext a {padding:10px;}
.main_subject .prevnext .icon {background:transparent url('../images/best_prevnext.png') left top no-repeat; width:37px; height:72px;}
.main_subject .prev {right:50%; margin-right:550px}
.main_subject .prev:hover .icon {background-position:left bottom;}
.main_subject .next {left:50%; margin-left:550px}
.main_subject .next .icon {background-position:right top;}
.main_subject .next:hover .icon {background-position:right bottom;} */
.main_subject .best_rolling {position:relative; margin-top:0px; height:330px;}


/* 작은롤링 */
.main_subject li {list-style:none;}
.main_subject .best_item {overflow:hidden; padding:60px 90px 0}
.main_subject .best_item ul {}
.main_subject .best_item li {float:left; overflow:hidden;}
.main_subject .best_item .item_box {width:185px; text-align:center; height:185px; margin:0px; position:relative; padding:5px; border-radius:300px;}
.main_subject .best_item .item_box .thumb {width:185px; height:185px; border-radius:100px; overflow:hidden; position:relative; box-shadow:0 0 10px #666; background:#333;}
.main_subject .best_item .item_box .thumb .bg {position:absolute; left:50%; bottom:50%; width:100%; height:100%; background:#000; box-sizing:border-box; margin-left:-50%; margin-bottom:-50%; border-radius:300px;}
.main_subject .best_item .item_box .thumb .bg {transition: width 0.5s; -webkit-transition: width 0.5s; transition-property: all; opacity:.6; -ms-filter:alpha(opacity=60);filter:alpha(opacity=60); }
.main_subject .best_item .item_box .thumb .bg2 {display:none;}
.main_subject .best_item .item_box .thumb img {width:100%; float:left;}
.main_subject .best_item .item_box .item_name {font-size:13px; padding:0 10px;}
.main_subject .best_item .item_box .price {display:inline-block;}
.main_subject .best_item .item_box .before {margin-top:3px}
.main_subject .best_item .item_box .before_price {font-size:14px; margin-top:}
.main_subject .best_item .item_box .after_price {font-size:18px;}
.main_subject .best_item .item_box .after .unit {font-size:14px; margin-top:2px; margin-top:4px\0}
.main_subject .best_item .item_box .soldout .inner_box {margin-top:55px}
.main_subject .best_item .active .item_box {margin:0 97px !important}

.main_subject .item_name {position:absolute; left:0; bottom:0; width:100%; text-align:center; display:table; height:185px;}
.main_subject .item_name {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.main_subject .item_name .title { font-size:25px; line-height:30px; color:#fff; font-weight:100; letter-spacing:-1px; width:100%; text-align:center; padding:0 25px; box-sizing:border-box; }
.main_subject .item_name .title {opacity:.6; -ms-filter:alpha(opacity=60);filter:alpha(opacity=60); display:table-cell; vertical-align:middle;}
.main_subject .item_name .tit {word-wrap:break-word; word-break:keep-all; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.main_subject .item_name .txt {word-wrap:break-word; word-break:keep-all; white-space:normal; display:block;}
.main_subject .item_name .view {height:36px; line-height:32px; border:1px solid #333; box-sizing:border-box; border-radius:30px; background:#333; letter-spacing:-0.5px; padding:0 17px; margin-top:30px; display:inline-block;}
.main_subject .item_name .view strong {color:#fff; font-size:16px; font-weight:400; }
.main_subject .item_name .view {display:none; transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all;}
.main_subject .item_name .view strong {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; position:relative;}
.main_subject .item_name .view strong:before {content:""; width:0; height:13px; position:absolute; right:0; top:50%; background:transparent url('../images/quick_go2.gif') right top no-repeat; margin-top:-5px;}
.main_subject .item_name .view strong:before {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}

.main_subject .best_item .item_box:hover .item_name {}
.main_subject .best_item .item_box:hover .title {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); color:#000; font-weight:300;}
.main_subject .best_item .item_box:hover .thumb .bg {opacity: 0.15; filter: alpha(opacity=15); -ms-filter:alpha(opacity=15);}
.main_subject .best_item .item_box:hover .thumb .bg2 { opacity: 0.15; filter: alpha(opacity=15); -ms-filter:alpha(opacity=15); width:100%; height:100%; border-radius:0px;}
/* .main_subject .best_item .item_box:hover .txt {text-shadow:0 0 5px rgba(255,255,255,0.5);} */

/* 큰롤링 */
.main_subject .best_front li {border-radius:100px;}
.main_subject .best_front {position:absolute; left:50%; top:0;  z-index:22; margin-left:-165px; width:330px; height:330px; border-radius:300px; overflow:hidden;}
.main_subject .best_front .item_box {width:330px; height:330px; margin:0; text-align:center; }
.main_subject .best_front .item_box .thumb {width:330px; height:330px; border-radius:0; overflow:hidden; background:#333; position:relative;}

.main_subject .best_front .item_box .price {position:absolute; left:0; bottom:20px; width:100%; text-align:center; z-index:5}
.main_subject .best_front .item_box .before {display:none;}
.main_subject .best_front .item_box .after {display:inline-block; float:none}
.main_subject .best_front .item_box .unit {display:none;}
.main_subject .best_front .item_box .view {display:inline-block;}
.main_subject .best_front .item_box .thumb .bg { opacity:0; -ms-filter:alpha(opacity=0);filter:alpha(opacity=0);}
.main_subject .best_front .item_name {height:330px; position:absolute; left:0; top:0;}
.main_subject .best_front .item_name .title_box {height:330px !important;}
.main_subject .best_front .item_name .title {font-weight:400; font-size:35px !important; color:#000; letter-spacing:-2.5px; opacity:1; -ms-filter:alpha(opacity=100);filter:alpha(opacity=100);}
.main_subject .best_front .item_name .tit {position:relative;}
.main_subject .best_front .item_box .bg2 {display:block; background:#000; position:absolute; left:0; top:0; width:100%; height:100%;  z-index:3; opacity: 0.1; filter: alpha(opacity=10); -ms-filter:alpha(opacity=10);}

.main_subject .best_front .item_box:hover .item_name .view strong:before {width:20px;}
.main_subject .best_front .item_box:hover .item_name .view strong {padding-right:25px;}


.main_subject .prevnext {position:absolute; top:50%; margin-top:-60px; z-index:3; right:auto}
.main_subject .prevnext.prev {left:0px; }
.main_subject .prevnext.next {right:0px; }
.main_subject .prevnext a {display:block; padding:20px; text-align:center;}
.main_subject .prevnext .icon {width:30px; height:58px; background:transparent url('../images/main_best_arrow.gif') left top no-repeat;}
.main_subject .prevnext.next .icon {background-position:right top;}

.main_subject .rolling_con_box {margin-top:47px; display:inline-block;}
.main_subject .pause_btn {position: relative; float:left; padding:5px}
.main_subject .pause_btn .btn {position: relative; width:32px; height: 32px; border:2px solid #fff; border-radius: 100px; cursor: pointer; box-sizing:border-box; }
.main_subject .pause_btn .btn:before {content:""; position:absolute; left:0; top:0; width:28px; height:28px; background:transparent url('../images/main_sub_pause.gif') center center no-repeat;}
.main_subject .pause_btn .btn {transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all;}
/* .main_subject .pause_btn .bar {display: inline-block; position: absolute; top: 5px; left: 0; width: 2px; height: 6px; background:#fff; transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all;}
.main_subject .pause_btn .bar.bar1 {transform: translateX(4px) translateY(-1px) rotate(0deg);}
.main_subject .pause_btn .bar.bar2 {transform: translateX(8px) translateY(-1px) rotate(0deg);} */

.main_subject .pause_btn .if_play {position:relative;}
.main_subject .pause_btn .if_play:before {content:""; position:absolute; left:1px; top:0; width:28px; height:28px; background:transparent url('../images/main_sub_play.png') center center no-repeat;}
.main_subject .pause_btn .if_play .bar2 {display:none}
.main_subject .pause_btn .if_play .bar1 {display:none}

.main_subject .rolling_con_box .num {float:left; font-family:"rubik"; font-size:18px; color:#ccc; padding:5px; line-height:32px;}
.main_subject .rolling_con_box .num strong {color:#fff; font-weight:400;}

.main_subject .rolling_icon {text-align:center; overflow:hidden; z-index:50; margin-top:8px; float:left;}
.main_subject .rolling_icon ul {display:inline-block;}
.main_subject .rolling_icon li {list-style:none; float:left;}
.main_subject .rolling_icon .icon {float:left; width:10px; height:10px; background:#fff; border-radius:100px; border:1px solid #fff; margin:0 4px; box-sizing:border-box;}
.main_subject .rolling_icon .icon {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.main_subject .rolling_icon .active.icon {width:46px; background:#fff !important; border-color:#fff !important;}
.main_subject .rolling_icon .icon:hover {background:#000; border-color:#000;}
.main_subject .pause_btn .btn:hover {background-color:#666;}











/* **************************************** *
 * 온라인상담/상담안내
 * **************************************** */
.main_consulting {overflow:hidden; padding:74px 0 78px}
.main_consulting .online_box {width:50%; float:left; border:1px solid #dee0e5; box-sizing:border-box; height:310px;}
.main_consulting .tit_box {background:#f0f1f3; overflow:hidden; padding:0 30px}
.main_consulting .tit_box .tit {color:#000; font-size:1.55em; letter-spacing:-2px; float:left; padding:17px 0 21px}
.main_consulting .tit_box .more_btn {float:right; color:#666; font-size:0.95em; letter-spacing:-1px; font-weight:300; font-weight:400\9; padding-right:40px; position:relative; margin-top:16px; height:40px; line-height:40px;}
.main_consulting .tit_box .more_btn {transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all;}
.main_consulting .tit_box .more_btn .icon {position:absolute; right:0; top:0; width:40px; height:40px; border-radius:100px; overflow:hidden; text-align:center;}
.main_consulting .tit_box .more_btn .icon:before {content:""; width:22px; height:40px; background:transparent url('../images/more_btn.gif') left center no-repeat; display:inline-block;}
.main_consulting .tit_box .more_btn .icon {transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all; box-sizing:border-box;}
.main_consulting .tit_box .more_btn:hover {color:#000;}
.main_consulting .tit_box .more_btn:hover .icon {background-color:#fff; margin-right:-10px;}

.main_consulting .list_box {padding:25px 35px 31px 28px; box-sizing:border-box; overflow:hidden;}
.main_consulting .list_box li {list-style:none; overflow:hidden; position:relative; margin-top:8px; padding:0 210px 0 18px; height:29px;}
.main_consulting .list_box li:first-child {margin-top:0}
.main_consulting .list_box .posting { /* float:left; */ display:inline-block; max-width:100%; overflow:hidden; box-sizing:border-box; height:29px; position:relative;}
.main_consulting .list_box li:before {content:""; width:4px; height:4px; background:#000;  position:absolute; top:50%; left:6px; margin-top:-2px; border-radius:100px; border:1px solid #000; box-sizing:border-box;}
.main_consulting .list_box em {color:#999; font-size:1em; letter-spacing:-0.5px; font-weight:300 ; position:absolute; top:-1px; right:101px;  line-height:30px; height:29px;}
.main_consulting .list_box .tag {position:absolute; right:0; top:0; font-size:0.85em; text-align:center; width:75px; height:29px; box-sizing:border-box; border:1px solid #b2b2b7; background:#b2b2b7; border-radius:30px; color:#fff; line-height:25px;}
.main_consulting .list_box .tag.if_answer {background:#94b52c; border-color:#94b52c}
.main_consulting .list_box .txt {font-size:1em; color:#000; line-height:29px; height:29px; font-weight:300; font-weight:400\9; letter-spacing:-0.5px; }
.main_consulting .list_box .txt {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; position:relative; padding-right:1px;}
.main_consulting .list_box .icon  {float:right; display:inline-block; margin-left:5px; margin-top:8px}
.main_consulting .list_box .new {background:transparent url('../images/ic_new.png') left top no-repeat; width:14px; height:14px;}
.main_consulting .list_box .secret {background:transparent url('../images/ic_secret.gif') left top no-repeat; width:12px; height:14px;}
.main_consulting .list_box .posting:hover .txt {color:#000; text-decoration:underline;}
.main_consulting .list_box .no_posting {text-align:center; font-weight:300; font-size:0.95em; padding-top:110px; background:transparent url('../images/board_no.png') center 45px no-repeat;}

/* 상담안내버튼 */
.main_consulting .consulting_box {width:50%; float:left; padding-left:4px; box-sizing:border-box; }
.main_consulting .consulting_box * {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.main_consulting .consulting_box ul {margin-right:-32px}
.main_consulting .consulting_box li {list-style:none; float:left; text-align:center; width:33.333%; padding:0 32px 0 33px; box-sizing:border-box; border-left:1px solid #dee0e5;}
.main_consulting .consulting_box .one_box { position:relative; overflow:hidden; height:310px; box-sizing:border-box; padding-top:16px;}
.main_consulting .consulting_box .one_box {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.main_consulting .consulting_box li:first-child {border-left:0;}
.main_consulting .consulting_box dl {text-align:center;}
.main_consulting .consulting_box dt {font-size:1.36em; color:#000; letter-spacing:-1px; font-weight:700; margin-top:30px;}
.main_consulting .consulting_box dd {color:#666; font-size:0.8em; font-weight:300; font-weight:500\9; line-height:1.2em; padding-top:20px; position:relative; margin-top:16px}
.main_consulting .consulting_box dd:before {content:""; position:absolute; left:50%; top:0; width:38px; height:1px; background:#000; margin-left:-19px}
.main_consulting .consulting_box .btn {font-size:1em; color:#fff; letter-spacing:-1px; display:block; height:43px; line-height:41px; text-align:center; position:absolute; left:0; bottom:0; width:100%; cursor:default}

.main_consulting .consulting_box .icon {border-radius:100px; background:#333; border:1px solid #333; width:92px; height:92px; box-sizing:border-box; text-align:center; display:inline-block;}
.main_consulting .consulting_box .icon .shape {width:90px; height:90px; overflow:hidden;}

.main_consulting .consulting_box .con_sms .btn {background:#61ae5d; }
.main_consulting .consulting_box .con_sms .icon {background:#61ae5d; border-color:#61ae5d;}
.main_consulting .consulting_box .con_sms .shape {background:transparent url('../images/ic_cons_sms.png') left center no-repeat;}

.main_consulting .consulting_box .con_kt .btn {background:#3c1d1d; color:#f2e129;}
.main_consulting .consulting_box .con_kt .icon {background:#3c1d1d; border-color:#3c1d1d;}
.main_consulting .consulting_box .con_kt .shape {background:transparent url('../images/ic_cons_kt.png') left center no-repeat;}

.main_consulting .consulting_box .con_tel {cursor:default !important}
.main_consulting .consulting_box .con_tel .btn {background:#424242; font-family:Arial; font-weight:bold; letter-spacing:0px; line-height:43px;}
.main_consulting .consulting_box .con_tel .icon {background:#424242; border-color:#424242;}
.main_consulting .consulting_box .con_tel .shape {background:transparent url('../images/ic_cons_tel.png') left center no-repeat;}

.main_consulting .consulting_box .bg {background:#000; position:absolute; left:0; bottom:0; width:100%; height:0; z-index:-1}
.main_consulting .consulting_box .con_sms .bg {background:#61ae5d;}
.main_consulting .consulting_box .con_kt .bg {background:#3c1d1d;}
.main_consulting .consulting_box .con_tel .bg {background:#424242;}

/* .main_consulting .consulting_box .one_box:hover .bg {height:100%;}
.main_consulting .consulting_box .one_box:hover dd {color:#fff;}
.main_consulting .consulting_box .one_box:hover dt {color:#fff;} */

.main_consulting .consulting_box .con_sms .one_box:hover .btn {background:#345222;}
.main_consulting .consulting_box .con_kt .one_box:hover .btn {background:#f2e129; color:#3c1d1d;}
.main_consulting .consulting_box .con_tel .one_box:hover .btn {background:#000;}

.main_consulting .consulting_box .con_sms .one_box:hover .icon {background:#345222; border-color:#345222;}
.main_consulting .consulting_box .con_kt .one_box:hover .icon {background:#f2e129; border-color:#f2e129;}
.main_consulting .consulting_box .con_tel .one_box:hover .icon {background:#000; border-color:#000;}

.main_consulting .consulting_box .one_box:hover .shape {background-position:right top;}


/* **************************************** *
 * 전후사진/시술후기
 * **************************************** */
.main_review {background:#ebecee; overflow:hidden; height:490px;}
.main_review .tit_box {overflow:hidden;	margin-bottom:22px}
.main_review .tit_box .tit { color:#000; font-size:1.55em; letter-spacing:-2px; float:left;}
/* .main_review .tit_box .more_btn {float:right; width:38px; height:38px; border:1px solid #d8dade; background:#fff; border-radius:100px; margin-left:5px}
.main_review .tit_box .more_btn .icon {background:transparent url('../images/riview_more.gif') center center no-repeat; width:38px; height:38px;} */

.main_review .more_btn {position: relative; float:right; margin-left:5px; background:#fff; border:1px solid #d8dade; width:39px; height:39px; border-radius:100px; box-sizing:border-box; position:relative;}
.main_review .more_btn {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.main_review .more_btn * {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.main_review .more_btn .more {overflow:hidden; width:15px; height:15px; margin-top:11px; margin-right:11px; float:right;}
.main_review .more_btn .more {background:transparent url('../images/main_more_ic.gif') right center no-repeat;}
.main_review .more_btn .tx {position:absolute; left:15px; top:0; font-size:0.75em; line-height:37px; height:37px; width:0px; overflow:hidden;  color:#999;}
.main_review .more_btn:hover .more {background-position:left top;}
.main_review .more_btn:hover {width:75px;}
.main_review .more_btn:hover .tx {width:35px;}

.main_review .ctg_box {float:right; }
.main_review .ctg_box ul {float:left; display:none;}
.main_review .ctg_box li {list-style:none; float:left; margin-left:5px}
.main_review .ctg_box .btn {background:#d8dade; color:#666; font-size:1.05em; letter-spacing:-1px; font-weight:100; padding:0 30px; border:1px solid #d8dade; box-sizing:border-box; border-radius:30px; height:39px; line-height:37px;}
.main_review .ctg_box .btn {transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all;}
.main_review .ctg_box .btn:hover {background:#8d9095; color:#fff; border-color:#8d9095;}
.main_review .ctg_box .hit .btn {background:#fff; border-color:#dee0e5; font-size:1.05em; color:#000; letter-spacing:-1px; font-weight:300; padding:0 30px}

.main_review .photo_review {float:left; width:900px; box-sizing:border-box; padding:60px 41px 60px 0;  background:#f0f1f3; position:relative; height:490px;}
.main_review .photo_review:before {content:""; position:absolute; left:-900px; top:0; width:100%; height:100%; background:#f0f1f3;}
.main_review .photo_review .rolling_box {overflow:hidden; margin:0 -10px 0 -9px}
.main_review .photo_review .rolling_box li {list-style:none; float:left; width:50%; float:left;}
.main_review .photo_review .item_box {position:relative; overflow:hidden; margin:0 10px 0 9px; cursor:default; height:247px;}
.main_review .photo_review .rolling_icon {margin-top:50px}

.main_review .login_bg {position:absolute; left:0; top:0; width:100%; height:100%; z-index:15; }
.main_review .login_bg .bg {position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.9; -ms-filter:alpha(opacity=90);filter:alpha(opacity=90);}
.main_review .login_bg .txt_box {display:block; position:absolute; left:0; top:50%; text-align:center; margin-top:-42px; width:100%;}
.main_review .login_bg .txt_box .txt {font-size:0.95em; color:#fff; font-weight:300; line-height:1.2em; }
.main_review .login_bg .txt_box .btn {margin-top:17px; background:#fff; color:#000; font-size:0.85em; letter-spacing:0.5px; font-weight:300; height:31px; line-height:28px; border:1px solid #fff; border-radius:30px; }
.main_review .login_bg .txt_box .btn {transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all; padding:0 18px; box-sizing:border-box;}
.main_review .login_bg .txt_box .btn:hover {padding:0 25px; background:#769123; color:#fff; border-color:#769123}
.main_review .if_auth .login_bg {display:none;}

.main_review .thumb_box {overflow:hidden; border:2px solid #dee0e5; box-sizing:border-box; display:inline-block;}
.main_review .thumb_box li {position:relative; box-sizing:border-box;}
.main_review .thumb_box:before {content:""; position:absolute; left:50%; top:0; width:2px; height:100%; background:#dee0e5; z-index:1; margin-left:-1px;}
.main_review .thumb_box .thumb {overflow:hidden;}
.main_review .thumb_box .thumb img {width:207px; height:242px; float:left;}
.main_review .thumb_box .thumb img {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.main_review .thumb_box .tag {box-sizing:border-box; border-radius:100px; line-height:23px; font-size:0.83em; letter-spacing:1px; font-weight:400; color:#fff; text-align:center; box-sizing:border-box;}
.main_review .thumb_box .tag {position:absolute; left:50%; bottom:9px; width:75px; height:25px; margin-left:-37px; background:#3c592b; border:1px solid #3c592b; }
.main_review .thumb_box .tag {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.main_review .thumb_box .tag.after {background:#94b52c; border-color:#94b52c}
/* .main_review .thumb_box li:hover .tag {width:100%; margin:0px; left:0; bottom:0; border-radius:0px; opacity: 0.8; filter: alpha(opacity=80); -ms-filter:alpha(opacity=80);} */
/* .main_review .thumb_box li:hover .thumb img {transform:scale(1.05); -webkit-transform:scale(1.05);} */


/* 시술후기 */
.main_review .review_box {width:450px; float:right; padding:60px 0 60px 40px; box-sizing:border-box; position:relative; height:490px;}
.main_review .review_box .more_btn {border-color:#fff;}
.main_review .review_box .tit_box {margin-bottom:20px}
.main_review .review_box:before {content:""; position:absolute; left:-1px; top:0; width:1px; height:490px; background:#e1e3e8;}
.main_review .review_box .rolling_box {margin-left:7px; margin-top:-4px; height:258px;}
.main_review .review_box .rolling_box li {list-style:none; overflow:hidden; position:relative; padding:3px 20px 4px 13px; border-bottom:1px solid #d9dce2; box-sizing:border-box; height:36px;}
.main_review .review_box .rolling_box li:first-child {margin-top:0;}
.main_review .review_box .rolling_box .posting { /* float:left; */ display:inline-block; max-width:100%; overflow:hidden; box-sizing:border-box; position:relative;}
.main_review .review_box .rolling_box li:before {background:#000;  border-radius:100px; border:1px solid #000; box-sizing:border-box; overflow:hidden;}
.main_review .review_box .rolling_box li:before {content:""; width:4px; height:4px; position:absolute; top:50%; left:1px; margin-top:-1px; }
.main_review .review_box .rolling_box em {color:#999; font-size:1em; letter-spacing:-0.5px; font-weight:300 ; position:absolute; top:-1px; right:101px;  line-height:32px;}
.main_review .review_box .rolling_box em {transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all;}
.main_review .review_box .rolling_box .tag {position:absolute; right:0; top:0; font-size:0.85em; text-align:center; width:75px; height:29px; box-sizing:border-box; border:1px solid #b2b2b7; background:#b2b2b7; border-radius:30px; color:#fff; line-height:25px;}
.main_review .review_box .rolling_box .tag.if_answer {background:#94b52c; border-color:#94b52c}
.main_review .review_box .rolling_box .txt {font-size:1em; color:#000; line-height:29px; font-weight:300; font-weight:400\9; letter-spacing:-0.5px; }
.main_review .review_box .rolling_box .txt {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; position:relative; padding-right:15px;}
.main_review .review_box .rolling_box .icon  {float:right; display:inline-block; margin-left:4px; margin-top:8px; line-height:12px; font-size:0.85em; font-weight:300; color:#000;}
.main_review .review_box .rolling_box .new {background:transparent url('../images/ic_new.png') left top no-repeat; width:14px; height:14px;}
.main_review .review_box .rolling_box .secret {background:transparent url('../images/ic_secret.gif') left top no-repeat; width:12px; height:14px;}
.main_review .review_box .rolling_box .photo {background:transparent url('../images/ic_photo.gif') left top no-repeat; width:17px; height:14px; margin-top:7px}
.main_review .review_box .rolling_box .reply {background:transparent url('../images/ic_reply.gif') left top no-repeat; width:22px; height:14px; margin-right:4px; float:left;}
.main_review .review_box .rolling_box li:hover em {color:#000;}
.main_review .review_box .rolling_box .posting:hover .txt {text-decoration:underline;}
.main_review .review_box .rolling_icon {margin-top:46px; margin-top:45px\0}

.main_review .rolling_icon {width:100%; text-align:center; overflow:hidden;}
.main_review .rolling_icon ul {display:inline-block;}
.main_review .rolling_icon li {list-style:none; float:left;}
.main_review .rolling_icon .icon {float:left; padding:5px; box-sizing:border-box;}
.main_review .rolling_icon .icon:before {content:""; display:inline-block; width:11px; height:11px; background:#b2b2b7; border-radius:100px; border:1px solid #b2b2b7; overflow:hidden; box-sizing:border-box;}
.main_review .rolling_icon .icon:before {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.main_review .rolling_icon .active:before {background:#333 !important; border-color:#333 !important;}
.main_review .rolling_icon .icon:hover:before {background:#fff; border:2px solid #b2b2b7;}

.main_review .no_posting {text-align:center; font-weight:300; font-size:0.95em; padding-top:110px; background:transparent url('../images/board_no.png') center 45px no-repeat;}

.main_review .review_box.new_main .rolling_icon {display:none !important;}
.main_review .review_box.new_main .rolling_box {height:150px;}






/* **************************************** *
 * FOOTER (common)
 * **************************************** */
.footer {background:#f0f1f3; text-align:center;}
.footer .bottom {text-align:center; border-top:1px solid #e1e3e8; border-bottom:1px solid #dee0e5; background:#fff;}
.footer .bottom ul {display:inline-block; margin-left:-1px}
.footer .bottom li {list-style:none; float:left; position:relative;}
.footer .bottom li:before {content:""; position:absolute; left:0; top:50%; width:1px; height:14px; background:#e6e6e6; margin-top:-7px;}
.footer .bottom .btn {display:block; padding:20px 29px; margin-left:1px; color:#666; font-size:0.95em; letter-spacing:-0.5px; transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all;}
.footer .bottom li:first-child:before {display:none;}
.footer .bottom .btn:hover {color:#333;}

.footer .footer_box { padding:45px 0 100px}
.footer .footer_box .logo {margin-bottom:40px}
.footer .footer_box dl {}
.footer .footer_box dt,
.footer .footer_box dd {font-size:0.87em;}
.footer .footer_box .tx {line-height:22px; color:#666; line-height:1.6em; font-weight:300; font-weight:400\9; padding:0 10px}
.footer .footer_box .tx.tit {color:#000; font-weight:400;}
.footer .footer_box .tx a {color:#666;}
.footer .footer_box .tx a:hover {text-decoration:underline;}
.footer .footer_box dd {margin-top:25px}
.footer .footer_box dd .tx {font-size:0.92em; }