@charset "utf-8";

/*서브공용*/

.sub_node {width:100%; padding:70px 0 30px 0; text-align:right; font-size:14px; color:#666;}
.sub_node strong {font-size:14px; color:#333;}

.sub_node.page {width:100%; max-width:1200px; padding:40px 0 0 0; left:50%; margin-left:-600px; margin-bottom:-40px; position:relative; z-index:20;}


.sub_top {width:100%; margin-top:51px; padding:100px 0; text-align:center;}
.sub_top.counsel {background:url('/common/images/sub/jmboard/counsel.jpg') center top no-repeat; background-size:cover;}
.sub_top.kakao {background:url('/common/images/sub/jmboard/kakao.jpg') center top no-repeat; background-size:cover;}
.sub_top.qna {background:url('/common/images/sub/jmboard/qna.jpg') center top no-repeat; background-size:cover;}

.sub_top.news {background:url('/common/images/sub/jmboard/news.jpg') center top no-repeat; background-size:cover;}
.sub_top.commu {background:url('/common/images/sub/jmboard/commu.jpg') center top no-repeat; background-size:cover;}
.sub_top.media {background:url('/common/images/sub/jmboard/media.jpg') center top no-repeat; background-size:cover;}

.sub_top.login {background:url('/common/images/sub/jmboard/login.jpg') center top no-repeat; background-size:cover;}
.sub_top.join {background:url('/common/images/sub/jmboard/join.jpg') center top no-repeat; background-size:cover;}
.sub_top.modi {background:url('/common/images/sub/jmboard/modi.jpg') center top no-repeat; background-size:cover;}
.sub_top.idpw {background:url('/common/images/sub/jmboard/idpw.jpg') center top no-repeat; background-size:cover;}
.sub_top.pri {background:url('/common/images/sub/jmboard/pri.jpg') center top no-repeat; background-size:cover;}

.sub_top.sub01_03 {background:url('/sub/sub01/img/sub01_03_topbg.jpg') center top no-repeat; background-size:cover;}
.sub_top.sub01_04 {background:url('/sub/sub01/img/sub01_04_topbg.jpg') center top no-repeat; background-size:cover;}

.sub_top_text {display:inline-block;}
.sub_top_text strong {display:block; font-size:50px; line-height:52px; color:#333;}
.sub_top_text p {margin-bottom:20px; font-weight:bold; font-size:25px; line-height:27px; color:#654fa1;}

.sub_title {padding:130px 0 60px 0; margin:0 auto; text-align:center;}
.sub_title.basic {padding:30px 0;}
.sub_title .line {display:inline-block; width:40px; height:4px; background:#654fa1;}
.sub_title strong {display:block; margin:20px 0; font-size:35px; color:#333;}
.sub_title p {font-size:20px; color:#333;}
.sub_title strong.green,.sub_title p.green {color:#3aada9;}
.sub_title strong.white,.sub_title p.white {color:#fff;}

.sub_title.style2 {width:100%; padding-top:0; text-align:left;}
.sub_title.style2 .line {background:#fff899;}
.sub_title.style2 p {margin-top:25px; font-size:30px; line-height:40px; color:#fff;}

.sub_title.style3 {width:100%; text-align:left;}
.sub_title.style3 .line {}
.sub_title.style3 p {margin-top:25px; font-size:30px; line-height:40px; color:#333;}

.sub_text {width:70%; text-align:left; margin:35px 0;}
.sub_text.center {width:51%; margin-left:auto; margin-right:auto; text-align:center;}
.float_box .sub_text,.float_box .sub_text.center {width:100%;}
.sub_text .tit {margin-bottom:30px;}
.sub_text,.sub_text span,.sub_text b,.sub_text em {font-size:18px; line-height:28px;}
.sub_text strong {font-size:35px; line-height:45px;}

.sub_banner {text-align:center;}
.sub_banner .icon {text-align:left;}

.sub_content {width:100%; margin-top:51px; overflow:hidden; position:relative;}
.sub_content .con {width:2000px; left:50%; margin-left:-1000px; position:relative;}
.sub_content .con img {width:100% !important;}

.sub_img_con {text-align:center;}
.sub_img_con .con {display:inline-block;}
.sub_img_con .con.btn {margin-bottom:40px;}

/*회사소개*/
.content.sub01 {padding:100px 0;}

.profile {float:left; display:inline-block; width:40%; text-align:left; background:url('/sub/sub01/img/dot.png') left 7px top 7px no-repeat; background-size:1px 88%;}
.profile li{padding-left:40px; margin-bottom:40px; background:url('/sub/sub01/img/won1.png') left 3px top 9px no-repeat;}
.profile li:first-child {background:url('/sub/sub01/img/won2.png') left top 6px no-repeat;}
.profile li strong{display:block; margin-bottom:4px; font-size:17px; color:#fff899;}
.profile li p{font-size:14px; line-height:24px; color:#fff;}

.device {float:right; display:inline-block; text-align:left;}
.device li {overflow:hidden; position:relative;}
.device li:nth-child(1) {margin-left:-50px; width:400px;}
.device li:nth-child(2) {margin-left:-135px; width:330px;}
.device li:nth-child(3) {margin-left:-210px; width:400px;}
.device li:nth-child(4) {margin-left:-120px; width:400px;}
.device li img {position:relative; z-index:10;}
.device li .text {right:1%; top:120px; position:absolute; z-index:1;}
.device li .text .icon_line {display:inline-block; width:200px; height:14px; background:url('/sub/sub01/img/icon_line.png') right center no-repeat;}
.device li .text em {display:inline-block; margin-left:3px; font-size:18px; line-height:19px; color:#fff;}

.content.sub02_01_01 {padding:100px 0; background:#fff;}
.content.sub02_01_02 {padding:100px 0; background:url('/sub/sub02/img/sub02_01_02_bg.jpg') center top no-repeat; background-size:cover;}
.content.sub02_01_03 {padding:50px 0; background:#fff;}
.content.sub02_01_04 {padding:50px 0; background:#fafafa;}
.content.sub02_01_05 {padding:100px 0; background:#fff;}
.content.sub02_01_06 {padding:100px 0; background:url('/sub/sub02/img/sub02_01_06_bg.jpg') center top no-repeat; background-size:cover;}

.mv .item.n3.sub {background:url('/sub/sub02/img/sv_bg.jpg') center top no-repeat; background-size:cover;}
.mv .item.n3.sub .mv_text strong {font-style:italic; color:#3aada9;}

.sub_img_list {width:100%; padding:50px 0; text-align:center; border:1px solid #39adab;}
.sub_img_list li {display:inline-block;}
.sub_img_list.sec4 li {width:20%;}
.sub_img_list li p {font-size:20px;}
.sub_img_list li img {display:block; width:70px; margin:0 auto 5px auto;}
.sub_img_list li.arr {width:auto; padding-bottom:5vh;}
.sub_img_list li.arr img {width:auto; margin:0;}

.sub_img {width:100%; margin-top:80px; text-align:center;}

.sub_bd_line {text-align:left; border-top:7px solid #3aada9; border-bottom:7px solid #3aada9;}
.sub_bd_line.left {text-align:left !important;}
.sub_bd_line li {padding:25px 0; margin-bottom:-1px; border-bottom:1px solid #ddd;}
.sub_bd_line li strong {display:block; margin-bottom:30px; font-size:25px; line-height:33px;}
.sub_bd_line li p {font-size:20px; line-height:30px;}
.sub_bd_line li em {display:block; font-size:25px; line-height:33px;}
.sub_bd_line li .inner {width:100% !important; overflow:hidden;}
.sub_bd_line li .inner em {width:5%; float:left;}
.sub_bd_line li .inner strong,.sub_bd_line li .inner p {width:90%; float:left;}

.sub_bd_line.style2 {border-top:7px solid #000; border-bottom:7px solid #000;}
.sub_bd_line.style2 li {overflow:hidden; padding:12px 0; margin-bottom:-1px; border-bottom:1px solid #222;}
.sub_bd_line.style2 li strong {float:left; display:inline-block; width:30%; margin-bottom:0; font-size:17px; line-height:18px;}
.sub_bd_line.style2 li p {float:left; display:inline-block; width:70%; font-size:17px; line-height:18px;} 

.sub02_alide {width:375px; margin:0 auto; text-align:center; position:relative;}
.sub02_alide .slick-dots {width:100%; left:0; bottom:4%; position:absolute; z-index:10;}
.sub02_alide .slick-dots li {display:inline-block; width:15px; height:15px; margin:0 5px; background:transparent; border:3px solid #d6d6d6; border-radius:100%;}
.sub02_alide .slick-dots li.slick-active {background:#3aada9; border:3px solid #3aada9;}

/*배란일 계산기*/
.ovulation {width:100%; max-width:1200px; text-align:center; margin:0 auto; position:relative;}
#calendar02 {width:90%;}
#calendar02 .k-header,#calendar02 .k-footer {background:#654fa1 !important;}
#calendar02 .k-calendar .k-link.k-nav-fast  {background:#654fa1 !important;}
#calendar02 .k-calendar .k-link.k-nav-fast.k-state-hover  {background:transparent !important;}
#calendar02 .k-today {background:#333;}

.btn_input .prg_txt {display:inline-block; padding:0 20px; height:35px; line-height:35px; background:#666; color:#fff;}
.btn_input input,.btn_input select {display:inline-block; padding:0 10px; text-align:center; margin-top:-5px; height:35px; border:1px solid #d6d6d6; background:#fff; color:#333;}

.sub_tab {width:100%; text-align:center; overflow:hidden;}
.sub_tab li {width:50%; margin-right:-1px; float:left;}
.sub_tab li:last-child {margin-right:0;}
.sub_tab.box3 li{width:33.3%;}
.sub_tab.box4 li{width:25%;}
.sub_tab.box5 li{width:20%;}
.sub_tab.box6 li{width:16.6%;}
.sub_tab li a {display:block; padding:14px 0; font-size:17px; line-height:18px; background:#fff; color:#654fa1; border:1px solid #d6d6d6;}
.sub_tab li.on a{background:#654fa1; color:#fff;}
/*.sub_tab li a:hover {background:#35b8ee; color: #ffff;}*/

.map_text {padding:20px 5%; border:1px solid #d6d6d6; border-top:0; text-align:center; font-size:25px;}
.map_img {margin-top:100px;}
.map_img li {margin-bottom:45px;}


/*해상도 1201px이상 1601px이하 Size의 css 적용*/
@media all and (min-width:1201px) and (max-width:1601px){

}

/*해상도 701px이상 1201px이하 Size의 css 적용*/
@media all and (min-width:801px) and (max-width:1200px){
	
	.sub_node {padding-right:2%;}
	.sub_node.page {left:0; margin-left:0; margin-bottom:-40px; padding-right:3%;}

	.sub_top,.sub_content {margin-top:0;}

	.sub_content .con {width:160%; left:50%; margin-left:-80%;}
	/*.sub_content .con.big {width:178%; left:50%; margin-left:-89%;}*/

	.sub_banner .box {float:none; display:inline-block;}
	.sub_banner .box:last-child {margin-top:15px;}
	.sub_banner img {width:100%;}
	.sub_banner .icon img {width:auto;}

	/*.inner_box.sub {width:90%; margin:0 auto; text-align:center;}*/
	.profile {width:auto; display:inline-block; float:none;}
	.device {display:inline-block; float:none;}
	.device {margin-left:230px;}

	.sub_text {width:70%;}
	.float_box .sub_text {text-align:center;}
	.sub_bd_line {margin-top:35px; text-align:center;}
	.sub_bd_line.style2 {text-align:left;}

	.sub_img img {width:100%;}

	.sub_img_list.sec4 li {width:47%;}
	.sub_img_list.sec4 li.arr {width:4%;}
	.sub_img_list.sec4 li.arr.n1 {padding-bottom:4vh;}
	.sub_img_list.sec4 li.arr.n2 {display:none;}
	.sub_img_list li p {font-size:2.5vw;}
	.sub_img_list.sec4 li:nth-child(1),.sub_img_list.sec4 li:nth-child(3) {margin-bottom:30px;}

	.map_img.float_box li.box {width:49%; margin-right:2%; float:left; margin-bottom:2%;}
	.map_img.float_box li.box.right {margin-right:0;}
}

/*해상도 700px이하 Size의 css 적용*/
@media all and (max-width:800px){
	
	.sub_node {padding-right:2%;}
	.sub_node.page {left:0; margin-left:0; margin-bottom:-15px; padding-right:6%;}
	
	.sub_top,.sub_content {margin-top:0;}

	.sub_top.sub01_03 {background-position:right top !important;}
	/*.sub_top.sub01_04 {background-position:left top !important;}*/

	.sub_top.counsel {padding:15vw 0; background:url('/common/images/sub/jmboard/counsel_m.jpg') center top no-repeat; background-size:cover;}
	.sub_top.kakao {padding:15vw 0; background:url('/common/images/sub/jmboard/kakao_m.jpg') center top no-repeat; background-size:cover;}
	.sub_top.qna {padding:15vw 0; background:url('/common/images/sub/jmboard/qna_m.jpg') center top no-repeat; background-size:cover;}

	.sub_top.news {padding:15vw 0; background:url('/common/images/sub/jmboard/news_m.jpg') center top no-repeat; background-size:cover;}
	.sub_top.commu {padding:15vw 0; background:url('/common/images/sub/jmboard/commu_m.jpg') center top no-repeat; background-size:cover;}
	.sub_top.media {padding:15vw 0; background:url('/common/images/sub/jmboard/media_m.jpg') center top no-repeat; background-size:cover;}

	.sub_top.login {padding:15vw 0; background:url('/common/images/sub/jmboard/login_m.jpg') center top no-repeat; background-size:cover;}
	.sub_top.join {padding:15vw 0; background:url('/common/images/sub/jmboard/join_m.jpg') center top no-repeat; background-size:cover;}
	.sub_top.modi {padding:15vw 0; background:url('/common/images/sub/jmboard/modi_m.jpg') center top no-repeat; background-size:cover;}
	.sub_top.idpw {padding:15vw 0; background:url('/common/images/sub/jmboard/idpw_m.jpg') center top no-repeat; background-size:cover;}
	.sub_top.pri {padding:15vw 0; background:url('/common/images/sub/jmboard/pri_m.jpg') center top no-repeat; background-size:cover;}

	.sub_top_text strong {display:block; font-size:9vw; line-height:10vw; color:#333;}
	.sub_top_text p {margin-bottom:5px; font-weight:bold; font-size:3.6vw; line-height:4vw; color:#654fa1;}

	.sub_img_con .con,.sub_img_con .con img{width:100%;}
	.sub_img_con .con {width:auto;}

	.content.sub01 {padding-top:0;}

	.btn_input .prg_txt {display:block; width:60%; margin:0 auto;}
	.btn_input input,.btn_input select {margin-top:10px;}

	.sub_content .con {width:100%; left:0; margin-left:0;}
	
	.sub_text.center {width:100%;}
	.sub_text,.sub_text span,.sub_text b,.sub_text em {font-size:3.5vw; line-height:6vw;}
	.sub_text strong {font-size:5vw; line-height:6vw;}

	.sub_banner .box:last-child {margin-top:15px;}
	.sub_banner .box,.sub_banner img {width:100%;}
	.sub_banner .icon img {width:auto;}

	.sub_title {width:100%;}
	.sub_title strong,.sub_title.style2 strong {font-size:6.2vw; line-height:7vw;}
	.sub_title p {font-size:4vw; line-height:5vw;}
	.sub_title.style2 p {font-size:5.5vw; line-height:6.5vw;}
	.sub_title img {width:100%;}

	.profile {width:auto; display:inline-block; float:none; background-size:1px 88.7%;}
	.device {display:block; width:100%; max-width:400px; margin:0 auto; float:none;}
	.device li {width:100% !important; margin-left:0 !important;}
	.device li img {width:60%;}
	.device li .text {top:11vh; font-size:3.6vw;}

	.sub_text {width:100%;}
	.float_box .sub_text {text-align:center;}
	.sub_bd_line {margin-top:35px; text-align:center;}
	.sub_bd_line.style2 {text-align:left;}
	.sub_bd_line li strong,.sub_bd_line li em{font-size:4.5vw; line-height:6vw;}
	.sub_bd_line.style2 li strong{font-size:3.5vw; line-height:6vw;}
	.sub_bd_line li p{font-size:3.5vw; line-height:6vw;}
	
	.sub_img img {width:100%;}

	.sub_img_list.sec4 li {width:47%;}
	.sub_img_list.sec4 li.arr {width:4%;}
	.sub_img_list.sec4 li.arr.n1 {padding-bottom:4vh;}
	.sub_img_list.sec4 li.arr.n2 {display:none;}
	.sub_img_list.sec4 li.arr img {width:100%;}
	.sub_img_list li p {font-size:3.5vw;}
	.sub_img_list.sec4 li:nth-child(1),.sub_img_list.sec4 li:nth-child(3) {margin-bottom:30px;}

	.sub02_alide {width:100%;}

	.map_text {font-size:4.5vw; line-height:6vw;}
	.map_img {margin-top:50px;}
	.map_img li {margin-bottom:5%;}
	
}

/*서브페이지 내 영상삽입_200213*/
.video_box{width:1197px;margin:20px auto 0;}

@media all and (max-width:1200px){
.video_box{width:60%;height:50vw;}
.video_box iframe{width:100%;height:100%;}
}

@media all and (max-width:800px){
.video_box_m{width:90%;margin:5% auto 0;height:48vw;}
}

/* 피임페이지 슬라이드추가*/

.contraception *{position: relative; font-family: 'NanumSquare', sans-serif;}
.contraception .sub_content .con.sub {padding-bottom: 150px;}

.contraception .row_con_center{width:1160px;margin: 0 auto;}

.contraception_new{padding:110px 0; background:url('/sub/sub04/img/sub_04_03_bg.png') no-repeat center center;background-size:cover;}
.contraception_new h1{margin-bottom:45px;font-size:42px;color:#fff;font-weight:700;text-align: center;}
.contraception_new .desc{font-size:22px;line-height:30px; color:#fff;text-align: center;}

.contraception_new .slide_area{position: relative;padding-top: 144px;}
.contraception_new .slide_wrap{width:990px;margin:0 auto;}
.contraception_new .slide_wrap .slide_box{display:flex;justify-content: center; align-items: center;margin-top: 52px;margin-left: 30px;}
.contraception_new .slide_wrap .item{width:100%; height:450px; background-color:#fff;}
.contraception_new .slide_wrap .img_box{margin-right:25px;}

.contraception_new .slide_wrap .slick-dots{position: absolute; text-align: center;bottom: auto;top: -73px;left: 50%;transform: translateX(-50%);width: 1300px;}
.contraception_new .slide_wrap .slick-dots li {display: inline-block;width: auto;height: auto;cursor: pointer;color:#d6d6d6; padding: 0 20px; border-right: 1px solid #d6d6d6; margin: 0px;}
.contraception_new .slide_wrap .slick-dots li:last-child {border-right: none;}
.contraception_new .slide_wrap .slick-dots li p{color:#d6d6d6;font-size:21px;line-height: 17px;}
.contraception_new .slide_wrap .slick-dots .slick-active p{color:#fff;font-weight: 700;}
.contraception_new .prev{background:url('/sub/sub04/img/sub_04_03_prev_arrow.png') no-repeat center center;background-size:cover;width:50px; height:50px;cursor: pointer;position: absolute;top: -233px;}
.contraception_new .next{background:url('/sub/sub04/img/sub_04_03_next_arrow.png') no-repeat center center;background-size:cover;width:50px; height:50px;cursor: pointer;position: absolute;top: -233px;right:0;}

.contraception_new .slide_wrap .slide_tit {font-size: 22px;font-weight: 700;padding-bottom: 25px;text-align:left;}
.contraception_new .slide_wrap .slide_desc {font-size: 19px;padding-bottom: 15px;text-align:left;}
.contraception_new .slide_wrap .tag{text-align:left;}
.contraception_new .slide_wrap .tag span{display:inline-block;font-size: 19px;color:#fff;background-color:#7662aa;padding:7px 14px;margin-right:10px;margin-bottom: 13px;font-weight: 700;}
.contraception_new .slide_wrap .tag span:first-child{margin-right:222px;}
.contraception_new .slide_wrap .tag span:last-child{margin-right:0px;}

@media all and (max-width:1200px){

.contraception .row_con_center {width: 800px;}
.contraception_new .slide_wrap .slick-dots{width: 800px;line-height: 32px;top: -106px;}
.contraception_new .slide_wrap{width:100%;margin:0 auto;}
.contraception_new .slide_wrap .slide_box{flex-direction: column;margin-bottom: 42px;}
.contraception_new .slide_wrap .item{width:100%; height:auto;}

.contraception_new .slide_wrap .tag span:first-child {margin-right: 19px;}
.contraception_new .slide_wrap .img_box {margin-right: 0;margin-bottom: 20px;}

.contraception_new .prev{top: -402px;}
.contraception_new .next{top: -402px;}
}

@media all and (max-width:800px){

.contraception_new{padding:12vw 0;}
.contraception .sub_content .con.sub {padding-bottom: 17vw;}

.contraception_new h1 {margin-bottom: 6vw;font-size: 6vw;}
.contraception_new .desc {font-size: 3vw;line-height: 4vw;}
.contraception_new .slide_area {padding-top: 25vw;}

.contraception .row_con_center {width: 100%;}
.contraception_new .slide_wrap .slick-dots{width: 100%;line-height: 5vw;top: -18vw;}

.contraception_new .slide_wrap .slick-dots li {padding: 0 1vw;}
.contraception_new .slide_wrap .slick-dots li p {font-size: 3vw;line-height: 4vw;}

.contraception_new .slide_wrap{width:90%;}

.contraception_new .slide_wrap .img_box{width:90%;}
.contraception_new .slide_wrap .img_box img{width:100%;}

.contraception_new .slide_wrap .slide_box {margin-top: 5vw;margin-bottom: 5vw;margin-left: auto;}
.contraception_new .slide_wrap .slide_tit {font-size: 3.5vw;padding-bottom: 4vw;text-align: center;}
.contraception_new .slide_wrap .slide_desc {font-size: 3vw;padding-bottom: 4vw;text-align: center;}
.contraception_new .slide_wrap .tag span {font-size: 3vw;padding: 1vw 2vw;margin-right: 2vw;margin-bottom: 2vw;font-weight: 700;}
.contraception_new .slide_wrap .tag span:first-child {margin-right: 2vw;}

.contraception_new .prev {top: -76vw;width: 8vw;height: 8vw;}
.contraception_new .next {top: -76vw;width: 8vw;height: 8vw;}

}