@charset 'utf-8';

/*
 * Copyright      :    onedaynet / Gobeyond
 * Solution       :    HYSSENCE 2.0
 * Directory      :    pages/css/
 * File           :    topline_sub.css
 * Description    :    Sub page
 *
 * ***********************************************
 *
 * SUMMARY
 * 01) SUB VISUAL
 * 02) SUB SECTION (COMMON)
 * 03) 탑라인 소개
 * 04) 부위정보
 * 05) 수술정보 / 대상
 * 06) 장점
 * 07) 사후관리 시스템
 * 08) 자주하는질문
 * 09) 수술전후 사진
 * 10) 전후사진
 * 11) BOARD TYPE : NORMAL
 * 12) 페이지네이트
 * 13) 서브 간편상담신청
 * 14) SNS 로그인
 * 15) SITEMAP
 * 16) 게시판(공통)
 */









/* **************************************** *
 * SUB VISUAL
 * **************************************** */
.sub_visual {background:transparent url('../images/sub/sub_visual.jpg') center top no-repeat; height:592px;}
.sub_visual .top_tit {padding-top:185px; position:relative;}
.sub_visual .top_tit .tit {font-weight:100; font-size:2.75em; letter-spacing:-3px; line-height:1.15em; color:#fff;}
.sub_visual .top_tit strong {font-weight:500;}
.sub_visual .top_tit .sub_txt {font-weight:100; font-size:1.20em; letter-spacing:-1px; line-height:1.2em; color:#fff; padding-top:34px; border-top:2px solid #94b52c; position:absolute; left:288px; top:275px;}
.sub_visual .top_tit .sub_txt em {color:#a6cf23; font-weight:400;}

.sub_visual.sub02 {background:transparent url('../images/sub/sub_visual1.jpg') center top no-repeat;}
.sub_visual.sub02 .top_tit .sub_txt {left:306px; }
.sub_visual.sub03 {background:transparent url('../images/sub/sub_visual2.jpg') center top no-repeat;}
.sub_visual.sub03 .top_tit .sub_txt {left:445px; }
.sub_visual.sub04 {background:transparent url('../images/sub/sub_visual3.jpg') center top no-repeat;}
.sub_visual.sub04 .top_tit .sub_txt {left:401px; }

.sub_visual.sub05 {background:transparent url('../images/sub/sub_visual4.jpg') center top no-repeat; height:400px;}
.sub_visual.sub05 .top_tit .sub_txt {left:333px; top:200px}
.sub_visual.sub05 .top_tit {padding-top:110px;}

.sub_visual.sub06 {background:transparent url('../images/sub/sub_visual5.jpg') center center no-repeat; height:400px;}
.sub_visual.sub06 .top_tit .sub_txt {left:333px; top:200px}
.sub_visual.sub06 .top_tit {padding-top:110px;}

.sub_visual.sub07 {background:transparent url('../images/sub/sub_visual6.jpg') center bottom no-repeat; height:400px;}
.sub_visual.sub07 .top_tit .sub_txt {left:323px; top:175px}
.sub_visual.sub07 .top_tit {padding-top:90px;}








/* **************************************** *
 * SUB SECTION (COMMON)
 * **************************************** */
.section {margin-top:-74px; overflow:hidden;}
.section+ .section {margin-top:0}
.section .layout_fix {background:#fff; }
.section .contents_tit {text-align:center; position:relative; padding:39px 0 43px; color:#000; font-weight:500; font-size:2.15em; letter-spacing:-3px;}
.section .contents_tit:before {content:""; position:absolute; left:50%; bottom:0; width:98px; height:1px; background:#000; margin-left:-49px;}
.section .left_photo {width:50%; float:left;}
.section .right_txt {width:50%; float:right; padding-left:80px; box-sizing:border-box;}
.section .right_txt .num {font-size:100px; font-family:"rubik";	color:#333; line-height:0.75em;}
.section .right_txt .tit {font-size:50px; letter-spacing:-3.5px; color:#333; line-height:1.2em; margin-top:50px}
.section .right_txt .tit strong {font-weight:700;}
.section .right_txt .tit em {letter-spacing:0px;}
.section .right_txt .tit2 {letter-spacing:-5px;}
.section .right_txt .txt {font-size:30px; line-height:1.2em; color:#333; font-weight:100; letter-spacing:-1.5px; margin-top:62px; word-wrap:break-word; word-break:keep-all; }
.section .right_txt .txt span {font-weight:700; line-height:0.95em;}
.section .right_txt .txt .bl {color:#4172cc; border-bottom:1px solid #4172cc;}
.section .right_txt .txt .yl {color:#fdb731; border-bottom:1px solid #fdb731;}
.section .right_txt .txt .gr {color:#b3cc41; border-bottom:1px solid #b3cc41;}
.section .sub_title {font-size:24px; color:#000; letter-spacing:-1.5px; margin-bottom:15px}
.section .section_left_tit {width:460px; float:left; padding-right:115px; box-sizing:border-box;}
.section .section_left_tit dt {font-size:40px; color:#333; letter-spacing:-3px;}
.section .section_left_tit dt strong {font-size:50px; font-weight:700; display:block; line-height:1.02em; letter-spacing:-3.5px;}
.section .section_left_tit dd {font-weight:100; font-size:30px; letter-spacing:-1.5px; color:#333; word-wrap:break-word; word-break:keep-all; margin-top:50px; line-height:1.2em;}

.section .body_02 .right_txt .txt {margin-top:52px}
.section .body_03 .right_txt .txt {margin-top:50px}

/* 공통 레이아웃 */
.section .common_box {border:1px solid #dee0e5; box-sizing:border-box; margin-top:50px; padding:55px 55px 55px 50px}
.section .editor {font-size:17px; font-weight:300; line-height:26px; letter-spacing:-0.5px; word-wrap:break-word; word-break:keep-all;}










/* **************************************** *
 * 탑라인 소개
 * **************************************** */
.sub01 .about_top_tit { text-align:center;  margin:57px 0 70px;}
.sub01 .about_top_tit .txt {display:inline-block; color:#000; font-size:1.35em; letter-spacing:-1px; font-family:"NanumMyeongjo"; line-height:1.3em;  position:relative;}
.sub01 .about_top_tit .ic_01 {position:absolute; left:37px; top:22px; font-size:5em; color:#a6cf23; font-family:"NanumMyeongjo";}
.sub01 .about_top_tit .ic_02 {position:absolute; right:-63px; bottom:-60px; font-size:5em; color:#a6cf23; font-family:"NanumMyeongjo";}
.sub01 .about_top_tit em { line-height:0;}

.sub01 .about_top_tit.about_02 .ic_01 {left:-47px}
.sub01 .about_top_tit.about_03 .ic_01 {left:-65px}
.sub01 .about_top_tit.about_05 .ic_01 {left:-2px}

.sub01 .about_top_box {background:transparent url('../images/sub/about_01_bg.jpg') left top no-repeat; height:299px; overflow:hidden; position:relative;}
.sub01 .about_top_box ul {display:table; width:100%; table-layout:fixed;}
.sub01 .about_top_box li {list-style:none; display:table-cell; vertical-align:middle; height:299px; text-align:center; }
.sub01 .about_top_box .bg { position:absolute; left:0; top:0; width:50%; height:100%; background:#000; opacity:.12; -ms-filter:alpha(opacity=12);filter:alpha(opacity=12);}
.sub01 .about_top_box dl {position:relative;}
.sub01 .about_top_box dt {font-weight:100; font-size:35px; color:#fff; letter-spacing:-1.5px;}
.sub01 .about_top_box dt strong {font-weight:500;}
.sub01 .about_top_box dd {font-size:1em; letter-spacing:-0.5px; color:#fff; line-height:1.3em; margin-top:23px; padding:29px 0 12px; position:relative;}
.sub01 .about_top_box dd:before {content:""; position:absolute; left:50%; top:0; width:25px; height:1px; background:#fff; margin-left:-12px}

.sub01 .intro_box {margin-top:80px; overflow:hidden;}
.sub01 .intro_box .title {text-align:center; background:transparent url('../images/sub/about_01_his.gif') center center no-repeat; font-size:48px; font-weight:100; letter-spacing:-5.5px; color:#333; padding:7px 0 17px}
.sub01 .intro_box ul {margin-top:80px;}
.sub01 .intro_box li {list-style:none; float:left; width:725px; padding-right:33px; box-sizing:border-box;}
.sub01 .intro_box .img_box {width:625px; padding:0}
.sub01 .intro_box .name {padding:24px 50px 29px; color:#333; font-size:33px; letter-spacing:-3px; font-weight:100;}
.sub01 .intro_box .name strong { font-size:48px; font-weight:400; letter-spacing:-4.5px;}
.sub01 .intro_box .history {background:#f0f1f3; overflow:hidden; padding-left:50px; padding:8px 0 43px 50px}
.sub01 .intro_box .history ul {margin-top:33px}
.sub01 .intro_box .history li {float:none; letter-spacing:-0.5px; font-weight:300; padding:4px 0} 

/* 탑라인의 품격 */
.sub01 .dignity_box {}
.sub01 .dignity_box .table {display:table; width:100%; table-layout:fixed;}
.sub01 .dignity_box ul {display:table-row;}
.sub01 .dignity_box li {list-style:none; display:table-cell; vertical-align:middle; text-align:center; box-sizing:border-box; }
.sub01 .dignity_box .bg { background:#f0f1f3;}
.sub01 .dignity_box dl {padding:38px 0 38px; position:relative;}
.sub01 .dignity_box dl:before {content:""; content:""; position:absolute; left:0; top:0; right:0; bottom:0;  border:1px solid #e1e3e8;}
.sub01 .dignity_box .bg dl:before {display:none;}
.sub01 .dignity_box dt {color:#333; font-size:1.75em; letter-spacing:-1.5px; font-weight:700;}
.sub01 .dignity_box dt img {margin-bottom:9px}
.sub01 .dignity_box dd {color:#6e6f6f; font-size:1.05em; letter-spacing:-1px; font-weight:300; line-height:1.45em; position:relative; padding-top:20px; margin-top:14px}
.sub01 .dignity_box dd:before {content:""; position:absolute; left:50%; top:0; width:24px; height:1px; background:#333; margin-left:-12px}
.sub01 .dignity_box .title {background:#94b52c; color:#fff; letter-spacing:0.5px; line-height:0.9em; font-family:"lato"; font-size:3.0em; font-weight:100; border:0; }
.sub01 .dignity_box .title strong {letter-spacing:0.2px; font-weight:600; }

.sub01 .addCon {padding:30px 250px 30px; border: 1px solid #e1e3e8; font-weight:300; height:100px}
.sub01 .addCon .tit {float:left; list-style:none; color:#333; font-size:1.85em; letter-spacing:-1.5px; font-weight:700; padding-right:50px; line-height:1.5em}
.sub01 .addCon .tit span {font-size:1.57em;}
.sub01 .addCon .list {float:left; list-style:none; font-weight:300;}


/* 병원 둘러보기 갤러리 */
.gallery_box {background:transparent url('../images/sub/about_03_bg.jpg') center top no-repeat; height:1353px; margin-bottom:-100px; padding-top:122px; box-sizing:border-box;}
.gallery_box .gallery_rolling {position:relative; padding:0 125px; }
.gallery_box .rolling_box {overflow:hidden;}
.gallery_box .rolling_box li {list-style:none; float:left;}
.gallery_box .rolling_box img {float:left; max-width:100%}

.gallery_box .prevnext {position:absolute; top:50%; z-index:3; margin-top:-62px}
.gallery_box .prevnext.prev {left:20px; }
.gallery_box .prevnext.next {right:20px; }
.gallery_box .prevnext a {display:block; padding:20px; text-align:center;}
.gallery_box .prevnext .icon {width:23px; height:34px; background:transparent url('../images/sub/about_03_slide_ar.png') left top no-repeat;}
.gallery_box .prevnext.next .icon {background-position:right top;}
.gallery_box .prevnext:hover .icon {background-position:left bottom;}
.gallery_box .prevnext.next:hover .icon {background-position:right bottom;}

.gallery_box .rolling_con_box {overflow:hidden; margin-top:23px}
.gallery_box .rolling_con_box .num {float:left; font-family:"rubik"; font-size:18px; color:#999; line-height:26px; padding-left:5px}
.gallery_box .rolling_con_box .num strong {color:#fff;}
.gallery_box .right_con {float:right; margin-right:-4px}

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

.gallery_box .rolling_icon {text-align:center; overflow:hidden; float:left; margin-top:4px}
.gallery_box .rolling_icon ul {display:inline-block;}
.gallery_box .rolling_icon li {list-style:none; float:left;}
.gallery_box .rolling_icon .icon {float:left; padding:4px; box-sizing:border-box;}
.gallery_box .rolling_icon .icon:before {content:""; display:inline-block; width:10px; height:10px; background:#fff; border-radius:100px; border:1px solid #fff; overflow:hidden; box-sizing:border-box;}
.gallery_box .rolling_icon .icon:before {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.gallery_box .rolling_icon .active:before {background:transparent !important; border:2px solid #fff !important;}
.gallery_box .rolling_icon .icon:hover:before {background:#fff; border:2px solid #809b29;}

.gallery_box .gallery_bottom {padding:128px 125px 0}
.gallery_box .gallery_bottom ul {display:table; width:100%; table-layout:fixed;}
.gallery_box .gallery_bottom li {list-style:none; display:table-cell; vertical-align:middle;}
.gallery_box .txt_box {font-size:35px; font-weight:100; color:#fff; line-height:48px; letter-spacing:-2.5px; margin-left:-2px}
.gallery_box .txt_box .txt {font-size:65px; line-height:76px; letter-spacing:-5px;}
.gallery_box .txt_box strong {font-weight:700; letter-spacing:-4px;}

.gallery_box .btn_box {text-align:right; margin-top:28px;}
.gallery_box .btn_box ul {display:inline-block; width:auto;}
.gallery_box .btn_box li {float:left; display:block; margin-left:13px}
.gallery_box .btn_box .btn {height:45px; line-height:42px; border:1px solid #fff; border-radius:100px; overflow:hidden; width:159px; text-align:center;  background:transparent; box-sizing:border-box;}
.gallery_box .btn_box .btn {transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all; }
.gallery_box .btn_box .txt {padding-right:21px; position:relative; color:#fff; font-size:18px; font-weight:300; letter-spacing:-1px;}
.gallery_box .btn_box .txt .icon {position:absolute; right:-5px; top:0; background:transparent url('../images/sub/about_03_arrow.gif') right center no-repeat; width:16px; height:100%;}
.gallery_box .btn_box .txt .icon {transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all; }
.gallery_box .btn_box .btn:hover {background:#fff;}
.gallery_box .btn_box .btn:hover .txt {color:#333;}
.gallery_box .btn_box .btn:hover .icon {background-position:left center;}

/* 오시는길 */
.sub01 .map_box { margin-top:45px; }
.sub01 .map_box .title { text-align:Center; font-size:30px; color:#000; letter-spacing:-0.5px; margin-bottom:15px;}
.sub01 .map_box .map {height:672px; background:#ddd; box-sizing:border-box; border:1px solid #ccc;}
.sub01 .map_box .txt_box {background:#f2f3f6; padding:30px 40px; overflow:hidden; }

.sub01 .map_box .info_box { display:table; width:100%; margin-top:0}
.sub01 .map_box .info_box ul {display:table-row}
.sub01 .map_box .info_box li {display:table-cell; list-style:none;}
.sub01 .map_box .info {background:transparent url('../images/sub/map_icon.png') left 12px no-repeat; padding:16px 0 5px; float:left;}
.sub01 .map_box .info div {list-style:none; position:relative; padding-left:90px; position:relative; margin-left:120px; font-size:15px; color:#000; margin-bottom:10px; line-height:18px; font-weight:300;}
.sub01 .map_box .info .tel {font-size:19px; letter-spacing:0; }
.sub01 .map_box .info .tel strong { font-family:Arial; }
.sub01 .map_box .info .txt { font-size:15px; color:#000; position:absolute; top:0; left:0; letter-spacing:0.5px;}
.sub01 .map_box .info .bar {position:absolute; top:2px; left:74px; width:1px; height:13px; background:#d8d8dc;}
.sub01 .map_box .info .letter3 {letter-spacing:7px;}

.sub01 .map_box .btn_box { float:right; }
.sub01 .map_box .btn_box div {list-style:none; width:202px; height:52px; margin-top:1px; position:Relative;}
.sub01 .map_box .btn_box div:first-child {margin-top:0px}
.sub01 .map_box .btn_box .button {padding:0 23px 0 24px;  display:block;}
.sub01 .map_box .box {display:block}
.sub01 .map_box .road {background:#769123;}
.sub01 .map_box .sky {background:#94b52c;}
.sub01 .map_box .road:hover {background:#6d9100;}
.sub01 .map_box .sky:hover {background:#8ab600;}
.sub01 .map_box .btn_txt {display:block;  background:transparent url('../images/sub/map_arrow.png') right 17px no-repeat; line-height:52px; color:#fff; font-size:15px; letter-spacing:-0.5px; padding:0 23px 0 24px; margin-right:17px}

/* 자가용, 버스 이용 */
.sub01 .use_box {}
.sub01 .car {margin-top:35px;}
.sub01 .car .title {font-size:24px; color:#000; letter-spacing:-0.5px; line-height:25px; padding-bottom:15px; border-bottom:1px solid #abadb2;}
.sub01 .car .icon {margin:0px 13px 0 10px; float:left;}
.sub01 .car_box { position:relative;  box-sizing:border-box; }
.sub01 .car_box .border {position:absolute; top:0; width:1px; height:100%; }
.sub01 .car_box .bd1 {left:213px;}
.sub01 .car_box .bd2 {right:202px;}
.sub01 .car_box ul {display:table; width:100%; border-bottom:1px solid #dddee2;}
.sub01 .car_box li {list-style:none; display:table-cell; vertical-align:middle;  padding:10px 0}
.sub01 .car_box .th { font-size:16px; color:#333337; width:213px;  text-align:center; background:#f6f7f8; line-height:20px; padding:15px 0}
.sub01 .car_box .td {padding:10px 20px; font-size:16px; color:#000; vertical-align:middle; line-height:20px;  border-left:1px solid #dddee2; font-weight:300;}
.sub01 .car_box .td em {color:#ec2626;}
.sub01 .car_box .td+ .td {width:156px; text-align:center;}

.sub01 .car_box .btn { background:#dee1e9; padding:0 10px; text-align:center; width:156px;}
.sub01 .car_box .txt {font-size:13px; color:#47484d;  padding:12px 0 11px 25px; text-align:left; font-weight:300;}
.sub01 .car_box .txt.btn01 { background:transparent url('../images/sub/ic_car.png') left center no-repeat;}
.sub01 .car_box .txt.btn02 { background:transparent url('../images/sub/ic_car2.png') left center no-repeat;}
.sub01 .car_box .txt.btn03 { background:transparent url('../images/sub/ic_bus.png') left center no-repeat;}
.sub01 .car_box .btn:hover {background:#3b3d41; }
.sub01 .car_box .btn:hover .txt {color:#fff;}
.sub01 .car_box .btn:hover .txt.btn01 { background:transparent url('../images/sub/ic_car_over.png') left center no-repeat;}
.sub01 .car_box .btn:hover .txt.btn02 { background:transparent url('../images/sub/ic_car2_over.png') left center no-repeat;}
.sub01 .car_box .btn:hover .txt.btn03 { background:transparent url('../images/sub/ic_bus_over.png') left center no-repeat;}

.sub01 .bus_ic {font-size:14px; line-height:25px; margin:2px 10px 2px 0}
.sub01 .bus_ic .icon {color:#fff; padding:0 10px; height:25px; line-height:23px; border-radius:50px; margin-right:7px; box-sizing:border-box; float:left; margin-left:0px; word-wrap:break-word; word-break:keep-all;}
.sub01 .bus_ic strong {font-size:16px; font-weight:400;}
.sub01 .bus_01 { color:#3353a2; }
.sub01 .bus_02 { color:#50a332;  }
.sub01 .bus_03 { color:#dc1219;  }
.sub01 .bus_04 { color:#70b0e0;  }
.sub01 .bus_01 .icon {background:#3353a2; border:1px solid #3353a2; }
.sub01 .bus_02 .icon {background:#50a332; border:1px solid #50a332; }
.sub01 .bus_03 .icon {background:#dc1219; border:1px solid #dc1219; }
.sub01 .bus_04 .icon {background:#70b0e0; border:1px solid #70b0e0; }

.sub01 .subway {height:17px; width:90px; background:#666; text-align:center; position:relative; border-radius:100px;}
.sub01 .subway strong {border-radius:100px; width:30px; height:30px; border:1px solid #fff; box-sizing:border-box; line-height:27px; background:#fff; display:inline-block; }
.sub01 .subway strong {color:#666; font-size:16px; font-weight:700; margin-top:-9px;}

.sub01 .subway_walk {position:relative; background:transparent url('../images/sub/ic_subway_walk_bg.gif') left 38px repeat-x;  text-align:center; height:80px;}
.sub01 .subway_walk .start {height:17px;  border-radius:100px; width:70px; position:relative; float:left; margin-top:30px;}
.sub01 .subway_walk .start:before {content:""; border-radius:100px; width:35px; height:35px; position:absolute; left:50%; top:-9px; box-sizing:border-box; margin-left:-18px;}
.sub01 .subway_walk .start strong {background:#fff; border:1px solid #fff; width:25px; height:25px; border-radius:100px; position:absolute; left:50%; top:-4px; margin-left:-13px; box-sizing:border-box;}
.sub01 .subway_walk .start strong {font-size:16px; font-weight:700; line-height:22px;}
.sub01 .subway_walk .depart {float:right; height:34px; background:#fff; border:2px solid #ccc; border-radius:100px; width:120px; box-sizing:border-box; margin-top:23px;}
.sub01 .subway_walk .depart {letter-spacing:-0.5px; font-size:13px; font-weight:700; color:#666; line-height:29px;  text-align:center;}
.sub01 .subway_walk .walk {background:transparent url('../images/sub/ic_subway_walk.png') center top no-repeat; padding-top:52px; letter-spacing:-1px;}

.sub01 .subway_walk .sn1.start {background:#50a232; border:1px solid #50a232;}
.sub01 .subway_walk .sn1.start strong {color:#50a232; }
.sub01 .subway_walk .sn1.start:before {background:#50a232; border:1px solid #50a232; }
.sub01 .subway_walk .sn2.start {background:#6f99d0; border:1px solid #6f99d0;}
.sub01 .subway_walk .sn2.start:before {background:#6f99d0; border:1px solid #6f99d0; }
.sub01 .subway_walk .sn2.start strong {color:#6f99d0; }


/* 진료시간 안내 */
.about_time {background:transparent url('../images/sub/about_04_bg.jpg') center top no-repeat; height:1101px; margin-bottom:-100px} 
.about_time .tel_box {text-align:center; padding:70px 0}
.about_time .tel_box .tel {position:relative; display:inline-block; padding:0 4px}
.about_time .tel_box .tel:before {content:""; position:absolute; top:0; left:0; background:#fff; width:100%; height:1px; opacity:.2; -ms-filter:alpha(opacity=20);filter:alpha(opacity=20);}
.about_time .tel_box .tel:after {content:""; position:absolute; bottom:0; left:0; background:#fff; width:100%; height:1px; opacity:.2; -ms-filter:alpha(opacity=20);filter:alpha(opacity=20);}
.about_time .tel_box .icon {float:left; margin-right:15px; margin-top:17px}
.about_time .tel_box .tel_txt {font-size:65px; font-family:"rubik"; color:#fff; font-weight:300; line-height:89px;  letter-spacing:-0.5px;}
.about_time .tel_box .txt {font-size:25px; font-weight:100; color:#fff; margin-top:25px; display:block;  letter-spacing:-2px; line-height:30px;}
.about_time .tel_box .txt2 {font-size:25px; font-weight:100; color:#a6cf23; margin-top:10px;  letter-spacing:-2px; line-height:30px;}
.about_time .tel_box .txt2 .num {font-size:25px; font-weight:400; color:#a6cf23;  letter-spacing:0px; line-height:30px;}

.about_time .time {background:#fff; padding:50px 28px 40px; overflow:hidden;}
.about_time .time_box {background:#fff; overflow:hidden; position:relative;}
.about_time .time_box li {list-style:none; width:50%; float:left; text-align:center; padding:20px 0 15px; border-left:1px solid #ccc; box-sizing:border-box;}
.about_time .time_box li:first-child {border:none;}
.about_time .time_box .img_box {margin-bottom:10px}
.about_time .time_box dl { display:inline-block;}
.about_time .time_box dt { font-size:24px; color:#000; margin-bottom:18px}
.about_time .time_box dd {position:relative; text-align:left !important; line-height:25px; height:25px; color:#888; letter-spacing:-0.5px}
.about_time .time_box .letter {position:absolute; top:0; left:0; font-size:15px; color:#333; line-height:28px; line-height:27px\0; height:25px;}
.about_time .time_box .lt2 {letter-spacing:13px;}
.about_time .time_box strong { font-size:16px; color:#ea5350; font-weight:600; display:inline-block; height:25px; line-height:28px; line-height:30px\0; text-align:left; letter-spacing:0px; position:relative; padding-left:10px; margin-left:50px; font-family:"lato";}
.about_time .time_box .bar {background:#ddd; width:1px; height:12px; position:absolute; left:0; top:50%; margin-top:-5px;}
.about_time .time_box .normal strong {font-size:14px; color:#63646d; font-weight:400; line-height:28px; font-family:"Noto"; letter-spacing:-0.5px;}

/* 온라인, 카카오톡상담 버튼 */
.about_time .quick_btn {margin-top:56px; margin-left:-20px;}
.about_time .quick_btn ul { overflow:hidden; display:table; width:100%; }
.about_time .quick_btn li {list-style:none; display:table-cell; vertical-align:middle;}
.about_time .quick_btn .btn_box {margin-left:20px; background:#ebeef4; overflow:hidden; padding:24px 20px; position:Relative; transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all; }
.about_time .quick_btn .img_box {  text-align:center; line-height:65px; float:left; }
.about_time .quick_btn .txt_box { padding-left:85px}
.about_time .quick_btn dt {font-size:20px; color:#333; letter-spacing:-1.5px; margin:7px 0 6px; line-height:25px; font-weight:300;}
.about_time .quick_btn dd { font-size:14px; color:#7c7d83; letter-spacing:-0.5px; font-weight:300;}
.about_time .quick_btn .id {background:#303236; font-size:15px; letter-spacing:0px;; color:#fefefe; padding:0 21px; line-height:23px; border-radius:50px; border:1px solid #303236; box-sizing:border-box; margin-left:7px;}
.about_time .quick_btn dt strong {float:left; }
.about_time .quick_btn .btn_box:hover {background:#d9dbe0;}
.about_time .quick_btn .btn_box:hover dt {color:#000;}
.about_time .quick_btn .btn_box:hover dd {color:#333;}










/* **************************************** *
 * 부위정보
 * **************************************** */
.info_box {margin-top:50px}









/* **************************************** *
 * 수술정보 / 대상
 * **************************************** */
.sub_info_box {clear:both; padding-top:63px; overflow:hidden;}
.sub_info_box .operation_box {width:50%; float:left;}
.sub_info_box .operation_box table { width:100%; table-layout:fixed; border:1px solid #d4d6db; margin-top:24px}
.sub_info_box .operation_box th {background:#f0f1f3; font-weight:300; color:#333; border:1px solid #e1e3e8; font-size:18px; letter-spacing:-0.5px; height:50px;}
.sub_info_box .operation_box td {text-align:center; border:1px solid #e1e3e8; font-size:18px; letter-spacing:-0.5px; font-weight:300; color:#666; height:79px;}

.sub_info_box.body_01 .operation_box tbody th {height:47px;}
.sub_info_box.body_01 .operation_box td {height:47px;}
.sub_info_box.body_02 .operation_box td {height:58px;}

.sub_info_box.lifting_02 .operation_box .txt_box {color:#333; font-weight:300; letter-spacing:-1px; line-height:22px; font-size:18px; padding-top:3px}
.sub_info_box.lifting_02 .operation_box img {margin-top:17px}

.sub_info_box .object_box {width:50%; float:right; padding-left:80px; box-sizing:border-box;}
.sub_info_box .object_box li {list-style:none; padding-left:16px; color:#333; font-size:18px; letter-spacing:-1px; font-weight:300; position:relative; margin-top:3px;}
.sub_info_box .object_box li:before {content:""; position:absolute; left:4px; top:50%; width:4px; height:4px; border-radius:100px; border:1px solid #000; background:#000; box-sizing:border-box; margin-top:-2px;}

.sub_info_box.body_04 .object_box {float:left; padding-left:0}

.part_box {margin-top:59px}
.part_box .img_box {}
.part_box .img_box+ .img_box {margin-top:20px}
.part_box .img_box img {margin:0 auto; display:block}
.part_box .txt_box {font-weight:300; color:#333; font-size:18px; line-height:30px; letter-spacing:-1px; word-wrap:break-word; word-break:keep-all; margin-top:-4px}
.part_box .txt_box .strong {font-weight:400; border-bottom:1px solid #333; line-height:17px;}

/* 복벽성형 종류 테이블 */
.part_box .table_box {border:1px solid #d4d6db; box-sizing:border-box;}
.part_box .table_box+ .table_box {margin-top:30px}
.part_box .table_box table { width:100%; table-layout:fixed;}
.part_box .table_box th {height:53px; background:#f0f1f3; color:#333; font-weight:400; font-size:18px; border-left:1px solid #e1e3e8; letter-spacing:-1px;}
.part_box .table_box th:first-child {border-left:0;}
.part_box .table_box td {text-align:center; border-top:1px solid #e1e3e8; border-left:1px solid #e1e3e8; }
.part_box .table_box td:first-child {border-left:0;}
.part_box .table_box .title td {color:#4172cc; font-size:16px; letter-spacing:-0.5px; height:39px;}
.part_box .table_box .txt td {text-align:left; background:#f7f8f9; padding:25px 36px 27px 30px; word-wrap:break-word; word-break:keep-all; font-weight:300; font-size:16px; color:#333; letter-spacing:-0.5px; line-height:24px; vertical-align:top	}
.part_box .table_box .txt td .hit {color:#ff6600}
.part_box .table_box img {}

.part_box.body_03 .table_box {margin-left:-1px}
.part_box .table_box .txt ul {margin-top:15px}
.part_box .table_box .txt li {list-style:none; padding-left:11px; position:relative; font-weight:300; color:#333; font-size:16px; letter-spacing:-0.5px;}
.part_box .table_box .txt li:before {content:""; position:absolute; left:0; top:11px; width:4px; height:4px; border:1px solid #333; background:#333; border-radius:100px; box-sizing:border-box; }

/* 지방이식 부위 */
.part_box.body_02 .img_box {width:50%; float:left;}
.part_box .body_box {width:50%; float:right; padding:0 33px 0 80px; box-sizing:border-box;}
.part_box .body_box .txt {color:#333; font-weight:300; font-size:18px; line-height:30px; letter-spacing:-0.5px; word-wrap:break-word; word-break:keep-all; padding-top:5px}
.part_box .body_box .process_tit {margin-top:46px; background:#4172cc; text-align:center; color:#fff; border-radius:100px; border:1px solid #4172cc; box-sizing:border-box; font-size:24px; letter-spacing:-1.5px; height:67px; line-height:65px; font-weight:400;}
.part_box .body_box .process { margin-top:20px; padding:0 15px;}
.part_box .body_box .process ul {display:table; width:100%; table-layout:fixed;}
.part_box .body_box .process li {list-style:none; display:table-cell; text-align:center; padding:20px 30px 7px; }
.part_box .body_box .process .pro_txt { word-wrap:break-word; word-break:keep-all; margin-top:13px; font-weight:300; color:#333; letter-spacing:-1px; line-height:22px; font-size:18px;}

/* 종아리 축소 */
.part_box.body_04 .table_box tbody th {border-top:1px solid #e1e3e8; height:48px;}
.part_box.body_04 .table_box .txt {padding:25px 35px 25px 30px; word-wrap:break-word; word-break:keep-all; text-align:left; vertical-align:top}
.part_box.body_04 .table_box .bl {background:#ecf1fa;}
.part_box.body_04 .table_box .gr {background:#f7faec;}
.part_box.body_04 .table_box .yl {background:#fff8ea;}
.part_box.body_04 .table_box th.bl {background:#c6d4f0;}
.part_box.body_04 .table_box th.gr {background:#e1ebb3;}
.part_box.body_04 .table_box th.yl {background:#fee2ad;}
.part_box.body_04 .table_box td {color:#333; font-weight:300; font-size:16px; letter-spacing:-0.5px; line-height:24px; }

/* 가슴 리프팅 */
.part_box.lifting_02 .table_box tr:first-child td {border-top:0;}
.part_box.lifting_02 .table_box .title {background:#f7f8f9; height:59px;}
.part_box.lifting_02 .table_box .txt {display:inline-block; color:#333; font-size:16px; font-weight:300; letter-spacing:0px; line-height:26px;}
.part_box.lifting_02 .table_box .num {width:28px; height:28px; border-radius:100px; overflow:hidden; border:1px solid #fb716f; background:#fb716f; box-sizing:border-box; text-align:center; color:#fff; font-size:16px; font-family:"rubik"; line-height:26px; float:left; margin-right:5px}

/* 얼굴 리프팅 */
.part_box.lifting_03 .table_box th {height:51px;}
.part_box.lifting_03 .table_box td {height:49px; text-align:left; padding:0 20px; font-weight:300; font-size:18px; color:#333; letter-spacing:-1px;}
.part_box.lifting_03 .table_box .tit {text-align:center;}
.part_box.lifting_03 .table_box .bl {background:#ecf1fa;}
.part_box.lifting_03 .table_box th.bl {background:#c6d4f0;}
.part_box.lifting_03 .table_box .img {padding:0 9px}

.part_box .txt_icon { margin-left:25px; text-align:center; padding-top:10px}
.part_box .txt_icon ul {display:inline-block;}
.part_box .txt_icon li {list-style:none; float:left; width:204px; height:204px; position:relative;  text-align:center; margin-left:-25px;}
.part_box .txt_icon .bg {position:absolute; left:0; top:0; width:100%; height:100%; opacity:.7; -ms-filter:alpha(opacity=70);filter:alpha(opacity=70); box-sizing:border-box;border-radius:300px; overflow:hidden;}
.part_box .txt_icon .yl .bg {background:#f9b128; border:1px solid #f9b128; }
.part_box .txt_icon .bl .bg {background:#4a78d4; border:1px solid #4a78d4;}
.part_box .txt_icon .gr .bg {background:#b3cc41; border:1px solid #b3cc41;}
.part_box .txt_icon .pi .bg {background:#fb716f; border:1px solid #fb716f;}
.part_box .txt_icon .pr .bg {background:#cd8bd5; border:1px solid #cd8bd5;}
.part_box .txt_icon .sk .bg {background:#8bcbd5; border:1px solid #8bcbd5;}
.part_box .txt_icon .txt {color:#fff; font-size:30px; font-weight:700; letter-spacing:-1.5px; position:relative; line-height:36px; padding-top:67px}

/* 방법 */
.way_box {margin-top:59px}
.way_box .table {border:1px solid #d6d8dd;}
.way_box .table ul {display:table; width:100%; table-layout:fixed;}
.way_box .table li {list-style:none; display:table-cell; border-left:1px solid #e0e2e7; padding:40px 42px 34px 40px}
.way_box .table li:first-child {border-left:0;}
.way_box .table dt {text-align:center;}
.way_box .table .num {width:58px; height:58px; border:1px solid #4172cc; background:#4172cc; border-radius:100px; overflow:hidden; text-align:center; line-height:56px; font-family:"rubik"; color:#fff; font-size:30px; box-sizing:border-box;}
.way_box .table .tit {display:block; font-size:25px; color:#4172cc; font-weight:700; letter-spacing:-1.5px; margin-top:5px}
.way_box .table dd {color:#333; font-size:18px; font-weight:300; letter-spacing:-1px; line-height:30px; word-wrap:break-word; word-break:keep-all; padding-top:26px; margin-top:23px; position:relative;}
.way_box .table dd:before {content:""; position:absolute; left:50%; top:0; width:48px; height:1px; background:#000; margin-left:-24px}
.way_box .table strong {font-weight:400;}

.way_box.lifting_02 .table li {padding-bottom:50px}
.way_box.lifting_02 .table dd {text-align:center;}

/* 벨로디2 리프팅 */
.sub_info_box .operation_box .txt_icon {margin-top:17px; margin-left:25px; text-align:center;}
.sub_info_box .operation_box .txt_icon li {list-style:none; float:left; height:59px; line-height:57px; position:relative;  text-align:center; margin-left:-25px}
.sub_info_box .operation_box .txt_icon .bg {position:absolute; left:0; top:0; width:100%; height:100%; opacity:.8; -ms-filter:alpha(opacity=80);filter:alpha(opacity=80); box-sizing:border-box;border-radius:300px; overflow:hidden;}
.sub_info_box .operation_box .txt_icon .yl {width:177px; z-index:3}
.sub_info_box .operation_box .txt_icon .bl {width:197px; z-index:2}
.sub_info_box .operation_box .txt_icon .gr {width:197px; z-index:1}
.sub_info_box .operation_box .txt_icon .pi {width:177px;}
.sub_info_box .operation_box .txt_icon .yl .bg {background:#fdb731; border:1px solid #fdb731; }
.sub_info_box .operation_box .txt_icon .bl .bg {background:#4172cc; border:1px solid #4172cc;}
.sub_info_box .operation_box .txt_icon .gr .bg {background:#b3cc41; border:1px solid #b3cc41;}
.sub_info_box .operation_box .txt_icon .pi .bg {background:#ec9e9e; border:1px solid #ec9e9e;}
.sub_info_box .operation_box .txt_icon .txt {color:#fff; font-size:20px; font-weight:700; letter-spacing:-1.5px; position:relative;}

.way_box.lifting_01 .table li {padding-bottom:26px}
.way_box.lifting_01 .table dd {padding-top:0; text-align:center; color:#4172cc; padding-bottom:26px; margin-top:15px}
.way_box.lifting_01 .table dd:before {top:auto; bottom:0}
.way_box.lifting_01 .txt_box {display:block; padding-top:3px}
.way_box.lifting_01 .txt_box li {display:block; padding:0; border:0; margin:22px 0}
.way_box.lifting_01 .txt_box .title {padding-left:23px; background:transparent url('../images/sub/sub04_lifting1_icon.png') left 4px no-repeat; font-size:18px; letter-spacing:-1px; color:#333; font-weight:400;}
.way_box.lifting_01 .txt_box .title em {letter-spacing:0px;}
.way_box.lifting_01 .txt_box .sub_txt {padding-left:23px; font-weight:300; font-size:18px; letter-spacing:-1px; line-height:25px; color:#333; word-wrap:break-word; word-break:keep-all; margin-top:3px}
.way_box.lifting_01 .table .hand {background:transparent url('../images/sub/sub04_lifting1_2_3.jpg') right bottom no-repeat;}

.lifting_box {background:#e4e4e6; margin-top:70px}
.lifting_box ul {display:table; width:100%; table-layout:fixed; }
.lifting_box li {list-style:none; display:table-cell; text-align:center; vertical-align:top; padding:31px 0 40px}
.lifting_box .right {background:#f4f5f7; width:635px;}
.lifting_box dl {padding-bottom:37px}
.lifting_box dt {font-weight:700; font-size:35px; color:#333; letter-spacing:-2.5px;}
.lifting_box dt em {font-weight:100;}
.lifting_box dd {font-size:19px; font-weight:300; letter-spacing:-1.5px; line-height:25px; padding-top:22px; margin-top:14px; position:relative;}
.lifting_box dd:before {content:""; position:absolute; left:50%; top:0; width:44px; height:1px; background:#000; margin-left:-22px}

.lifting_box.lifting04 {background:#f4f5f7;}
.lifting_box.lifting04 .right {width:50%; background:#e6e7ec;}
.lifting_box.lifting04 dt {font-weight:500;}


/* 지방흡입재수술 */
.fat_table {margin:0 -22px 0 -21px;}
.fat_table ul {display:table; width:100%; table-layout:fixed; border-collapse:separate; border-spacing:21px 0;}
.fat_table li {list-style:none; display:table-cell; vertical-align:top;}
.fat_table dt {overflow:hidden;}
.fat_table dt img {float:left;}
.fat_table dd {text-align:center; font-size:18px; font-weight:300; color:#333; letter-spacing:-1px; line-height:22px; padding:24px 0; border:1px solid #d4d6db; border-top:0; box-sizing:border-box;}

/* MPR 토로이달 리프팅 */
.lifting_table {}
.lifting_table ul {display:table; width:100%; table-layout:fixed; border:1px solid #e6e7ec; background:#f8f8f9;}
.lifting_table li {list-style:none; display:table-cell; vertical-align:top;}
.lifting_table li+ li {width:674px;}
.lifting_table dl {text-align:center; padding-top:73px;}
.lifting_table dt {font-size:50px; color:#4a78d4; font-weight:500; line-height:60px; letter-spacing:-4px;}
.lifting_table dd {padding:60px 100px 0; margin-top:50px; position:relative;}
.lifting_table dd:before {content:""; position:absolute; left:50%; top:3px; width:130px; height:1px; background:#000; margin-left:-65px;}
.lifting_table .txt {font-size:20px; color:#80a0e1; line-height:24px; word-wrap:break-word; word-break:keep-all; font-weight:400; letter-spacing:-1px;}
.lifting_table .img {margin-top:70px;}

/* 가슴성형 */
.body_list {}
.body_list li {list-style:none;}
.body_list+ .body_list {padding-top:60px;}
.body_list .top_tit {text-align:center;}
.body_list .top_tit dt {font-size:30px; font-weight:500; color:#333; letter-spacing:-1.5px; line-height:28px; padding:40px 0; position:relative; }
.body_list .top_tit dt:before {content:""; position:absolute; left:50%; bottom:-1px; width:110px; height:1px; background:#000; margin-left:-55px;}
.body_list .top_tit dd {margin-top:35px;  font-size:18px; font-weight:300; color:#333; letter-spacing:-0.8px; line-height:30px;}
.body_list .top_tit dd em {letter-spacing:0px;}
.body_list .top_tit .img {margin-bottom:20px;}

.body_list .chest01 {background:transparent url('../images/sub/sub02_body8_2_1.jpg') left top no-repeat; height:537px; display:table; width:100%; table-layout:fixed; margin-top:70px;}
.body_list .chest01 .txt_box {display:table-cell; vertical-align:middle; padding:0 35px 0 630px;}
.body_list .chest01 dl+ dl {margin-top:38px;}
.body_list .chest01 dt {font-size:18px; color:#e83e93; letter-spacing:-1px; line-height:17px; font-weight:500;}
.body_list .chest01 dd {font-size:18px; color:#666; letter-spacing:-0.9px; font-weight:300; line-height:22px; margin-top:10px; word-wrap:break-word; word-break:keep-all;}

.body_list .chest02 {margin-top:70px;}
.body_list .chest02 .ul {display:table; width:100%; table-layout:fixed;}
.body_list .chest02 .li {display:table-cell; padding-bottom:80px;}
.body_list .chest02 .li:first-child {width:630px; border-right:1px solid #d4d6db;}
.body_list .chest02 .li+ li {padding:0 30px 0 80px;}
.body_list .chest02 .title {font-family:"rubik"; font-size:40px; letter-spacing:-1px; color:#e83e93; line-height:30px;}
.body_list .chest02 .txt {font-size:21px; font-weight:300; color:#e83e93; letter-spacing:-1px; line-height:21px; margin-top:10px;}
.body_list .chest02 dd {font-size:18px; color:#666; font-weight:300; letter-spacing:-0.9px; line-height:23px; padding-left:30px;}
.body_list .chest02 .img {text-align:center; margin:50px 0 25px -30px; height:243px;}
.body_list .chest02 .img ul {margin-left:-18px; overflow:hidden;}
.body_list .chest02 .img li {float:left; width:33.3333%;}
.body_list .chest02 .inner {margin-left:18px; }
.body_list .chest02 .inner .tt {font-size:18px; color:#333; letter-spacing:-1px; font-weight:600; line-height:20px; margin-top:20px;}

.body_list .chest03 {height:423px; background:transparent url('../images/sub/sub02_body8_2_bg.jpg') left top no-repeat; display:table; width:100%; table-layout:fixed; position:relative;}
.body_list .chest03 dl {display:table-cell; vertical-align:middle; padding:0 100px;}
.body_list .chest03 dt {font-family:"rubik"; font-size:40px; color:#fff; letter-spacing:-0.5px; line-height:28px;}
.body_list .chest03 dd {margin-top:38px; font-size:21px; letter-spacing:-1px; color:#fff; line-height:25px;}
.body_list .chest03 dd em {color:#7b4e95;}
.body_list .chest03 .img {position:absolute; right:140px; top:70px;}

.body_list .chest04 {margin-top:90px; height:657px; background:transparent url('../images/sub/sub02_body8_3_2.jpg') left top no-repeat; padding:0 60px; box-sizing:border-box;}
.body_list .chest04 .txt_box {padding-top:470px;}
.body_list .chest04 .txt_box ul {display:table; width:100%; table-layout:fixed;}
.body_list .chest04 .txt_box li {display:table-cell; vertical-align:top; padding:0 55px;}
.body_list .chest04 .txt_box li+ li {padding:0 40px}
.body_list .chest04 .txt_box dt {font-size:20px; line-height:21px; letter-spacing:-1px; color:#96338d;}
.body_list .chest04 .txt_box dd {font-size:18px; line-height:22px; letter-spacing:-0.9px; font-weight:300; color:#666; margin-top:10px;}

.body_list .chest05 {margin-top:80px; text-align:center;}
.body_list .chest05	.title {font-size:70px; line-height:65px; color:#000; font-weight:100; letter-spacing:-7px;} 
.body_list .chest05	.title strong { font-weight:500;}
.body_list .chest05	.title em {letter-spacing:0px;}
.body_list .chest05	.list {margin-top:70px; text-align:center; font-size:0px;}
.body_list .chest05	.list ul {display:inline-block;}
.body_list .chest05	.list li {float:left; display:table; width:223px; table-layout:fixed; height:222px; margin:0 19px;}
.body_list .chest05	.list dl {display:table-cell; vertical-align:middle; background:transparent url('../images/sub/sub02_body8_3_3.jpg') left top no-repeat;}
.body_list .chest05	.list .color dl {background:transparent url('../images/sub/sub02_body8_3_4.jpg') left top no-repeat;}
.body_list .chest05	.list dt {font-family:"rubik"; font-size:40px; color:#fff; letter-spacing:-0.5px; line-height:30px; padding-bottom:30px; position:relative; padding-top:12px;}
.body_list .chest05	.list dt:before {content:""; position:absolute; left:50%; bottom:0; width:82px; height:1px; background:#fff; margin-left:-41px;}
.body_list .chest05	.list dd { font-size:25px; color:#fff; line-height:25px; letter-spacing:-1px; margin-top:21px;}
.body_list .chest05	.sub_txt {margin-top:53px; font-size:18px; line-height:30px; font-weight:300; letter-spacing:-0.9px; color:#333;}









/* **************************************** *
 * 장점
 * **************************************** */
.good_box {clear:both; height:1233px; }
.good_box .img_box {width:50%; float:left; padding-top:120px}
.good_box .right_txt {height:756px; padding-top:120px}
.good_box .sub_txt_box {clear:both; padding:100px 0; overflow:hidden;}
.good_box .sub_txt_box ul {display:table; width:100%; table-layout:fixed;}
.good_box .sub_txt_box li {display:table-cell; list-style:none; padding:0px 51px 15px; box-sizing:border-box;  border-left:1px solid #d4d6db;}
.good_box .sub_txt_box li:first-child {border-left:0;}
.good_box .sub_txt_box dt {text-align:center; font-size:18px; letter-spacing:-1px; padding-top:12px; line-height:2em;}
.good_box .sub_txt_box dt strong {display:block; font-size:25px; font-weight:700; letter-spacing:-2px;}
.good_box .sub_txt_box .bl dt {color:#4172cc;}
.good_box .sub_txt_box .gr dt {color:#b3cc41;}
.good_box .sub_txt_box .yl dt {color:#fdb731;}
.good_box .sub_txt_box dd {font-size:1.05em; font-weight:300; letter-spacing:-1px; color:#333; line-height:24px; padding-top:45px; margin-top:15px; position:relative; word-wrap:break-word; word-break:keep-all; }
.good_box .sub_txt_box dd:before {content:""; position:absolute; left:50%; top:0; width:1px; height:25px; background:#000;}

/* 지방이식 장점 */
.good_box .sub_txt_box.body_02 {padding:0; display:table; width:100%; table-layout:fixed; height:406px;}
.good_box .sub_txt_box.body_02 ul {display:table-row;}
.good_box .sub_txt_box.body_02 li {vertical-align:middle; text-align:center; border-left:2px solid #fff; border-top:2px solid #fff; padding-bottom:0}
.good_box .sub_txt_box.body_02 li:first-child {border-left:0;}
.good_box .sub_txt_box.body_02 ul:first-child li {border-top:0;}
.good_box .sub_txt_box.body_02 .txt {text-align:left; font-size:35px; letter-spacing:-2px; line-height:1.2em; font-weight:400;}
.good_box .sub_txt_box.body_02 .bl .txt {color:#4172cc;}
.good_box .sub_txt_box.body_02 .gr .txt {color:#b3cc41;}
.good_box .sub_txt_box.body_02 .yl .txt {color:#fdb731;}

.good_box.fat_01 {background:transparent url('../images/sub/sub02_01.png') left top no-repeat;}
.good_box.fat_04 {background:transparent url('../images/sub/sub02_fat4_3.jpg') left top no-repeat;}
.good_box.fat_05 {background:transparent url('../images/sub/sub02_fat5_3.jpg') left top no-repeat;}
.good_box.fat_06 {height:1187px; background:transparent url('../images/sub/sub02_fat6_3.jpg') left top no-repeat;}
.good_box.fat_07 {height:1223px; background:transparent url('../images/sub/sub02_fat7_3.jpg') left top no-repeat;}
.good_box.fat_08 {height:1248px; background:transparent url('../images/sub/sub02_fat8_3.jpg') left top no-repeat;}
.good_box.body_01 {height:1163px; background:transparent url('../images/sub/sub02_body1_3.jpg') left top no-repeat;}
.good_box.body_02 {height:1163px; background:transparent url('../images/sub/sub02_body2_3.jpg') left top no-repeat;}
.good_box.body_03 {height:1184px; background:transparent url('../images/sub/sub02_body3_3.jpg') left top no-repeat;}
.good_box.body_04 {height:1184px; background:transparent url('../images/sub/sub02_body4_3.jpg') left top no-repeat;}
.good_box.body_06 {height:1136px; background:transparent url('../images/sub/sub02_body6_2.jpg') left top no-repeat;}
.good_box.body_07 {height:1222px; background:transparent url('../images/sub/sub02_body07_3.jpg') left top no-repeat;}
.good_box.body_08 {height:1165px; background:transparent url('../images/sub/sub02_body8_4.jpg') left top no-repeat;}
.good_box.lifting04 {height:1125px; background:transparent url('../images/sub/sub04_lifting4_4.jpg') left top no-repeat;}
.good_box.lifting {height:auto;}
.good_box.lifting .sub_txt_box {background:#f4f5f7;}
.good_box.lifting .sub_img2 {background:#FFF; padding-right:90px; text-align:right}
.good_box.lifting .sub_img2 img {border:1px solid #e1e3e8}
.good_box.fat_08 .right_txt {height:795px;}
.good_box.body_07 .right_txt {height:780px;}
.good_box.lifting04 .right_txt {height:720px;}









/* **************************************** *
 * 사후관리 시스템
 * **************************************** */
.system_box {clear:both; overflow:hidden; margin:80px 0 0}
.system_box .left_photo ul {margin-left:-15px;}
.system_box .left_photo li {width:33.333%; float:left; list-style:none;}
.system_box .left_photo .system {margin-left:15px; position:relative;}
.system_box .left_photo dl {position:absolute; left:0; top:130px; width:100%; text-align:center;}
.system_box .left_photo dt {color:#fff; font-size:40px; letter-spacing:-1px; font-weight:700;}
.system_box .left_photo dd {color:#fff; font-size:17px; font-weight:800; font-family:"rubik"; margin-top:21px; padding-top:31px; position:relative;}
.system_box .left_photo dd:before {content:""; position:absolute; left:50%; top:0; width:36px; height:1px; background:#fff; margin-left:-18px;}









/* **************************************** *
 * 2018-03-15 SHJ 사후관리 시스템 추가
 * **************************************** */
.system_box {background:#f4f5f7; padding:80px 0}
.system_box .right_txt {width:100%; float:none; padding-left:0; background:#f4f5f7;}
.system_box .right_txt .num {float:left;}
.system_box .right_txt .tit {float:left; margin-top:20px; margin-left:23px}
.system_box .right_txt .txt {clear:both; padding-top:47px; line-height:1.35;}
.system_box .right_txt .txt .bbg {background:#4172cc; color:#fff; padding:3px 5px 7px}

.system_box .img_box {background:#f4f5f7; padding-top:35px}
.system_box .img_box .tip_box {text-align:right;}
.system_box .img_box .tip_box .tip {height:37px; line-height:34px; background:#4172cc; border:1px solid #4172cc; border-radius:100px; padding:0 25px; box-sizing:border-box; color:#fff; font-size:0.88em; font-weight:300;}
.system_box .img_box .tip_box .tip {letter-spacing:0.6px;}
.system_box .img_box .txt_box {margin:-9px -20px -20px}
.system_box .img_box .table {display:table; width:100%; table-layout:fixed; border-collapse:separate; border-spacing:20px 22px;}
.system_box .img_box .table ul {display:table-row;}
.system_box .img_box .table li {display:table-cell; vertical-align:top; background:#fff; overflow:hidden; border-bottom:1px solid #dee1e6;}
.system_box .img_box .table .img {overflow:hidden;}
.system_box .img_box .table dl {position:relative; padding:24px 53px 39px 31px;}
.system_box .img_box .table dl:before {content:"";position:absolute; left:0; top:0; width:1px; height:500%; background:#dee1e6;}
.system_box .img_box .table dl:after {content:"";position:absolute; right:0; top:0; width:1px; height:500%; background:#dee1e6;}
.system_box .img_box .table dt {font-size:1.43em; font-weight:500; color:#333; letter-spacing:0px; word-wrap:break-word; word-break:keep-all;}
.system_box .img_box .table dd {font-size:1.08em; color:#666; font-weight:300; letter-spacing:-0.03em; line-height:1.3; /* word-wrap:break-word; word-break:keep-all; */ margin-top:13px;}








/* **************************************** *
 * 자주하는질문
 * **************************************** */
.faq_box {margin-top:120px; border-top:2px solid #000; padding-top:60px; overflow:hidden;}
.faq_box .faq_list {float:left; width:890px; padding-right:33px; box-sizing:border-box;}
.faq_box .faq_list li {list-style:none; border-top:1px solid #ccc; padding-top:20px}
.faq_box .faq_list li:first-child {border-top:0; padding-top:8px}
.faq_box .faq_list .tit {position:relative; font-size:25px; color:#000; letter-spacing:-1.5px; padding:7px 10px 10px 58px; word-wrap:break-word; word-break:keep-all; line-height:1.2em;}
.faq_box .faq_list .ic_q {position:absolute; left:0; top:0; width:47px; height:47px; background:#b3cc41; border:1px solid #b3cc41; box-sizing:border-box; border-radius:100px; color:#fff; font-size:32px; font-family:"rubik"; font-weight:700; text-align:center; line-height:45px;}
.faq_box .faq_list .sub_txt {padding:15px 0 16px; word-wrap:break-word; word-break:keep-all; color:#333; font-size:17px; font-weight:300; letter-spacing:-0.5px; line-height:1.5em;}








/* **************************************** *
 * 수술전후 사진
 * **************************************** */
.photo_box {margin-top:50px; border-top:2px solid #000; padding-top:60px; overflow:hidden;}
.photo_box .photo_list {float:left; width:890px; position:relative; margin-top:8px}
.photo_box .login_bg {position:absolute; left:0; top:0; width:100%; height:100%; z-index:15; }
.photo_box .login_bg .bg {position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.95; -ms-filter:alpha(opacity=95);filter:alpha(opacity=95);}
.photo_box .login_bg .txt_box {display:block; position:absolute; left:0; top:0; text-align:center; width:100%; height:100%; max-height:430px}
.photo_box .login_bg .txt_box .inner_box {display:table; width:100%; table-layout:fixed; height:100%;  }
.photo_box .login_bg .txt_box .inner {display:table-cell; vertical-align:middle;}
.photo_box .login_bg .txt_box .txt {font-size:17px; color:#fff; font-weight:300; line-height:1.5em; padding-top:100px; background:transparent url('../images/sub/sub_lock.png') center top no-repeat; letter-spacing:-0.5px;}
.photo_box .login_bg .txt_box .btn {margin-top:35px; background:#fff; color:#000; font-size:17px; letter-spacing:-0.5px; font-weight:700; height:45px; line-height:41px; border:1px solid #fff; border-radius:30px; }
.photo_box .login_bg .txt_box .btn {transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all; padding:0 33px; box-sizing:border-box;}
.photo_box .login_bg .txt_box .btn:hover {padding:0 55px; background:#769123; color:#fff; border-color:#769123}
.photo_box .list_box  { overflow:hidden; margin-top:-30px}
.photo_box .list_box ul {overflow:hidden; margin-top:30px; position:relative;}
.photo_box .list_box ul:before {content:""; position:absolute; right:0; top:0; left:0; bottom:0; border:1px solid #dee0e5; z-index:1}
.photo_box .list_box li {list-style:none; float:left; width:50%; box-sizing:border-box; position:relative;}
.photo_box .list_box li:first-child:before {content:""; position:absolute; right:0; top:0; width:1px; height:100%; background:#dee0e5; z-index:1}
.photo_box .list_box .thumb {position:relative; overflow:hidden; width:100%; height:520px;}
.photo_box .list_box .thumb img {float:left; width:100%;}
.photo_box .list_box .content {font-size:17px; line-height:1.25; width:445px; display:inline-block; padding:15px 15px 25px;  word-wrap:break-word; word-break:keep-all; font-weight:300; text-align:center;}
.photo_box .list_box .txt {position:absolute; left:0; bottom:0; width:100%; text-align:center; height:40px;}
.photo_box .list_box .txt .bg {position:absolute; left:0; top:0; width:100%; height:40px; background:#000; opacity:.5; -ms-filter:alpha(opacity=50);filter:alpha(opacity=50);}
.photo_box .list_box .txt .tt {position:relative; color:#fff; line-height:38px; letter-spacing:0px;}
.photo_box .list_box .if_small .thumb {height:336px;}

.photo_box .if_s_img .login_bg .txt_box {top:55px}
.photo_box .photo_list.if_auth .login_bg {display:none;}








/* **************************************** *
 * 전후사진
 * **************************************** */
/* 탭메뉴 */
.photo_review {}
.photo_review .tab_menu {margin-top:50px}
.photo_review .tab_menu ul {display:table; width:100%; table-layout:fixed;}
.photo_review .tab_menu li {list-style:none; display:table-cell; vertical-align:middle; text-align:center; border:1px solid #e1e3e8; border-top:1px solid #dee0e5; border-bottom:1px solid #dee0e5;}
.photo_review .tab_menu .tab {display:block; height:63px; line-height:60px; font-size:22px; letter-spacing:-1px; position:relative;}
.photo_review .tab_menu .hit {background:#f0f1f3; font-weight:700; color:#333; border-top:1px solid #000;}
.photo_review .tab_menu .hit .tab:before {content:""; position:absolute; left:-1px; top:-1px; width:1px; height:1px; background:#000;}
.photo_review .tab_menu .hit .tab:after {content:""; position:absolute; right:-1px; top:-1px; width:1px; height:1px; background:#000;}
.photo_review .tab_menu li:hover .tab {color:#333;}

/* 전후사진 리스트 */
.photo_review .photo_review_box {}
.photo_review .photo_review_box .txt {text-align:center; font-size:30px; letter-spacing:-1.5px; font-weight:100; line-height:36px; padding:55px 0 57px}
.photo_review .photo_list {}
.photo_review .photo_list ul {overflow:hidden; border-top:1px solid #dee0e5;}
.photo_review .photo_list li {list-style:none; padding:39px 0; border:1px solid #dee0e5; border-top:0; position:relative;}
.photo_review .photo_list li:before {content:""; position:absolute; left:50%; top:0; width:1px; height:100%; background:#e1e3e8;}
.photo_review .thumb_box {position:relative; overflow:hidden; }
.photo_review .thumb_box .arrow_ic {position:absolute; left:50%; top:50%; margin:-40px 0 0 -40px; z-index:2}
.photo_review .thumb_box ul {border:0;}
.photo_review .thumb_box li {float:left; width:50%; text-align:center; padding:0; border:0;}
.photo_review .thumb_box li:before {display:none}
.photo_review .photo_list .thumb {display:inline-block; position:relative; height:520px; width:445px; background:#f5f5f5; overflow:hidden;}
.photo_review .photo_list .thumb:before {content:""; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #dee0e5;}
.photo_review .photo_list .thumb img {float:left; max-width:100%;}
.photo_review .photo_list .if_small .thumb {height:336px;}

.photo_review .photo_list .content {font-size:17px; line-height:1.25; width:445px; display:inline-block; margin-top:15px;  word-wrap:break-word; word-break:keep-all; font-weight:300;}










/* **************************************** *
 * BOARD TYPE : NORMAL
 * **************************************** */
.board_normal {overflow:hidden; border-top:1px solid #0063af;}
.board_normal li {list-style:none;}

.board_normal .list {display:table; width:100%; box-sizing:border-box; }
.board_normal .list ul {display:table-row; }
.board_normal .list li {display:table-cell; vertical-align:middle; border-bottom:1px solid #ddd; text-align:center; box-sizing:border-box; line-height:1.3; white-space:nowrap}
.board_normal .thead li {background:#fafafa; color:#333; padding:20px 10px; }
.board_normal .tbody li {padding:0 10px;}
.board_normal .tbody .t_number {color:#999; font-size:0.9em; width:100px;}
.board_normal .tbody .t_number .icon {display:none; background:transparent url('../images/board_notice.png') center center no-repeat; height:30px;}
.board_normal .tbody .t_field {color:#999; font-size:0.9em; width:150px; white-space:normal; word-wrap:break-word; word-break:keep-all;}
.board_normal .tbody .t_title {}
.board_normal .tbody .t_file {width:70px;}
.board_normal .tbody .t_date {color:#999; font-size:0.9em; width:110px;}
.board_normal .tbody .t_writer {color:#999; font-size:0.9em; width:140px; }
.board_normal .tbody .t_hit {color:#999; font-size:0.9em; width:80px;}

/*  */
.board_normal .tit_wrap {overflow:hidden;}
.board_normal .posting {overflow:hidden; position:relative; float:left; box-sizing:border-box; height:50px; line-height:50px; max-width:100%; max-width:700px}
.board_normal .posting .title {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; color:#666; letter-spacing:-0.04em}
.board_normal .posting .right {float:right; margin-top:17px;}
.board_normal .posting:hover .title a {text-decoration:underline;}
.board_normal .icons {height:16px; float:left; margin-left:5px;}
.board_normal .icons.new {background:transparent url('../images/board_new.png') left top no-repeat; width:16px;}
.board_normal .icons.secret {background:transparent url('../images/board_secret.png') left top no-repeat; width:13px;}
.board_normal .icons.photo {background:transparent url('../images/board_photo.png') left top no-repeat; width:18px;}
.board_normal .icons.comment {background:transparent url('../images/board_comment.png') left top no-repeat; padding-left:25px; line-height:16px; font-size:0.87em; color:#333;}
.board_normal .btn_file {position:relative; overflow:hidden; width:40px; }
.board_normal .btn_file:before {content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.board_normal .btn_file .btn {background:transparent url('../images/board_file.png') center center no-repeat; height:25px; display:block;}
.board_normal .btn_file .btn {opacity: 0.3; filter: alpha(opacity=30); -ms-filter:alpha(opacity=30);}
.board_normal .btn_file .on {background:transparent url('../images/board_file_on.png') center center no-repeat; display:block; height:25px; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.board_normal .btn_file.if_upload:before {display:none; }
.board_normal .btn_file.if_upload .btn {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}
.board_normal .btn_file.if_upload:hover .on {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}

.board_normal .tbody:hover li {background-color:#f5f5f5;}









/* **************************************** *
 * 페이지네이트
 * **************************************** */
.paginate {text-align:center; overflow:hidden; position:relative; clear:both; padding-top:70px;}
.paginate li {list-style:none;}

.paginate .inner {display:table; box-sizing:border-box; table-layout:fixed; margin:0 auto;}
.paginate .prevnext,
.paginate .number {display:table-cell;}
.paginate a {position:relative; box-sizing:border-box; border:1px solid #ddd; line-height:38px; height:40px; width:40px; float:left; position:relative; background:#fff; font-size:14px; font-weight:300;}
.paginate .btn_first {border-right:0;}
.paginate .btn_last {border-left:0;}

/* 이전,다음,처음,끝 버튼 */
.paginate .prevnext a .icons {color:#ccc; background:transparent url('../images/sub/paginate.png') left bottom no-repeat; width:20px; height:20px; margin-top:9px}
.paginate .prevnext .btn_prev .icons {background-position:-20px bottom;}
.paginate .prevnext .btn_next .icons {background-position:-40px bottom;}
.paginate .prevnext .btn_last .icons {background-position:right bottom;}

.paginate .prevnext .btn_first.ok .icons {background-position:left top;}
.paginate .prevnext .btn_prev.ok .icons {background-position:-20px top;}
.paginate .prevnext .btn_next.ok .icons {background-position:-40px top;}
.paginate .prevnext .btn_last.ok .icons {background-position:right top;}

.paginate .prevnext .ok {transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all; }
.paginate .prevnext .ok:hover {background:#f5f5f5;}
.paginate .prevnext .btn_first.ok:hover .icons {background-position:left -20px;}
.paginate .prevnext .btn_prev.ok:hover .icons {background-position:-20px -20px;}
.paginate .prevnext .btn_next.ok:hover .icons {background-position:-40px -20px;}
.paginate .prevnext .btn_last.ok:hover .icons {background-position:right -20px;}


/* 페이징 넘버 */
.paginate .number {overflow:hidden; padding:0 25px; position:relative;}
.paginate .number li {float:left;}
.paginate .number a {color:#888; margin:0 3px;}
.paginate .number a:hover {border-color:#769123; color:#769123;}
.paginate .number .hit a {color:#fff; border:1px solid #769123; background:#769123;}

.paginate .btn_area {position:absolute; left:auto; right:0; top:70px; width:120px; text-align:center;}
.paginate .btn_area a {height:40px; line-height:36px; font-size:0.85em; width:90px; text-align:center !important; border-radius:100px; display:block; padding:0px !important; border-color:#345222; background:#345222;}









/* **************************************** *
 * 서브 간편상담신청
 * **************************************** */
.sub_cs_form {background:#f0f1f3; border-top:1px solid #dee0e5; margin-top:100px; padding:70px 0 79px}
.sub_cs_form .layout_fix {border:1px solid #e1e3e8; background:#fff; box-sizing:border-box; overflow:hidden;}

/* 진료시간 안내 */
.sub_cs_form .time_box {background:#fff; border-left:1px solid #e1e3e8; overflow:hidden; padding:36px 20px 38px; width:50%; height:195px; box-sizing:border-box; float:left;}
.sub_cs_form .time_box li {list-style:none; float:left; padding:0 36px 0 30px; position:relative;}
.sub_cs_form .time_box li:before {content:""; position:absolute; left:0; top:50%; width:1px; height:111px; background:#e9eaec; margin-top:-47px}
.sub_cs_form .time_box li:first-child:before {display:none}
.sub_cs_form .time_box .btn_box {padding:0 34px 0 35px}
.sub_cs_form .time_box dl {}
.sub_cs_form .time_box dt {color:#333; font-size:1.05em; letter-spacing:-1px; font-weight:300;}
.sub_cs_form .time_box dd {line-height:1.4em; font-weight:300; letter-spacing:-1px; font-size:0.95em; color:#666; margin-top:17px}
.sub_cs_form .time_box .txt {margin-top:2px}
.sub_cs_form .time_box .txt.time {padding-left:49px; position:relative;}
.sub_cs_form .time_box .txt.time em {position:absolute; left:0; top:0;}
.sub_cs_form .time_box .txt .le {letter-spacing:13px;}
.sub_cs_form .time_box dd strong {letter-spacing:0.5px; color:#333;}
.sub_cs_form .time_box .btn {display:block; padding:10px 0; text-align:center;}
.sub_cs_form .time_box .btn .icon {width:60px; height:48px; transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all;}
.sub_cs_form .time_box .cs_map .icon {background:transparent url('../images/ic_cs_map.png') left center no-repeat;}
.sub_cs_form .time_box .cs_photo .icon {background:transparent url('../images/ic_cs_photo.png') left center no-repeat;}
.sub_cs_form .time_box .cs_review .icon {background:transparent url('../images/ic_cs_form.png') left center no-repeat;}
.sub_cs_form .time_box .btn:hover .icon {background-position:right center;}

/* 간편상담신청 */
.sub_cs_form .cs_form {overflow:hidden; width:50%; float:left; height:195px;}
.sub_cs_form .cs_form dl {float:left; padding:33px 66px 0 52px}
.sub_cs_form .cs_form dt {color:#333; font-size:1.75em; letter-spacing:-1.5px; font-weight:700;}
.sub_cs_form .cs_form dd {color:#999; font-size:0.85em; letter-spacing:-0.5px; font-weight:300; line-height:1.4em; margin-top:25px}
.sub_cs_form .cs_form .form {float:left; width:381px; overflow:hidden; padding:41px 0 41px 10px; border-left:1px solid #e1e3e8; height:195px; box-sizing:border-box;}
.sub_cs_form .cs_form table {table-layout:fixed; width:100%; margin:-3px 0 -4px}
.sub_cs_form .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;}
.sub_cs_form .cs_form td {padding:3px 0 4px; vertical-align:middle;}
.sub_cs_form .cs_form .le {letter-spacing:25px;}
.sub_cs_form .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;}
.sub_cs_form .cs_form .btn:hover {background:#2e9528;}
.sub_cs_form .cs_form .btn:focus {color:#fff !important;}
.sub_cs_form .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;}
.sub_cs_form .cs_form .design {transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all;}
.sub_cs_form .cs_form .design:focus {border-color:#94b52c}
.sub_cs_form .cs_form .select {width:183px; margin-right:10px; box-sizing:border-box; position:relative; height:33px; background:#fff; }
.sub_cs_form .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}
.sub_cs_form .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;}
.sub_cs_form .cs_form select {transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all;}
.sub_cs_form .cs_form select:focus {border-color:#94b52c;}

.sub_cs_form .cs_form select::-ms-expand {display:none;}
.sub_cs_form .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;}
.sub_cs_form .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; */}
.sub_cs_form .cs_form select:focus+ .shape {border-color:#94b52c; }
.sub_cs_form .cs_form select:focus+ .shape .icon {transform:rotate(180deg)}
/* .sub_cs_form .cs_form .select:hover .shape .icon {transform:rotate(180deg);} */


















/* **************************************** *
 * SITEMAP
 * **************************************** */
.sitemap {position:fixed; left:0; top:0; width:100%; height:100%; z-index:1001}
.sitemap .bg {position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.9; -ms-filter:alpha(opacity=90);filter:alpha(opacity=90);}

.sitemap .inner_box {display:table; width:100%; height:100%; table-layout:fixed; width:1000px; margin:0 auto;}
.sitemap .inner_box .inner {display:table-cell; vertical-align:middle;}

.sitemap .close_btn {position:absolute; right:0; top:0px; padding:5px; z-index:10}
.sitemap .close_btn .icon {width:48px; height:47px; background:transparent url('../images/sub/sitemap_close.png') left top no-repeat;}
.sitemap .close_btn:hover .icon {background-position:right top;}

.sitemap .menu_box {padding-top:60px; position:relative;}
.sitemap .menu_box ul {clear:both; margin-bottom:50px; overflow:hidden;}
.sitemap .menu_box li {list-style:none; float:left; width:25%;}
.sitemap .menu_box dt {font-size:20px; letter-spacing:-1.5px; margin-bottom:10px}
.sitemap .menu_box .depth1 {color:#94b52c; cursor:default;}
/* .sitemap .menu_box .depth1:hover {color:#789e00;} */
.sitemap .menu_box dd {}
.sitemap .menu_box .btn {font-size:16px; color:#b0b0b0; letter-spacing:-1px; display:block; box-sizing:border-box; padding:5px 10px; position:relative;}
.sitemap .menu_box .btn {transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all; }
.sitemap .menu_box .btn:before {content:""; position:absolute; left:1px; top:15px; width:4px; height:4px; background:#b0b0b0; border:1px solid #b0b0b0; box-sizing:border-box; border-radius:100px;}
.sitemap .menu_box .btn:hover {color:#fff;}
.sitemap .menu_box .btn:hover:before {background:#fff; border-color:#fff}

.sitemap .bn_box {clear:both; padding-top:5px; position:relative; overflow:hidden;}
.sitemap .bn_box ul {margin-left:-20px; margin-top:-20px}
.sitemap .bn_box li {list-style:none; float:left; width:33.333%; }
.sitemap .bn_box .banner {margin-left:20px; float:left; margin-top:20px; width:320px; height:88px; overflow:hidden;}
.sitemap .bn_box .banner img {float:left; max-width:100%}

/* horiz */
@media screen and (max-height:900px) {
	.sitemap .menu_box {padding-top:50px}
	.sitemap .menu_box ul {margin-bottom:50px}
}









/* **************************************** *
 * 게시판(공통)
 * **************************************** */
.section.if_board .layout_fix {padding:0 50px; box-sizing:border-box;}

.cm_board table {width:100%; table-layout:fixed;}
.cm_board table th {background:#eee; height:50px; color:#888; font-weight:300; font-size:1em; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.cm_board table th:first-child {border-left:0;}
.cm_board table td {text-align:center; color:#888; padding:0 15px; font-weight:300; vertical-align:middle; border-bottom:1px solid #ddd; border-left:1px solid #ddd; height:50px; box-sizing:border-box;;}
.cm_board table td:first-child {border-left:0;}
.cm_board table .tit {text-align:left; padding:0}
.cm_board .state {height:29px; margin-top:5px;}

.cm_board .tit_box { display:inline-block; max-width:100%; overflow:hidden; position:relative; box-sizing:border-box; height:48px; padding:0 50px 0 15px; line-height:50px; float:left;}
.cm_board .tit_box .title_icon {float:right; display:inline-block; margin-top:18px; margin-left:10px}
.cm_board .tit_box .title_icon img {float:left; margin-left:6px}
.cm_board .tit_box .ic_reply {line-height:12px; color:#333;}
.cm_board .tit_box .ic_reply img {margin-right:5px}
.cm_board .tit_box .tt { font-size:1em; font-weight:300; color:#333; letter-spacing:-0.5px; position:relative; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block;}
.cm_board .tit_box:hover .tt {text-decoration:underline;}

.cm_board_form .tip_tt {line-height:1.8; padding-left:6px; color:#999; font-size:12px; position:relative; margin:0 5px 0 5px; font-weight:300; height:35px; float:left; padding-top:8px; box-sizing:border-box;}
.cm_board_form .tip_tt:before {content:""; position:absolute; left:0; top:50%; width:3px; height:3px; background:#999; border:1px solid #999; box-sizing:border-box; border-radius:100px; margin-top:-2px}

.cm_board_form .input_file_box .fakeFileTxt {margin-top:6px; font-size:0.85em; font-weight:300;}
.input_file_box .buttonImg {font-weight:300; letter-spacing:-1px; font-size:0.85em;}
.cm_board_form .tip_txt dd {font-weight:300; font-size:12px;}