@media (max-width: 899px) {
	/* 모바일 */

}

@media (min-width: 900px) and (max-width: 1199px) {
	/* 테블릿 */

}

@media (min-width: 1200px) {
	/* 데스크탑 일반 */

}

.HD_inner .btn_search_open {
	position: fixed;
	top: 2.4rem;
	right: 6rem;
	z-index: 102;
	background: none;
	border: 0;
	cursor: pointer;
	margin: 0;
	padding: 0;
}

.HD_inner .btn_search {
	display: block;
	width: 22px;
	height: 22px;
	position: relative;
	padding-top: 0.7rem;
	background-image: url("../images/common/search.png");
	background-repeat: no-repeat;
	text-indent: -99999px;
	background-size: 22px 22px;
	background-position: center;
}


/* 상단위치 정리하기 */
@media (min-width: 900px) {

	.contents_wrap .sub_section {
		position: relative;
		height: 200px;
		max-width: 1400px;
		margin: 0 auto;
	}

	.contents_wrap:before {
		position: absolute;
		top: 0;
		left: 0;
		content: '';
		width: 100%;
		height: 1px;
		background-color: #EEEEEE;
		z-index: 50;
	}

	/*서브 상단 메뉴세부명 배경*/
	.contents_wrap .section_bg1{
		background-color: #FAF8FD;
		width: 100%;
		height: 200px;
		position: absolute;
		z-index: -1;
	}

	.contents_wrap .section_bg2{
		background-color: #F4F6F8;
		width: 100%;
		height: 200px;
		position: absolute;
		z-index: -1;
	}

	.contents_wrap .section_bg3{
		background-color: #F7FBFB;
		width: 100%;
		height: 200px;
		position: absolute;
		z-index: -1;
	}

	.contents_wrap .section_bg4{
		background-color: #F7FAFA;
		width: 100%;
		height: 200px;
		position: absolute;
		z-index: -1;
	}

	.contents_wrap .section_bg5{
		background-color: #fffdf6;
		width: 100%;
		height: 200px;
		position: absolute;
		z-index: -1;
	}

	.contents_wrap .section_bg6{
		background-color: #FBFBFB;
		width: 100%;
		height: 200px;
		position: absolute;
		z-index: -1;
	}

	.contents_wrap .sub_section.bg1 {
		background-image: url("../images/bg/sub1.png");
		background-repeat: no-repeat;
		background-position: right;
		background-size: auto 100%;
	}

	.contents_wrap .sub_section.bg2 {
		background-image: url("../images/bg/sub2.png");
		background-repeat: no-repeat;
		background-position: right;
		background-size: auto 100%;
	}

	.contents_wrap .sub_section.bg3 {
		background-image: url("../images/bg/sub3.png");
		background-repeat: no-repeat;
		background-position: right;
		background-size: auto 100%;
	}

	.contents_wrap .sub_section.bg4 {
		background-image: url("../images/bg/sub4.png");
		background-repeat: no-repeat;
		background-position: right;
		background-size: auto 100%;
	}

	.contents_wrap .sub_section.bg5 {
		background-image: url("../images/bg/sub5.png");
		background-repeat: no-repeat;
		background-position: right;
		background-size: auto 100%;
	}

	.contents_wrap .sub_section.bg6 {
		background-image: url("../images/bg/sub6.png");
		background-repeat: no-repeat;
		background-position: right;
		background-size: auto 100%;
	}


   	 .contents_wrap .sub_section.bg7 {
        		background-image: url("../images/bg/sub7.png");
        		background-repeat: no-repeat;
        		background-position: right;
        		background-size: auto 100%;
    	}

	.HD_inner .btn_search_open {
		display: none;
	}

	.search_wrap .search_div {
		position: relative;
	}
}

/* 상단위치 정리하기 */
@media (max-width: 899px) {
	/* 모바일 */
	/* 브라우저 체크 영역 */
	.con_wrap .top_info {
		display: none;
	}

	.con_wrap .MD {
		margin: 0 10px;
	}

	.contents_wrap .sub_section {
		display: none;
	}

	/*서브 상단 메뉴세부명 배경*/
	.contents_wrap .section_bg1,
	.contents_wrap .section_bg2,
	.contents_wrap .section_bg3,
	.contents_wrap .section_bg4,
	.contents_wrap .section_bg5,
	.contents_wrap .section_bg6{
		display: none;
	}

	.search_wrap {
		display: none;
		position: absolute;
		width: auto;
		top: 70px;
		left: -10px;
		right: -20px;
		background-color: #6F21BB;
		padding: 20px;
	}

	.search_wrap .search_div {
		position: relative;
		width: 85%;
	}

	.btn_search_close {
		position: absolute;
		right: 20px;
		top: 20px;
		width: 42px;
		height: 42px;
		background-image: url("../images/mobile/close.png");
		background-repeat: no-repeat;
		background-position: center;
		background-color: #330262;
		border-radius: 10px;
	}

	.HD_inner .btn_search_open .search_icon {
		display: block;
		width: 22px;
		height: 22px;
		position: relative;
		padding-top: 0.7rem;
		background-image: url(../images/common/search.png);
		background-repeat: no-repeat;
		text-indent: -99999px;
		background-size: 22px 22px;
		background-position: center;
	}
}


.contents_wrap {
	letter-spacing: -0.34px;
	text-align: left;
	padding: 0;
	z-index: auto;
	transition-duration: 0.5s;
}

.contents_ttl {
	color: #333;
	text-align: left;
	line-height: 1.2;
	padding-left: 10px;
}

.contents_ttl span {
	color: #757575;
	font-size: 1.4rem;
	margin-left: 20px;
}

/* Sub _Title*/
.snb {
	margin: 0 auto;
}

.snb .home {
	width: 56px;
	height: 56px;
	background-image: url("../images/sub/home_p.png");
	background-repeat: no-repeat;
	background-position: center;
}

.snb .home a {
	font-size: 2rem;
	line-height: 56px;
}

.snb ul.breadcrumbs li.breadcrumb {
	height: 56px;
}

.sub_top {
	width: 100%;
	text-align: center;
	position: relative;
	background-color: #F5F5F5;
}

.sub_top:before {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	background-color: #F8F8F8;
	border-bottom: 1px solid #DDDDDD;
	z-index: 0;
}

.sub_top:after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 100%;
	background-color: #F8F8F8;
	border-bottom: 1px solid #DDDDDD;
	z-index: 0;
}

.sub_top ul {
	margin: 0;
	padding: 0;
}

.sub_top ul,
.sub_top li {
	list-style: none;
}

.sub_top .snb {
	width: 100%;
	max-width: 1400px;
	opacity: 0.95;
	position: relative;
	z-index: 1;
}

.sub_top .snb ul,
.sub_top .snb li {
	list-style: none;
}

.sub_top .snb:after {
	content: "";
	height: 0;
	line-height: 0;
	clear: both;
	display: block;
	*zoom: 1;
}

.sub_top .snb a,
.sub_top .snb button {
	border: 0;
	margin: 0;
	padding: 0;
	background: transparent;
	text-decoration: none;
}

.sub_top .snb .home {
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	position: absolute;
	left: 0;
	top: 0;
}

.sub_top .snb .home a {
	width: 100%;
	height: 100%;
	display: block;
	color: #ffffff;
	text-align: center;
}

.sub_top .snb .home a span {
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	text-indent: -999;
}

.sub_top .snb ul.breadcrumbs {
	float: left;
	position: relative;
}

.sub_top .snb ul.breadcrumbs li.breadcrumb {
	float: left;
	border-right: 1px solid #DDDDDD;
	position: relative;
}

.sub_top .snb ul.breadcrumbs li.breadcrumb .breadcrumb_btn {
	width: 100%;
	height: 56px;
	line-height: 56px;
	font-size: 1.6rem;
	padding: 0 0 0 2rem;
	position: relative;
	text-align: left;
	cursor: pointer;
	color: #333;
	font-weight: 400;
}

.sub_top .snb ul.breadcrumbs li.breadcrumb .breadcrumb_btn i {
	position: absolute;
	width: 20px;
	height: 10px;
	right: 15px;
	top: 25px;
	background-image: url("../images/common/updown_arw.png");
	background-repeat: no-repeat;
	background-position: 0 0;
}

.sub_top .snb ul.breadcrumbs li.breadcrumb .breadcrumb_btn.active i {
	background-position: 0 -10px !important;
}

.sub_top .snb ul.breadcrumbs li.breadcrumb .breadcrumb_list {
	width: 100%;
	height: 0;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 55px;
	background-color: #fff;
	z-index: 1000;
	transition: all 0.2s;
	display: none;
	border: 1px solid #DDDDDD;
}

.sub_top .snb ul.breadcrumbs li.breadcrumb .breadcrumb_list.opened {
	height: auto;
	overflow: auto;
	display: block;
}

.sub_top .snb ul.breadcrumbs li.breadcrumb .breadcrumb_list li {
	width: 100%;
	text-align: left;
}

.sub_top .snb ul.breadcrumbs li.breadcrumb .breadcrumb_list li a {
	line-height: 40px;
	font-size: 1.6rem;
	color: #000000;
	text-decoration: none;
	width: 100%;
	display: block;
	padding: 0 2rem;
}

.sub_top .snb ul.breadcrumbs li.breadcrumb .breadcrumb_list li a:hover {
	color: #333;
	background-color: #EFEFEF;
}

.sub_top .snb ul.breadcrumbs li.breadcrumb .breadcrumb_list li a:focus-visible{
	outline: none;
	border: 3px solid #41047d !important
}

.sub_top .snb ul.breadcrumbs li.breadcrumb .breadcrumb_list li.active a {
	color: #333;
	background-color: #EFEFEF;
}

.etc_top {
	width: 100%;
	position: relative;
	background-color: #F5F5F5;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	height: 50px;
}

.etc_top ul {
	margin: 0;
	padding: 0;
}

.etc_top ul, .etc_top li {
	list-style: none;
}

.etc_top .etc {
	width: 100%;
	max-width: 1400px;
	opacity: 0.95;
	position: relative;
	z-index: 1;
	margin: 0 auto;
	padding: 0 0 0 10px;
}

.etc_top .etc .home {
	width: 30px;
	height: 50px;
	border: none;
	background-image: url("../images/sub/home_m.png");
	background-repeat: no-repeat;
	background-position: center;
}

.etc_top .etc ul.etc_page {
	position: absolute;
	top: 0;
	left: 45px;
}

.etc_top .etc ul.etc_page li {
	float: left;
	margin-right: 8px;
	padding-right: 15px;
	background-image: url("../images/sub/nav.png");
	background-repeat: no-repeat;
	background-position: right center;
	line-height: 50px;
	color: #000000;
	font-size: 1.5rem;
	font-weight: 400;
}

.etc_top .etc ul.etc_page li:last-child {
	background-image: none;
	padding-right: 0 !important;
	margin-right: 0 !important;
}

@media (min-width: 900px) {
	.contents_ttl {
		width: 100%;
		padding-top: 70px;
		font-size: 3.4rem;
		font-weight: 600;
	}

	.search_wrap {
		top: -50px;
	}

	.snb {
		padding: 0 250px 0 56px;
	}

	.sub_top .snb ul.breadcrumbs {
		width: 100%;
	}

	.sub_top .snb ul.breadcrumbs li.breadcrumb {
		min-width: 30%;
	}
}

@media (max-width: 899px) {
	.snb {
		padding: 0 0 0 36px;
	}

	.sub_top .snb ul.breadcrumbs {
		width: 100%;
	}

	.sub_top .snb ul.breadcrumbs li.breadcrumb:first-child {
		min-width: 40%;
		height: 36px;
	}

	.sub_top .snb ul.breadcrumbs li.breadcrumb:last-child {
		min-width: 60%;
		height: 36px;
	}

	.sub_top .snb ul.breadcrumbs li.breadcrumb .breadcrumb_btn {
		width: 100%;
		height: 36px;
		line-height: 36px;
		font-size: 1.4rem;
		padding: 0 0 0 2rem;
		position: relative;
		text-align: left;
		cursor: pointer;
		color: #333;
		font-weight: 400;
	}

	.sub_top .snb ul.breadcrumbs li.breadcrumb .breadcrumb_btn i {
		position: absolute;
		width: 20px;
		height: 10px;
		right: 15px;
		top: 14px;
		background-image: url("../images/common/updown_arw.png");
		background-repeat: no-repeat;
		background-position: 0 0;
	}

	.sub_top .snb ul.breadcrumbs li.breadcrumb .breadcrumb_list li a {
		line-height: 36px;
		font-size: 1.4rem;
		color: #000000;
		text-decoration: none;
		width: 100%;
		display: block;
		padding: 0 2rem;
	}

	.snb .home {
		width: 36px;
		height: 36px;
		background-image: url("../images/sub/home_p.png");
		background-repeat: no-repeat;
		background-position: center;
	}

	.snb .home a {
		font-size: 2rem;
		line-height: 36px;
	}

	.sub_top .snb ul.breadcrumbs li.breadcrumb .breadcrumb_list {
		width: 100%;
		height: 0;
		overflow: hidden;
		position: absolute;
		left: 0;
		top: 36px;
		background-color: #fff;
		z-index: 1000;
		transition: all 0.2s;
		display: none;
		border: 1px solid #DDDDDD;
	}
}

.contents_wrap .tit_nline_B {
	position: relative;
	font-size: 2.5rem;
	color: #171717;
	padding: 20px 0;
	margin: 35px 0 5px 0;
}

.contents_wrap .tit_nline_S {
	position: relative;
	font-size: 1.6rem;
	color: #171717;
	padding: 10px 0;
	font-weight: 600;
}

.contents_wrap .tit_wline_S {
	position: relative;
	font-size: 2.5rem;
	color: #171717;
	padding: 20px 0;
	margin-top: 0;
}

.contents_wrap .tit_wline_S:after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 50px;
	height: 2px;
	background-color: #6F21BB;
}

.contents_wrap .tit_wline_L {
	position: relative;
	font-size: 2.5rem;
	color: #171717;
	padding: 10px 0;
}

.contents_wrap .tit_wline_L:after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background-color: #6F21BB;
}

.contents_wrap .tit_wline_L a.more_btn {
	text-decoration: none;
	font-size: 1.8rem;
	margin: 5px;
	position: absolute;
	right: 0;
	color: #000;
}

.contents_wrap ul.icon {
	position: relative;
	line-height: 2.5rem;
	font-size: 1.6rem;
	color: #6E6E6E;
}

.contents_wrap ul.icon li {
	position: relative;
	padding-left: 15px;
	margin: 10px 0;
}

.contents_wrap ul.icon li:before {
	position: absolute;
	top: 9px;
	left: 0;
	content: '';
	width: 6px;
	height: 6px;
	background-color: #6F21BB;
	border-radius: 6px;
}

.contents_wrap ul.icon2 {
	position: relative;
	line-height: 2rem;
	font-size: 1.5rem;
	color: #6F21BB;
	margin: 0;
}

.contents_wrap ul.icon2 li {
	position: relative;
	padding-left: 15px;
	margin: 10px 0;
}

.contents_wrap ul.icon2 li:before {
	position: absolute;
	top: 6px;
	left: 0;
	content: '';
	width: 6px;
	height: 2px;
	background-color: #6f21bb;
	border-radius: 0;
}

.contents_wrap ul.icon p{
	line-height: 2.3rem;
}

.contents_wrap ul.icon2 p{
	line-height: 2.3rem;
	padding-left: 11px;
}

.contents_wrap .tit_box {
	position: absolute;
	top: 0;
	display: block;
}

.contents_wrap .txt_box {
	position: relative;
	line-height: 2.8rem;
	font-size: 1.6rem;
}

.contents_wrap .txt_box p {
	margin-bottom: 10px;
}

.contents_wrap .img_box {
	position: relative;
	line-height: 2.8rem;
	padding: 50px 20px;
	margin-bottom: 20px;
	font-size: 1.8rem;
}

.contents_wrap .line_box {
	position: relative;
	line-height: 2.8rem;
	border: 1px solid #BBBBBB;
	padding: 20px;
	margin-bottom: 20px;
	font-size: 1.6rem;
}

.contents_wrap .tip {
	display: block;
	position: relative;
	font-size: 1.4rem;
	color: #000;
	padding: 5px 15px 5px 30px;
	background-image: url("../images/sub/tip.png");
	background-repeat: no-repeat;
	background-position: left 5px;
}

.contents_wrap ul.nicon {
	position: relative;
	line-height: 2rem;
	padding: 20px;
}

.contents_wrap .img_box:before {
	position: absolute;
	content: '';
	width: 1px;
	height: 80px;
	left: 50%;
	top: -40px;
	background-color: #BBBBBB;
}

