@charset "utf-8";

/*sub common layout*/
#content_wrap{position:relative; padding-top:48px; overflow:hidden; width:640px;}
#contents {position:relative; width:100%; padding-top:30px}
#contents #left_wrap {width:640px;}
#contents #right_wrap {width:100%}



#sub_portal {width:640px; margin: 0 auto; padding:0 0 0 0; background:#FFF;}
#sub_portal p {text-align:center; width:640px; margin:0 auto; border-top:1px solid #6F6F6F; border-bottom:1px solid #6F6F6F;}
#sub_portal p .select_wrap {width:100%;display:block;height:50px; border:0px solid #000; background:#eee;}
#sub_portal p .select_wrap select {font-size:25px; color:#4e4f5d; width:100%; height:50px; padding:0 0 0 25px; border:0; background:transparent url('/new2019/mobile/images/select_arrow.gif') no-repeat right top; background-size:60px 50px;-webkit-background-size:60px 50px;-webkit-appearance:none; border-radius:0; webkit-border-radius:0;  }




/* 오른쪽 컨텐츠*/
#right_wrap {width:100%;}
#right_wrap h2 {padding:40px 0 0 20px; font-weight:bold; font-size:40px; color:#1977b7; }
#right_wrap #cnts {position:relative; min-height:360px; margin-top:30px;}
#right_wrap #cnts h3{font-size:35px; color:#333;  line-height:130%; padding:30px 0; font-weight:bold}

.img{width:100%}


