@charset "utf-8";
@import url('font.css'); /* 사이트 세부설정, 공통 클래스 설정, 기타 설정 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');

/* reset */
body {
	font-family:'Lato','Noto Sans KR',NanumGothic,'나눔고딕','돋움',dotum, sans-serif;	
	font-weight:400;
	font-size:14px;
	line-height:1.7;
	color:#666666;	
	margin:0;
	padding:0;	
	letter-spacing:-0.5px;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	font-smoothing:antialiased;
}

*:focus{outline:none;}

button{cursor:pointer; font-family:inherit; vertical-align:top; border-radius:0;}
button:focus{outline:none;}

textarea{font-family:inherit; vertical-align:top; border:1px solid #cccccc; font-size:15px; width:100%; min-height:150px; overflow-y:auto; color:#666666;}
textarea:focus{outline:none;}

input{font-family:inherit; background-color:#ffffff; border:1px solid #cccccc; font-size:15px; width:100%; color:#666666;}
input:focus{outline:none;}

iframe{border:none;}

select{font-family:inherit; background-color:#ffffff;}

fieldset{border:none;}

legend{font-size:0; height:0; width:0;}

img{border:none;}

br{letter-spacing:0; font-family:NanumGothic,'나눔고딕', sans-serif;}

h1, h2, h3, h4, h5, h6 {font-size:1em;}

h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, ul, ol, li, form, fieldset, blockquote, address, table, thead, tbody, tfoot, tr, td, caption
{
	margin:0;
	padding:0;
}

ul, ol {
	list-style:none;
}

strong, b, h1, h2, h3, h4, h5, h6, th{font-weight:500;}
em,i,address{font-style:normal;}
a{text-decoration:none; color:#666666;}
*{box-sizing:border-box; word-break:break-all; word-wrap:break-word;}

table{table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0;}
table caption{font-size:0; text-indent:-999999px;}


/***layout***/
.wrap{width:100%; height:100%; font-family:'Lato','Noto Sans KR',NanumGothic,'나눔고딕','돋움',dotum, sans-serif;	 min-width:1400px;}
header{width:100%;}
main{width:100%;}
footer{width:100%; padding:40px 0 80px; position:relative; background-color:#393939; color:#e6e6e6; border-top:1px solid rgba(255,255,255,0.2);}

/***common***/
.wrap img{display:block; max-width:100%; vertical-align:top; margin:0 auto;}
#content_go{width:0; height:0; font-size:0; text-indent:-999999px; overflow:hidden;}
.clearfix:after{content:''; zoom:1; display:block; clear:both;}
.inner{width:1400px; padding:0 15px; margin:0 auto;}
.en_txt{font-family:'Lato','Noto Sans KR',NanumGothic,'나눔고딕','돋움',dotum, sans-serif;	 font-weight:normal;}
.blind{font-size:0; text-indent:-999999px; overflow:hidden;}
.main_container{padding-top:50px;}

/*prev-next 페이지 버튼 공통*/
.prev_next_page{text-align:center; font-size:0; margin-top:50px;}
.prev_next_page>*{display:inline-block; vertical-align:top;}
.prev_next_page>span{margin:0 7px;}
.prev_next_page>span>a{display:inline-block; font-size:14px; padding:2px 7px; }
.prev_next_page>span>a.on{color:#1f60a9; font-weight:500;}
.prev_next_page>a.btn_page{width:26px; height:26px; background-position:0 0; background-repeat:no-repeat;}
.prev_next_page>a.first_page{background-image:url("../images/common/btn_first.jpg");}
.prev_next_page>a.prev_page{background-image:url("../images/common/btn_prev.jpg"); margin-left:3px;}
.prev_next_page>a.next_page{background-image:url("../images/common/btn_next.jpg");}
.prev_next_page>a.last_page{background-image:url("../images/common/btn_last.jpg"); margin-left:3px;}

/*header_wrap01 PC / 가로 1201px 이상 common*/
.header_wrap01{width:100%; background-color:rgba(255,255,255,0.98); padding-top:30px; position:relative; -webkit-transition:all 0.3s ease; 
		-ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  transition:all 0.3s ease;  z-index:350; border-bottom:1px solid #f5f5f5;}
/*header_wrap01 h1*/
.header_wrap01 h1{float:left; width:202px;}
.header_wrap01 h1>a{display:block; width:100%;}
.header_wrap01 h1>a>img{width:100%;}
/*member_menu 로그인 메뉴*/
.member_menu{float:right; margin-top:12px;}
.member_menu>li{float:left; font-size:16px; position:relative; line-height:29px;}
.member_menu>li+li{margin-left:10px; padding-left:10px;}
.member_menu>li+li:before{content:''; width:1px; height:12px; background-color:#dedede; position:absolute; left:0; top:10px;}
.member_menu>li>a{display:block;}
.member_menu>li>a:hover{color:#000000;}
/*gnb*/
.gnb{float:right; margin-right:100px; margin-top:12px;}
.gnb>li{float:left; font-size:17px; text-align:center; position:relative;}
/*.gnb>li>a{display:block; color:#333333; line-height:29px; padding:0 40px 30px;}*/
.gnb>li>a{display:block; color:#333333; line-height:29px; padding:0 20px 30px;}
.gnb>li>a strong{font-weight:normal;}
.gnb>li:hover>a strong{color:#1f60a9;}
.gnb_2depth_menu{display:none; padding:15px 0 15px; width:160%; position:absolute; left:-30%; top:56px; background-color:#1f60a9;  z-index:300;}
.gnb_2depth_menu li+li{margin-top:3px;}
.gnb_2depth_menu li>a{font-size:15px; text-align:center; display:block; padding:1px 10px; color:#ebf2f8;}
.gnb_2depth_menu li>a:hover{color:#ffffff;}

/*header_wrap01 스크롤 내렸을때 */
.header_wrap01.header_up{position:fixed; left:0; top:0; box-shadow:1px 1px 4px rgba(0,0,0,0.2); padding-top:12px; background-color:rgba(255,255,255,0.95);}
/*.header_wrap01.header_up .gnb>li>a{padding:0 40px 12px;}*/
.header_wrap01.header_up .gnb>li>a{padding:0 20px 12px;}
.header_wrap01.header_up .gnb_2depth_menu{top:37px;}

/*header_wrap02 태블릿, 모바일 / 가로 1200px 이하*/
.header_wrap02{display:none; width:100%; padding:15px 15px; background-color:rgba(255,255,255,0.95); position:relative; -webkit-transition:all 0.3s ease; 
		-ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  transition:all 0.3s ease; min-width:300px; border-bottom:1px solid #f5f5f5; }
/*header_wrap02 h1 logo*/
.header_wrap02 h1{float:left; width:196px;}
.header_wrap02 h1>a{display:block; width:100%; height:100%;}
.header_wrap02 h1>a>img{width:100%;}
/*header_wrap02 전화연결 메뉴/ 모바일 메뉴 common*/
.header_wrap02 .util_menu{float:right; margin-top:11px;}
.header_wrap02 .util_menu>div{float:left;}
.header_wrap02 .util_menu>div+div{margin-left:10px;}
/*전화연결*/
.phone_link{width:30px; height:30px; }
.phone_link>a{display:block; width:100%;}
.phone_link>a>img{width:100%;}
/*모바일 메뉴 열기 버튼*/
.btn_tm_nav_open{width:30px; height:30px; position:relative; cursor:pointer; padding-top:7px; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; 
		-o-transition:all 0.3s ease;  transition:all 0.3s ease;}
.btn_tm_nav_open span{display:block; width:100%; height:2px; overflow:hidden; font-size:0; background-color:#444444; margin:0 auto;
		-webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  transition:all 0.3s ease; }
.btn_tm_nav_open span+span{margin-top:5px;}
/*모바일 메뉴 열렸을때 버튼 모양 x로 변경*/
.btn_tm_nav_open.on{z-index:600; position:fixed; left:15px; top:15px;}
.btn_tm_nav_open.on span:nth-child(1){-webkit-transform: translateY(7px) rotate(-45deg); -ms-transform: translateY(7px) rotate(-45deg); 
		transform: translateY(7px) rotate(-45deg);}
.btn_tm_nav_open.on span:nth-child(2){opacity: 0;}
.btn_tm_nav_open.on span:nth-child(3){transform: translateY(-7px) rotate(45deg); -webkit-transform: translateY(-7px) rotate(45deg); 
		-ms-transform: translateY(-7px) rotate(45deg);}
/*모바일 메뉴 배경 바탕막*/
.page_cover02{display:none; position:fixed; width:100%; height:100%; top:0px; left:0; background-color:rgba(255,255,255,0.6); z-index:499; 
		min-height:999999px;}
/*모바일,태블릿/1차 2차 카테고리  메뉴 common*/
.tm_gnb_wrap{display:block; width:100%; height:100%; position:fixed; top:0px; right:-100%; z-index:500; background-color:#1f60a9; overflow-y:auto;}
/*회원 로그인 메뉴*/
.tm_member_menu{padding:12px 0 10px 50px; background-color:#ffffff;}
.tm_member_menu>li{float:left; width:50%; font-size:17px; position:relative; text-align:center; padding:0 10px;}
.tm_member_menu>li>*{display:block; padding:5px 0; color:#333333;}
.tm_member_menu>li+li:before{content:''; width:1px; height:12px; display:block; position:absolute; top:50%; left:0; margin-top:-6px; background-color:#666666;}
.tm_member_menu>li>a:hover{color:#000000;}
/*1차 카테고리  메뉴*/
.tm_gnb{width:100%; overflow-x:hidden; border-top:1px solid #f1f1f1; background-color:#ffffff;}
.tm_gnb>li>a{display:block; color:#333333;}
.tm_gnb>li strong{display:block; font-size:17px; color:#333333; padding:12px 10px 12px 40px; cursor:pointer; position:relative; font-weight:400;}
.tm_gnb>li .m_more{width:13px; height:13px; display:block; position:absolute; right:25px; top:18px; overflow:hidden;}
.tm_gnb>li .m_more:before{content:''; height:8px; width:8px; display:block; border:1px solid #666666; border-left-width:0; border-top-width:0;
		position:absolute; top:2px; right:2px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg);
		-webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  transition:all 0.3s ease;}
.tm_gnb>li.active .m_more:before{transform:rotate(45deg); top:0; border-color:#1f60a9;}
.tm_gnb>li:hover strong{color:#1f60a9; font-weight:bold;}
.tm_gnb>li.active strong{color:#1f60a9; font-weight:bold;}
/*2차 카테고리*/
.tm_gnb_2depth{display:none; background-color:#f8f8f8; padding:15px 0; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee;}
.tm_gnb_2depth>li+li{margin-top:3px;}
.tm_gnb_2depth>li>a{display:block; padding:3px 0; font-size:15px; color:#666666; padding:0 10px 0 45px;}
.tm_gnb_2depth>li>a:hover{color:#1f60a9;}
/*고객센터*/
.tm_cs_center{padding:15px 35px 20px;}
.tm_cs_center h4{color:#ffffff; font-size:16px; margin-bottom:5px; font-weight:400;}
.tm_cs_center dt,.tm_cs_center dd{display:inline-block; font-size:19px; color:#ffffff; vertical-align:middle; }
.tm_cs_center dd{margin-left:5px;}

/*header_wrap02 태블릿, 모바일 / 가로 1200px 이하 스크롤 내렸을때 */
.header_wrap02.header_up02{padding:10px 15px; position:fixed; top:0; left:0; z-index:500; box-shadow:1px 1px 3px rgba(0,0,0,0.2); }

/*main_visual*/
.main_visual{width:100%; }
.main_slide_list{border-bottom:1px solid #f5f5f5;}
.main_slide_list>li{width:100%; height:851px; background-size:cover; background-position:center center; background-repeat:no-repeat; }
.main_slide_list .slide01{background-image:url("../images/main/main_visual_slide01.jpg");}
.main_slide_list .slide02{background-image:url("../images/main/main_visual_slide02.jpg");}
/*메인 비쥬얼 control_box*/
.main_visual_pagination .swiper-pagination-bullet{opacity:1; background-color:rgba(255,255,255,1); width:12px; height:12px;}
.main_visual_pagination .swiper-pagination-bullet-active{background-color:#1f60a9; opacity:1;}
/*main_visual_txt */
.main_slide_list>li>div{height:100%;}
.main_visual_txt{width:100%; height:100%; display:table; text-align:center;}
.main_visual_txt>div{width:100%; height:100%; display:table-cell; vertical-align:middle; color:#ffffff; text-shadow:1px 1px 4px rgba(0,0,0,0.6);} 
.main_visual_txt>div p{font-size:38px; line-height:1.4; word-break:keep-all; }
.main_visual_txt>div p:nth-child(1){font-weight:500; letter-spacing:-1px;}
.main_visual_txt>div p:nth-child(2){margin-top:12px;}
.main_visual_txt a{display:inline-block; color:#ffffff; font-size:30px; padding:9px 60px; border:1px solid #ffffff; box-shadow:1px 1px 4px rgba(0,0,0,0.6); 
		margin-top:80px; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; position:relative;}
.main_visual_txt a:before{content:''; width:1px; height:40px; display:block; background-color:#ffffff; position:absolute; left:50%; top:-55px;}
.main_visual_txt a:hover{margin-top:100px; }

/*slogan*/
.slogan p{text-align:center; color:#000000; font-size:30px; line-height:1.4; letter-spacing:-1.5px; padding-bottom:40px; position:relative;
		background:url("../images/common/deco01.png")no-repeat center bottom;}

/*main_advantage_wrap*/
.main_advantage_wrap{margin-top:60px;}
.main_advantage{float:left; width:30%;}
.main_advantage+div{margin-left:5%;}
.main_advantage strong{color:#111111; font-size:20px; display:block; padding-left:35px; background:url("../images/common/deco03.png")no-repeat 0 center;}
.main_advantage>div{background-color:#f8f8f8; margin-top:15px; padding:25px 28px; color:#444444; font-size:16px; line-height:1.5; min-height:335px;}
.main_advantage>div p{word-break:keep-all;}
.main_advantage>div p+p{margin-top:15px;}
.main_advantage ul{margin-top:20px;}
.main_advantage ul>li{padding-left:8px; position:relative; color:#666666; font-size:15px; }
.main_advantage ul>li:before{content:'-'; position:absolute; left:0; top:0; }
.main_advantage ul>li+li{margin-top:10px;}
.main_advantage ul>li>em{display:block; word-break:keep-all;}

/*research_efficacy_wrap*/
.research_efficacy_wrap{margin-top:60px; padding-bottom:60px; text-align:center;}
.research_efficacy_wrap strong{font-size:20px; color:#111111; display:block; padding-left:35px; font-weight:bold; text-align:left;
		background:url("../images/common/deco03.png")no-repeat 0 center;}
.research_efficacy_wrap p{font-size:17px; color:#444444; margin-top:20px; line-height:1.5; padding-left:35px; text-align:left; word-break:keep-all;}
.research_efficacy_wrap a{margin-top:45px; font-size:18px; color:#333333; border:1px solid #666666; padding:7px 23px; display:inline-block;}
.research_efficacy_wrap a:hover{color:#1f60a9; border-color:#1f60a9;}

/*main_company_info_wrap*/
.main_company_info_wrap{background-color:#3d3d3d; color:#ffffff; padding:50px 0; text-align:center;}
.main_company_info_wrap h1{font-size:26px; padding-bottom:35px; background:url("../images/common/deco02.png")no-repeat center bottom;}
.main_company_info_wrap h1 span{margin-left:6px;}
.main_company_info_wrap ul{margin-top:30px; font-size:16px; line-height:1.5;}
.main_company_info_wrap ul>li{word-break:keep-all;}
.main_company_info_wrap ul>li+li{margin-top:5px;}
.main_company_info_wrap a{display:inline-block; padding:7px 23px; color:#ffffff; border:1px solid #f5f5f5; font-size:18px; letter-spacing:-1px; 
		margin-top:35px; }
.main_company_info_wrap a span{margin-left:6px;}
.main_company_info_wrap a:hover{color:#57a5fd; border-color:#57a5fd;}

/*footer*/
.f_logo{display:block; width:122px; float:left;}
.f_logo>img{width:100%;}
.company_info02{float:left; margin-left:40px; margin-top:10px;}
.company_info02>div{font-size:0;}
.company_info02>div>dl{display:inline-block; vertical-align:middle; position:relative; }
.company_info02>div>dl+dl{padding-left:9px; margin-left:9px;}
.company_info02>div>dl+dl:before{content:''; width:1px; height:10px; display:block; position:absolute; left:0; top:7px; background-color:#dedede;}
.company_info02 dl dt,.company_info02 dl dd{display:inline-block; vertical-align:middle; font-size:14px;}
.company_info02 dl dd{margin-left:4px;}
.company_info02 span,.company_info02 dd{color:#ffffff;}
.company_info02>ul{font-size:0; margin-bottom:10px;}
.company_info02>ul>li{display:inline-block; vertical-align:middle; position:relative; font-size:16px; }
.company_info02>ul>li+li{padding-left:9px; margin-left:9px;}
.company_info02>ul>li+li:before{content:''; width:1px; height:12px; display:block; position:absolute; left:0; top:8px; background-color:#dedede;}
.company_info02>ul>li a{color:#ffffff;}
.company_info02>ul>li a:hover{color:#57a5fd;}

/*.top_btn*/
.top_btn{position:fixed; bottom:20px; right:15px; border:1px solid #999999; padding:15px 0 8px; cursor:pointer; width:40px; height:40px; 
		text-align:center; font-size:13px; color:#999999;  z-index:300; background-color:rgba(255,255,255,0.05);}
.top_btn:before{content:''; width:4px; height:4px; display:block; border:2px solid #999999; border-left-width:0; border-bottom-width:0; 
		transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg); -o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);
		position:absolute; left:16px; top:9px;}

/*뒤로 돌아가기 back_btn*/
footer .back_btn{display:none; width:40px; height:40px; position:absolute; left:15px; bottom:20px; border:1px solid #bbbbbb;}
footer .back_btn>img{width:100%;}




/*1400이하 */
@media screen and (max-width:1400px){

/***layout***/
.wrap{min-width:1200px;}

/*common*/
.inner{width:100%;}

/*gnb*/
.gnb{margin-right:2.5%;}
.gnb>li>a{padding:0 30px 30px;}

/*header_wrap01 스크롤 내렸을때 */
.header_wrap01.header_up .gnb>li>a{padding:0 30px 12px;} 

/*main_advantage_wrap*/
.main_advantage{width:32.3%;}
.main_advantage+div{margin-left:1.55%;}

}/*1400이하 끝*/

/*1200이하 */
@media screen and (max-width:1200px){

/***layout***/
.wrap{min-width:300px;}

/*header*/
.header_wrap01{display:none;} 
.header_wrap02{display:block;}

/*main_advantage_wrap*/
.main_advantage>div{min-height:381px;}

/*뒤로 돌아가기 back_btn*/
footer .back_btn{display:block;}


}/*1200이하 끝*/

/*1024이하 */
@media screen and (max-width:1024px){

/***layout***/
footer{padding:30px 0 80px;}

/*main_visual*/
.main_slide_list>li{height:651px;}

/*main_advantage_wrap*/
.main_advantage{float:none; width:100%;}
.main_advantage+div{margin-left:0; margin-top:40px;}
.main_advantage>div{min-height:auto;}

/*footer*/
.f_logo{float:none; margin:0 auto;}
.company_info02{float:none; text-align:center; margin-top:25px; margin-left:0;}

}/*1024이하 끝*/

/*768이하 */
@media screen and (max-width:768px){




}/*768이하 끝*/

/*600이하 */
@media screen and (max-width:600px){

/*common*/
.main_container{padding-top:40px;}

/*main_visual*/
.main_slide_list>li{height:551px;}
.main_visual_pagination .swiper-pagination-bullet{width:10px; height:10px;}
.main_visual_txt>div p{font-size:28px;}
.main_visual_txt>div p:nth-child(2){margin-top:10px;}
.main_visual_txt a{font-size:22px; padding:6px 40px; margin-top:60px;} 
.main_visual_txt a:hover{margin-top:80px;}

/*slogan*/
.slogan p{font-size:24px;}
.slogan p span{display:block;}

/*main_advantage_wrap*/
.main_advantage_wrap{margin-top:30px;}	
.main_advantage+div{margin-top:25px;}
.main_advantage strong{font-size:18px; padding-left:25px; background-size:22px auto;}
.main_advantage>div{margin-top:10px; padding:15px 20px; font-size:15px; }
.main_advantage>div p+p{margin-top:10px;}
.main_advantage ul>li{font-size:14px; }

/*research_efficacy_wrap*/
.research_efficacy_wrap{margin-top:35px;}
.research_efficacy_wrap strong{font-size:18px; padding-left:25px; background-size:22px auto;}
.research_efficacy_wrap p{font-size:15px; margin-top:10px; padding-left:12px;}
.research_efficacy_wrap a{margin-top:30px; font-size:16px; padding:5px 20px;}

/*main_company_info_wrap*/
.main_company_info_wrap{padding:30px 0 40px;}
.main_company_info_wrap h1{font-size:24px; padding-bottom:25px;}
.main_company_info_wrap ul{margin-top:20px; font-size:15px;}
.main_company_info_wrap a{padding:5px 20px; font-size:16px; margin-top:30px;}

/*footer*/
.company_info02>div>dl+dl{padding-left:7px; margin-left:7px;}
.company_info02>div.company_info02_contents dl{display:block;}
.company_info02>div.company_info02_contents dl:before{display:none;}
.company_info02>ul>li+li{padding-left:7px; margin-left:7px;}

}/*600이하 끝*/

/*420이하 */
@media screen and (max-width:420px){

/*prev-next 페이지 버튼 공통*/
.prev_next_page>span>a{font-size:13px; }

/*main_visual*/
.main_visual_txt>div p{font-size:24px;}
.main_visual_txt a{font-size:20px; padding:4px 30px; margin-top:40px;}
.main_visual_txt a:before{height:25px; top:-35px;}
.main_visual_txt a:hover{margin-top:55px;}

/*main_advantage_wrap*/
.main_advantage>div{padding:15px;} 

}/*420이하 끝*/

/*340이하 */
@media screen and (max-width:340px){

}/*340이하 끝*/




.purchase_info_list b, h1{font-weight:bold; color: #383838;}