@import url("common.css");

#topimg {position:relative; overflow:hidden; width:100%; text-align:center; height:220px; margin-top:63px; background-position:top center; background-repeat:no-repeat;}
#topimg h2 {font-size:35px; color:#fff; padding:50px 0 20px 0; background:url('/img/sub_tit_bg.png') bottom center no-repeat; letter-spacing:-0.7pt;}
	
	.subtop_about {background-image:url('/img/subtop_about.jpg');}
	.subtop_fsd {background-image:url('/img/subtop_fsd.jpg');}
	.subtop_hormone {background-image:url('/img/subtop_hormone.jpg');}
	.subtop_case {background-image:url('/img/subtop_case.jpg');}
	.subtop_women {background-image:url('/img/subtop_women.jpg');}
	.subtop_faq {background-image:url('/img/subtop_faq.jpg');}
	.subtop_form {background-image:url('/img/subtop_form.jpg');}
	.subtop_ad {background-image:url('/img/subtop_ad.jpg');}
	.subtop_company {background-image:url('/img/subtop_company.jpg');}
	.subtop_other {background-image:url('/img/subtop_other.jpg');}

#container {position:relative; width:1140px; margin:0 auto; padding:40px 0 60px 0;}

.lnb {text-align:center; margin-bottom:40px;}
.lnb a:link, 
.lnb a:visited {display:inline-block; font-size:15px; letter-spacing:-0.3pt; color:#666; line-height:46px; height:46px; border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#f4f4f4;}
.lnb a:first-child {border-left:1px solid #ddd;}
.lnb a:hover {display:inline-block; color:#fff; font-weight:700; text-decoration: none; background:#5e1b4e !important; }
.left_linktop {display:inline-block; color:#fff !important; font-weight:700 !important; text-decoration: none;  background:#5e1b4e !important;}
	
.lnb.second a:link, .lnb.second a:visited {width:50%; box-sizing:border-box;}
.lnb.third a:link, .lnb.third a:visited {width:33.3%; box-sizing:border-box;}
.lnb.fourth a:link, .lnb.fourth a:visited {width:25%; box-sizing:border-box;}

/** 서브 탭 **/
.sub_tab {width:100%; height:47px; background:url('/img/subtab_bg.gif') left top repeat-x; overflow:hidden; margin-bottom:50px;}
.sub_tab li {float:left; width:150px; margin-right:2px;}
.sub_tab li:last-child {margin-right:0px;}
.sub_tab li a:link, 
.sub_tab li a:visited {display:block; height:45px; line-height:44px; border-top:1px solid #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd; background:#f6f6f6; text-align:center;}
.sub_tab li a:hover {color:#40233f;}
.sub_tab li a.hover {line-height:44px; border-top:2px solid #40233f; border-right:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd; background:#f6f6f6; background:#fff; color:#40233f;}


#container .tit_area {width:100%;}
	#container .tit_area p {position:absolute; top:-70px; width:100%; text-align:center; font-size:14px; color:#777;}
	#container .tit_area p a:link, 
	#container .tit_area p a:visited {font-size:14px; color:#f4f4f4;}
	#container p a:hover {color:#222;}
	#container p em {font-style:normal; background:url(/img/here_arrow.png) right center no-repeat; padding:0 20px 0 10px;}
	#container p em:last-child {background:none; padding:0 0px 0 10px;}
	#container p em strong {color:#fff;}
	#container h3 {color:#444; font-size:32px; line-height:32px; letter-spacing:-0.8pt; margin-bottom:30px;}	

#content_in {position:relative; font-size:15px;}
#content_in h4.cont_tit {font-size:28px; color:#333; font-weight:400; letter-spacing:-0.5pt; padding-bottom:25px; line-height:140%;}
#content_in h4.cont_tit span {color:#8b3b7a; letter-spacing:-0.5pt; font-weight:600; line-height:140%;}


/******** 공통CSS ********/

/* 불릿 */
.dep1_tit {display:block; padding:17px 0 17px 0px; background:url('/img/dep_tit.gif') left top no-repeat; font-weight:600; color:#333; font-size:20px; letter-spacing:-0.5pt; line-height:130%;}
.dep1_tit span {display:inline-block; color:#666; font-size:15px; margin-left:10px; font-weight:300;}
.dep1_stit {display:block; padding-bottom:10px; font-weight:600; color:#5e1b4e; font-size:17px;}
.dep1_cont {display:block; padding:0px 0 40px 0px;}
.dep1_cont2 {display:block; padding:0 0 40px 12px;}
.dep1_cont3 {display:block; padding:0 0 40px 15px;}
.dep1_cont_end {position:relative; padding:0;}
.dep2_tit {color:#333; padding:0 0 18px 13px; font-size:16px; line-height:16px; letter-spacing:-0.2pt; background:url('/img/dep_stit.gif') left top no-repeat;}
.dep2_cont {display:block; padding:0px 0 22px 0; letter-spacing:-0.5pt; line-height:150%;}
.dep2_cont2 {display:block; padding:0px 0 22px 5px; letter-spacing:-0.5pt; line-height:150%;}
.dep2_cont3 {display:block; padding:0px 0 22px 13px; letter-spacing:-0.5pt; line-height:150%;}
.dep_dott {background:url('/img/dep_dott.gif') no-repeat left 9px; padding:0 0 6px 10px; display:block;}

/* 텍스트 스타일 */
.gray_box {background:#f6f6f6; padding:30px 25px 24px 25px;}
.border_box {border:1px solid #ddd; padding:30px 0;}

.thum_list {margin-top:50px;}
.thum_list li {margin-bottom:30px;}
.thum_list dl {overflow:hidden;}
.thum_list dd {float:left; width:827px; }
.thum_list dt {float:right; width:313px; }

.info_text {width:100%; background:#f6f6f6; overflow:hidden;}
.info_text p {float:left; width:153px; color:#fff; font-size:16px; background-position:left top; background-repeat:no-repeat;}
.info_text div {float:left; width:937px; font-size:14px; line-height:170%;}

.text_box_list {border-top:1px solid #ddd; border-left:1px solid #ddd;}
.text_box_list li {border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:30px 25px; box-sizign:border-box;}
.text_box_list h5 {color:#5e1b4e; font-size:16px; padding-bottom:10px;}
.text_box_list .text {}

.dott_list_gray {background:#f6f6f6; padding:25px 22px 19px 22px;}
.dott_list_gray p {background:url('/img/dep_dott.gif') no-repeat left 9px; padding:0 0 6px 10px; display:block;}
.dott_list_gray strong {color:#333;}

.num_list {position:relative;}
.num_list li {padding-bottom:15px; line-height:150%; letter-spacing:-0.5pt;}
.num_list li p.tit {color:#333; font-size:17px; display:block; padding-bottom:15px; font-weight:600;} 

.num_list_gray {position:relative; background:#f6f6f6; padding:30px 22px 20px 22px;}
.num_list_gray > div {background:url('/img/dott_line.png') bottom left repeat-x; padding:20px 0;}
.num_list_gray > div:first-child {padding-top:0;}
.num_list_gray > div:last-child {padding-bottom:0; background:none;}
.num_list_gray p.tit {color:#333; font-size:16px; display:block; padding-bottom:15px; font-weight:600;} 

.num1 {background:url('/img/icon_num1.png') top left no-repeat; padding-left:30px;}
.num2 {background:url('/img/icon_num2.png') top left no-repeat; padding-left:30px;}
.num3 {background:url('/img/icon_num3.png') top left no-repeat; padding-left:30px;}
.num4 {background:url('/img/icon_num4.png') top left no-repeat; padding-left:30px;}
.num5 {background:url('/img/icon_num5.png') top left no-repeat; padding-left:30px;}
.num6 {background:url('/img/icon_num6.png') top left no-repeat; padding-left:30px;}
.num7 {background:url('/img/icon_num7.png') top left no-repeat; padding-left:30px;}

/* 정렬 */
.area_center {text-align:center;}
.area_right {text-align:right;}
.area_left {text-align:left;}

/* 마진, 패딩 */
.tpad_10{padding-top:10px}
.tpad_20{padding-top:20px}
.tpad_35{padding-top:35px}
.tpad_50{padding-top:50px}
.bpad_5{padding-bottom:5px}
.bpad_10{padding-bottom:10px}
.bpad_20{padding-bottom:20px}
.bpad_25{padding-bottom:25px}
.bpad_30{padding-bottom:30px}
.bpad_40{padding-bottom:40px}
.bpad_50{padding-bottom:50px}
.tmar_15 {margin-top:15px;}
.tmar_20 {margin-top:20px;}
.bmar_15 {margin-bottom:15px;}
.bmar_30 {margin-bottom:30px;}

/* 테이블스타일 */
.table_style {width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333; border-left:1px solid #ddd;}
.table_style th {color:#333; text-align:center; padding:10px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#f9f9f9; font-size:15px; line-height:140%;}
.table_style td {text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 0; font-size:15px;} 
.table_style td.left {text-align:left; padding:10px;}
.table_style td.bgYellow {background:#fffff3;}
.table_style td.bgBlue {background:#ecf2f9;}

.table_left	{width:100%; border-top:1px solid #333; border-left:1px solid #ddd; border-collapse:collapse; border-spacing:0px;}
.table_left th {color:#333; text-align:left; padding:10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#f9f9f9; font-weight:500; letter-spacing:-0.2pt; font-size:13px;}
.table_left td {text-align:left; padding:10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; letter-spacing:-0.2pt; font-size:13px;}

/* 강조 */
.point_violet {color:#5e1b4e;}
.point_black {color:#333;}

/* 기타 */
.cont_left {float:left;}
.cont_right {float:right;}
.cont_overflow {overflow:hidden;}

/* 준비중페이지 */
.ready_msg {padding:80px 0; text-align:center; border:1px solid #ddd; min-height:160px;}
.ready_msg h4.cont_tit {padding-bottom:10px !important;}
.ready_msg p {font-size:18px;}
.ready_msg .num {font-family:"PT sans", Tahoma, Verdana, Arial; font-size:30px; color:#333; font-weight:700; text-decoration:underline; margin-top:15px;}

/*** 회사소개 ***/

/* 회사소개 */
.profile {position:relative;}
.profile .profile_img {margin-bottom:25px;}
.profile p {padding-top:30px; font-size:17px;}
.profile p strong {color:#333;}

/* 찾아오시는 길 */
.location {position:relative;} 
.location .mapArea {width:100%; background:#ddd; }
	.loca_ready {text-align:center;}
	.loca_ready p.tit {font-size:26px; color:#333; letter-spacing:-0.7pt; padding:90px 0 0 0;}
	.loca_ready p.txt {font-size:15px; letter-spacing:-0.5pt; line-height:23px; padding:8px 0 0 0;}
	.loca_ready p.txt a {text-decoration:underline; font-size:13px;}
	.loca_ready .btn {width:50%; margin:15px auto; }
	.loca_ready .btn a {background:rgba(255,255,255,0.4); border-radius:15px; display:inline-block; width:140px; padding:13px 0 15px; line-height:100%; font-size:0.98em; letter-spacing:-0.5pt; margin:0 5px;}
.location .map_txt {position:relative;}
.location .map_txt span {display:inline-block; height:42px; line-height:42px; color:#666; font-size:14px; padding-left:52px; margin:3px 30px 0 0px;}
.location .map_txt span.add {background:url('/company/img/loc_add.png') top left no-repeat;}
.location .map_txt span.tel {background:url('/company/img/loc_tel.png') top left no-repeat;}

.location .locationBtn {position:absolute; right:0px; top:20px; z-index:2;}
.location .locationBtn a:link, 
.location .locationBtn a:visited {display:inline-block; height:46px; line-height:46px; color:#fff; text-align:center; width:149px;}

a.btn_print {background:url('/company/img/btn_print.gif') left top no-repeat; width:151px;}
a.btn_detail {background:url('/company/img/btn_map.gif') left top no-repeat;}



/*** 여성성기능장애 ***/

/* 여성성기능장애란 */
.about {position:relative;}
.about .about_info {width:100%; background:#f6f6f6; overflow:hidden;}
.about .about_info p {float:left; width:153px; height:41px; color:#fff; font-size:16px; padding:30px 0 30px 20px; background:url('/fsd/img/about_fsd_tit.png') left top no-repeat;}
.about .about_info div {float:left; width:937px; font-size:13px; line-height:170%; padding:28px 15px;}

/* 종류와 원인 */
.part {position:relative;}

/* 증상별 케어 */
.care_bg {position:relative; height:636px; background:url('/fsd/img/care_bg.jpg') top center no-repeat;}
.care_bg ul {position:relative; margin-left:491px; padding-top:64px;}
.care_bg li {margin-bottom:13px;}
.care_bg dl {width:100%; overflow:hidden;}
.care_bg dt {float:left; width:115px; text-align:center; color:#fff; font-weight:600; font-size:16px; padding:35px 0; line-height:140%;} 
.care_bg dd {float:left; width:482px; line-height:160%; padding:25px 0 25px 20px; line-height:150%;}
.care_bg dt.single_line {line-height:115px; padding:0;}
.care_bg dd.fourth_line {padding:12px 0 12px 20px;}


/*** 호르몬의 종류와 진실 ***/

/* 여성 호르몬의 종류와 진실 */
.about {}
.about .fsh {background:url('/hormone/img/about_img.jpg') 980px center no-repeat;}
.about .lh {background:url('/hormone/img/about_img2.jpg') 980px center no-repeat;}
.about .estrogen {padding-bottom:0;}
.about .estrogen img {display:block; margin:0 auto;}
.about .progesteron {background:url('/hormone/img/about_img4.jpg') 980px 70px no-repeat;}
.about .about_truth {background:url('/hormone/img/about_truth.jpg') left top no-repeat; height:110px; padding:50px 0 50px 340px; font-size:27px; letter-spacing:-0.5pt; line-height:140% !important; color:#333; margin-bottom:20px;}
.about .about_truth span {color:#8b3b7a; line-height:140% !important; }
.about .about_chart {position:absolute; bottom:-10px; right:0; z-index:2;}

/* 호르몬과 폐경기 */
.menopause {}
.menopause .menopause_graph {position:relative; border:1px solid #ddd; overflow:hidden;}
.menopause .menopause_graph .cont_left {width:729px; padding:30px 25px;}
.menopause .menopause_graph .cont_right {width:359px;}

.menopause .symptom {overflow:hidden;}
.menopause .symptom .cont_left {width:610px; padding-right:30px;}
.menopause .symptom .cont_right {width:500px;}

/* 갱년기 증상과 자가진단 */
.selfcheck .check_list {position:relative; height:597px; background:url('/hormone/img/selfcheck_img.jpg') top center no-repeat; margin:15px 0 30px 0;}
.selfcheck .check_list ul {position:relative; margin-left:431px; padding-top:35px;}
.selfcheck .check_list li {margin-bottom:5px;}
.selfcheck .check_list dl {width:100%; overflow:hidden;}
.selfcheck .check_list dt {float:left; width:151px; text-align:center; color:#fff; font-weight:600; font-size:16px; line-height:71px;} 
.selfcheck .check_list dd {float:left; width:520px; line-height:71px; padding-left:20px;}
.selfcheck .check_list dd.multiple_line {padding:12px 0 0px 20px; line-height:150%;}

.selfcheck .check_part {position:relative; height:195px; background:url('/hormone/img/selfcheck_img2.jpg') top center no-repeat; margin:10px 0 20px 0;}
.selfcheck .check_part li {float:left; width:50%; box-sizing:border-box;}
.selfcheck .check_part li.first {padding:28px 0 0 228px}
.selfcheck .check_part li.last {padding:60px 0 0 213px}
.selfcheck .check_part p {color:#5e1b4e; font-size:16px; padding-bottom:10px; font-weight:600;}
.selfcheck .cont_right {width:500px;}


/*** 요실금과 케겔운동 ***/

/* 요실금의 원인과 종류 */
.incont_cause {}
.incont_cause .text_box_list li {padding:0 !important;}
.incont_cause .text_box_list dl {width:100%; overflow:hidden;}
.incont_cause .text_box_list dt {float:right; width:244px;}
.incont_cause .text_box_list dd {float:left; padding:30px 25px 0 25px; letter-spacing:-0.2pt;}

.incont_cause .thum_cont {overflow:hidden; margin-bottom:35px; }
.incont_cause .thum_cont dt {float:right; width:244px;}
.incont_cause .thum_cont dd {float:left; width:876px; padding-right:20px;}
.incont_cause .thum_cont .info_text {margin-top:20px;}
.incont_cause .thum_cont .info_text p {background:url('/case/img/incont_cause_tit.png') left top no-repeat; width:111px; height:92px; line-height:92px; padding:0px 20px;}
.incont_cause .thum_cont .info_text p.long {background:url('/case/img/incont_cause_tit2.png') left top no-repeat; width:111px; height:110px; line-height:110px; padding:0px 20px;}
.incont_cause .thum_cont .info_text div {width:695px; padding:20px 15px 10px 15px;}
.incont_cause .thum_cont .info_text ul {width:100%; overflow:hidden;}
.incont_cause .thum_cont .info_text li {float:left; width:48%; background:url('/img/dep_dott.gif') no-repeat left 9px; padding:0 0 6px 10px; font-size:13px;}
.incont_cause .thum_cont .gray_box ul {overflow:hidden;}
.incont_cause .thum_cont .gray_box li {float:left; width:48%; background:url('/img/dep_dott.gif') no-repeat left 9px; padding:0 0 6px 10px;}
.incont_cause .long {width:100%; margin-bottom:0;}

/* 요실금의 치료 */
.incont_cure {}
.incont_cure .incont_cure_img {position:absolute; right:0; bottom:0; z-index:2;}

/* 요실금 자가진단 */
.incont_selfcheck .incont_self_icon {background:url('/case/img/incont_self_img.gif') 980px center no-repeat;}
.incont_selfcheck .incont_self_icon2 {background:url('/case/img/incont_self_img2.gif') 980px center no-repeat;}
.incont_selfcheck .incont_self_icon3 {background:url('/case/img/incont_self_img3.gif') 980px center no-repeat;}

/* 케겔운동이란? */
.kegel {position:relative; }
.kegel div {position:relative; margin-bottom:20px;}
.kegel .kegel_img {position:absolute; top:0; right:0; z-index:2;}

/* 효과와 증상 */
.kegel_effect {}
.kegel_effect .text_box_list {position:relative;}
.kegel_effect .kegel_effect_img {position:absolute; right:25px; top:260px; z-index:2;}
.kegel_effect .info_text {width:100%; background:#f6f6f6; overflow:hidden; height:92px;}
.kegel_effect .info_text p {background-image:url('/case/img/kegel_effect_tit.png'); height:62px; padding:30px 0 30px 20px;}
.kegel_effect .info_text div {padding:22px 12px 0 12px;}

/* 여성의 케겔운동 */
.kegel_ex {}
.kegel_ex .kegel_exercise_img {background:url(/case/img/kegel_exercise_img.jpg) top left no-repeat; padding:35px 30px 0px 30px; height:270px; margin-bottom:50px;}
.kegel_ex .kegel_exercise_img ul {margin-left:356px;}


/*** 홍보자료 ***/

/* 방송,기사,잡지 */
.media {position:relative;}
.media .tvRadio_list {overflow:hidden;}
.media .tvRadio_list .cont_left {width:1140px ; margin-right:4px;}
.media .tvRadio_list .cont_right {width:379px; float:left}
.media .tvRadio_list ul {overflow:hidden;}
.media .tvRadio_list li {float:left; width:379px;}
.media .tvRadio_list dl {}
.media .tvRadio_list dd {border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding:13px 10px; height:90px; box-sizing:border-box;} 
.media .tvRadio_list li:last-child dd {border-left:none;} 
.media .tvRadio_list dd strong {color:#333;}
.media p {color:#fff; text-align:center; font-size:18px; height:49px; line-height:49px; font-weight:600;}
.media p.pink {background:#d67984;}
.media p.violet {background:#6168b8;}

.media .magazine_list {overflow:hidden;}
.media .magazine_list li {float:left; width:568px; margin-right:4px;}
.media .magazine_list li:last-child {margin-right:0px;}
.media .magazine_list p {margin-bottom:3px;}

.media .ad_list {width:100%; overflow:hidden;}
.media .ad_list li {float:left; width:375px; margin-right:7px; text-align:center; font-weight:600;}
.media .ad_list li:last-child {margin-right:0px;}
.media .ad_list li img {margin-bottom:10px;}



/* 홍보영상 */
.movie {background:url('/ad/img/movie_bg.jpg') top center no-repeat; padding:40px 30px; height:790px;}
.movie p.tit {font-size:18px; color:#776161; letter-spacing:-0.5pt;}
.movie div.stit {font-size:27px; color:#ab6f71; font-weight:600; padding-bottom:5px; }
.movie span.name {display:block; font-size:14px; color:#666; padding-bottom:20px;}
.movie .movie_area {height:404px; margin:0; padding:0; line-height:0;}
.movie iframe {margin:0; padding:0; border:0;}
.movie .info {background:rgba(255,255,255,0.8); padding:30px 20px; width:680px;}
.movie .info p.q {background:url('/ad/img/movie_q.png') left 6px no-repeat; padding:0 0 20px 25px; font-size:16px; color:#444;}
.movie .info div.an {background:url('/ad/img/movie_a.png') left 6px no-repeat; padding-left:25px; font-size:16px;}
.movie .info div.an span {font-weight:600; color:#8b3b7a;}


/* 이용약관, 개인정보취급방침 */
.policy_con{position:relative; overflow:hidden;}
.cont_title{font-size:24px; color:#333; padding-bottom:18px; letter-spacing:-1.2pt; font-weight:600;}
p.cont_tit {display:block; font-size:1.2em !important; padding-bottom:10px; font-weight:600; color:#333 !important;}
.cont_txt {padding:0px 0px 35px 0;}
.cont_txt2 {padding-bottom:35px;}
.cont_box {border:1px soild #a0a0a0; padding:20px; background:#f4f4f4; margin:7px 0px 10px 0px; display:block; }

.privacy_list {width:91%; overflow:hidden; clear:both; *zoom:1; padding:4% 4% 3% 4%; border:1px dashed #ddd; margin-bottom:30px;}
.privacy_list li {width:49%; float:left; padding-bottom:1%;}
.privacy_list li a {font-weight:bold;} 

/* 천명호추가(2016-07-20) */
.pay_add_tit {font-size: 11px; color: #555;}
.pay_add_tit2 {font-size: 11px; color: #ff6600;}