/* include 공통 CSS */

/************************* 공통 시작*************************/
.sub_title_navi			{display:block; position:relative; }
.sub_tab						{display:none;}

/* left menu 있을때... */
/*
.sub_left								{width:15%; max-width:200px; float:left;}
.sub_right						{width:82%; padding-right:1%; float:right; position:relative;}
*/

.sub_left								{display:none; }
.sub_right						{width:100%; position:relative;}

@media(max-width:1100px){
.sub_left	{display:none;}
.sub_title_navi			{display:none; }
.sub_tab	{display:block;}
.sub_right					{width:100%; padding-right:0%; padding:3%; float:none;}
}
@media(max-width:768px){
.sub_title_navi			{display:block;}
.sub_tab						{display:none;}
}

.content_title			 {margin:75px 0;}
.content_title h1		{font-size:40px;text-align:center; font-weight:600; color:#111111;}
.content_title p		{display:none;}

.content_desc				{min-height:500px;}
/************************* 공통 끝 *************************/

/************************* header_inc 시작*************************/
 /*상단 홈/로그인/사이트맵 영역*/

.home_btn_word						{width:1200px; margin:0 auto;}
.home_btn_word a					{display:inline-block; padding:8px 0; font-size:12px;}
.home_btn_word span				{display:inline-block; margin:0 10px;}

.header_t									{width:1200px; margin: 0 auto; z-index:9999;} 
.header_t:after						{width:100%; display:block; clear:both; content:'';} 
.header_logo {position:absolute; left:50%; margin-left: -118px; z-index:9999;} 
.header_logo img							{max-width:238px; width:100%; display: block;} 
.header_gnb								{width:1200px;  } 
.header_gnb:after					{width:100%; display:block; clear:both; content:'';} 
/************************* header_inc 끝*************************/ /* global navigation bar */ 
.gnb								{position:relative; z-index:999;} /* gnb Common */ 
.menu								{position:relative; font-family: 'BareunBatang', serif;} 
.menu .major > ul										{list-style:none; display:flex; align-items:center; justify-content:center; width:100%; margin:0 auto;} 
.menu .major > ul > li								{position:relative; width: 240px; height: 90px; display:flex; align-items:center; justify-content:center;  position: relative; text-align: center;}
.menu .major > ul > li:nth-child(2) {margin-right: 240px;}
.menu .major > ul > li > a					{position:relative; padding:0; padding-bottom: 10px; color:#111;display:inline-block; font-size:21px; font-weight:600;}

/*대메뉴 포커스 효과 변경시 */
.menu .major > ul > li > a::after { position: absolute; content: ""; top: 90%; left: 0; width: 100%; height: 3px; background: #af0909; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: center; transform-origin: center; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; }


.menu .major > ul > li > a:hover ,
.menu .major > ul > li > a:active ,
.menu .major > ul > li > a:focus,
.menu .major > ul > li.active > a,
.menu .major > ul > li.pactive > a { color: #af0909; }


/*대메뉴 포커스 효과 변경시 */
.menu .major > ul > li > a:hover::after ,
.menu .major > ul > li > a:active::after ,
.menu .major > ul > li > a:focus::after,
.menu .major li.active > a::after,
.menu .major li.pactive > a::after { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: center; transform-origin: center; }

.menu .major > ul > li.pactive ul.sub{opacity:0;visibility:hidden; top: 90px; z-index: 1;}
/*대메뉴 포커스 효과 변경시 */

/* gnb 2depth */
.menu .major ul.sub							{
	display:inline;
	position:absolute; 
	top:90px; 
	border:1px solid #dfdfdf; 
	background:#fff;
	visibility:hidden;
	opacity:0;
	z-index: -1;
	transform: translateY(-.5em);
	transition: all 0.2s ease-in-out 0s, visibility 0s linear 0.2s, z-index 0s linear 0.01s;/**/
}

.menu .major li.active ul.sub		{display:block; opacity:1; visibility:visible; transform: translateY(0%);z-index: 1;transition-delay: 0s, 0s, 0.3s;}
.menu .major ul.sub li					{clear:both; margin:0; padding:7px 9px; font-family: 'Noto Sans KR';}
.menu .major ul.sub li a				{color: #333; display: block; font-size: 15px; padding: 10px 0; text-align: center;}
.menu .major ul.sub li a:hover	{color:#af0909}

/* gnb 2depth  */
li.m1 ul.sub{width:160px;}
li.m2 ul.sub{width:160px;}
li.m3 ul.sub{width:160px;}
li.m4 ul.sub{width:160px;}
li.m5 ul.sub{width:160px;}
/************************* main_inc 시작*************************/
.visual {margin-bottom:40px;}
.top_line {display: block;width: 100%; height: 3px; background: #222;margin-bottom: 40px;}
.contents {margin:0 37px; padding-bottom: 40px;;  border-left:3px solid #222; border-right:3px solid #222; box-sizing: border-box; z-index:90; background: #fff;}
.contents:nth-child(4) {padding: 37px 40px;}
.sec_03 .line_tit {text-align: center;  background: #fff;font-weight: 900; font-size:30px; display:flex; align-items:center;}
.sec_03 .line_tit:before {content:''; width:44%;height:3px; background-color:#222; display:block; margin: 0 35px 0 0;}
.sec_03 .line_tit:after {content:''; width:44%;height:3px; background-color:#222; display:block; margin: 0 0 0 36px;}
.sec_05 .line_tit { background: #fff;font-weight: 900; font-size:30px; display:flex; padding-bottom: 37px; position:relative; justify-content: center;     align-items: center;}
.sec_05 .line_tit:before {content:''; width:42%;height:3px;position:absolute; right:35px; background-color:#222; display:block; top:0 }
.sec_05 .line_tit:after {content:''; width:42%;height:3px;position:absolute; left:35px; background-color:#222; display:block; top:0}

.sec_02 {width:100%; height:638px; background: url("./img/sec02_bg.jpg")no-repeat center;}
.sec_02 .inner {padding-top:23px; display:flex;    align-items: center; position:relative;}
.sec_02 .inner .tit p {font-size:16px; color:#888; margin: 18px 0 35px; line-height: 1.5; font-weight: 500; }
.sec_02 .inner .tit p.img {width:100%; height:412px;}
.sec_02 .inner .tit .txt {padding: 25px 0 0 40px;}
.sec_02 .inner .subTxt {width:50%; position:absolute; color:#fff; right:0; top: 55px; word-break: keep-all; opacity: 90%; }
.sec_02 .inner .subTxt h2 {font-size:33px; margin-bottom:23px; font-family: 'BareunBatang', serif; font-weight: 900; }
.sec_02 .inner .subTxt p {font-size: 16px;line-height: 1.6;  margin-bottom: 15px;  font-weight: 500; }

.sec_02 .inner .subTxt p span,.s11_wrap .inner .txt p span {font-size:20px; }

.sec_03 .inner {padding: 30px 0 20px;}
.sec_03 .inner ul {display:flex; width:100%;}
.sec_03 .inner ul li {width:31%; margin: 0 auto; position:relative;}
.sec_03 .inner ul li img {height:230px; display:block}
.sec_03 .inner ul li:after {content: ''; position: absolute;right: 0;top: 0;width: 1px; height: 100%; background: rgba(24,24,24,0.2); z-index: 1; display:block;}
.sec_03 .inner ul li:last-child:after {display:none;}
.contents:nth-child(3) {border-bottom:3px solid #222;}
.sec_03 .inner ul li .txt {box-sizing:border-box; padding: 16px 0;}
.sec_03 .inner ul li .txt h3 {font-size:33px; color:#222222; display:flex;    font-weight: 600;}
.sec_03 .inner ul li .txt .num {font-family: 'BareunBatang', serif; width:40px; height:40px; color:#fff; background: #222222; display:block; text-align: center; margin-right: 13px; padding: 3px 0;}
.sec_03 .inner ul li .txt .bold {color: #af0a0a;}
.sec_03 .inner ul li .txt p {color:#888; font-size:17px; line-height: 1.5; font-weight: 500; margin:10px 0 0 50px;}
.sec_03 .sec_03_tit {font-size: 36px;  text-align: center; margin-top: 45px; font-weight: 600;  line-height: 1.5;}

.sec_04 {width:100%; height:680px; background: url("./img/main04_bg.jpg")no-repeat center;}
.sec_04 .inner {display:flex; align-items: center;  padding: 100px 0;}
.sec_04 .inner .txt {width:100%; padding: 25px 0;}
.sec_04 .inner .txt h2 {margin:15px 0; color:#221714; font-size:50px; line-height: 2; font-weight: 700; line-height: 1.2; }
.sec_04 .inner .txt .subTxt {font-size:33px; color:#221714; font-weight: 700; font-family: 'BareunBatang', serif; line-height: 1.5; }
.sec_04 .inner .txt .subTxt_02 {color:#888; font-size:17px;padding: 20px 0; line-height: 1.6;}
.sec_04 .inner .right_img {height:452px; width:100%; position:relative; z-index:9}
.sec_04 .inner .right_img:after {content:''; position:absolute; width:247px; height:247px; background: #b80000; bottom: 5px; right:-25px; z-index:-1; display:block;}

.sec_05 {width:100%; height:798px; background: url("./img/sec05_bg.jpg")no-repeat center;}
.sec_05 .inner {padding: 108px 0 125px;}
.sec_05 .inner .tit {text-align: center;}
.sec_05 .inner .tit h2 {font-size:43px; font-weight: 700; color:#fff; line-height: 1.3;}
.sec_05 .inner .tit h2 span {color:#af0a0a; font-size:52px; line-height: 1.2;}
.sec_05 .inner .tit .tab_Button {width:47%; height:91px; margin: 35px auto; display:flex; }
.sec_05 .inner .tit .tab_Button a {width:100%; height:100%; display:block;}
/*
.sec_05 .inner .tit .tab_Button a img:last-child {display:none;}
.sec_05 .sidemenu {display: none;}
*/

.sec_06 {position:relative; padding: 270px 0 65px;}
.sec_06 .inner {display:flex; justify-content:space-between;}
.sec_06 h4 {position:absolute;  font-size:100px; color:#dedede; right:60px; top:80px; font-weight: 700; }
.sec_06 .inner .left_Img {width: 580px;  background: url("./img/sec06_img.jpg")no-repeat center/cover; padding: 65px;}
.sec_06 .inner .right_Img {width: 580px;  background: url("./img/sec06_img02.jpg")no-repeat center/cover;}
.sec_06 .inner .left_Img h2 {font-size:75px; color:#fff; font-weight: 600; margin-bottom: 20px;} 
.sec_06 .inner .left_Img p {font-family: 'BareunBatang', serif; color:#fff; font-size:17px;line-height: 1.7; padding: 17px 0;}


.sec_07 {width:100%; height:659px; background: url("./img/sec07_bg.jpg")no-repeat center;}
.sec_07 .inner {text-align: center; padding: 80px 0;}
.sec_07 .inner .tit {position:relative; width:480px; height:478px; margin: 0 auto; background: rgba(0, 0, 0, 0.55); padding: 50px 0; color:#fff;}
.sec_07 .inner .tit:after {content:''; position:absolute; width:497px; height:496px; border:2px solid #222; bottom: -8px;
    right: -8px;}
.sec_07 .inner .tit h3 {font-size: 45px; padding: 25px 0; position:relative;}
.sec_07 .inner .tit h3 span {font-size:33px;}
.sec_07 .inner .tit h3:after {content:''; background: #fff; ;width:1px; height:35px; position:absolute; left:240px; top:130px;}
.sec_07 .inner .tit p {font-size:17px; color:#c0c0c0; margin-top: 45px; line-height: 1.7; }
.sec_07 .inner .tit p .strong {font-size:18px; color:#fff;}




.instar_text {
    width: 100%;
    max-width: 1200px;
    margin: 2% auto 0 auto;
    text-align: center;
    padding: 1% 0;
    background: url(http://www.dentwistmall.com/img/main/dot_line.jpg) repeat-x center 49.555%;
}
.instar_id					{text-align:center; margin:20px 0 50px 0;font-size:1em; color:#aaa;  letter-spacing:0.4em; text-transform:uppercase;}
.instar_id a				{font-size:1em; color:#aaa;  letter-spacing:0.4em; text-transform:uppercase;}

@media (max-width:767px){
.instar_text						{margin:10% auto 2% auto; }
.instar_text img					{width:40%;}
.instar_id							{margin:10px 0 20px 0;letter-spacing:0em;}
.instar_id a						{letter-spacing:0em;}
}

.instar_img					{width:98%; max-width:1200px; margin:0% auto 2% auto;}
.instar_img ul					{margin-left:-0.11%;}
.instar_img ul:after		{width:100%; display:block; clear:both; content:'';}
.instar_img ul li			{width:9.9%; float:left; margin-left:0.1%;height:119px;  }
.instar_img ul li:hover	{opacity:0.7;}
.instar_img ul li img		{width:100%; height:auto;}

@media (max-width:1150px){
	.instar_img ul li			{width:19%; float:left; margin:0 0.5% 1% 0.5% ;height:200px; }
}
@media (max-width:1050px){
	.instar_img ul li			{width:19%; float:left; margin:0 0.5% 1% 0.5% ;height:150px; }
}
@media (max-width:767px){
.instar_img						{width:96%; margin:0% auto 5% auto; }
.instar_img ul				{margin-left:0%;}
.instar_img ul li			{width:19%; float:left; margin:0 0.5% 1% 0.5% ;height:110px; }
.instar_img ul li:first-child		{margin-left:0.5%;}
.instar_img ul li img		{width:100%; }
}

@media (max-width:464px){
.instar_img						{width:96%; margin:0% auto 5% auto; }
.instar_img ul				{margin-left:0%;}
.instar_img ul li			{width:24%; float:left; margin:0 0.5% 1% 0.5% ;height:75px; }
.instar_img ul li:first-child		{margin-left:0.5%;}
.instar_img ul li img		{width:100%; }
}

.main_a 				{background:url('./img/text_bg.jpg') no-repeat center top; min-width:1280px;}
.main_a .main_num						{width:1280px; margin:0 auto;}
.main_a .main_num ul:after	{display:block; clear:both; content:''; width:100%;}
.main_a .main_num ul li				{float:left; width:25%; text-align:center; padding:50px 0; position:relative;}
.main_a .main_num ul li h1		{color:#fff; font-size:60px; font-weight:800; margin:0 0 15px 0; padding:0; line-height:100%;}
.main_a .main_num ul li p			{color:#fff; font-size:18px; font-weight:700; margin:0; padding:0; line-height:100%;}
/************************* main_inc 끝*************************/

/************************* title_navi 시작 *************************/
.navi_all {width:100%; margin:0 auto; color:#fff; height:60px; border-bottom:1px solid #ddd; position:absolute; background: rgba(175,9,9,0.8);  bottom: 0; color:#fff;} 
.navi_in	{max-width:1200px; margin:0 auto; padding:0;}
.navi_in:after		{clear:both; content:''; display:block; width:100%;}

.home_btn_all						{float:left; padding:0; width:60px; }
.home_btn_all .home_btn {border-right:1px solid rgba(225,225,225,0.2); border-left:1px solid rgba(225,225,225,0.2);}
.home_btn_all .home_btn a	{display:block; height:60px; line-height:55px; text-align:center; }
.home_btn_all .home_btn a img	{vertical-align:middle;}

.navi_left					{float:left; }
.navi_left:after		{clear:both; content:''; display:block; width:100%;}
.navi_left div			{float:left;}

.navi_main		{padding:0 0 0 0; height:60px; width:250px; position:relative; line-height:58px;  cursor:pointer; border-right:1px solid rgba(225,225,225,0.2);}
.navi_title01	{padding:0 0 0 0; height:40px; width:250px; position:relative; line-height:50px; }
.navi_title01 h1 {color:#777; font-size:15px; margin-left:10px; width:100%;}
.navi_title01 h1.sub_menu:hover { color:#333; }

.navi_main h1 { font-family: 'Noto sans KR';color:#777; width:100%; font-size:15px; margin-left:30px;}
.navi_main h1.sub_manu:hover { color:#333; }
.navi_main > .deco_right { float:right;  }

.navi_main >a.down_btn	{position:absolute; right:35px; top:0px;}
.navi_main >a.down_btn2	{position:absolute; right:35px; top:0px;}
.navi_main >a.down_btn3	{position:absolute; right:35px; top:0px;}

.h1_focus	{color:#fff !important;}

.navi_sub {padding:0; height:60px; width:250px; line-height:58px; position:relative; cursor:pointer; border-right:1px solid rgba(225,225,225,0.2);}
.navi_sub > h2						{ font-family: 'Noto sans KR'; color:#fff; font-size:15px;  cursor:pointer; margin-left:30px;}
.navi_sub>a.down_btn4	{position:absolute; right:35px; top:0px; }

.navi_sub > p						{float:right; }

.extend							{position:relative; top:-1px; width:100%; }
.extend > ul				{position: absolute;left:-1px; min-height:1px;width:251px;padding-left: 0px; padding:0px 0 10px 0; border-top:0;z-index: 999; background:#fff; border:1px solid #efefef; display:none;}
.extend > ul a { text-decoration:none; }


.extend2							{position:relative; top:-1px; width:100%;}
.extend2 > ul				{position: absolute;left:-1px; min-height:1px; width:251px; padding-left:0px; z-index: 999; background:#fff; border:1px solid #efefef; display:none; padding:0px 0 10px 0; }
.extend2 > ul a { text-decoration:none; }
.extend2 h1 {font-family: 'Noto sans KR';color: #777; width: 100%; font-size: 15px; margin-left: 10px; }

/*
position:absolute; left:-20px; min-height:1px; width:256px; padding-left:20px;  border-top:1px solid #efefef; z-index:999; background:#ddd; 
*/

.extend > ul > li		{min-height:20px;}
.down_btn			{cursor:pointer; }

/************************* title_navi 끝 *************************/
/************************* quick_menu 시작 *************************/
.quick {margin:0 auto; position:fixed;right: 3%; top: 30%; z-index: 9;}
.quick ul li {width:101px; height:101px; margin-bottom: 10px;}
.quick ul li img {display:block;}





/************************* quick_menu 끝 *************************/

/************************* footer_inc 시작 *************************/

.footer_site_link						{  padding:10px 0;text-align: left;}
.footer_site_link ul li			{display:inline;}
.footer_site_link ul li span {display:inline-block; margin:0 10px; font-size:15px;}
.footer_site_link ul li a {color:#111111}


.footer {background:url('./img/footer_bg.jpg') no-repeat center; width:100%; padding: 30px 0;padding-bottom:none; }
.footer_t:after					{width:100%; display:block; clear:both; content:'';}
.footer_familysite			{float:right; width:180px; position:relative;}
.footer .inner				{position:relative; font-size:15px;}
.footer_logo				{width:195px; position:absolute; right:0; top:15px;}
.footer_logo2				{width:70px; position:absolute; right: 0; bottom:0px;}
.footer_txt .admin .admin_line {display:inline-block; margin:0 10px; font-size:15px;}
.footer_txt .bold {font-weight:500;}
.footer_txt .admin {display: flex;}
.footer_txt p							{line-height: 2;}
.footer_txt p span				{display:inline-block; margin:0 10px; font-size:15px;}
.footer_txt ul li a {color:#111111; font-weight: 500;  }



/* inquiry bar */
.inquiry_bar_wrap {background: #221714;  height: 103px; box-sizing:border-box;position: fixed; bottom: 0; width:100%; z-index:99 }
.inquiry_bar_wrap .inner {display:flex; align-items: center; bottom:0;}
.inquiry_bar_wrap .inner .inquiry {display:flex; }
.inquiry_bar_wrap .inner .inquiry img {display:block; padding: 8px 0 0;}
.inquiry_bar_wrap .inner .inquiry h2 {color: #fff; font-size: 36px;
    padding: 15px 0 0;}
.inquiry_bar_wrap .inner .inquiry h4 {color: #fff; font-size: 40px; font-weight: 700; padding: 33px 15px 0 15px;}
.inquiry_bar_wrap .inner .input form {display:flex; align-items: center;}
input[type=text] {width:140px; height: 40px; border: 1px solid #ddd; margin: 0 4px;padding-left: 13px;    font-size: 16px; color:#949494}
input[type=submit] {width:140px; height:42px; display:block; color:#fff; background:#b50909; border:none;    font-size: 18px;font-weight: 600;margin-left: 8px;}
select[id=area] {width: 140px; height: 40px; border: 1px solid #ddd;margin: 0 4px;padding-left: 13px; font-size: 16px; color:#222222}
/*family_inc.php의 스타일*/
.total								{width:100%;  cursor:pointer;}
.select_d							{border:1px solid #ddd; width:100%; line-height:30px; height:30px; padding-left:8px; position:relative; font-size:12px;}
.select_d span				{display:inline-block; position:absolute; right:10px;}

/* 패밀리사이트 클릭시 밑으로 떨어지는  CSS*/
/*
.select_op						{border:1px solid #ddd;border-top:none; width:168px; margin-top:0px; display:none; position:absolute; z-index:3px; background:#fff; font-size:11px;}
*/

/* 패밀리사이트 클릭시 위로 올라오는 CSS*/
.select_op						{border:1px solid #ddd;border-bottom:none; width:160px; margin-top:0px; display:none; position:absolute; z-index:3px; background:#fff; font-size:11px;bottom:30px;}

.select_op	li				{line-height:30px;height:30px; border:0px solid red; padding-left:8px;}
.select_op	li		a		{cursor:pointer; width:100%; height:30px; display:inline-block;letter-spacing:-0.3px;}
.select_op	li:hover	{background:#eee;}
.a_focus							{background:#8e8e8e; color:#fff !important;}
/************************* footer_inc 끝 *************************/



/************************* left_lnb_inc 시작 *************************/
.left_lnb		{  }
/************************* left_lnb_inc 끝 *************************/



/************************* ui.totop 시작 *************************/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url("./img/ui.totop6.png") no-repeat left top;
}

#toTopHover {
	background:url("./img/ui.totop6.png") no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}
/************************* ui.totop 끝 *************************/