@charset "utf-8";

@import url("/sites/guide/style/css/guide.css");
@import url("/sites/templet_14/style/css/layout.css");
@import url("main.css");
@import url("main_widjet.css");

/* 템플릿별로 개별 정의해야하는 CSS는 이 밑으로 작성하시면 최종적으로 적용 됩니다. **********/
/* 레이아웃은 같은 타입의 템플릿은 공통으로  적용되어 있습니다.**********/
/* 레이아웃 변경시에는 같은 템플릿은 같이 변경되오니 유의하여 주시고 변경하실 CSS는 각 템플릿의 샘플 템플릿의 layout.css를 수정하시면 됩니다.**********/
/* 개별적인 변경을 하실 경우에는 새로운 템플릿으로 추가해서 작업하시거나 style.css에서 !important처리로 작업하시기 바랍니다.**********/

.eQ01 #sub_visual {background: url(../../images/sub_visual_1.jpg) no-repeat center;}
.eQ02 #sub_visual {background: url(../../images/sub_visual_2.jpg) no-repeat center;}
.eQ03 #sub_visual {background: url(../../images/sub_visual_3.jpg) no-repeat center;}
.eQ04 #sub_visual {background: url(../../images/sub_visual_4.jpg) no-repeat center;}
.eQ05 #sub_visual {background: url(../../images/sub_visual_5.jpg) no-repeat center;}
.eQ06 #sub_visual {background: url(../../images/sub_visual_6.jpg) no-repeat center;}
.eQ07 #sub_visual {background: url(/sites/guide/images/sub_visual_100.jpg) no-repeat center;}


.sexSensibility ul{display:table; width:100%;}
.sexSensibility li{display:table-cell; width:33.33%; vertical-align:top; min-height:138px;}
.sexSensibility li div{width:90%; margin:0 auto; text-align:center; color:#FFF; font-weight:bold; background-repeat:no-repeat; background-position:center top; background-size:100%; padding:50px 0 20px 0;}
.sexSensibility li:nth-child(1) div{background-image: url(../../images/con_4771_bg_01.png);}
.sexSensibility li:nth-child(2) div{background-image: url(../../images/con_4771_bg_02.png);}
.sexSensibility li:nth-child(3) div{background-image: url(../../images/con_4771_bg_03.png);}

	@media only screen and (max-width:900px){
		.sexSensibility li div{padding:30px 0 30px 0;}
	}
	@media only screen and (max-width:690px){
		.sexSensibility li div{padding:20px 0;}
	}
	@media only screen and (max-width:600px){
		.sexSensibility li{display:block; width:100%; margin-bottom:10px;min-height:200px;}
		.sexSensibility li div{padding:50px 0 20px 0; }
	}

	.sort{
	width:30%;
	display: inline-block !important;
	}