.contents_wrap .sub1 {
	background-image: url("../images/sub/sub1_bg1.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.contents_wrap .line_box_m {
	position: relative;
	display: block;
	line-height: 2.8rem;
	padding: 20px;
	font-size: 1.6rem;
	float: left;
	margin-left: 1%;
	margin-right: 1%;
}

.contents_wrap .line_box_m .tit {
	font-size: 1.9rem;
	font-weight: 600;
	color: #6f21bb;
	margin-bottom: 15px;
	display: block;
}

@media (max-width: 899px) {
	/* 모바일 */
	.contents_wrap .line_box_m {
		width: 48%;
		height: 240px;
		border: 1px solid #DCDCDC;
		margin-bottom: 20px;
	}

}

@media (min-width: 900px) {
	.contents_wrap .line_box_m {
		width: 23%;
		height: 300px;
		border: 1px solid #DCDCDC;
	}

	.contents_wrap .tit_nline_B {
		position: relative;
		font-size: 2.3rem;
		color: #171717;
		padding: 20px 0;
		margin: 35px 0 5px 0;
	}
}


/* 탭 관련 쿼리 dev.js 하단에 있음*/
.contents_wrap .tabs {
	position: relative;
	display: block;
}

.contents_wrap .tabs.disease{
	padding: 100px 0 30px 0;
}

.contents_wrap .tab_button_outer {
	position: relative;
	margin: 20px 0;
	height: 204px;
}

.contents_wrap .tab_button_outer ul {
	display: block;
	list-style: none;
	font-size: 1.6rem;
}

.contents_wrap .tab_button_outer ul li {
	float: left;
	width: 14%;
	border-bottom: 2px solid #BBBBBB;
	text-align: center;
	padding: 10px 0;height: 100%;
}

.contents_wrap .tab_button_outer ul li:hover,
.contents_wrap .tab_button_outer ul li.is-active {
	background-color: #F8F8F8;
	border-bottom: 2px solid #6F21BB;
}

.contents_wrap .tab_button_outer ul li a {
	display: block;
	margin: 5px;
	text-decoration: none;
	color: #000000;
}

.contents_wrap .tab_button_outer ul li.is-active a,
.contents_wrap .tab_button_outer ul li a:hover {
	color: #6F21BB;
	font-weight: 600;
}

.contents_wrap .tab_select_outer {
	display: none;
}

.contents_wrap .search_tab ul li:hover,
.contents_wrap .search_tab ul li.is-active {
	background-color: #6F21BB;
}

.contents_wrap .search_tab ul li.is-active a,
.contents_wrap .search_tab ul li a:hover {
	color: #fff;
	font-weight: 600;
}


/* 검색결과 */
/*검색창 검색어입력 인풋*/
.contents_wrap .txt_box.search{
	display: flex;
	justify-content: center;
	margin-bottom: 85px;
}

.contents_wrap .search_border_box{
	border: 2px solid #6F21BB;
	padding: 20px;
	border-radius: 40px;
	width: 50%;
	text-align: center;
	box-shadow: 4px 4px 2px #eee;
}

.contents_wrap .txt_box.search button{
	background-color: #6F21BB;
	width: 64px;
	height: 64px;
	border-radius: 64px;
	margin-left: 10px;
	box-shadow: 4px 4px 2px #eee;
	position: relative;
}

.contents_wrap .txt_box.search button::before{
	content: "";
	background: url("/images/sub/search_w.png") 0 0 no-repeat;
	width: 22px;
	height: 22px;
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
}

.contents_wrap .search_tab {
	position: relative;
	margin: 25px 0 50px 0;
}

.contents_wrap .search_tab ul {
	list-style: none;
	display: block;
	font-size: 1.6rem;
}

.contents_wrap .search_tab ul li {
	display: inline-block;
	background-color: #F1F1F1;
}

.contents_wrap .search_tab ul li:hover {
	background-color: #6F21BB;
}

.contents_wrap .search_tab ul li.active {
	background-color: #6F21BB;
}

.contents_wrap .search_tab ul li.active a,
.contents_wrap .search_tab ul li a:hover {
	color: #ffffff;
}

.contents_wrap .search_tab ul li a {
	display: block;
	padding: 15px 30px;
	color: #171717;
	text-decoration: none;
}

.contents_wrap .search_box {
	position: relative;
}

.contents_wrap .search_box ul {
	display: block;
	list-style: none;
	font-size: 1.6rem;
}

.contents_wrap .search_box ul.list1 li {
	display: block;
	margin: 20px 0;
}

.contents_wrap .search_box ul.list1 li a.tit {
	display: block;
	font-size: 1.8rem;
	margin-bottom: 5px;
	color: #6F21BB;
	text-decoration: none;
}

.contents_wrap .search_box ul.list1 li a.tit:hover {
	text-decoration: underline;
}

.contents_wrap .search_box ul.list1 li span.add {
	display: inline-block;
	font-size: 1.5rem;
	color: #8B8B8B;
}

.contents_wrap .search_box ul.list1 li span.add:after {
	display: inline-block;
	content: '';
	margin: 0 10px;
	width: 1px;
	height: 10px;
	background-color: #8B8B8B;
}

.contents_wrap .search_box ul.list1 li span.tel {
	display: inline-block;
	font-size: 1.5rem;
	color: #8B8B8B;
}

.contents_wrap .search_box ul.list2 li.search_list {
	padding: 20px;
	border-bottom: 1px solid #ddd;
}

.contents_wrap .search_box ul.list2 li.search_list:hover{
	background-color: #f4f4f4;
}

.contents_wrap .search_box ul.list2 li ul.depth {
	display: block;
	margin: 0 0 10px 0;
	color: #000000;
	line-height: 1rem;
}

.contents_wrap .search_box ul.list2 li ul.depth li {
	display: inline-block;
	margin: 10px 8px 0 0;
	padding-right: 15px;
	background-image: url("../images/sub/nav.png");
	background-repeat: no-repeat;
	background-position: right center;
	font-size: 1.5rem;
	font-weight: 400;
}

.contents_wrap .search_box ul.list2 li ul.depth li:last-child {
	background-image: none;
	padding-right: 0 !important;
	margin-right: 0 !important;
}

.contents_wrap .search_box ul.list2 li a.tit {
	display: block;
	font-size: 2rem;
	font-weight: 600;
	margin-bottom: 5px;
	color: #6F21BB;
	text-decoration: none;
}

.contents_wrap .search_box ul.list2 li a.tit:hover {
	text-decoration: underline;
}

.contents_wrap .search_box ul.list2 li span.body {
	color: #8B8B8B;
	padding-top: 8px;
	max-height: 48px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 1.3;
}

.contents_wrap .search_box ul.list2 li span.date {
	display: block;
	color: #8B8B8B;
	padding-top: 12px;
}

@media (max-width: 899px) {
	/* 모바일 */
	.contents_wrap .tit_wline_S {
		font-size: 1.8rem;
	}

	.contents_wrap .tit_wline_S:after {
		width: 30px;
	}

	.contents_wrap .tit_wline_L {
		font-size: 1.8rem;
	}

	.contents_wrap .tit_wline_L a.more_btn {
		padding-top: 0;
	}

	.contents_wrap .search_tab ul li a {
		padding: 8px 12px;
	}

	.contents_wrap .tab_select_outer {
		display: block;
		padding-bottom: 30px;
	}

	.contents_wrap .search_tab {
		display: none;
	}

	/*검색페이지 탭*/
	.contents_wrap .search_tab.search_col {
		display: flex !important;
		flex-direction: column;
		width: 40%;
	}

	.contents_wrap .search_tab.search_col li{
		margin-top: 8px;
	}

	.contents_wrap .tabs {
		padding: 0;
	}

	.contents_wrap .tabs .tit_box {
		display: none;
	}

	.contents_wrap .tabs select {
		width: 96%;
		margin: 0 2%;
		padding: .8em .5em;
		border: 1px solid #999;
		background: url('../images/sub/select_off_icon.png') no-repeat 98% 50%;
		border-radius: 0;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		font-size: 1.6rem;
		background-color: #6f21bb;
		color: #fff;
	}

	.contents_wrap .tabs .bbs-search select {
    		width: 100%;
    		padding: 0 20px 0 10px;
    		border: 1px solid #e0e0e0;
    		font-size: 1.3rem;
    		color: #000;
    		background: unset;
    		background-color: #fff;
	}

	.contents_wrap .tabs select::-ms-expand {
		display: none;
	}

	.contents_wrap p .br {
		display: block;
	}

	/*검색창 검색어입력 인풋*/
	.contents_wrap .search_border_box{
		border: 2px solid #6F21BB;
		padding: 20px;
		border-radius: 40px;
		width: 80%;
		text-align: center;
		box-shadow: 4px 4px 2px #eee;
	}

}

@media (min-width: 900px) and (max-width: 1199px) {
	/* 테블릿 */
	.contents_wrap .tab_button_outer {
		height: 250px;
	}

	.contents_wrap .tab_button_outer ul li {
		width: 33.3%;
	}
}

@media (min-width: 900px) {
	.contents_wrap .tit_wline_L a.more_btn {
		padding-top: 5px;
	}

}

/*러브플랜소개*/
.contents_wrap .intro_wrap{
	margin: 50px 0 100px 0;
}

.contents_wrap .intro_wrap .tit_wline_S {
	position: relative;
	font-size: 2.5rem;
	color: #171717;
	padding: 0 0 20px 0;
	margin-top: 0;
}

.contents_wrap .intro_wrap .tit_wline_S:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	content: '';
	width: 50px;
	height: 2px;
	background-color: #6F21BB;
}

.contents_wrap .intro_wrap p{
	font-size: 1.6rem;
	line-height: 1.8;
}

.contents_wrap .intro_wrap .intro_box{
	position: relative;
	padding: 120px 0 160px 0;
}

.contents_wrap .intro_wrap .intro_box .desc_tit{
	color: #6F21BB;
	font-weight: 600;
	font-size: 2rem;
}

.contents_wrap .intro_wrap .intro_box .desc{
	color: #171717;
	font-weight: 600;
	font-size: 2.6rem;
	line-height: 1.2;
	text-align: center;
	padding-bottom: 38px;
}


.contents_wrap .intro_wrap .intro_box .intro_box_front{
	display: flex;
	gap: 230px;
	justify-content: center;
}

.contents_wrap .intro_wrap .intro_box .intro_box_front .intro_box_left{
	width: 300px;
	height: 300px;
	border-radius: 300px;
	border: 2px solid #6F21BB;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 20px;

}

.contents_wrap .intro_wrap .intro_box .intro_box_front .intro_box_right{
	width: 300px;
	height: 300px;
	border-radius: 300px;
	background-color: #6F21BB;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 20px;
}

.contents_wrap .intro_wrap .intro_box .intro_box_front .intro_box_right p{
	color: #fff;
}

.contents_wrap .intro_wrap .intro_box .intro_box_center{
	width: 300px;
	height: 300px;
	border-radius: 300px;
	border: 2px solid #ddd;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 20px;
	position: absolute;
	top: 120px;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
}

.contents_wrap .intro_wrap .intro_box .intro_box_center::after{
	content: "";
	width: 2px;
	height: 86px;
	background-color: #ddd;
	position: absolute;
	bottom: -122px;
}

.contents_wrap .intro_wrap .intro_box .intro_box_center p:nth-child(2),
.contents_wrap .intro_wrap .intro_box .intro_box_center p:nth-child(4){
	display: none;
}