/*=======비주얼=======*/
.Q_visual {background:#cbdae2; width: 100%; position: relative;}
.Q_visual .visual_txt{padding:30px 0;}
.Q_visual .visual_txt .Q_tit1{font-size:30px; text-align:center; line-height:130%;}
.Q_visual .visual_txt .Q_big{font-size:35px; font-weight:600; text-align:center; margin-top:10px; line-height: 125%;}
.h3_b {color: #2a9b8c; font-size: 35px; vertical-align: baseline;}
#right_wrap #cnts .title_30 { font-size:30px; color:#222; padding:0}



#content_wrap {position:relative; width:100%;}

/*서브컨텐츠*/
#contents .con_tit {font-size: 46px; font-weight: 500; color: #222; text-align: center; line-height: 100%; padding-bottom:50px }

.clear {clear: both}


.cntbox .box_txt {font-size: 25px; line-height: 140%; font-weight: 400; color: #222; border: 1px solid #cfcfcf; background-color:#222;  opacity:0.7;  width:90%; padding: 20px; margin: 0 auto}
.bg_top .box_txt{color:#fff}
.bg_top .box_txt span {font-size:25px; color:#fced99}


.cntbox .box_txt1 {font-size: 24px; line-height: 140%; color:#222; font-weight: 400; border: 1px solid #cfcfcf; background-color:#f7f7f7; width:92%; padding:4%; margin: 0 auto}
.bg_top .box_txt1 span {font-size:24px; color:#fced99}


.cntbox {width:100%; position:relative; margin:0 auto; overflow:hidden; }
.cntbox p{font-size: 24px; font-weight: 400; color: #222;line-height: 140%;}
.cntbox ul{font-size: 20px; font-weight: 400; color: #555;line-height: 100%; letter-spacing: -0.025rem}
.cntbox .blue_txt {font-size: 25px; color: #499bd8; font-weight: 500; margin-bottom: 28px; line-height:100%; text-align: center}
.cntbox .mid_c_txt {color: #1c445e; font-weight: 500; margin-bottom: 20px; text-align:center}
.cntbox .reg_txt {line-height: 140%; color: #555; margin-bottom: 20px; text-align:left}

.bg_grey {overflow: hidden; background-color: #f0f0f0; padding-bottom:30px}


.bg_top .blue_txt{color:#fced99; line-height:140%;}
.bg_top .reg_txt{color:#fff}


/* 간격 */
.mgB60 {margin-bottom: 60px;}




/*설명*/
.cnt1 {width:92%; margin: 0 auto; padding:0 4%; background-color: #fff; overflow: hidden;}
.cntbox_tit {width: 100%; text-align: center; margin:30px 0}
.cntbox_tit .small_eng {font-family: 'Roboto';font-size: 15px; color: #888; text-transform: uppercase; font-weight: 400;letter-spacing: 0.15rem; }
.cntbox_tit h5{    width: 600px; text-align: left;
    font-weight: 700;
    letter-spacing: -0.125rem;
    font-size: 40px;
    line-height: 50px;
    margin: 0 auto;
    border-bottom: 1px solid #444;
    margin-bottom: 30px; }



.cntbox_tit_main  {width: 100%; text-align: center; margin:30px 0}
.cntbox_tit_main .small_eng {font-family: 'Roboto';font-size: 15px; color: #888; text-transform: uppercase; font-weight: 400;letter-spacing: 0.15rem; }
.cntbox_tit_main h5{    width: 600px; text-align: center;
    font-weight: 700;
    letter-spacing: -0.125rem;
    font-size: 40px;
    line-height: 50px;
    margin: 0 auto;
   }

.cntbox_tit_main b {color:#2ea7e3; font-weight: 600;}








.ro_rec1 {width:96%; padding:0 2%; margin:auto; text-align:center; overflow: hidden}
.ro_rec1 li {width:45.5%; height:150px;  float:left; border-radius:200px; padding:10px; text-align:center; color: #fff; margin:0 10px 10px 0;}
.ro_rec1 li.ro_rec01 {background-color:#499bd8;}
.ro_rec1 li.ro_rec02 {background-color:#6182d3; margin-right:0}
.ro_rec1 li.ro_rec03 {background-color:#8a91ab;}
.ro_rec1 li.ro_rec04 {background-color:#499bd8; margin-right:0}
.ro_rec1 li:last-child { margin-right: 0;}
.ro_rec1 li .r_num {text-align:center; color: #fff; display: block;font-family: 'Roboto';font-size: 30px;}



/*특징*/
.rec1 {width: 100%; overflow: hidden; margin-bottom:50px}
.rec1 > li {width:31%; border:3px solid #d9d9d9; float: left; text-align: center;margin:0.6%}
.rec1 > li:last-child {margin-right: 0}
.rec1_ico{margin-bottom: 10px;}
.rec1_tit{font-size: 25px; font-weight: 700; color: #222; margin: 0 auto}
.rec1_line{width: 90px; margin: 0 auto; border-top: 1px solid #d3d3d3; margin-bottom: 20px;}
.rec1_txt{font-size: 25px; color: #555}

.bg_dark {width:90%; margin: 0 auto; padding:0 5%; background-color: #404a66; overflow: hidden;}
.bg_dark .small_eng,.bg_dark h5 {color: #fff;}

/* 장점 */
#point_wrap{width:96%; margin: 0 auto; padding:0 2%; overflow:hidden }
#point_wrap ul{margin-bottom:2%; overflow:hidden}
#point_wrap li{ width:49%; height:330px; float:left; background-color:#fff; margin:0 2% 2% 0; }
#point_wrap li:last-child{margin-right:0}
#point_wrap li img{margin-top:15px; padding:0 4%; width:92%}
#point_wrap .s_tit{color:#666; font-size:22px; line-height:24px;}
#point_wrap .tit{font-size:24px; line-height:130%; padding-left:20px; background:none; color:#333}



.num_circle{position:relative; width:60px;  text-align:center;height:60px; top:-30px; border-radius:50%; background-color:#499bd8; margin:0 auto;}
.num_circle span{font-size:22px; color:#fff; line-height:60px}

.num01{background-color:#499bd8; }
.num02{background-color:#6182d3;}
.num03{background-color:#8a91ab;}

/* 효과 */
#effect_wrap{width:100%; margin:0 auto; overflow:hidden; margin-bottom:30px}


#effect_wrap .grey_box01{width:100%; padding:5%; border-top:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3;}
#effect_wrap .grey_box01 li{text-align:left; padding:5px 30px; background:url(/new2020/images/square_bullet.gif) no-repeat 10px 15px}

#effect_wrap .grey_box02{width:90%;  padding:5%; border-right:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3; background-color:#f0f8fb}
#effect_wrap .grey_box02 li{text-align:left; padding:5px 40px; background:url(/new2020/images/check_bullet.png) no-repeat 5px 8px}


/* 주의사항 */
.bg_check {overflow: hidden; background:url(../images/check_bg.jpg); }
#check_wrap{width:100%; margin:0 auto; padding-bottom:30px; overflow:hidden}
#check_wrap p{float:left}

#check_wrap .grey_box01{width:100%; padding:20px 0; border:1px solid #c3c3c3; background-color:#fff}
#check_wrap .grey_box01 li{text-align:left; padding:10px 50px; background:url(/new2020/images/circle_bullet.png) no-repeat 30px 20px}
.check_box{background-color:#499bd8; overflow:hidden}
.check_box p{width:400px; background:url(../images/check_icon1.png) no-repeat center}


/* 성병 유형별 치료법 */

#treat_wrap{width:96%; margin: 0 auto; padding:0 2%; overflow:hidden; margin-bottom:1%; }
#treat_wrap .treat {width:100%; border: 1px solid #c3c3c3; text-align: center;height:50px; }
#treat_wrap .treat_tit {font-size: 25px; font-weight: bold; line-height:50px; color: #fff;}
#treat_wrap .treat_box01{width:96%; border:1px solid #c3c3c3; padding:2%; }
#treat_wrap .treat_box01 li{text-align:left; padding:5px 30px; font-size:24px; background:url(/new2020/images/square_bullet.gif) no-repeat 10px 20px}
#treat_wrap .treat_box02{width:96%; border:1px solid #c3c3c3; background-color:#f0f8fb; padding:2%;margin-bottom:2% }
#treat_wrap .treat_box02 p {text-align:left; font-size:24px; color: #222; padding:2%; }


/* 성병검사 */

.lineboxli2{width:96%; margin: 0 auto; padding:0 2%; overflow:hidden }
.lineboxli2 li{border:5px solid #ddd; float:left; width:49%; box-sizing:border-box; margin:0 2% 2% 0; background:#fff; height:430px;}
.lineboxli2 li:last-child{margin-right:0%;}
.lineboxli2 li p{color:#fff; background:#499bd8; font-size:25px; padding:17px; text-align:center; }
.lineboxli2 li p.col2{background:#6182d3;}
.lineboxli2 li p.col3{background:#8a91ab;}
.lineboxli2 li img{margin-top:15px; padding:0 4%; width:92%}
.lineboxli2 li p.tit{font-size:24px; line-height:130%; padding-left:20px; background:none; color:#333}


/* 조루 원인 */
.rec2{width:100%; overflow:hidden; margin-bottom:30px}
.rec2 > li{width:95%; height:410px; overflow:hidden; border: 5px solid #d9d9d9; float:left; margin:0 2% 1% 2%}
.rec2 > li:last-child{margin-right:0;}
.rec2 li div.tit01{height:64px; background:#f4f4f4; text-align:center; line-height:64px; color:#499bd8; font-size:30px; font-weight:600;}
.rec2 li div.tit02{height:64px; background:#f4f4f4; text-align:center; line-height:64px; color:#6182d3; font-size:30px; font-weight:600;}
.rec2 li img{float:left; padding:70px 10px;}
.rec2 li ul{float:left; padding:30px 0;}
.rec2 li ul li{text-align:left; padding:0 30px; font-size:24px; background:url(/new2020/images/square_bullet.gif) no-repeat 10px 20px;}

/*조루진단*/

.cntbox .blue_txt_w {font-size: 30px; color: #f9ffbb; font-weight: 500; line-height:140%;}
.cntbox .reg_txt_w {font-size: 24px; line-height: 140%; font-weight: 400; letter-spacing:-0.5px; color: #fff; margin-bottom: 40px;}
.cntbox .box_txt_w {font-size: 24px; line-height: 140%; font-weight: 400; color: #fff; border: 1px solid #777c8a; width:96%; padding:2%; margin: 0 auto}
.cntbox .box_txt_w span {font-size: 24px; line-height: 140%; color: #fff;}

/* 약물치료 */

.cure{margin:0 auto; overflow:hidden; position:relative;}
.cure img{float:left; border:1px solid #ddd;}
.cure ul{z-index:-1; /*float:left;*/}
.cure li{/*width:100%;*/ height:50px; margin-bottom:15px; border-radius:50px; color:#fff;line-height:50px; padding:0 20px; text-align:center;}
.cure_li01{background:#6182d3;}
.cure_li02{background:#499bd8;}

.mgt30{margin-top:30px;}

.bg_sky {width:90%; margin: 0 auto; padding:0 5% 30px 5%; background-color: #dfe9ee; overflow: hidden;}

div.line{background:#999; margin:0 auto 40px; height:2px; width:70px;}



/* 수술법 */

.surg01{border-top:5px solid #d9d9d9;width:100%; overflow:hidden; background:#fff;margin:0 auto; border-left:5px solid #d9d9d9; border-right:5px solid #d9d9d9; }
.surg01 .surg_tit{background:#499bd8; width:95%; text-align:center; margin:15px}
.surg01 .surg_tit .surg_tit_num{font-size:25px;}
.surg01 .surg_tit p{font-size:25px; color:#fff;  line-height:60px;}
.surg01 ul{float:left;}
.surg01 ul li{text-align:left; padding:5px 30px; background:url(/new2020/images/square_bullet.gif) no-repeat 10px 20px}

/*.surg02{border-top:5px solid #d9d9d9; width:1200px; overflow:hidden; background:#fff;margin:30px auto 0; border-left:5px solid #d9d9d9; border-right:5px solid #d9d9d9; }
.surg02 .surg_ex {position: absolute; top: 35px; left: 480px;}
.surg02 .surg_tit{background:#6182d3; width:275px; height:275px; float:left; margin:30px 0 30px 160px;}
.surg02 .surg_tit .surg_tit_num{font-family:'Roboto'; font-size:24px; text-decoration:underline;}
.surg02 .surg_tit p{font-size:25px; color:#fff; padding-top:50px;}
.surg02 ul{float:left; padding:45px 0 0 50px;}
.surg02 ul li{text-align:left; padding:5px 30px; background:url(/new2020/images/square_bullet.gif) no-repeat 10px 15px}

.surg03 {border-top:5px solid #d9d9d9; width:1200px; overflow:hidden; background:#fff;margin:30px auto 0; border-left:5px solid #d9d9d9; border-right:5px solid #d9d9d9; position: relative;}
.surg03 .surg_ex {position: absolute; top: 35px; left: 480px;}
.surg03 .surg_tit {background:#8a91ab; width:275px; height:275px; float:left; margin:30px 0 30px 160px;}
.surg03 .surg_tit .surg_tit_num {font-family:'Roboto'; font-size:22px; text-decoration:underline;}
.surg03 .surg_tit p {font-size:25px; color:#fff; padding-top:35px;}
.surg03 ul {float:left; padding:80px 0 0 40px;}
.surg03 ul li {text-align:left; padding:5px 30px; font-size:20px; background:url(../images/square_bullet.gif) no-repeat 10px 15px}

*/

.surg_notice01{width:102%; background:#b9b9b9; margin:0 auto; padding:20px 0; color:#fff;}
.surg_notice01 ul{text-align:center;}
.surg_notice01 ul li.tit{font-size:24px; color:#fff; text-align:left;}
.surg_notice01 ul li{color:#fff; display:inline-block; text-align:left; overflow:hidden; border-right:1px solid #f1f1f1; padding:0 5px}
.surg_notice01 ul li:last-child{border-right:0;}
.surg_notice01 ul li img{float:left;}
.surg_notice01 ul li p{float:left; color:#fff; font-size:20px;}

.roundli{width:100%; margin:0 auto }
.roundli ul{text-align:center;}
.roundli ul li{font-size:20px; padding:55px 0; float:left; margin:0.5%; display:inline-block; color:#333; background:#fff; border-radius:50%; width:30%; height:60px; border:5px solid #499bd8}
.roundli ul li:nth-child(2n){border:5px solid #6182d3;}


/*유로리피트*/
.Red_txt{color:#ef4545}
.Blue_txt{color:#499bd8}
.blue_box{margin:0 auto; width:250px; text-align:center; height:60px; border-radius:50px; background-color:#3fb3aa;}
.blue_box span{color:#fff;  font-size:30px; line-height:55px}


/*둘러보기*/
#gallery {margin-top:45px;}

#thumb {position:relative; padding: 40px 60px;}
.gallery-thumbs {margin-top:20px;}
.gallery-thumbs img {width:100%;}
#thumb .swiper-slide {position:relative;}
#thumb .swiper-slide:after {position:absolute; top:0; left:0; right:0; bottom:0; border:10px solid #98cbff; opacity:0; transition:opacity 0.4s; content:'';}
#thumb .swiper-slide-thumb-active:after {opacity:1;}
#thumb .swiper-button-prev,
#thumb .swiper-button-next {width:30px; height:50px; background:no-repeat center;}
#thumb .swiper-button-prev {background-image:url('../images/gallery_btn_prev.png');}
#thumb .swiper-button-next {background-image:url('../images/gallery_btn_next.png');}