.contents_wrap .intro_wrap .intro_img{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.contents_wrap .intro_wrap .intro_img br{
	display: none;
}

.contents_wrap .intro_wrap .intro_img img{
	height: 50px;
	width: 300px;
	margin-top: 20px;
}

@media (max-width: 899px){
	.contents_wrap .intro_wrap{
		margin: 50px 0;
	}

	.contents_wrap .intro_wrap .intro_box{
		height: 480px;
		padding: 60px 0 120px 0;
	}

	.contents_wrap .intro_wrap .intro_box .intro_box_center{
		top: 60px;
		gap: 0;
		border: 2px solid #6F21BB;
	}

	.contents_wrap .intro_wrap .intro_box .intro_box_center::after{
		bottom: -100px;
		height: 68px;
	}

	.contents_wrap .intro_wrap .intro_box .intro_box_center .desc_tit{
		padding-bottom: 20px;
	}

	.contents_wrap .intro_wrap .intro_box .intro_box_front{
		display: none;
	}

	.contents_wrap .intro_wrap .intro_box .intro_box_center p:nth-child(2),
	.contents_wrap .intro_wrap .intro_box .intro_box_center p:nth-child(4){
		display: block;
	}


	.contents_wrap .intro_wrap .intro_box .desc{
		padding-bottom: 10px;
	}

	.contents_wrap .intro_wrap .intro_img br{
		display: block;
	}
}

/* 사이트 소개 ci소개 */
.contents_wrap ul.sub1_ul {
	position: relative;
	list-style: none;
	border-top: 2px solid #666;
	border-bottom: 1px solid #D2D2D2;
}

.contents_wrap ul.sub1_ul li {
	display: inline-block;
	border-right: 1px solid #D2D2D2;
	text-align: center;
	padding: 30px 0;
}

.contents_wrap ul.sub1_ul li:last-child {
	border-right: 0px solid #D2D2D2;
}

.contents_wrap ul.sub1_ul li img {
	display: block;
	margin: 0px auto;
}

.contents_wrap ul.sub1_ul li span {
	display: block;
	margin-top: 20px;
}


.contents_wrap ul.sub1_ul2 {
	position: relative;
	list-style: none;
	border: 0px;
	padding: 20px 0;
	border-bottom: 1px solid #D2D2D2;
}

.contents_wrap ul.sub1_ul2:last-child {
	border-bottom: 0px solid #D2D2D2;
}

.contents_wrap ul.sub1_ul2 li {
	display: inline-block;
	vertical-align: top;
}

.contents_wrap ul.sub1_ul2 li:first-child {
	font-weight: 600;
}

.contents_wrap ul.sub1_ul2 li span.line {
	position: relative;
	display: inline-block;
	padding: 0 10px;
}

.contents_wrap ul.sub1_ul2 li span.line:after {
	position: absolute;
	content: '';
	width: 1px;
	height: 12px;
	background-color: #D2D2D2;
	top: 8px;
	right: 0;
}

.contents_wrap ul.sub1_ul2 li span.line:first-child {
	padding-left: 0px;
}

.contents_wrap ul.sub1_ul2 li span.line:last-child:after {
	width: 0px;
}

.contents_wrap .sub1_ul2 dl span.br {
	display: block;
}

.contents_wrap .sub1_ul2 dt {
	display: inline-block;
	color: #00178A;
	margin-right: 10px;
	font-weight: 600;
}

.contents_wrap .sub1_ul2 dd {
	display: inline-block;
	color: #171717;
	margin-right: 15px;
}

.contents_wrap .img_line_box {
	position: relative;
	border: 1px solid #ddd;
	display: flex;
	justify-content: center;
}

.contents_wrap .sexual_info .img_line_box img {
	max-width: 800px;
	margin: 0 auto;
}

.contents_wrap .sexual_info .img_line_box.man_step img {
	max-width: 520px;
	margin: 0 auto;
}

.contents_wrap .sexual_info .img_line_box.man_step > div img {
	max-width: 430px;
	margin: 0 auto;
}

.contents_wrap .img_line_box img {
	display: block;
	max-width: 800px;
	margin: 0px auto;
}

.contents_wrap .sexual_info .img_line_box.female_width img {
	width: 50%;
}

@media (max-width: 899px) {
	.contents_wrap .sexual_info .img_line_box.female_width img {
		width: 100%;
	}
}

.contents_wrap .line_box2 {
	position: relative;
	line-height: 2.8rem;
	font-size: 1.6rem;
}

.contents_wrap .line_box2 .img_tit1,
.contents_wrap .line_box2 .img_tit2 {
	display: inline-block;
	font-size: 2rem;
	color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	text-align: center;
	font-weight: 500;
	height: 200px;
	padding-top: 80px;
}

.contents_wrap .line_box2 .img_tit1 {
	background-image: url("../images/sub/sub3_bg1.png");
}

.contents_wrap .line_box2 .img_tit2 {
	background-image: url("../images/sub/sub3_bg2.png");
}

.contents_wrap .line_box2 .txt_body1,
.contents_wrap .line_box2 .txt_body2 {
	display: inline-block;
	font-size: 1.6rem;
	height: 200px;
}

.contents_wrap .line_box2 .img_tit1 span,
.contents_wrap .line_box2 .img_tit2 span {
	margin: auto 0;
}

.contents_wrap .line_box2 .bt-box {
	margin-top: 15px;
}

@media (max-width: 899px) {
	/* 모바일 */
	.contents_wrap ul.sub1_ul {
		padding: 20px 0;
		margin: 10px 15px 20px 15px;
	}

	.contents_wrap ul.sub1_ul li {
		width: 45%;
		border-right: 0px solid #D2D2D2;
	}

	.contents_wrap ul.sub1_ul2 li {
		width: 100%;
	}

	.contents_wrap ul.sub1_ul2 li:last-child {
		width: 100%;
	}

	.contents_wrap .img_line_box {
		padding: 20px;
	}

	.contents_wrap .img_line_box img {
		width: 100%;
		height: auto;
	}

	.contents_wrap .line_box2 {
		border: 0px solid #BBBBBB;
		margin: 0 20px;
	}

	.contents_wrap .line_box2 .img_tit1,
	.contents_wrap .line_box2 .img_tit2,
	.contents_wrap .line_box2 .txt_body1,
	.contents_wrap .line_box2 .txt_body2 {
		width: 100%;
	}

	.contents_wrap .line_box2 .txt_body1 p,
	.contents_wrap .line_box2 .txt_body2 p {
		margin-top: 20px;
	}

	.contents_wrap .line_box2 .bt-box {
		text-align: center;
	}

	.contents_wrap ul.sub1_ul2 li span.line {
		display: block;
		padding: 0;
	}

	.contents_wrap ul.sub1_ul2 li span.line:after {
		display: none;
	}
}

@media (min-width: 900px) {
	.contents_wrap ul.sub1_ul {
		padding: 20px 10%;
		margin: 10px 0 20px 0;
	}

	.contents_wrap ul.sub1_ul li {
		width: 23%;
	}

	.contents_wrap ul.sub1_ul2 li {
		width: 18%;
	}

	.contents_wrap ul.sub1_ul2 li:last-child {
		width: 80%;
	}

	.contents_wrap .img_line_box {
		padding: 30px;
	}

	.contents_wrap .line_box2 {
		border: 1px solid #BBBBBB;
	}

	.contents_wrap .line_box2 .img_tit1,
	.contents_wrap .line_box2 .img_tit2 {
		width: 40%;
	}

	.contents_wrap .line_box2 .img_tit1 {
		float: left;
	}

	.contents_wrap .line_box2 .img_tit2 {
		float: right;
	}

	.contents_wrap .line_box2 .txt_body1,
	.contents_wrap .line_box2 .txt_body2 {
		width: 58%;
	}

	.contents_wrap .line_box2 .txt_body1 {
		text-align: left;
		margin-left: 2%;
	}

	.contents_wrap .line_box2 .txt_body2 {
		text-align: right;
		margin-right: 2%;
	}

	.contents_wrap .line_box2 .txt_body1 p,
	.contents_wrap .line_box2 .txt_body2 p {
		margin-top: 45px;
	}

}

@media (min-width: 900px) {
	/*로그인*/
	.contents_wrap .login_line_box {
		border: 1px solid #888888;
		height: 100%;
		display: flex;
		flex-direction: column;
		margin: 100px 0;
	}

	.contents_wrap .login_line_box .line_tit_box {
		font-size: 2.5rem;
		color: #171717;
		padding: 10px 0;
		background-color: #F5F5F5;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.contents_wrap .login_line_box .line_tit_box img {
		width: 22px;
		height: 25px;
		margin-right: 8px;
	}

	.contents_wrap .login_line_box .login_box {
		width: 30%;
		margin: 80px auto;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.contents_wrap .login_line_box .login_box .bttn {
		padding: 0;
		height: 50px;
		line-height: 50px;
		font-size: 1.6rem;
	}

	.login_box .flexRow {
		width: 100%;
	}

	.flexRow button {
		width: inherit;
	}

	.flexRow button span {
		padding-left: 30px;
	}

	.bttn.bttn-naver {
		background-image: url(../images/sub/naver_icon_w.png);
		background-repeat: no-repeat;
		background-position: 12% center;
	}

	.bttn.bttn-kakao {
		background-image: url(../images/sub/kakao_icon.png);
		background-repeat: no-repeat;
		background-position: 12% center;
	}

	.bttn.bttn-naver + .bttn.bttn-kakao {
		margin-left: 10px;
	}

	.membership_btn {
		text-align: center;
	}

	.membership_btn button {
		padding: 0;
	}

	.membership_btn button span {
		font-size: 1.4rem;
		color: #8B8B8B;
		padding: 0 15px;
		border-right: 1px solid #858585;
		cursor: pointer;
	}

	.membership_btn button:last-child span {
		border-right: 0px solid #858585;
		color: #6F21BB;
	}
}

@media (min-width: 900px) and (max-width: 1160px){
	.contents_wrap .login_line_box .login_box {
		width: 50%;
		margin: 80px auto;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
}

@media (max-width: 899px) {
	.contents_wrap .login_line_box {
		border: 1px solid #888888;
		height: 100%;
		display: flex;
		flex-direction: column;
		margin: 10px 0;
	}

	.contents_wrap .login_line_box .line_tit_box {
		font-size: 2rem;
		color: #171717;
		padding: 10px 0;
		background-color: #F5F5F5;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.contents_wrap .login_line_box .line_tit_box img {
		width: 22px;
		height: 25px;
		margin-right: 8px;
	}

	.contents_wrap .login_line_box .login_box {
		width: 80%;
		margin: 40px auto;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.contents_wrap .login_line_box .login_box .bttn {
		width: 100%;
	}

	.login_box .flexRow {
		justify-content: space-between;
	}

	.flexRow button span {
		padding-left: 30px;
	}

	.bttn.bttn-naver {
		background-image: url(../images/mobile/naver_icon_w_m.svg);
		background-repeat: no-repeat;
		background-position: 12% center;
	}

	.bttn.bttn-kakao {
		background-image: url(../images/mobile/kakao_icon_m.svg);
		background-repeat: no-repeat;
		background-position: 12% center;
	}

	.bttn.bttn-naver + .bttn.bttn-kakao {
		margin-left: 10px;
	}

	.membership_btn {
		text-align: center;
	}

	.membership_btn button span {
		font-size: 1.2rem;
		color: #8B8B8B;
		padding: 0 10px;
		border-right: 1px solid #858585;
		cursor: pointer;
	}

	.membership_btn button:last-child span {
		border-right: 0px solid #858585;
		color: #6F21BB;
	}
}

@media (min-width: 900px) {
	/*로그인 - 아이디/비번찾기*/
	.contents_wrap .login_find_box {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.contents_wrap .login_line_box.find_idpw {
		width: 45%;
	}

	.contents_wrap .login_line_box.find_idpw .bbs-add {
		width: 70%;
		margin: 59px auto;
	}

	.contents_wrap .login_line_box.find_idpw .bbs-add .bttn {
		width: 100%;
		height: 50px;
		line-height: 50px;
		font-size: 1.5rem;
	}
}

@media (max-width: 899px) {
	/*로그인 - 아이디/비번찾기*/
	.contents_wrap .login_find_box {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.contents_wrap .login_line_box.find_idpw {
		width: 100%;
	}

	.contents_wrap .login_line_box.find_idpw .bbs-add {
		width: 90%;
		margin: 50px auto;
	}

	.contents_wrap .login_line_box.find_idpw .bbs-add .bttn {
		width: 100%;
	}
}

@media (min-width: 900px) {
	/*회원가입 - 약관동의*/
	.contents_wrap .agree_wrap {
		margin-bottom: 5rem;
	}

	.contents_wrap .agree_wrap .checkbox-group.all-chk {
		background-color: #f1f1f1;
		padding: 20px 25px;
	}

	.contents_wrap .agree_wrap .checkbox-group.all-chk label {
		font-weight: 600;
		color: #171717;
		font-size: 1.6rem;
	}

	.contents_wrap .agree_wrap .input-textarea textarea {
		height: 350px;
		padding: 20px;
	}

	.contents_wrap .agree_wrap .input-textarea .checkbox-group label {
		line-height: unset;
		position: absolute;
		right: 0;
	}
}

@media (max-width: 899px) {
	/*회원가입 - 약관동의*/
	.contents_wrap .agree_wrap {
		margin-bottom: 5rem;
	}

	.contents_wrap .agree_wrap .checkbox-group.all-chk {
		background-color: #f1f1f1;
		padding: 10px 15px;
	}

	.contents_wrap .agree_wrap .checkbox-group.all-chk label {
		font-weight: 600;
		color: #171717;
		font-size: 1.4rem;
	}

	.contents_wrap .agree_wrap .input-textarea textarea {
		height: 350px;
		padding: 20px;
	}

	.contents_wrap .agree_wrap .input-textarea .checkbox-group label {
		line-height: unset;
		position: absolute;
		right: 0;
	}
}

@media (min-width: 900px) {
	/*회원가입 - 정보입력*/
	.td_add .bttn.bttn-refresh {
		background-image: url(../images/sub/refresh_icon.png);
		background-repeat: no-repeat;
		background-position: 15% center;
		padding-left: 33px;
	}

	.requireText {
		display: flex;
		justify-content: flex-end;
	}

	/*스팸방지코드*/
	.td_add .captcha_img img{
		height: 44px;
		margin-right: 10px;
	}

	.td_add .captcha_img input[type="text"]{
		width: 230px;
	}
}

@media (max-width: 899px){
	.td_add .captcha_img img{
		height: 44px;
		margin-right: 5px;
	}
}

@media (max-width: 599px){
	.td_add .captcha_img{
		flex-wrap: wrap;
	}

	.td_add .captcha_img input[type="text"]{
		width: calc(100% - 65px);
		margin-top: 10px;
	}

	.td_add .captcha_img input[type="button"]:last-child{
		margin-top: 10px;
	}

	.td_add .captcha_img img{
		height: 32px;
		margin-right: 5px;
	}
}

@media (min-width: 900px){
	/*교육안내*/
	.edu_intro_text{
		font-size: 2rem;
		font-weight: 600;
		text-align: center;
		color: #6F21BB;
	}

	.edu_intro_wrap{
		margin-top: 30px;
	}

	.edu_intro_wrap .edu_intro_list > li{
		display: flex;
		border-bottom: 1px solid #ddd;
	}

	.edu_intro_wrap .edu_intro_list > li:first-child{
		border-top: 1px solid #171717;
	}

	.edu_intro_wrap .edu_intro_list > li > strong {
		font-size: 2.2rem;
		width: 220px;
		background-color: #f5f5f5;
		padding: 20px;
	}

	.edu_intro_wrap .edu_intro_list li .intro_right{
		width: calc(100% - 220px);
		font-size: 1.6rem;
		padding: 20px;
	}

	.edu_intro_wrap .edu_intro_list li .intro_right > li > strong{
		line-height: 2;
	}

	.edu_intro_wrap .edu_intro_list li .intro_right li strong:before {
		content: '';
		display: inline-block;
		width: 4px;
		height: 4px;
		background-color: #555;
		margin-right: 8px;
		vertical-align: middle;
		border-radius: 4px;
	}

	.edu_intro_wrap .edu_intro_list li:nth-child(n+4):nth-child(-n+5) .intro_right > li p,
	.edu_intro_wrap .edu_intro_list li:last-child .intro_right > li p{
		padding-left: 0;
	}

	.edu_intro_wrap .edu_intro_list li:nth-child(n+4):nth-child(-n+5) .intro_right > li p:before,
	.edu_intro_wrap .edu_intro_list li:last-child .intro_right > li p:before{
		content: '';
		display: inline-block;
		width: 4px;
		height: 4px;
		background-color: #555;
		margin-right: 8px;
		vertical-align: middle;
		border-radius: 4px;
	}

	.edu_intro_wrap .edu_intro_list li .intro_right li p{
		padding-left: 15px;
		line-height: 1.6;
	}

	.edu_intro_wrap .edu_intro_list li:last-child .intro_right > li p{
		color: red;
	}

	.edu_intro_wrap .edu_intro_list > li:last-child{
		border-bottom: 1px solid #171717;
	}

	.contact_list .contact .tit_nline_B.mobile{
		display: none;
	}

	.contact_list{
		display: flex;
		flex-direction: column;
	}

	.contact .bbs-w{
		margin-bottom: 0;
	}

	.contact tr td:first-child{
		color: #171717;
		font-weight: 600;
	}

	.contact .bbs-w table tr:last-child td{
		border-bottom: 1px solid #171717;
	}

	.tit_nline_B.taC br{
		display: none;
	}

	.contact_list .contact_right{
		margin-bottom: 50px;
	}

	.contact_list .contact_right .bbs-infolist .line_box_sub .tit_wline_L{
		padding: 10px;
		font-size: 1.6rem;
		margin: 0;
		color: #171717;
	}

	.contact_list .contact_right .bbs-infolist .line_box_sub p{
		padding: 15px;
		background-color: #f4f4f4;
	}

	.contact_list .contact_right .bbs-infolist .line_box_sub .tit_wline_L strong {
		font-size: 1.8rem;
		color: #6F21BB;
	}

	.contact_list .contact_right .contact_right_txt{
		display: flex;
		flex-direction: row;
	}

	.contact_list .contact_right .contact_right_txt p{
		width: 25%;
		font-size: 1.6rem;
		text-align: center;
	}

	.contact_list .contact_right .contact_right_txt p strong{
		padding-left: 10px;
	}

	.contact_list .contact_right .contact_right_txt p br{
		display: none;
	}
}

@media all and (min-width: 900px) and (max-width: 1275px){
	.contact_list .contact_right .contact_right_txt p br{
		display: block;
	}

	.contact_list .contact_right .contact_right_txt p strong{
		padding-left: 0;
	}
}

@media (max-width: 899px){
	/*교육안내*/
	.edu_intro_text{
		font-size: 1.6rem;
		font-weight: 600;
		text-align: center;
		color: #6F21BB;
		margin-bottom: 10px;
	}

	.edu_intro_wrap .edu_intro_list > li{
		display: flex;
		flex-direction: column;
		border-bottom: 1px solid #ddd;
	}

	.edu_intro_wrap .edu_intro_list > li:first-child{
		border-top: 1px solid #171717;
	}

	.edu_intro_wrap .edu_intro_list > li > strong {
		font-size: 2rem;
		width: 100%;
		background-color: #f5f5f5;
		padding: 10px 15px;
	}

	.edu_intro_wrap .edu_intro_list li .intro_right{
		width: 100%;
		font-size: 1.4rem;
		padding: 10px;
	}

	.edu_intro_wrap .edu_intro_list li .intro_right > li > strong{
		line-height: 1.5;
		padding-left: 8px;
		font-size: 1.6rem;
	}

	.edu_intro_wrap .edu_intro_list li .intro_right li strong:before {
		content: '';
		display: inline-block;
		width: 4px;
		height: 4px;
		background-color: #555;
		margin-right: 8px;
		vertical-align: middle;
		border-radius: 4px;
	}

	.edu_intro_wrap .edu_intro_list li:nth-child(n+4):nth-child(-n+5) .intro_right > li p:before,
	.edu_intro_wrap .edu_intro_list li:last-child .intro_right > li p:before{
		content: '';
		display: inline-block;
		width: 4px;
		height: 4px;
		background-color: #555;
		margin-right: 8px;
		vertical-align: middle;
		border-radius: 4px;
	}

	.edu_intro_wrap .edu_intro_list li .intro_right li p{
		padding-left: 14px;
		line-height: 1.5;
	}

	.edu_intro_wrap .edu_intro_list li:last-child .intro_right > li p{
		color: red;
	}

	.edu_intro_wrap .edu_intro_list > li:last-child{
		border-bottom: 1px solid #171717;
	}

	.contact_list .contact .tit_nline_B{
		display: none;
	}

	.contact_list .contact .tit_nline_B.mobile{
		display: block;
		letter-spacing: -1.4px;
	}

	.contact_list{
		display: flex;
		flex-direction: column;
	}

	.contact{
		width: 100%;
		margin-right: 0;
	}

	.contact tr td:first-child{
		color: #171717;
		font-weight: 600;
	}

	.contact .bbs-w{
		margin-bottom: 0;
	}

	.contact .bbs-w table tr:last-child td{
		border-bottom: 0;
	}

	.tit_nline_B.taC br{
		display: none;
	}

	.contact_right{
		width: 100%;
		margin-bottom: 50px;
	}

	.contact_list .contact_right .bbs-infolist .line_box_sub .tit_wline_L{
		padding: 10px;
		font-size: 1.3rem;
		margin: 0;
		color: #171717;
	}

	.contact_list .contact_right .bbs-infolist .line_box_sub p{
		padding: 8px 8px 8px 18px;
		background-color: #f4f4f4;
		position: relative;
	}

	.contact_list .contact_right .bbs-infolist .line_box_sub p::before{
		content: "";
		width: 4px;
		height: 4px;
		border-radius: 4px;
		background-color: #6F21BB;
		position: absolute;
		left: 7px;
		top: 17px;
	}

	.contact_list .contact_right .bbs-infolist .line_box_sub .tit_wline_L strong {
		font-size: 1.6rem;
		color: #6F21BB;
	}

	.contact_list .contact_right .contact_right_txt{
		display: flex;
		flex-direction: column;
	}

	.contact_list .contact_right .contact_right_txt p{
		width: 100%;
		font-size: 1.6rem;
		text-align: left;
	}

	.contact_list .contact_right .contact_right_txt p strong{
		padding-left: 5px;
	}

	.contact_list .contact_right .contact_right_txt p br{
		display: none;
	}

}

@media all and (min-width: 360px) and (max-width: 450px){
	.tit_nline_B.taC br{
		display: block;
	}
}

/*교육신청 - 교육현황*/
@media (min-width: 1015px){
	.contents_wrap .edu_list_left .edu_count a {
		display: flex;
		flex-direction: column;
		align-items: center;
		background: #F5F5F5;
		border-radius: 10px;
		width: 22%;
		padding: 20px 0;
		margin-bottom: 15px;
		margin-right: 15px;
		cursor: pointer;
		text-decoration: none;
	}
}

@media (min-width: 900px) {
	/*교육신청 - 교육년도조회*/
	.edu_applicant_wrap .bbs-add .td_add.search_year{
		display: flex;
		width: 60%;
	}

	.edu_applicant_wrap .bbs-add .td_add .input-t{
		width: calc(100% - 100px);
		margin-right: 10px; 
	}

	.edu_applicant_wrap .bbs-add .td_add.search_year .select select{
		height: 44px;
	}
	
	.edu_applicant_wrap .bbs-add .td_add.search_year button{
		width: 100px;
	}


	/*교육신청 - 교육현황*/
	.contents_wrap .edu_wrap {
		display: flex;
		justify-content: space-between;
	}

	.contents_wrap .edu_list_left,
	.contents_wrap .edu_sublist_right {
		overflow: hidden;
		width: 50%;
	}

	.contents_wrap .edu_list_left .edu_count {
		flex-wrap: wrap;
		display: flex;
		text-align: center;
	}

	.contents_wrap .edu_list_left .edu_count a {
		display: flex;
		flex-direction: column;
		align-items: center;
		background: #F5F5F5;
		border-radius: 10px;
		width: 21%;
		padding: 20px 0;
		margin-bottom: 15px;
		margin-right: 15px;
		cursor: pointer;
		text-decoration: none;
	}

	.contents_wrap .edu_list_left .edu_count a span:first-child {
		color: #434343;
		font-size: 2rem;
		font-weight: 400;
	}

	.contents_wrap .edu_list_left .edu_count a .counter {
		font-size: 3rem;
		font-weight: 600;
		color: #6F21BB;
		margin-right: 5px;
	}

	/*교육신청 - 교육일정*/

	.edu_sublist_right {
		position: relative;
	}

	.edu_sublist_right > p{
		font-size: 1.5rem;
		text-align: right;
		position: absolute;
		top: 90px;
		right: 0;
	}

	.edu_sublist_right .list {
		border: 1px solid #D2D2D2;
		font-size: 1.5rem;
		margin-top: 10px;
	}

	.edu_sublist_right .list .list-wrap {
		padding: 20px;
		line-height: 1.3rem;
		overflow-y: scroll;
		height: 460px;
	}

	.edu_sublist_right .list .list-wrap a{
		text-decoration: none;
		color: #171717;
	}

	.edu_sublist_right .list .list-wrap a:hover {
		text-decoration: underline;
	}

	.edu_sublist_right .list .list-wrap .list_group{
		padding: 20px;
		background-color: #F4F4F4;
		margin-top: 10px;
		display: flex;
		height: 100px;
		border-radius: 10px;
		align-items: center;
	}

	.edu_sublist_right .list .list-wrap .list_group ul li.edu_day{
		margin-right: 30px;
		margin-top: 5px;
		text-align: center;
		position: relative;
	}

	.edu_sublist_right .list .list-wrap .list_group ul{
		position: relative;
	}

	.edu_sublist_right .list .list-wrap .list_group ul:first-child:after {
		position: absolute;
		content: '';
		width: 2px;
		height: 60px;
		background-color: #BFBFBF;
		right: 15px;
		top: 0;
	}

	.edu_sublist_right .list .list-wrap .list_group ul li.edu_day p.day{
		font-size: 4.5rem;
		line-height: 4.5rem;
		font-weight: 600;
	}

	.edu_sublist_right .list .list-wrap .list_group ul li.edu_title{
		font-size: 2rem;
		line-height: 2rem;
		padding-bottom: 8px;
	}

	.edu_sublist_right .list .list-wrap .list_group ul li.edu_place{
		line-height: 1.1;
		color: #666666;
	}

	.edu_sublist_right .list .list-wrap div:first-child {
		margin-top: 0;
	}

	/*교육신청*/
	.edu_applicant_wrap .tit_flex{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.edu_applicant_wrap .bbs-add .td_add{
		width: 425px;
	}

	.edu_applicant_wrap .bbs-add .td_add .input-t{
		width: 50%;
	}

	/*인원*/
	.edu_applicant_wrap .bbs-add .td_add .input-t.person{
		width: 60%;
	}

	.edu_applicant_wrap .bbs-add .td_add .input-t.person input{
		width: 45%;
	}

	/*교육일정*/
	.edu_applicant_wrap .bbs-add .td_add.flexRow{
		width: 100%;
	}

	.edu_applicant_wrap .bbs-add .td_add.flexRow .input-t+.input-t{
		margin-left: 1%;
	}

	.edu_applicant_wrap .bbs-add.agree .th_add{
		font-weight: 400;
	}

}

@media (max-width: 899px) {
	.edu_list_left,
	.edu_sublist_right {
		width: 100%;
	}

	.contents_wrap .edu_list_left .edu_count {
		flex-wrap: wrap;
		display: flex;
		text-align: center;
		justify-content: space-between;
	}

	.contents_wrap .edu_list_left .edu_count a {
		display: flex;
		flex-direction: column;
		align-items: center;
		background: #F5F5F5;
		border-radius: 10px;
		width: 15%;
		padding: 10px 0;
		margin-bottom: 8px;
		margin-right: 8px;
		cursor: pointer;
		text-decoration: none;
	}

	.contents_wrap .edu_list_left .edu_count a span:first-child {
		color: #434343;
		font-size: 1.5rem;
		font-weight: 400;
	}

	.contents_wrap .edu_list_left .edu_count a .counter {
		font-size: 2rem;
		font-weight: 600;
		color: #6F21BB;
	}

	.edu_sublist_right .tit_nline_B{
		padding: 20px 0 0 0;
	}

	.edu_sublist_right > p{
		font-size: 1.3rem;
		text-align: right;
	}

	.edu_sublist_right .list {
		border: 1px solid #D2D2D2;
		font-size: 1.2rem;
		margin-top: 10px;
		margin-bottom: 50px;
	}

	.edu_sublist_right .list .list-wrap {
		padding: 20px;
		line-height: 1.3rem;
		overflow-y: scroll;
		/*height: 460px;*/
	}

	.edu_sublist_right .list .list-wrap a{
		text-decoration: none;
		color: #171717;
	}

	.edu_sublist_right .list .list-wrap a:hover {
		text-decoration: underline;
	}

	.edu_sublist_right .list .list-wrap .list_group{
		padding: 15px;
		background-color: #F2F2F2;
		margin-top: 10px;
		display: flex;
		/*height: 100px;*/
		border-radius: 10px;
		align-items: center;
	}

	.edu_sublist_right .list .list-wrap .list_group ul li.edu_day{
		margin-right: 30px;
		margin-top: 5px;
		text-align: center;
		position: relative;

	}

	.edu_sublist_right .list .list-wrap .list_group ul{
		position: relative;
	}

	.edu_sublist_right .list .list-wrap .list_group ul:first-child:after {
		position: absolute;
		content: '';
		width: 2px;
		height: 60px;
		background-color: #BFBFBF;
		right: 15px;
		top: 0;
	}

	.edu_sublist_right .list .list-wrap .list_group ul li.edu_day p.day{
		font-size: 4rem;
		line-height: 4rem;
		font-weight: 600;
	}

	.edu_sublist_right .list .list-wrap .list_group ul li.edu_title{
		font-size: 1.6rem;
		line-height: 1.8rem;
		padding-bottom: 4px;
	}

	.edu_sublist_right .list .list-wrap .list_group ul li.edu_title a{
		display: flex;
		flex-direction: column;
	}

	.edu_sublist_right .list .list-wrap .list_group ul li.edu_place{
		line-height: 1.1;
		color: #666666;
		font-size: 1.2rem;
	}

	.edu_sublist_right .list .list-wrap div:first-child {
		margin-top: 0;
	}

	/*교육신청 - 교육년도조회*/
	.edu_applicant_wrap .bbs-add .td_add.search_year {
		display: flex;
		width: 100%;
	}

	.edu_applicant_wrap .bbs-add .td_add.search_year .input-t{
		width: calc(100% - 100px);
		margin-right: 10px;
	}

	.edu_applicant_wrap .bbs-add .td_add.search_year .select select {
		height: 44px;
	}

	/*교육신청*/
	.edu_applicant_wrap .tit_flex{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.edu_applicant_wrap .bbs-add .th_add{
		width: 100% !important;
		font-size: 1.4rem;
	}

	.edu_applicant_wrap .bbs-add .td_add .input-t.person input{
		width: 95%;
	}

	.edu_applicant_wrap .bbs-add .td_add.flexRow{
		padding: 8px 5px 2px 5px;
	}

	.edu_applicant_wrap .bbs-add .td_add.flexRow .input-t+.input-t{
		margin-left: 0;
		margin-top: 5px;
	}

	.edu_applicant_wrap .bbs-add.agree .th_add{
		font-weight: 400;
		padding: 8px 5px !important;
		background-color: #F1F1F1;
		width: 100% !important;
	}

}

@media (max-width: 599px){
	/*교육신청 - 교육년도조회*/
	.edu_applicant_wrap .bbs-add .td_add.search_year {
		display: flex;
		width: 100%;
	}

	.edu_applicant_wrap .bbs-add .td_add.search_year .input-t {
		width: calc(100% - 70px);
		margin-right: 10px;
	}

	.edu_applicant_wrap .bbs-add .td_add.search_year .select select {
		height: 32px;
	}
}

@media (max-width: 509px){
	.contents_wrap .edu_list_left .edu_count{
		justify-content: flex-start;
	}

	.contents_wrap .edu_list_left .edu_count a {
		display: flex;
		flex-direction: column;
		align-items: center;
		background: #F5F5F5;
		border-radius: 10px;
		width: 22.5%;
		padding: 10px 0;
		margin-bottom: 8px;
		margin-right: 8px;
		cursor: pointer;
		text-decoration: none;
	}
}

@media (min-width: 900px){
	/*상담안내*/
	.tit_nline_B.taC{
		font-weight: 400;
	}

	.counsel_intro_wrap{
		margin: 30px 0 80px 0;
	}

	.counsel_intro_wrap .counsel_intro_list > li{
		display: flex;
		/*padding: 18px;*/
		border-bottom: 1px solid #ddd;
	}

	.counsel_intro_wrap .counsel_intro_list > li:first-child{
		border-top: 1px solid #171717;
	}

	.counsel_intro_wrap .counsel_intro_list > li > strong {
		font-size: 2.2rem;
		width: 220px;
		background-color: #f5f5f5;
		padding: 20px;
	}

	.counsel_intro_wrap .counsel_intro_list li .counsel_intro_right{
		width: calc(100% - 220px);
		font-size: 1.6rem;
		padding: 20px;
	}

	.counsel_intro_wrap .counsel_intro_list li .counsel_intro_right > li > strong{
		line-height: 2;
		font-size: 1.8rem;
	}

	.counsel_intro_wrap .counsel_intro_list li .counsel_intro_right > li:nth-child(n+2){
		padding-top: 30px;
	}

	.counsel_intro_wrap .counsel_intro_list li .counsel_intro_right li strong:before {
		content: '';
		display: inline-block;
		width: 4px;
		height: 4px;
		background-color: #555;
		margin-right: 8px;
		vertical-align: middle;
		border-radius: 4px;
	}

	.counsel_intro_wrap .edu_intro_list li:nth-child(n+2):nth-child(-n+3) .counsel_intro_right > li p{
		padding-left: 0;
	}

	.counsel_intro_wrap .edu_intro_list li:nth-child(n+2):nth-child(-n+3) .counsel_intro_right > li p:before{
		content: '';
		display: inline-block;
		width: 4px;
		height: 4px;
		background-color: #555;
		margin-right: 8px;
		vertical-align: middle;
		border-radius: 4px;
	}

	.counsel_intro_wrap .counsel_intro_list li .counsel_intro_right li p{
		padding-left: 15px;
		line-height: 1.6;
	}

	.counsel_intro_wrap .counsel_intro_list > li:last-child{
		border-bottom: 1px solid #171717;
	}

	.tit_nline_B.taC br{
		display: none;
	}

	/*상담위원 롤링*/
	.consultant_wrap{
		/*width: 35%;*/
		height: 100%;
		margin-top: 10px;
		margin-left: 10px;
		overflow: hidden;
		white-space: nowrap;
		display: flex;
		flex-direction: row;
	}

	.consultant_list{
		padding: 20px 15px;
		overflow: hidden;
		/*border: 1px solid #333;*/
		border-radius: 8px;
		background-color: #f4f4f4;
		display: flex;
		width: calc(100% - 420px);
		white-space: nowrap;
		transition: transform 0.6s ease-in-out;
	}

	.consultant_list a{
		/*text-overflow: ellipsis;*/
		/*overflow: hidden;*/
		/*display: -webkit-box;*/
		/*-webkit-box-orient: vertical;*/
		/*-webkit-line-clamp: 1;*/
		/*line-height: 2;*/
		/*margin-bottom: 20px;*/
		text-decoration: none;
		color: #171717;
		margin: 0 15px;
		width: 146px; /* 각 항목의 가로 크기 */
	}
	.consultant{
		display: flex;
		flex-direction: column;
	}
	.consultant > img{
		width: 106px;
		height: 126px;
		margin: 0 auto;
		border-radius: 10px;
	}

	.consultant .consultant_text{
		display: flex;
		flex-direction: column-reverse;
		justify-content: flex-end;
		text-align: center;
		margin-top: 12px;
	}

	.counsel_intro_wrap .counsel_intro_list .counsel_intro_right .consultant_wrap .consultant_list .consultant .consultant_text p{
		padding: 0;
		line-height: unset;
	}

	.consultant .consultant_text p:last-child{
		font-weight: 600;
		font-size: 1.8rem;
	}

	.consultant_btn{
		display: flex;
		flex-direction: row;
		align-items: flex-end;
		width: 70px;
		margin-left: 8px;
		margin-bottom: 4px;
	}

	.consultant_btn .btn_prev{
		width: 100%;
		height: 20px;
		background: url("../images/sub/rolling_arrow_2.png") 1px center no-repeat;
		background-size: cover;
	}

	.consultant_btn .btn_pause{
		width: 100%;
		height: 20px;
		background: url("../images/sub/rolling_arrow_2.png") -24px center no-repeat;
		background-size: cover;
	}

	.consultant_btn .btn_next{
		width: 100%;
		height: 20px;
		background: url("../images/sub/rolling_arrow_2.png") -49px center no-repeat;
		background-size: cover;
	}
}

@media (max-width: 899px){
	/*상담안내*/
	.tit_nline_B.taC{
		font-weight: 400;
	}

	.counsel_intro_wrap{
		margin: 10px 0 50px 0;
	}

	.counsel_intro_wrap .counsel_intro_list > li{
		display: flex;
		flex-direction: column;
		border-bottom: 1px solid #ddd;
	}

	.counsel_intro_wrap .counsel_intro_list > li:first-child{
		border-top: 1px solid #171717;
	}

	.counsel_intro_wrap .counsel_intro_list > li > strong {
		font-size: 2rem;
		width: 100%;
		padding: 10px 15px;
		background-color: #f5f5f5;
	}

	.counsel_intro_wrap .counsel_intro_list li .counsel_intro_right{
		width: 100%;
		font-size: 1.4rem;
		padding: 10px;
	}

	.counsel_intro_wrap .counsel_intro_list li .counsel_intro_right > li > strong{
		line-height: 1.5;
		padding-left: 8px;
		font-size: 1.6rem;
	}

	.counsel_intro_wrap .counsel_intro_list li .counsel_intro_right > li:nth-child(n+2){
		padding-top: 30px;
	}

	.counsel_intro_wrap .counsel_intro_list li .counsel_intro_right li strong:before {
		content: '';
		display: inline-block;
		width: 4px;
		height: 4px;
		background-color: #555;
		margin-right: 8px;
		vertical-align: middle;
		border-radius: 4px;
	}

	.counsel_intro_wrap .counsel_intro_list li:nth-child(n+2):nth-child(-n+3) .counsel_intro_right > li p{
		padding-left: 0;
	}

	.counsel_intro_wrap .counsel_intro_list li .counsel_intro_right li p{
		padding-left: 14px;
		line-height: 1.5;
	}

	.counsel_intro_wrap .counsel_intro_list > li:last-child{
		border-bottom: 1px solid #171717;
	}

	.tit_nline_B.taC br{
		display: none;
	}


	/*상담위원 롤링*/
	.consultant_wrap{
		/*width: 35%;*/
		height: 156px;
		margin-top: 10px;
		margin-left: 10px;
		overflow: hidden;
		display: flex;
		flex-direction: row;
	}

	.consultant_list{
		padding: 15px;
		overflow: hidden;
		/*border: 1px solid #333;*/
		border-radius: 8px;
		background-color: #f4f4f4;
	}

	.consultant_list a{
		text-overflow: ellipsis;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		line-height: 2;
		margin-bottom: 20px;
		text-decoration: none;
		color: #171717;
	}
	.consultant{
		display: flex;
	}
	.consultant > img{
		width: 106px;
		height: 126px;
	}

	.consultant .consultant_text{
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		text-align: left;
	}

	.consultant .consultant_text p{
		padding-left: 8px;
	}

	.consultant .consultant_text p:last-child{
		font-weight: 600;
		font-size: 1.8rem;
	}

	.consultant_btn{
		display: flex;
		flex-direction: row;
		align-items: flex-end;
		width: 70px;
		margin-left: 8px;
		margin-bottom: 4px;
	}

	.consultant_btn .btn_prev{
		width: 100%;
		height: 20px;
		background: url("../images/sub/rolling_arrow_2.png") 1px center no-repeat;
		background-size: cover;
	}

	.consultant_btn .btn_pause{
		width: 100%;
		height: 20px;
		background: url("../images/sub/rolling_arrow_2.png") -24px center no-repeat;
		background-size: cover;
	}

	.consultant_btn .btn_next{
		width: 100%;
		height: 20px;
		background: url("../images/sub/rolling_arrow_2.png") -49px center no-repeat;
		background-size: cover;
	}
}

@media all and (min-width: 360px) and (max-width: 450px){
	.tit_nline_B.taC br{
		display: block;
	}
}



/*상담안내 상담위원 프로필 팝업박스*/
.sub_popup_layer {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
}

.popup_name_box {
	position: relative;
	top: 50%;
	left: 50%;
	width: 550px;
	transform: translate(-50%, -50%);
	z-index: 1002;
	box-sizing: border-box;
	background: #fff;
	text-align: left;
	box-shadow: 2px 5px 10px 0px rgba(0, 0, 0, 0.35);
	-webkit-box-shadow: 2px 5px 10px 0px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 2px 5px 10px 0px rgba(0, 0, 0, 0.35);
}

.popup_name_box.profile .title{
	background-color: #f5f5f5;
	padding: 20px;
}

.popup_name_box.profile .con{
	padding: 30px;
}

.profile_wrap{
	display: flex;
}

.profile_wrap img{
	height: 190px;
	border-radius: 10px;
}

.profile_list{
	margin-left: 10px;
}

.profile_list li{
	margin-left: 25px;
	margin-bottom: 10px;
}

.profile_name span:first-child{
	font-size: 2rem;
	font-weight: 600;
}

.profile_list .profile_name{
	margin-bottom: 20px;
}

.profile_name.mobile{
	display: none;
}

.profile_list li .profile_sub{
	font-weight: 600;
	font-size: 1.6rem;
	padding-left: 0;
}

.profile_list li .profile_sub:before{
	content: '';
	display: inline-block;
	width: 4px;
	height: 4px;
	background-color: #555;
	margin-right: 8px;
	vertical-align: middle;
	border-radius: 4px;
}

.profile_list li p{
	padding-left: 8px;
	word-break: keep-all;
}

.profile_list li p::before{
	content: '';
	display: inline-block;
	width: 4px;
	height: 1px;
	background-color: #555;
	margin-right: 8px;
	vertical-align: middle;
}


@media (max-width: 899px) {
	.popup_name_box {
		width: auto;
		margin-right: 30px;
	}

	.popup_name_box.profile .title{
		background-color: #f5f5f5;
		padding: 10px;
	}

	.profile_wrap{
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
	}

	.profile_wrap img{
		width: 106px;
		height: 126px;
		border-radius: 10px;
	}

	.profile_list{
		margin-left: 0;
		margin-top: 20px;
	}

	.profile_name{
		display: none;
	}

	.profile_name.mobile{
		display: flex;
		margin-left: 15px;
		align-items: flex-end;
		margin-bottom: 0;
	}

	.profile_name.mobile span{
		padding-right: 5px;
	}

	.profile_name.mobile span:first-child{
		margin-bottom: 2px;
	}

	.profile_list li{
		margin-left: 0;
		margin-bottom: 8px;
	}

	.profile_list li:nth-child(n+2):nth-child(-n+3){
		margin-left: 10px;
	}

	.profile_list li .profile_sub{
		font-weight: 600;
		font-size: 1.5rem;
		padding-left: 0;
	}

	.profile_list li p{
		font-size: 1.4rem;
	}
}



@media (min-width: 900px){
	/*온라인 상담글 작성*/
	/*개인정보*/
	.counsel_wrap .tit_flex{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.counsel_wrap .checkbox-group{
		width: unset;
	}

	.counsel_wrap .checkbox-group li {
		margin: 0;
	}

	/*나이*/
	.counsel_wrap .bbs-add.personal .td_add .input-t input{
		width: 55%;
	}

	.counsel_wrap .bbs-add.personal .td_add .input-t.person input{
		width: 52%;
	}

	.counsel_wrap .bbs-add.personal .td_add .input-t.cycle input{
		width: 55%;
	}

	/*출산여부*/
	.counsel_wrap .bbs-add.personal .td_add.child{
		display: flex;
		width: 315px;
	}

	.counsel_wrap .bbs-add.personal .td_add.child .radio-group{
		width: 68px;
	}

	.counsel_wrap .bbs-add.personal .td_add.child .radio-group li{
		margin: 0;
	}

	.counsel_wrap .bbs-add.personal tr:last-child td:nth-child(4) .input-t{
		display: flex;
		align-items: center;
	}

	.counsel_wrap .bbs-add.personal tr:last-child td:nth-child(4) .input-t input{
		width: 202px;
		padding: 8px 0;
	}

	.counsel_wrap .bbs-add.personal tr:last-child td:last-child{
		width: 225px;
		padding: 8px 0;
	}

	/*초경시기*/
	.counsel_wrap .bbs-add.period .td_add{
		width: 280px;
	}

	.counsel_wrap .bbs-add.period .td_add:last-child .input-t.person{
		width: 48%;
		display: inline-block;
	}

	.counsel_wrap .bbs-add.period .td_add .input-t.person input{
		width: 80%;
	}

	.counsel_wrap .bbs-add.period p{
		font-size: 1.4rem;
		padding-top: 5px;
	}

	/*상담내용*/
	.counsel_wrap .bbs-add.counsel .td_add{
		display: flex;
	}

	.counsel_wrap .bbs-add.counsel ul.radio-group li:last-child ul{
		display: flex;
		width: 300px;
		align-items: center;
	}

	.counsel_wrap .bbs-add.counsel tr:nth-child(2) li:last-child ul li:first-child{
		margin: 0;
	}

	.counsel_wrap .bbs-add.counsel tr:nth-child(2) li:last-child ul .input-t{
		width: calc(100% - 85px);
		height: 44px;
		margin: 0;
	}

	.counsel_wrap .bbs-add.counsel tr:nth-child(2) .td_add:last-child .input-t input{
		width: 100% !important;
		height: 44px !important;
		clip: unset;
	}

	.counsel_wrap .bbs-add.counsel .input-textarea textarea{
		height: 200px;
	}

	.counsel_wrap .bbs-add.agree .th_add{
		font-weight: 400;
	}

	.counsel_wrap .bbs-add.counsel_write tr:last-child .td_add ul.radio-group li:last-child ul{
		display: flex;
		align-items: center;
		width: 300px;
	}

	.counsel_wrap .bbs-add.counsel_write tr:last-child .td_add ul.radio-group li:last-child ul .input-t{
		width: calc(100% - 85px);
		height: 44px !important;
		margin: 0;
	}

	.counsel_wrap .bbs-add.counsel_write tr:last-child .td_add ul.radio-group li:last-child ul .input-t input{
		width: calc(100% - 9px) !important;
		height: 44px !important;
		clip: unset;
	}

	/*상담글 답변-조회*/
	.counsel_wrap.answer .bbs-add.counsel .td_add{
		padding: 8px 15px;
		display: table-cell;
	}

	.counsel_wrap.answer .bbs-add.counsel .td_add span{
		padding-left: 0;
	}
}

@media (max-width: 899px){
	/*개인정보*/
	.counsel_wrap .bbs-add.personal .td_add.child{
		width: 55%;
		display: inline-flex;
	}

	.counsel_wrap .bbs-add.personal .td_add .input-t.person input{
		width: calc(100% - 40px);
	}

	.counsel_wrap .bbs-add.personal .td_add .input-t.cycle input{
		width: calc(100% - 21px);
	}


	.counsel_wrap .bbs-add.personal .td_add.child .radio-group{
		width: 70px;
	}

	.counsel_wrap .bbs-add.personal .td_add.child .radio-group li{
		margin: 0;
	}

	.counsel_wrap .bbs-add.personal tr:last-child td:nth-child(4) .input-t{
		display: flex;
		align-items: center;
		width: 100%;
	}

	/*초경시기*/
	.counsel_wrap .bbs-add.period .td_add .input-t.person input{
		width: calc(100% - 36px);
	}
	.counsel_wrap .bbs-add.period .td_add:nth-child(4) .input-t.person input{
		width: calc(100% - 17px);
	}

	.counsel_wrap .bbs-add.period .td_add:last-child .input-t.person input{
		width: calc(100% - 17px);
	}
	.counsel_wrap .bbs-add.period p{
		font-size: 1.2rem;
		padding-top: 5px;
	}

	/*상담내용*/
	.counsel_wrap .bbs-add.counsel ul.radio-group{
		flex-direction: column;
		align-items: flex-start;
		height: 100%;
	}

	.counsel_wrap .bbs-add.counsel ul.radio-group li:last-child ul{
		display: flex;
		width: 300px;
		align-items: center;
	}

	.counsel_wrap .bbs-add.counsel tr:nth-child(2) li:last-child ul .input-t{
		width: calc(100% - 85px);
		height: 44px;
		margin: 0;
	}

	.counsel_wrap .bbs-add.counsel tr:nth-child(2) li:last-child ul li:first-child{
		margin: 0;
	}

	.counsel_wrap .bbs-add.counsel tr:nth-child(2) .td_add:last-child .input-t input{
		width: 100% !important;
		height: 44px !important;
		clip: unset;
	}

	.counsel_wrap .bbs-add.agree .th_add{
		font-weight: 400;
		padding: 8px 5px !important;
		background-color: #F1F1F1;
	}

	.counsel_wrap .bbs-add.agree .th_add{
		width: 100% !important;
		font-size: 1.4rem;
	}

	.counsel_wrap .bbs-add.counsel_write tr:last-child .td_add ul.radio-group li:last-child ul{
		display: flex;
		align-items: center;
		width: 300px;
	}

	.counsel_wrap .bbs-add.counsel_write tr:last-child .td_add ul.radio-group li:last-child ul .input-t{
		width: calc(100% - 85px);
		height: 44px !important;
		margin: 0;
	}

	.counsel_wrap .bbs-add.counsel_write tr:last-child .td_add ul.radio-group li:last-child ul .input-t input{
		width: calc(100% - 9px) !important;
		height: 44px !important;
		clip: unset;
	}
}

@media (max-width: 599px){
	.counsel_wrap .bbs-add.counsel_write tr:last-child .td_add ul.radio-group li:last-child ul{
		display: flex;
		align-items: center;
		width: 300px;
	}

	.counsel_wrap .bbs-add.counsel_write tr:last-child .td_add ul.radio-group li:last-child ul .input-t{
		width: calc(100% - 85px);
		height: 32px !important;
		clip: unset;
	}

	.counsel_wrap .bbs-add.counsel_write tr:last-child .td_add ul.radio-group li:last-child ul .input-t input{
		width: calc(100% - 9px) !important;
		height: 32px !important;
		clip: unset;
	}
}

@media (min-width: 900px){
	.counsel_wrap.answer .bbs-add.answer .td_add{
		width: 550px;
	}

	.counsel_wrap.answer .bbs-add.answer .td_add .input-textarea textarea{
		height: 200px;
	}
}

@media (max-width: 899px){
	/*상담글 답변*/
	.counsel_wrap.answer .bbs-add .td_add .mobile_flex{
		width: 100%;
		border-bottom: 1px solid #dddddd;
		padding-bottom: 5px;
	}

	.counsel_wrap.answer .bbs-add .td_add > span{
		width: 100%;
		border-bottom: 1px solid #dddddd;
		padding-bottom: 5px;
		display: block;
	}

	.counsel_wrap.answer .bbs-add tr:last-child .td_add:last-child > span{
		border-bottom: 0;
	}

	.counsel_wrap.answer .bbs-add .th_add{
		width: 100% !important;
	}
}


@media (min-width: 900px){
	/*전화대면상담*/
	/*전화대면상담문구*/
	.counsel_wrap .bbs-infolist li:first-child::before,
	.counsel_wrap .bbs-infolist li:nth-child(5)::before{
		display: none;
	}

	.counsel_wrap .bbs-infolist li span.sub_title{
		font-size: 1.8rem;
	}

	.counsel_wrap .bbs-infolist li span.sub_text{
		margin-left: 10px;
		font-size: 14px;
	}

	.counsel_wrap .bbs-infolist li span.sub_text a{
		display: none;
	}

	.counsel_wrap .bbs-infolist li:first-child .sub_text::before{
		content: "";
		background-image: url(../images/sub/phone_icon.png);
		background-repeat: no-repeat;
		background-position: left center;
		display: inline-block;
   		height: 18px;
    		width: 18px;
    		background-size: contain;
    		position: absolute;
    		top: -3px;
    		left: -2px;
	}

	.counsel_wrap .bbs-add.face .td_add{
		width: 550px;
	}

	/*상담구분*/
	.counsel_wrap .bbs-add.face tr:nth-child(5) ul.radio-group li:last-child ul{
		display: flex;
		width: 300px;
		align-items: center;
	}

	.counsel_wrap .bbs-add.face tr:nth-child(5) li:last-child ul li:first-child{
		margin: 0;
	}

	.counsel_wrap .bbs-add.face tr:nth-child(5) li:last-child ul .input-t{
		width: calc(100% - 85px);
		height: 44px;
		margin: 0;
	}

	.counsel_wrap .bbs-add.face tr:nth-child(5) .td_add:last-child .input-t input{
		width: 100% !important;
		height: 44px !important;
		clip: unset;
	}
}

@media (max-width: 899px){
	/*전화대면상담*/
	/*전화대면상담문구*/
	.counsel_wrap .bbs-infolist li:first-child::before,
	.counsel_wrap .bbs-infolist li:nth-child(5)::before{
		display: none;
	}

	.counsel_wrap .bbs-infolist li span.sub_title{
		font-size: 1.6rem;
	}

	.counsel_wrap .bbs-infolist li span.sub_text{
		margin-left: 10px;
		font-size: 1.4rem;
	}

	.counsel_wrap .bbs-infolist li span.sub_text b{
		display: none;
	}

	.counsel_wrap .bbs-infolist li span.sub_text a{
		display: inline-block;
		color: #171717;
	}

	.counsel_wrap .bbs-infolist li:first-child .sub_text::before{
		content: "";
		background-image: url(../images/mobile/phone_icon.svg);
		background-repeat: no-repeat;
		background-position: left center;
		display: inline-block;
   		height: 18px;
    		width: 18px;
    		background-size: contain;
    		position: absolute;
    		top: -3px;
    		left: -2px;
	}

	.counsel_wrap .bbs-add.face .td_add{
		width: 550px;
	}

	/*상담구분*/

	.counsel_wrap .bbs-add.face ul.radio-group li:last-child ul{
		display: flex;
		width: 300px;
		align-items: center;
	}

	.counsel_wrap .bbs-add.face tr:nth-child(5) li:last-child ul .input-t{
		width: calc(100% - 85px);
		height: 32px;
		margin: 0;
	}

	.counsel_wrap .bbs-add.face tr:nth-child(5) li:last-child ul li:first-child{
		margin: 0;
	}

	.counsel_wrap .bbs-add.face tr:nth-child(5) .td_add:last-child .input-t input{
		width: 100% !important;
		height: 32px !important;
		clip: unset;
	}

	.counsel_wrap .bbs-add.face .th_add{
		width: 100% !important;
		font-size: 1.4rem;
	}
}

@media (max-width: 599px) {
	.counsel_wrap .bbs-add.face .td_add{
		width: 100%;
	}
}

@media (min-width: 900px){
	/*카톡웹챗상담*/
	.counsel_wrap .shortcut_wrap button+button{
		margin-left: 16px;
	}
	.counsel_wrap .shortcut_wrap{
		margin: 100px 0;
		display: flex;
	}

	.counsel_wrap .shortcut_wrap{
		display: flex;
		justify-content: center;
		height: 120px;
	}

	.counsel_wrap .shortcut_wrap button, .counsel_wrap .shortcut_wrap a{
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: column;
		font-size: 1.5rem;
		text-decoration: none;
		color: #000;
	}

	.counsel_wrap .shortcut_wrap .shortcut_kakao{
		width: 80px;
		height: 80px;
		background-image: url(../images/main/main_top_kakao_icon.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}

	.counsel_wrap .shortcut_wrap .shortcut_chat{
		width: 80px;
		height: 80px;
		background-image: url(../images/main/main_top_chat_icon.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}
}

@media (max-width: 899px){
	/*카톡웹챗상담*/
	.counsel_wrap .shortcut_wrap button+button{
		margin-left: 8px;
	}
	.counsel_wrap .shortcut_wrap button+a{
		margin-left: 8px;
	}
	.counsel_wrap .shortcut_wrap{
		margin: 55px 0;
		display: flex;
	}

	.counsel_wrap .shortcut_wrap{
		display: flex;
		justify-content: center;
		height: 90px;
	}

	.counsel_wrap .shortcut_wrap button, .counsel_wrap .shortcut_wrap a{
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: column;
		font-size: 1.3rem;
		text-decoration: none;
		color: #000;
	}

	.counsel_wrap .shortcut_wrap .shortcut_kakao{
		width: 60px;
		height: 60px;
		background-image: url(../images/main/main_top_kakao_icon.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}

	.counsel_wrap .shortcut_wrap .shortcut_chat{
		width: 60px;
		height: 60px;
		background-image: url(../images/main/main_top_chat_icon.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}
}


@media (min-width: 900px){
	/*동영상*/
	.video_list{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin-bottom: 20px;
	}
	.video_list .video_box{
		width: calc(49% - 10px);
		display: flex;
		flex-direction: column;
		margin-bottom: 30px;
		align-items: center;
		margin-right: 26px;
		position: relative;
	}

	/* .video_list .video_box video{
		height: 195px;
	} */

	.video_list li:nth-child(2n){
		margin-right: 0;
	}

	.video_list .video_box span{
		font-size: 1.5rem;
		padding: 20px 0 10px 0;
	}

	.video_list .video_box button{
		margin-top: 5px;
		position: absolute;
		right: 0;
		bottom: 5px;
		font-size: 1.5rem;
	}

}

@media (max-width: 899px){
	/*동영상*/
	.video_list{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin-bottom: 20px;
	}
	.video_list .video_box{
		width: 100%;
		display: flex;
		flex-direction: column;
		margin-bottom: 10px;
		align-items: center;
		margin-right: 0;
	}

	.video_list .video_box video{
		height: 195px;
	}

	.video_list .video_box span{
		font-size: 1.3rem;
		padding: 10px 0;
	}
}


@media (min-width: 900px){
	/*카툰,카드뉴스*/
	.cartoon_wrap{
		margin-bottom: 50px;
	}
	.cartoon_list{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin-bottom: 20px;
	}
	.cartoon_list .cartoon_box{
		width: calc(25% - 8px);
		display: flex;
		flex-direction: column;
		margin-bottom: 15px;
		align-items: center;
		margin-right: 10px;
	}

	.cartoon_list .cartoon_box a{
		text-decoration: none;
		color: #171717;
		text-align: center;
		border: 1px solid #dddddd;
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
		padding-bottom: 10px;
	}

	.cartoon_list .cartoon_box a:hover{
		border: 1px solid #6F21BB;
		box-shadow: 4px 4px 2px #ddd;
	}

	.cartoon_list .cartoon_box a:hover .cartoon_text span:first-child{
		border-top: 1px solid #6F21BB;
	}

	.cartoon_list .cartoon_box .cartoon_img{
		height: 330px;
	}

	.cartoon_list .cartoon_box img{
		height: 330px;
	}

	.cartoon_list li:nth-child(4n){
		margin-right: 0;
	}

	.cartoon_list .cartoon_box .cartoon_text{
		display: flex;
		flex-direction: column;
	}

	.cartoon_list .cartoon_box .cartoon_text span:first-child{
		border-top: 1px solid #dddddd;
	}


	.cartoon_list .cartoon_box .cartoon_text span:last-child{
		color: #6F21BB;
		font-size: 1.3rem;
		padding: 0;
	}

	.cartoon_list .cartoon_box a span{
		font-size: 1.5rem;
		padding: 10px 0;
	}
}


@media (min-width: 1170px) and (max-width: 1365px){
	/*카툰,카드뉴스*/
	.cartoon_list .cartoon_box{
		width: calc(30% - 8px);
		display: flex;
		flex-direction: column;
		margin-bottom: 15px;
		align-items: center;
		margin-right: 10px;
	}
}

@media (min-width: 900px) and (max-width: 1169px){
	/*카툰,카드뉴스*/
	.cartoon_list .cartoon_box{
		width: calc(45% - 8px);
		display: flex;
		flex-direction: column;
		margin-bottom: 15px;
		align-items: center;
		margin-right: 10px;
	}
}

@media (max-width: 899px){
	/*카툰,카드뉴스*/
	.cartoon_wrap{
		margin-bottom: 30px;
	}
	.cartoon_list{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin-bottom: 10px;
	}
	.cartoon_list .cartoon_box{
		width: calc(45% - 10px);
		display: flex;
		flex-direction: column;
		margin-bottom: 15px;
		align-items: center;
		margin-right: 10px;
	}

	.cartoon_list .cartoon_box a{
		text-decoration: none;
		color: #171717;
		text-align: center;
		border: 1px solid #dddddd;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		padding-bottom: 8px;
	}

	.cartoon_list .cartoon_box a:hover{
		border: 1px solid #6F21BB;
		box-shadow: 4px 4px 2px #ddd;
	}

	.cartoon_list .cartoon_box a:hover .cartoon_text span:first-child{
		border-top: 1px solid #6F21BB;
	}

	.cartoon_list .cartoon_box .cartoon_img{
		height: 330px;
	}

	.cartoon_list .cartoon_box img{
		height: 330px;
	}

	.cartoon_list .cartoon_box .cartoon_text{
		display: flex;
		flex-direction: column;
	}

	.cartoon_list .cartoon_box .cartoon_text span:first-child{
		border-top: 1px solid #dddddd;
	}

	.cartoon_list .cartoon_box .cartoon_text span:last-child{
		color: #6F21BB;
		font-size: 1.2rem;
		padding: 0;
	}

	.cartoon_list .cartoon_box a span{
		font-size: 1.3rem;
		padding: 5px;
	}
}

@media (max-width: 799px){
	/*카툰,카드뉴스*/
	.cartoon_list .cartoon_box{
		width: calc(60% - 8px);
		display: flex;
		flex-direction: column;
		margin-bottom: 15px;
		align-items: center;
		margin-right: 10px;
	}
}


/* 슬라이드*/
.cartoon_slide {
	padding: 30px 0;
	position:relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 120px;
}

.cartoon_slide .cartoon_slide_wrap {
	padding: 0;
}

.cartoon_slide .box {
	width: 600px;
	height: 600px;
	clear: both;
	overflow: hidden;
}

.cartoon_slide .cartoon_slide_wrap ul {
	width: 5000px;
	list-style: none;
	margin: 0;
}

.bbs-view ul.head > li .cartoon_slide .cartoon_slide_wrap li {
	border-bottom: 0;
}

.cartoon_slide .cartoon_slide_wrap li {
	display: inline-block;
	width: 600px;
	height: 600px;
	margin-right: 15px;
	text-align: center;
}

.cartoon_slide .cartoon_slide_wrap li img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

.cartoon_slide .cartoon_slide_wrap .ctrl-btns {
	width: 100%;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 45%;
}

.cartoon_slide .cartoon_slide_wrap .ctrl-btns .prev {
	position: absolute;
	left: 0;
}

.cartoon_slide .cartoon_slide_wrap .ctrl-btns .next {
	position: absolute;
	right: 0;
}

.cartoon_slide .cartoon_slide_wrap .ctrl-btns button img{
	width: 50px;
}

@media (max-width: 899px){
	/* 슬라이드*/
	.cartoon_slide {
		padding: 30px 0;
		position:relative;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0;
	}

	.cartoon_slide .cartoon_slide_wrap {
		padding: 0;
	}

	.cartoon_slide .box {
		width: 340px;
		height: 340px;
		clear: both;
		overflow: hidden;
	}

	.cartoon_slide .cartoon_slide_wrap ul {
		width: 5000px;
		list-style: none;
		margin: 0;
	}

	.bbs-view ul.head > li .cartoon_slide .cartoon_slide_wrap li {
		border-bottom: 0;
	}

	.cartoon_slide .cartoon_slide_wrap li {
		display: inline-block;
		width: 340px;
		height: 320px;
		margin-right: 15px;
		text-align: center;
	}

	.cartoon_slide .cartoon_slide_wrap li img {
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
	}

	.cartoon_slide .cartoon_slide_wrap .ctrl-btns {
		width: 100%;
		display: inline-block;
		position: absolute;
		left: 0;
		top: 45%;
	}

	.cartoon_slide .cartoon_slide_wrap .ctrl-btns .prev {
		position: absolute;
		left: 0;
	}

	.cartoon_slide .cartoon_slide_wrap .ctrl-btns .next {
		position: absolute;
		right: 0;
	}

	.cartoon_slide .cartoon_slide_wrap .ctrl-btns button img{
		width: 20px;
	}
}

/*성건강정보*/
/*내용안에 원형아이콘제목*/
.contents_wrap .sexual_info .tit_nline_T {
	position: relative;
	font-size: 2.5rem;
	color: #171717;
	padding: 20px 0 20px 30px;
}

.contents_wrap .sexual_info .tit_nline_T::before{
	position: absolute;
	top: 32px;
	left: 15px;
	content: '';
	width: 6px;
	height: 6px;
	background-color: #6F21BB;
	border-radius: 6px;
}

/*내용안에 원형아이콘제목 텍스트박스*/
.contents_wrap .sexual_info .tit_t_box {
	position: relative;
	line-height: 2.8rem;
	font-size: 1.6rem;
	padding: 0 30px;
}

.contents_wrap .sexual_info .tit_t_box p{
	margin-bottom: 0;
}

.contents_wrap .sexual_info .tit_t_box .tit_nline_S{
	font-weight: 400;
	font-size: 20px;
}

.contents_wrap .sexual_info .tit_t_box .line_box{
	padding: 10px 20px;
	border: 1px solid #ddd;
}

.contents_wrap .sexual_info .tit_t_box .img_line_box{
	margin: 10px 0;
	display: flex;
	flex-direction: row;
}

.contents_wrap .sexual_info .tit_t_box .img_line_box .man_step_list{
	padding: 30px 20px 30px 30px;
	border: 1px solid #ddd;
	margin-right: 20px;
	position: relative;
}

.contents_wrap .sexual_info .tit_t_box .img_line_box .man_step_list::before{
	content: "";
	width: 2px;
	height: 349px;
	background-color: #ddd;
	position: absolute;
	top: 55px;
	left: 34px;
	z-index: -1;
}

.contents_wrap .sexual_info .tit_t_box .img_line_box .man_step_list li{
	position: relative;
	padding: 10px 10px 10px 30px;
	line-height: 1.2;
}

.contents_wrap .sexual_info .tit_t_box .img_line_box .man_step_list li::before{
	content:"";
	width: 24px;
	height: 24px;
	position: absolute;
	left: -6px;
	top: 8px;
	background: url("/images/sub/step_arrow.png") 0 0 no-repeat;
}

.contents_wrap .sexual_info .tit_t_box .img_line_box img+img{
	margin-left: 20px;
}

.contents_wrap .sexual_info .tit_t_box .img_line_box img:last-child{
	height: 50%;
}



/*이미지순서설명*/
.contents_wrap .sexual_info .tit_t_box .img_step{
	display: flex;
	justify-content: space-around;
}

.contents_wrap .sexual_info .tit_t_box .img_step li{
	width: 25%;
	padding: 8px 20px;
	text-align: center;
	line-height: 1.4;
}

@media (max-width: 1399px){
	/*성적발달*/
	.contents_wrap .sexual_info .tit_t_box .img_line_box.man_step{
		margin: 10px 0;
		display: flex;
		/*flex-direction: column;*/
	}

	.contents_wrap .sexual_info .tit_t_box .img_line_box.man_step .man_step_list{
		padding: 30px 20px 30px 30px;
		border: 1px solid #ddd;
		margin-right: 0;
		position: relative;
		width: 60%;
	}

	.contents_wrap .sexual_info .tit_t_box .img_line_box.man_step .man_step_list::before{
		content: "";
		width: 2px;
		height: 230px;
		background-color: #eee1ff;
		position: absolute;
		top: 55px;
		left: 34px;
		z-index: -1;
	}

	.contents_wrap .sexual_info .tit_t_box .img_line_box.man_step .man_step_list li{
		position: relative;
		padding: 10px 10px 10px 30px;
		line-height: 1.2;
	}

	.contents_wrap .sexual_info .tit_t_box .img_line_box.man_step .man_step_list li::before{
		content:"";
		width: 24px;
		height: 24px;
		position: absolute;
		left: -6px;
		top: 8px;
		background: url("/images/sub/step_arrow.png") 0 0 no-repeat;
	}

	.contents_wrap .sexual_info .tit_t_box .img_line_box.man_step .man_step_list li br{
		display: none;
	}

	.contents_wrap .sexual_info .tit_t_box .img_line_box.man_step{
		flex-wrap: wrap;
	}

	.contents_wrap .sexual_info .tit_t_box .img_line_box.man_step img{
		margin: 0;
		max-width: 600px;
		margin-top: 20px;
	}

	.contents_wrap .sexual_info .tit_t_box .img_line_box.man_step img+img{
		margin-left: 20px;
	}
}


@media (max-width: 899px){
	/*내용안에 원형아이콘제목 텍스트박스*/
	.contents_wrap .sexual_info .tit_t_box {
		position: relative;
		line-height: 2.8rem;
		font-size: 1.6rem;
		padding: 0 10px;
	}

	/*성적발달*/
	.contents_wrap .sexual_info .tit_t_box .img_line_box.man_step {
		margin: 10px 0;
		display: flex;
		flex-direction: column;
	}

	.contents_wrap .sexual_info .tit_t_box .img_line_box.man_step  .man_step_list{
		padding: 10px 30px 10px 30px;
		border: 1px solid #ddd;
		margin-right: 0;
		position: relative;
		margin-bottom: 10px;
		width: 100%;
	}

	.contents_wrap .sexual_info .tit_t_box .img_line_box.man_step  .man_step_list::before{
		content: "";
		width: 2px;
		height: 230px;
		background-color: #eee1ff;
		position: absolute;
		top: 28px;
		left: 40px;
		z-index: -1;
	}

	.contents_wrap .sexual_info .tit_t_box .img_line_box.man_step  .man_step_list li{
		position: relative;
		padding: 10px 10px 10px 30px;
		line-height: 1.2;
	}

	.contents_wrap .sexual_info .tit_t_box .img_line_box.man_step  .man_step_list li::before{
		content:"";
		width: 24px;
		height: 24px;
		position: absolute;
		left: 0px;
		top: 8px;
		background: url("/images/sub/step_arrow.png") 0 0 no-repeat;
	}

}

@media (max-width: 569px){
	.contents_wrap .sexual_info .tit_t_box .img_line_box.man_step .man_step_list li br{
		display: block;
	}

	.contents_wrap .sexual_info .tit_t_box .img_line_box.man_step  .man_step_list li{
		font-size: 1.4rem;
	}

	.contents_wrap .sexual_info .tit_t_box .img_line_box.man_step  .man_step_list{
		padding: 15px;
	}

	.contents_wrap .sexual_info .tit_t_box .img_line_box.man_step .man_step_list li {
		position: relative;
		padding: 5px 10px 5px 30px;
		line-height: 1.2;
	}

	.contents_wrap .sexual_info .tit_t_box .img_line_box.man_step .man_step_list::before{
		content: "";
		width: 2px;
		height: 254px;
		background-color: #eee1ff;
		position: absolute;
		top: 28px;
		left: 19px;
		z-index: -1;
	}

	.contents_wrap .sexual_info .tit_t_box .img_line_box.man_step .man_step_list li::before{
		content:"";
		width: 24px;
		height: 24px;
		position: absolute;
		left: -6px;
		top: 2px;
		background: url("/images/sub/step_arrow.png") 0 0 no-repeat;
	}
}

@media (min-width: 900px){
	/*생식기계질환*/
	.disease_list{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin-bottom: 20px;
	}

	.disease_list .disease_box{
		width: calc(20% - 8px);
		display: flex;
		flex-direction: column;
		margin-bottom: 15px;
		align-items: center;
		margin-right: 10px;
	}

	.disease_list .disease_box a{
		text-decoration: none;
		color: #171717;
		text-align: center;
		padding: 20px;
		border: 1px solid #dddddd;
		border-radius: 10px;
	}

	.disease_list .disease_box a:hover{
		border: 1px solid #6F21BB;
		border-radius: 10px;
		box-shadow: 4px 4px 2px #ddd;
	}

	.disease_list .disease_box a:hover .disease_text h5{
		color: #6F21BB;
	}

	.disease_list .disease_box a:hover .disease_text h5::after{
		background-color: #6F21BB;
		height: 1px;
	}

	.disease_list .disease_box img{
		width: 230px;
	}

	.disease_list li:nth-child(5n){
		margin-right: 0;
	}

	.disease_list .disease_box .disease_text{
		display: flex;
		flex-direction: column;
	}

	.disease_list .disease_box .disease_text h5{
		color: #171717;
		font-size: 2rem;
		font-weight: 600;
		padding: 10px 0 20px 0;
		position: relative;
	}

	.disease_list .disease_box .disease_text h5::after{
		content: "";
		width: 100%;
		height: 1px;
		background-color: #ddd;
		position: absolute;
		bottom: 10px;
		left: 50%;
		transform: translateX(-50%);
	}

	.disease_list .disease_box .disease_text span{
		font-size: 1.5rem;
		display: -webkit-box;
		word-wrap: break-word;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	/*원형아이콘제목*/
	.contents_wrap .sexual_info_disease{
		margin-bottom: 60px;
	}

	.contents_wrap .sexual_info_disease .tit_wline_S{
		padding: 50px 0 20px 0;
	}

	.contents_wrap .sexual_info_disease .tit_nline_T {
		position: relative;
		font-size: 2.5rem;
		color: #171717;
		padding: 20px 0 10px 30px;
		margin: 0;
	}

	.contents_wrap .sexual_info_disease .tit_nline_T::before{
		position: absolute;
		top: 32px;
		left: 15px;
		content: '';
		width: 6px;
		height: 6px;
		background-color: #6F21BB;
		border-radius: 6px;
	}

	/*원형아이콘제목 텍스트박스*/
	.contents_wrap .sexual_info_disease .tit_t_box {
		position: relative;
		line-height: 2.5rem;
		font-size: 1.6rem;
		padding: 0 20px;
	}

	.contents_wrap .sexual_info_disease .tit_t_box p{
		margin-bottom: 0;
	}

	.contents_wrap .sexual_info_disease .tit_t_box .tit_nline_S{
		font-weight: 400;
		font-size: 20px;
	}

	.contents_wrap .sexual_info_disease .tit_t_box .line_box{
		padding: 10px 20px;
		border: 1px solid #ddd;
		position: relative;
		line-height: 2.5rem;
		margin-bottom: 50px;
		margin-top: 10px;
	}

	.contents_wrap .sexual_info_disease .tit_t_box .line_box .line_box_sub{
		padding: 10px 0;
	}

	.contents_wrap .sexual_info_disease .tit_t_box .line_box .line_box_sub .tit_wline_L{
		padding: 10px;
		font-size: 1.8rem;
		margin: 0;
		color: #6F21BB;
	}

	.contents_wrap .sexual_info_disease .tit_t_box .line_box .line_box_sub p{
		padding: 15px;
		background-color: #f4f4f4;
	}

	.contents_wrap .sexual_info_disease .source_line_box{
		border: 1px solid #aaa;
		border-radius: 16px;
		padding: 10px 20px;
		font-size: 1.5rem;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 286px;
		margin: 0 auto;
	}

	.contents_wrap .sexual_info_disease .source_line_box span{
		width: 118px;
		text-align: center;
	}
}

/*생식기계질환 종류 반응형*/
@media (max-width: 1390px){
	.disease_list .disease_box{
		width: calc(30% - 8px);
		display: flex;
		flex-direction: column;
		margin-bottom: 15px;
		align-items: center;
		margin-right: 10px;
	}
	.disease_list li:nth-child(3n){
		margin-right: 0;
	}
	.disease_list li:nth-child(5n){
		margin-right: 10px;
	}
}

@media (max-width: 899px){
	/*생식기계질환*/
	.disease_list{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin-bottom: 20px;
	}

	.disease_list .disease_box{
		width: 80%;
		display: flex;
		flex-direction: column;
		margin-bottom: 15px;
		align-items: center;
		margin-right: 10px;
	}

	.disease_list .disease_box a{
		text-decoration: none;
		color: #171717;
		text-align: center;
		padding: 20px;
		border: 1px solid #dddddd;
		border-radius: 10px;
	}

	.disease_list .disease_box a:hover{
		border: 1px solid #6F21BB;
		border-radius: 10px;
		box-shadow: 4px 4px 2px #ddd;
	}

	.disease_list .disease_box a:hover .disease_text h5{
		color: #6F21BB;
	}

	.disease_list .disease_box a:hover .disease_text h5::after{
		background-color: #6F21BB;
		height: 1px;
	}

	.disease_list .disease_box img{
		width: 230px;
	}

	.disease_list li:nth-child(5n){
		margin-right: 0;
	}

	.disease_list .disease_box .disease_text{
		display: flex;
		flex-direction: column;
	}

	.disease_list .disease_box .disease_text h5{
		color: #171717;
		font-size: 2rem;
		font-weight: 600;
		padding: 10px 0 20px 0;
		position: relative;
	}

	.disease_list .disease_box .disease_text h5::after{
		content: "";
		width: 100%;
		height: 1px;
		background-color: #ddd;
		position: absolute;
		bottom: 10px;
		left: 50%;
		transform: translateX(-50%);
	}

	.disease_list .disease_box .disease_text span{
		font-size: 1.5rem;
		display: -webkit-box;
		word-wrap: break-word;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	/*원형아이콘제목*/
	.contents_wrap .sexual_info_disease{
		margin-bottom: 0;
	}

	.contents_wrap .sexual_info_disease .tit_wline_S{
		padding: 20px 10px;
	}

	.contents_wrap .sexual_info_disease .tit_wline_S:after {
		position: absolute;
		bottom: 0;
		left: 10px;
		content: '';
		width: 50px;
		height: 2px;
		background-color: #6F21BB;
	}

	.contents_wrap .sexual_info_disease .tit_nline_T {
		position: relative;
		font-size: 1.8rem;
		color: #171717;
		padding: 10px 0 10px 30px;
		margin: 0;
	}

	.contents_wrap .sexual_info_disease .tit_nline_T::before{
		position: absolute;
		top: 22px;
		left: 15px;
		content: '';
		width: 4px;
		height: 4px;
		background-color: #6F21BB;
		border-radius: 6px;
	}

	/*원형아이콘제목 텍스트박스*/
	.contents_wrap .sexual_info_disease .tit_t_box {
		position: relative;
		line-height: 2.5rem;
		font-size: 1.6rem;
		padding: 0 20px;
	}

	.contents_wrap .sexual_info_disease .tit_t_box p{
		margin-bottom: 0;
		font-size: 1.5rem;
		line-height: 1.6;
	}

	.contents_wrap .sexual_info_disease .tit_t_box .tit_nline_S{
		font-weight: 400;
		font-size: 20px;
	}

	.contents_wrap .sexual_info_disease .tit_t_box .line_box{
		padding: 10px 20px;
		border: 1px solid #ddd;
		position: relative;
		line-height: 2.5rem;
		margin-bottom: 20px;
		margin-top: 10px;
	}

	.contents_wrap .sexual_info_disease .tit_t_box .line_box .line_box_sub{
		padding-bottom: 10px;
	}

	.contents_wrap .sexual_info_disease .tit_t_box .line_box .line_box_sub .tit_wline_L{
		padding: 10px;
		font-size: 1.6rem;
		margin: 0;
		color: #6F21BB;
	}

	.contents_wrap .sexual_info_disease .tit_t_box .line_box .line_box_sub p{
		padding: 15px;
		background-color: #f4f4f4;
	}

	.contents_wrap .sexual_info_disease .source_line_box{
		border: 1px solid #aaa;
		border-radius: 16px;
		padding: 10px 20px;
		font-size: 1.5rem;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 286px;
		margin: 0 auto;
	}

	.contents_wrap .sexual_info_disease .source_line_box span{
		width: 118px;
		text-align: center;
		padding-left: 5px;
	}
}


/*탭메뉴*/
.contents_wrap .tab.disease{
	padding: 50px 0 30px 0;
}

.contents_wrap .tab-container {
	position: relative;
	margin: 20px 0;
	height: 204px;
}

.contents_wrap .tab.disease .tab-container.mobile{
	display: none;
}

.contents_wrap .tab-container a {
	float: left;
	width: 14%;
	border-bottom: 2px solid #BBBBBB !important;
	text-align: center;
	padding: 15px 0;
	font-size: 1.6rem;
	text-decoration: none;
	color: #000000;
}

.contents_wrap .tab-container a:hover,
.contents_wrap .tab-container a.on{
	background-color: #F8F8F8;
	border-bottom: 2px solid #6F21BB !important;
	color: #6F21BB;
	font-weight: 600;
}

/*.tab.disease .tab-content {*/
/*	display: none;*/
/*}*/
/*.tab.disease .tab-content.active {*/
/*	display: block;*/
/*}*/


/*피임법 - 탭메뉴*/
.contents_wrap .tab-container.control{
	position: relative;
	margin: 20px 0;
	height: 51px;
}

.contents_wrap .tab-container.control a {
	width: 16%;
}

@media (max-width: 899px){
	.contents_wrap .tab.disease{
		padding: 30px 0;
	}
	.contents_wrap .tab.disease .tab-container{
		display: none;
	}

	.contents_wrap .tab.disease .tab-container.mobile{
		display: block;
		height: unset;
	}
	.contents_wrap .tab.disease .tab-container.mobile select {
		width: 100%;
		margin: 0;
		padding: .8em .5em;
		border: 1px solid #999;
		background: url('../images/sub/select_off_icon.png') no-repeat 96% 50%;
		border-radius: 0;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		font-size: 1.6rem;
		background-color: #6F21BB;
		color: #fff;
	}

	.contents_wrap .tab.disease .tab-container.mobile select::-ms-expand {
		display: none;
	}
}


/*피임법*/
.contents_wrap .bbs-list.control{
	margin-bottom: 80px;
}

.contents_wrap .bbs-list.control table:nth-child(4),
.contents_wrap .bbs-list.control table:last-child{
	border-top: 0;
}

.contents_wrap .bbs-list.control table:last-child{
	border-bottom: 2px solid #666;
}

.contents_wrap .bbs-list.control .tit_nline_T{
	display: none;
}

.contents_wrap .bbs-list.control tr td.col_ttl.title{
	font-size: 2rem;
	font-weight: 600;
	border-right: 1px solid #ddd;
}

.contents_wrap .bbs-list.control tr td a{
	font-weight: 600;
	color: #6F21BB;
}

.contents_wrap .bbs-list.control tr td a:hover{
	font-weight: 600;
}

.contents_wrap .bbs-list.control table:nth-child(n+3) thead{
	display: none;
}

@media (max-width: 899px){
	.contents_wrap .bbs-list.control tr th.col_ttl.title,
	.contents_wrap .bbs-list.control tr td.col_ttl.title{
		display: none;
	}

	.contents_wrap .bbs-list.control .tit_nline_T{
		display: block;
	}

	.contents_wrap .bbs-list.control table:nth-child(4),
	.contents_wrap .bbs-list.control table:last-child{
		border-top: 2px solid #666;
	}

	.contents_wrap .bbs-list.control table tr:last-child{
		border-bottom: 2px solid #666;
	}

	.contents_wrap .bbs-list.control table thead,
	.contents_wrap .bbs-list.control table thead tr th{
		display: revert;
		font-size: 15px;
		line-height: 1.7;
	}

	.contents_wrap .bbs-list.control table:nth-child(n+3) thead{
		display: revert;
	}

	.contents_wrap .bbs-list.control .tit_nline_T:first-child{
		padding: 0 0 10px 12px;
	}

	.contents_wrap .bbs-list.control .tit_nline_T:first-child::before{
		top: 9px;
	}

	.contents_wrap .bbs-list.control .tit_nline_T {
		position: relative;
		font-size: 1.8rem;
		color: #171717;
		padding: 20px 0 10px 12px;
		margin: 0;
	}

	.contents_wrap .bbs-list.control .tit_nline_T::before{
		position: absolute;
		top: 30px;
		left: 0;
		content: '';
		width: 4px;
		height: 4px;
		background-color: #6F21BB;
		border-radius: 6px;
	}

	.contents_wrap .bbs-list.control table tbody tr:nth-child(even) td{
		background-color: #f5f5f5;
	}
}


/*성매개 - 탭메뉴*/
.contents_wrap .tab-container.infect{
	position: relative;
	margin: 20px 0;
	height: 102px;
}

.contents_wrap .tab-container.infect a {
	width: 16%;
}


/*성매개 감염병*/
.contents_wrap .infect_wrap{
	display: flex;
	justify-content: center;
	text-align: center;
	margin: 30px 0;
}

.contents_wrap .infect_wrap .infect_list{
	width: 13%;
	padding: 10px;
	display: flex;
	flex-direction: column;
}

.contents_wrap .infect_wrap .infect_list span{
	background-color: #6F21BB;
	color: #fff;
	font-size: 1.7rem;
	font-weight: 600;
	padding: 5px;
	border-radius: 15px;
	margin: 0 10px 15px 10px;
	box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.15);
}

.contents_wrap .infect_wrap .infect_list ul{
	padding: 10px;
	background-color: #fff;
	border-radius: 15px;
	border: 1px dashed #6F21BB;
	box-shadow: 0px -3px 4px rgba(0, 0, 0, 0.15);
	height: 130px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.contents_wrap .infect_wrap .infect_list ul li a{
	text-decoration: none;
	color: #666;
}

.contents_wrap .infect_wrap .infect_list ul li a:hover{
	text-decoration: underline;
	color: #6F21BB;
	font-weight: 600;
}

/*성매개감염병*/
@media (max-width: 899px) {
	.contents_wrap .infect_wrap{
		flex-direction: column;
	}

	.contents_wrap .infect_wrap .infect_list{
		width: 100%;
	}
}

/*출처*/
.contents_wrap .sexual_info p,
.contents_wrap .sexual_info_disease p{
	position: relative;
}

.contents_wrap .sexual_info p .source_text{
	position: absolute;
	right: 4px;
	bottom: -15px;
}

.contents_wrap .sexual_info_disease p .source_text{
	position: absolute;
	right: 4px;
	bottom: 0;
}

/*성매개감염병 출처*/
.contents_wrap .sexual_info_disease .source_line_box.sub4_tab{
	width: 309px;
	padding: 15px 25px;
}

.contents_wrap .sexual_info_disease .source_line_box.sub4_tab span{
	width: unset;
	text-align: center;
	padding-right: 10px;
}


.contents_wrap .sexual_info_disease .source_line_box.sub4_tab img{
	height: 26px;
}

/*임신약물정보 출처-이미지2개*/
.contents_wrap .sexual_info_disease .source_line_box.source_two{
	width: 385px;
	padding: 15px 25px;
}

.contents_wrap .sexual_info_disease .source_line_box.source_two span{
	width: unset;
	text-align: center;
	padding-right: 10px;
}

.contents_wrap .sexual_info_disease .source_line_box.source_two img{
	height: 31px;
}

.contents_wrap .sexual_info_disease .source_line_box.source_two img+img{
	margin-left: 10px;
}


/*피임법,성매개 탭내용 제목상단문구*/
.contents_wrap .sexual_info_disease.infect .tit_nline_S{
	padding-top: 50px;
}

.contents_wrap .sexual_info_disease.infect .tit_wline_S.top_tit{
	padding: 0 0 20px 0;
	margin-top: 0;
}

.contents_wrap .sexual_info_disease.infect .tit_wline_S{
	margin-top: 20px;
}

.contents_wrap .sexual_info_disease.infect >h5{
	color: #6F21BB;
}


.contents_wrap .sexual_info_disease .line_box .tit_nline_S{
	position: relative;
	padding: 0 20px;
}

.contents_wrap .sexual_info_disease .line_box .tit_nline_S::before{
	position: absolute;
	top: 12px;
	left: 9px;
	content: '';
	width: 4px;
	height: 4px;
	background-color: #6F21BB;
	border-radius: 4px;
}

.contents_wrap .sexual_info_disease .tit_wline_S br {
	display: none;
}

/*피임법,성매개 탭내용 제목상단문구 - 오른쪽이미지*/
.contents_wrap .sexual_info_disease.infect .infect_img_wrap{
	display: flex;
	position: relative;
}


.contents_wrap .sexual_info_disease.infect .infect_img_wrap p{
	width: 55%;
}

.contents_wrap .sexual_info_disease.infect .infect_img_wrap .infect_img{
	display: flex;
	width: 45%;
	position: absolute;
	bottom: -68px;
	right: 0;
}

.contents_wrap .sexual_info_disease.infect .infect_img_wrap.twin .infect_img{
	display: flex;
	width: 45%;
	position: absolute;
	bottom: -130px;
	right: 0;
}

.contents_wrap .sexual_info_disease.infect .infect_img_wrap .infect_img .infect_img_list{
	width: 100%;
	text-align: center;
	color: #171717;
}

.contents_wrap .sexual_info_disease.infect .infect_img_wrap .infect_img .infect_img_list+.infect_img_list{
	margin-left: 20px;
}


.contents_wrap .sexual_info_disease.infect ul li.icon_key_box .line_box{
	margin-top: 10px;
	padding: 10px 20px;
}

.contents_wrap .sexual_info_disease.infect ul li.icon_key_box .line_box p{
	margin-bottom: 0;
	padding-left: 20px;
	position: relative;
}

.contents_wrap .sexual_info_disease.infect ul li.icon_key_box .line_box p::before{
	content: "";
	width: 18px;
	height: 18px;
	display: inline-block;
	background: url("../images/sub/key_icon.png") 0 0 no-repeat;
	background-size: contain;
	margin-right: 10px;
	position: absolute;
	top: 2px;
	left: -5px;
}


.contents_wrap .sexual_info_disease .icon_key_box .line_box{
	margin-top: 10px;
	padding: 10px 20px;
}

.contents_wrap .sexual_info_disease .icon_key_box .line_box p{
	margin-bottom: 0;
	padding-left: 20px;
	position: relative;
}

.contents_wrap .sexual_info_disease .icon_key_box .line_box p::before{
	content: "";
	width: 18px;
	height: 18px;
	display: inline-block;
	background: url("../images/sub/key_icon.png") 0 0 no-repeat;
	background-size: contain;
	margin-right: 10px;
	position: absolute;
	top: 5px;
	left: -5px;
}

/*임신약물 위험문구 아이콘*/
.danger_icon::before{
	content: "";
	width: 18px;
	height: 18px;
	display: inline-block;
	background: url("../images/sub/key_icon.png") 0 0 no-repeat;
	background-size: contain;
	margin-right: 8px;
	position: relative;
	top: 4px;
	left: 0;
}

/*피임법 - 경구피임약 종류*/
.contents_wrap .sexual_info_disease.infect .txt_box .drug_list{
	display: flex;
	flex-wrap: wrap;
	width: 85%;
}

@media (max-width: 1399px){
	.contents_wrap .sexual_info_disease.infect .txt_box .drug_list{
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}

	.contents_wrap .sexual_info_disease.infect .txt_box .drug_list li{
		padding: 10px 20px;
	}
}

@media (max-width: 899px){
	.contents_wrap .sexual_info_disease.infect .txt_box .drug_list{
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		justify-content: space-around;
	}

	.contents_wrap .sexual_info_disease.infect .txt_box .drug_list li{
		padding: 10px;
	}
}

@media (max-width: 489px) {
	.contents_wrap .sexual_info_disease.infect .txt_box .drug_list {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		justify-content: center;
	}
}

/*성매개 - 이미지와 텍스트 flex*/
.contents_wrap .sexual_info_disease.infect .line_box .line_box_sub.flex_img_row{
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.contents_wrap .sexual_info_disease.infect .line_box .flex_tex_row{
	width: calc(100% - 557px);
}

/*원형아이콘제목 텍스트박스*/
.contents_wrap .sexual_info_disease .tit_t_box.qna {
	padding: 0;
}

.contents_wrap .sexual_info_disease .tit_t_box.qna .line_box{
	margin-bottom: 15px;
}

.contents_wrap .sexual_info_disease .tit_t_box.qna .line_box .line_box_sub p em{
	color: #6F21BB;
	font-weight: 600;
}

.contents_wrap .sexual_info_disease.infect .tit_t_box.qna {
	position: relative;
	line-height: 2.5rem;
	font-size: 1.6rem;
	padding: 0;
}

.contents_wrap .sexual_info_disease.infect .tit_t_box.qna .line_box{
	margin-bottom: 15px;
}

.contents_wrap .sexual_info_disease.infect .tit_t_box .line_box .line_box_sub .tit_wline_L{
	padding: 10px;
	font-size: 1.8rem;
	margin: 0;
	color: #6F21BB;
}

.contents_wrap .sexual_info_disease. .tit_t_box.qna .line_box .line_box_sub p{
	padding: 15px 15px 15px 25px;
	background-color: #f4f4f4;
}

.contents_wrap .sexual_info_disease. .tit_t_box.qna .line_box .line_box_sub p em{
	color: #6F21BB;
	font-weight: 600;
}

@media (max-width: 1429px){
	.contents_wrap .sexual_info_disease.infect .infect_img_wrap{
		flex-direction: column;
	}

	.contents_wrap .sexual_info_disease.infect .infect_img_wrap.twin p{
		width: 100% !important;
	}

	.contents_wrap .sexual_info_disease.infect .infect_img_wrap.twin .infect_img{
		position: unset !important;
		width: 50%;
	}
	.contents_wrap .sexual_info_disease.infect .infect_img_wrap .infect_img .infect_img_list{
		justify-content: center;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}

/*피임법 종류*/
@media (max-width: 899px){
	.contents_wrap .sexual_info_disease.infect .tit_nline_S{
		padding: 20px 0 10px 10px;
	}

	.contents_wrap .sexual_info_disease .line_box .tit_nline_S br{
		display: block;
	}

	.contents_wrap .sexual_info_disease.infect .tit_wline_S.top_tit{
		padding: 0 0 20px 10px;
		margin-top: 0;
	}

	.contents_wrap .sexual_info_disease.infect .txt_box > p{
		padding: 0 10px;
	}

	.contents_wrap .sexual_info_disease.infect .txt_box ul.icon{
		padding: 0 10px;
	}

	.contents_wrap .sexual_info_disease.infect .txt_box ul.icon li{
		padding-left: 10px;
	}

	.contents_wrap .sexual_info_disease.infect .txt_box ul.icon li:before{
		width: 4px;
		height: 4px;
	}

	.contents_wrap .sexual_info_disease.infect .infect_img_wrap .infect_img .infect_img_list+.infect_img_list{
		margin-left: 10px;
	}

	.contents_wrap .sexual_info_disease.infect ul li.icon_key_box .line_box p{
		line-height: 1.2;
		margin-bottom: 10px;
	}

	.contents_wrap .sexual_info_disease.infect ul li.icon_key_box .line_box p::before{
		top: 0;
	}

	.contents_wrap .sexual_info_disease.infect .infect_img_wrap{
		padding: 0 10px;
		flex-direction: column;
	}

	.contents_wrap .sexual_info_disease.infect .infect_img_wrap p{
		width: 100%;
	}

	.contents_wrap .sexual_info_disease.infect .infect_img_wrap .infect_img{
		position: unset;
		width: 100%;
		margin-left: 0;
	}
}

@media (max-width: 670px) {
	.contents_wrap .sexual_info_disease.infect .infect_img_wrap .infect_img {
		position: unset !important;
		width: 80%;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
	}

	.contents_wrap .sexual_info_disease.infect .infect_img_wrap .infect_img .infect_img_list {
		justify-content: center;
		display: flex;
		flex-direction: column;
	}

	.contents_wrap .sexual_info_disease.infect .infect_img_wrap .infect_img .infect_img_list + .infect_img_list {
		margin-left: 0;
		margin-top: 10px;
	}
}

/*위기임신 여성생식기*/
.contents_wrap .sexual_info_disease .tit_t_box .line_box .line_box_sub.bar_list div{
	padding: 15px;
	background-color: #f4f4f4;
}

.contents_wrap .sexual_info_disease .tit_t_box .line_box .line_box_sub.bar_list p{
	padding: 0 0 0 12px;
	background-color: unset;
	position: relative;
}

.contents_wrap .sexual_info_disease .tit_t_box .line_box .line_box_sub.bar_list p::before{
	content:"";
	display: block;
	width: 6px;
	height: 1px;
	background-color: #000000;
	position: absolute;
	left: 0;
	top: 12px;
}

.contents_wrap .sexual_info_disease .tit_t_box .line_box.bar_list p{
	padding: 0 0 0 12px;
	background-color: unset;
	position: relative;
}

.contents_wrap .sexual_info_disease .tit_t_box .line_box.bar_list p::before{
	content:"";
	display: block;
	width: 6px;
	height: 1px;
	background-color: #000000;
	position: absolute;
	left: 0;
	top: 12px;
}

/*성매개*/
@media (max-width: 899px){
	/*성매개감염병 출처*/
	.contents_wrap .sexual_info_disease .source_line_box.sub4_tab{
		width: 255px;
		padding: 10px;
	}

	.contents_wrap .sexual_info_disease .source_line_box.sub4_tab img{
		height: 20px;
	}

	/*임신약품정보 출처-이미지2개*/
	.contents_wrap .sexual_info_disease .source_line_box.source_two{
		width: 285px;
		padding: 10px;
		margin-bottom: 20px;
	}

	.contents_wrap .sexual_info_disease .source_line_box.source_two img{
		height: 22px;
	}

	.contents_wrap .sexual_info_disease .source_line_box.source_two img+img{
		margin-left: 8px;
	}

	/*성매개 - 이미지와 텍스트 flex*/
	.contents_wrap .sexual_info_disease.infect .line_box .line_box_sub.flex_img_row{
		flex-direction: column;
	}

	.contents_wrap .sexual_info_disease.infect .line_box .flex_tex_row{
		width: 100%;
	}
}


/*교육일정 스크롤모양*/
.edu_sublist_right .list .list-wrap::-webkit-scrollbar {
	width: 12px;
	height: 12px;
	background-color: #ececec;
}

.edu_sublist_right .list .list-wrap::-webkit-scrollbar-thumb {
	width: 10px;
	height: 30px;
	background-color: #ccc;
	background-clip: padding-box;
	border: 2px solid transparent;
}


/*팝업 박스*/
#sub_popup_layer {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
}

#sub_popup_layer1 {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
}

.popup_name_box {
	position: relative;
	top: 50%;
	left: 50%;
	width: 550px;
	transform: translate(-50%, -50%);
	z-index: 1002;
	box-sizing: border-box;
	background: #fff;
	text-align: left;
	box-shadow: 2px 5px 10px 0px rgba(0, 0, 0, 0.35);
	-webkit-box-shadow: 2px 5px 10px 0px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 2px 5px 10px 0px rgba(0, 0, 0, 0.35);
}

/*컨텐츠 영역*/
.popup_name_box .title {
	padding: 15px 14px 10px;
	border-bottom: 1px solid #ddd;
}

.popup_name_box .title .name {
	font-size: 1.8rem;
	font-weight: 500;
	vertical-align: middle;
	max-width: 190px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #171717;
}

.popup_name_box .title a {
	position: relative;
	display: inline-block;
	color: #fff;
	font-size: 1.5rem;
	vertical-align: middle;
	text-decoration: none;
}

.popup_name_box .title a:hover {
	color: #909EE2;
}

.popup_name_box .title a.close {
	padding: 10px;
	right: 30px;
	position: absolute;
}

.popup_name_box .title a.close:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 9px;
	width: 1px;
	height: 21px;
	background: #171717;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.popup_name_box .title a.close:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 9px;
	width: 1px;
	height: 21px;
	background: #171717;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.popup_name_box .title a.close:hover:before,
.popup_name_box .title a.close:hover:after {
	background: #909EE2;
}

.popup_name_box .con {
	padding: 20px 20px 30px;
	line-height: 2rem;
	font-size: 1.5rem;
	word-break: break-word;
}

.popup_name_box .con .bbs-add th {
}


@media (min-width: 900px) {
	.popup_name_box {
		width: 550px;
	}
}

@media (max-width: 899px) {
	.popup_name_box {
		width: auto;
		margin-right: 30px;
	}

	.popup_name_box .title a.close {
		padding: 14px 15px;
		right: 20px;
		position: absolute;
	}
}

@media (max-width: 460px) {
	.popup_name_box .con .bbs-add colgroup col {
		width: 100% !important;
	}

	.popup_name_box .con th,
	.popup_name_box .con td {
		display: block;
	}
}


/*동영상 문자지원 팝업*/
.sub_popup_layer3 {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    /*background-color: rgba(0, 0, 0, 0.4);*/
}

.popup_subtitle_box {
    position: relative;
    top: 50%;
    left: 50%;
    width: 550px;
    transform: translate(20%, -50%);
    z-index: 1002;
    box-sizing: border-box;
    background: #fff;
    text-align: left;
    box-shadow: 2px 5px 10px 0px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 2px 5px 10px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 2px 5px 10px 0px rgba(0, 0, 0, 0.35);
}

.popup_subtitle_box1 {
    position: relative;
    top: 50%;
    left: 50%;
    width: 550px;
    transform: translate(-110%, -50%);
    z-index: 1002;
    box-sizing: border-box;
    background: #fff;
    text-align: left;
    box-shadow: 2px 5px 10px 0px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 2px 5px 10px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 2px 5px 10px 0px rgba(0, 0, 0, 0.35);
}

/*컨텐츠 영역*/
.popup_subtitle_box .title {
    padding: 15px 14px 10px;
}

.popup_subtitle_box .title a {
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 1.5rem;
    vertical-align: middle;
    text-decoration: none;
}

.popup_subtitle_box .title a:hover {
    color: #909EE2;
}

.popup_subtitle_box .title a.close {
    padding: 14px 15px;
    right: 30px;
    position: absolute;
}

.popup_subtitle_box .title a.close:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 21px;
    background: #171717;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.popup_subtitle_box .title a.close:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 21px;
    background: #171717;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.popup_subtitle_box .title a.close:hover:before,
.popup_subtitle_box .title a.close:hover:after {
    background: #909EE2;
}

.popup_subtitle_box .con {
    padding: 40px;
    line-height: 2.2rem;
    font-size: 1.5rem;
    word-break: break-word;
    max-height: 500px;
    overflow-y: auto;
}


/*동영상 텍스트 스크롤모양*/
.popup_subtitle_box .con::-webkit-scrollbar {
    width: 14px;
    height: 12px;
    background-color: #ececec;
}

.popup_subtitle_box .con::-webkit-scrollbar-thumb {
    width: 10px;
    height: 30px;
    background-color: #ccc;
    background-clip: padding-box;
    border: 2px solid transparent;
}


/*동영상 아코디언*/
.video_btn .item a.close {
    padding: 14px 15px;
    right: 30px;
    position: absolute;
}

.video_btn .item a.close:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 21px;
    background: #171717;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.video_btn .item a.close:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 21px;
    background: #171717;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.item{
    overflow: hidden;
}
.video_btn_name{
    width: 115px;
    display: block;
    padding: 15px 20px;
    background-color: #ff6f61;
    color: #fff;
    position: relative;
}
.video_subtitle{
    width: 676px;
    background: #fff;
    overflow: hidden;
    transition: max-height 0.7s;
    max-height: 0;
    position: relative;
}
.video_subtitle a{
    display: block;
    padding: 15px 20px;
    color: #fff;
    font-size: 14px;
    position: relative;

}
.item:target .video_subtitle{
    max-height: 500px;
}