@CHARSET "UTF-8";
@media screen and (min-width:981px){

    br.br_m{display: none;}
}
@media screen and (max-width:980px){

    br.br_d{display: none;}
}


.sub_wrap {}
.sub_center {position:relative;padding:0 250px 0 250px; position:relative; height:100%}
.subbg_gray{background:#e1e7ed}
.subbg_white{background:#fff}
.w_clear {clear:both}
.wg_center{  max-width:1300px; margin:0px auto; width:100%}
@media (max-width:1300px) {
	.wg_center { width:100%;  padding:0 20px 0 20px;}
	.sub_center { width:100%;  padding:0 20px 0 20px;}
}




@media (max-width:720px) {
	.sub_visual_center {width:100%;  padding:0 20px 0 20px;}
	.sub_center { width:100%;  padding:0 20px 0 20px;}
}





.sub_visual {}

.sub_visual01_02 {background:url(/images/sub/subvisual01_02.png); height:100vh; background-size:cover; background-position:right top}

.sub_visual03_01 {background:url(/images/sub/subvisual03_01.png); height:100vh; background-size:cover; background-position:right top}
.sub_visual03_02 {background:url(/images/sub/subvisual03_02.png); height:100vh; background-size:cover; background-position:right top}
.sub_visual03_03 {background:url(/images/sub/subvisual03_03.png); height:100vh; background-size:cover; background-position:right top}
.sub_visual03_04 {background:url(/images/sub/subvisual03_04.png); height:100vh; background-size:cover; background-position:right top}
.sub_visual03_05 {background:url(/images/sub/subvisual03_05.png); height:100vh; background-size:cover; background-position:right top}
.sub_visual03_06 {background:url(/images/sub/subvisual03_06.png); height:100vh; background-size:cover; background-position:right top}
.sub_visual03_07 {background:url(/images/sub/subvisual03_07.png); height:100vh; background-size:cover; background-position:right top}
.sub_visual04_01 {background:url(/images/sub/subvisual04_01.png); height:100vh; background-size:cover; background-position:right top}
.sub_visual05_01 {background:url(/images/sub/subvisual05_01.png); height:100vh; background-size:cover; background-position:right top}
.sub_visual05_02 {background:url(/images/sub/subvisual05_02.png); height:100vh; background-size:cover; background-position:right top}
.sub_visual05_03 {background:url(/images/sub/subvisual05_03.png); height:100vh; background-size:cover; background-position:center top}
.sub_visual06_01 {background:url(/images/sub/subvisual06_01.png); height:100vh; background-size:cover; background-position:right top}
.sub_visual06_01_2 {background:url(/images/sub/sub06_01_06.png); height:100vh; background-size:cover; background-position:center top}
.sub_visual06_01_3 {background:url(/images/sub/sub06_01_10.png); height:100vh; background-size:cover; background-position:center top}
.sub_visual06_02 {background:url(/images/sub/subvisual06_02.png); height:100vh; background-size:cover; background-position:right top}
.sub_visual07_01 {background:url(/images/sub/sub06_01_10.png); height:100vh; background-size:cover; background-position:center top}

.sub_visual .tit {font-family:'Iropke Batang'; font-size:40px; color:#303030; padding:120px 0 20px 0}
.sub_visual .text {color:#908e8a; font-size:1.5em; letter-spacing:-1px; word-break:keep-all; line-height:1.5em;} /*#aeaeae 18px*/
.wg_nav {position:absolute; left:250px; bottom:90px}
.wg_nav li {float:left; margin:0 35px 0 0; font-size:20px; letter-spacing:-1px; position:relative }
.wg_nav li a span {width:0px; height:1px; display:inline-block; position:absolute; left:0; bottom:-10px; background:#5ec4b3;-webkit-transition: width .3s, height .3s, left .3s, top .3s, right .3s, bottom .3s;
	-ms-transition: width .3s, height .3s, left .3s, top .3s, right .3s, bottom .3s;transition: width .3s, height .3s, left .3s, top .3s, right .3s, bottom .3s;}
.wg_nav li a {color:#908e8a;}  /*#aeaeae*/
.wg_nav li a:hover {color:#5ec4b3;} 
.wg_nav li a:hover span {width:60px;}
.sub_info {padding:0 0 0 0; text-align:center; border-bottom:solid 1px rgba(0,0,0,0.1); font-family:'Iropke Batang';word-break:keep-all; }   /*padding:140px 0 140px 0;*/
.sub_info .img{-webkit-transform: translate3d(0, 40px, 0);transform: translate3d(0, 40px, 0);-webkit-transition: -webkit-transform 1s;transition: transform 1s;}
.sub_info .img:hover{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }
.sub_info .tit {font-family:'Iropke Batang'; font-size:40px; color:#5ec4b3; padding:30px 0 20px 0; word-break:keep-all}
.sub_info .en_text {font-family:'Iropke Batang'; font-size:20px; color:#aeaeae; padding:0 0 10px 0; word-break:keep-all}
.sub_info .text {font-family:'Iropke Batang'; font-size:25px; color:#303030; ; word-break:keep-all}

.sub_advantage { padding:100px 0 100px 0;word-break:keep-all; } /*padding:160px 0 160px 0*/
.sub_advantage > .tit {font-family:'Iropke Batang'; font-size:40px; color:#5ec4b3; padding:0 0 30px 0 }
.sub_advantage > .text { font-size:20px; color:#303030; letter-spacing:-1px;padding:0 0 70px 0}
.m_visual{display:none; text-align:right; padding:50px 0 0 0}
.m_visual img {max-width:100%; vertical-align:middle;}

@media (max-width:1300px) {
	.wg_nav {display:none}
	.sub_visual03_01 {background:#f2f4f6; height:auto}
	.sub_visual03_02 {background:#f2f4f6; height:auto}
	.sub_visual03_03 {background:#f2f4f6; height:auto}
	.sub_visual03_04 {background:#f2f4f6; height:auto}
	.sub_visual03_05 {background:#f2f4f6; height:auto}
	.sub_visual03_06 {background:#f2f4f6; height:auto}
	.sub_visual03_07 {background:#f2f4f6; height:auto}
	.sub_visual04_01 {background:#f2f4f6; height:auto}
	.sub_visual05_01 {background:#f2f4f6; height:auto}
	.sub_visual05_02 {background:#f2f4f6; height:auto}
	.sub_visual06_01 {background:#f2f4f6; height:auto}
	.sub_visual06_02 {background:#f2f4f6; height:auto}
	.m_visual{display:block}
}


@media (max-width:1300px) {
	.sub_visual .tit {  padding:120px 0 20px 40px}
	.sub_visual .text {padding:0 0 0 40px}
	.sub_advantage { padding:120px 0 120px 0;  }
	.sub_advantage > .tit { padding:0 0 30px 40px }
	.sub_advantage > .text { padding:0 0 70px 40px}
	
}

.sub_info {display:none;}

@media (max-width:720px) {
	.sub_info {padding:100px 0 100px 0;   }
	.sub_info .img{padding:0 20px 0 20px}
	.sub_info .img img{width:100%}
	.sub_visual .tit {  padding:120px 0 20px 10px ;font-size:30px;}
	.sub_visual .text {padding:0 0 0 10px;font-size:16px;}
	.sub_info .tit { font-size:30px; }
	.sub_info .en_text {  font-size:16px;  }
	.sub_info .text { font-size:20px;  }
	.sub_advantage { padding:100px 0 100px 0;  }
	.sub_advantage > .tit {  font-size:30px;   padding:0 0 30px 0 }
	.sub_advantage > .text { font-size:16px; padding:0 0 50px 0}
	.sub_info {display:block;}
}


/* 가로네칸 */
.ul4_list {}
.ul4_list li {width:25%; display:inline-block; vertical-align:top; margin-right:-4px;}
.ul4_list li .img img {width:100%}
.ul4_list li:nth-child(1) {padding:0 39px 0 0}
.ul4_list li:nth-child(2) {padding:0 26px 0 13px}
.ul4_list li:nth-child(3) {padding:0 13px 0 26px}
.ul4_list li:nth-child(4) {padding:0 0 0 39px}
.ul4_list li .text_box {padding:0 20px 0 20px; background:#fff; border:solid 1px #303030; margin:0 0 20px 0; height:200px;}
.ul4_list li .text_box .tit {padding:20px 0 20px 0; text-align:center; border-bottom:solid 1px #dedede; font-size:20px; color:#303030; font-weight:600 }
.ul4_list li .text_box .text {font-size:1.2em;padding:25px 0 25px 0;text-align:center; font-weight:lighter; letter-spacing:-1px}

/* 가로네칸_신규1 */
.ul4_list_1 {}
.ul4_list_1 li {width:25%; display:inline-block; vertical-align:top; margin-right:-4px;}
.ul4_list_1 li .img img {width:100%; margin-bottom:10px;}
.ul4_list_1 li:nth-child(1) {padding:0 39px 0 0}
.ul4_list_1 li:nth-child(2) {padding:0 26px 0 13px}
.ul4_list_1 li:nth-child(3) {padding:0 13px 0 26px}
.ul4_list_1 li:nth-child(4) {padding:0 0 0 39px}
.ul4_list_1 li .text_box {padding:0 20px 0 20px; background:#fff; border:solid 1px #303030; height:100%; min-height:150px;}
.ul4_list_1 li .text_box .tit {padding:10px 0 10px 0; text-align:center; border-bottom:solid 1px #dedede; font-size:1.3em; color:#303030; font-weight:600 }
.ul4_list_1 li .text_box .text {font-size:1.2em;padding:10px 0 25px 0;text-align:center; font-weight:lighter; letter-spacing:-1px}

/* 가로네칸-2 */
.ul4_list_2 {}
.ul4_list_2 li {width:25%; display:inline-block; vertical-align:top; margin-right:-4px;}
.ul4_list_2 li .img img {width:100%}
.ul4_list_2 li:nth-child(1) {padding:0 39px 0 0}
.ul4_list_2 li:nth-child(2) {padding:0 26px 0 13px}
.ul4_list_2 li:nth-child(3) {padding:0 13px 0 26px}
.ul4_list_2 li:nth-child(4) {padding:0 0 0 39px}
.ul4_list_2 li .text_box {padding:0 20px 0 20px; background:#fff; margin:0 0 20px 0; height:200px;}
.ul4_list_2 li .text_box .tit {padding:10px 0 10px 0; text-align:left; font-size:1.3em; color:#303030; font-weight:600 }
.ul4_list_2 li .text_box .text {font-size:1.2em; text-align:left; font-weight:lighter; letter-spacing:-1px}

/* 가로네칸-3 인비절라인 미니아이콘 4개*/ 
.ul4_list_3 {}
.ul4_list_3 li {width:25%; display:inline-block; vertical-align:top; margin-right:-4px;}
.ul4_list_3 li .img img {width:100%}
.ul4_list_3 li:nth-child(1) {padding:0 0 0 0}
.ul4_list_3 li:nth-child(2) {padding:0 0 0 0}
.ul4_list_3 li:nth-child(3) {padding:0 0 0 0}
.ul4_list_3 li:nth-child(4) {padding:0 0 0 0}
.ul4_list_3 li .text_box {padding:0 20px 0 20px; background:#fff; height:100px;}
.ul4_list_3 li .text_box .tit {padding:10px 0 10px 0; text-align:left; font-size:1.2em; color:#303030; font-weight:600 }
.ul4_list_3 li .text_box .text {font-size:1em; text-align:left; font-weight:lighter; letter-spacing:-1px}

/* 가로다섯칸 라미네이트*/
.ul5_list {}
.ul5_list li {width:20%; display:inline-block; vertical-align:top; margin-right:-4px;}
.ul5_list li .img img {width:100%}
.ul5_list li:nth-child(1) {padding:0 30px 0 0}
.ul5_list li:nth-child(2) {padding:0 20px 0 10px}
.ul5_list li:nth-child(3) {padding:0 10px 0 10px}
.ul5_list li:nth-child(4) {padding:0 10px 0 20px}
.ul5_list li:nth-child(5) {padding:0 0 0 30px}
.ul5_list li .text_box {background:#fff; margin:0 0 20px 0; height:50px;}
.ul5_list li .text_box .tit {padding:10px 0 10px 0; text-align:left; font-size:1.3em; color:#303030; font-weight:600 }
.ul5_list li .text_box .text {font-size:1.2em; text-align:center; font-weight:lighter; letter-spacing:-1px}

/* 가로세칸 */
.sub_kind {padding:0 0 190px 0}
.sub_kind .tit {font-family:'Iropke Batang'; font-size:40px; color:#5ec4b3; padding:0 0 30px 0; word-break:keep-all }
.sub_kind .text{ font-size:20px; color:#303030; letter-spacing:-1px;padding:0 0 70px 0; word-break:keep-all}
.ul3_list {}
.ul3_list li {width:33.3333%; display:inline-block; vertical-align:top; margin-right:-4px; }
.ul3_list li .img img {width:100%}
.ul3_list li:nth-child(1) {padding:0 10px 0 0}
.ul3_list li:nth-child(2) {padding:0 5px 0 5px}
.ul3_list li:nth-child(3) {padding:0 0 0 10px}

.ul3_list li .text_box {padding:0 20px 0 20px; background:#fff; height:150px;}
.ul3_list li .text_box .tit {padding:10px 0 10px 0; text-align:left; font-size:1.3em; color:#303030; font-weight:600 }
.ul3_list li .text_box .text {font-size:1.2em; text-align:left; font-weight:lighter; letter-spacing:-1px} /*1.5->1.2*/
.ul3_list li .text_box .text2 {font-size:1.2em; text-align:left; font-weight:lighter; letter-spacing:-1px}

.ul3_list li .text_box2 {padding:0 20px 0 20px; background:#fff; height:400px;}
.ul3_list li .text_box2 .tit {padding:10px 0 10px 0; text-align:left; font-size:1.3em; color:#303030; font-weight:600 }
.ul3_list li .text_box2 .text2 {font-size:1.2em; text-align:left; font-weight:lighter; letter-spacing:-1px}

/* 가로세칸 올세라믹 */
.sub_kind {padding:0 0 190px 0}
.sub_kind .tit {font-family:'Iropke Batang'; font-size:40px; color:#5ec4b3; padding:0 0 30px 0; word-break:keep-all }
.sub_kind .text{ font-size:20px; color:#303030; letter-spacing:-1px;padding:0 0 70px 0; word-break:keep-all}
.ul3_list_1 {}
.ul3_list_1 li {width:45%; display:inline-block; vertical-align:top; margin-right:-4px; }
.ul3_list_1 li .center{width:9%; display:inline-block; vertical-align:top; margin-right:-4px; }
.ul3_list_1 li .img img {width:100%}
.ul3_list_1 li:nth-child(1) {padding:0 10px 0 0}
.ul3_list_1 li:nth-child(2) {padding:0 5px 0 5px}
.ul3_list_1 li:nth-child(3) {padding:0 0 0 10px}

.ul3_list_1 li .text_box {padding:0 20px 0 20px; background:#fff; height:20px;}
.ul3_list_1 li .text_box .tit {padding:10px 0 10px 0; text-align:left; font-size:1.3em; color:#303030; font-weight:600 }
.ul3_list_1 li .text_box .text {font-size:1.5em; text-align:center; font-weight:lighter; letter-spacing:-1px}

/* 가로두칸 상악동*/
.ul2_list {}
.ul2_list li {width:48%; display:inline-block; vertical-align:top; margin-right:-4px;}
.ul2_list li .img img {width:100%}
.ul2_list li:nth-child(1) {padding:0 30px 0 0}
.ul2_list li:nth-child(2) {padding:0 0 0 30px}
.ul2_list li .text_box {background:#fff; margin:0 0 20px 0; height:50px;}
.ul2_list li .text_box .tit {padding:10px 0 10px 0; text-align:left; font-size:1.3em; color:#303030; font-weight:600 }
.ul2_list li .text_box .text {font-size:1.2em; text-align:center; font-weight:lighter; letter-spacing:-1px}


/* 하단슬라이드2*2 */
.ul4_list_2 {}
.ul4_list_2 li {width:25%; display:inline-block; vertical-align:top; margin-right:-4px;}
.ul4_list_2 li .img img {width:100%}
.ul4_list_2 li:nth-child(1) {padding:0 39px 0 0}
.ul4_list_2 li:nth-child(2) {padding:0 26px 0 13px}
.ul4_list_2 li:nth-child(3) {padding:0 13px 0 26px}
.ul4_list_2 li:nth-child(4) {padding:0 0 0 39px}
.ul4_list_2 li .text_box {padding:0 20px 0 20px; background:#fff; margin:0 0 20px 0; height:200px;}
.ul4_list_2 li .text_box .tit {padding:10px 0 10px 0; text-align:left; font-size:1.3em; color:#303030; font-weight:600 }
.ul4_list_2 li .text_box .text {font-size:1.2em; text-align:left; font-weight:lighter; letter-spacing:-1px}


/* 클린시스템 4*4 */
.ul4_list_3 {}
.ul4_list_3 li {width:25%; max-width:100%; height:auto; display:inline-block; vertical-align:top; margin-right:-4px;}
.ul4_list_3 li .img img {width:100%}
.ul4_list_3 li:nth-child(1) {padding:0 39px 0 0}
.ul4_list_3 li:nth-child(2) {padding:0 26px 0 13px}
.ul4_list_3 li:nth-child(3) {padding:0 13px 0 26px}
.ul4_list_3 li:nth-child(4) {padding:0 0 0 39px}
.ul4_list_3 li .text_box {padding:0 20px 0 20px; border-radius:50%; margin:0 0 20px 0; height:200px; position: relative; padding-top: 100%; /* 1:1 ratio */ overflow: hidden;}
.ul4_list_3 li .text_box .tit {text-align:center; font-size:1.3em; color:#black; font-weight:600; }
.ul4_list_3 li .text_box .text {font-size:1.2em; text-align:left; font-weight:lighter; letter-spacing:-1px}

/* 클린시스템  6*1 */
.ul6_list {}
.ul6_list li {width:16.5%; max-width:100%; height:auto; display:inline-block; vertical-align:top; margin-right:-4px;}
.ul6_list li .img img {width:100%}
.ul6_list li:nth-child(1) {padding:0 39px 0 0}
.ul6_list li:nth-child(2) {padding:0 26px 0 13px}
.ul6_list li:nth-child(3) {padding:0 13px 0 26px}
.ul6_list li:nth-child(4) {padding:0 0 0 39px}
.ul6_list li:nth-child(5) {padding:0 13px 0 26px}
.ul6_list li:nth-child(6) {padding:0 0 0 39px}

.ul6_list li .text_box {padding:0 20px 0 20px; border-radius:50%; border:solid; margin:0 0 20px 0; height:200px; position: relative; padding-top: 100%; /* 1:1 ratio */ overflow: hidden;}
.ul4_list_3 li .text_box .tit {text-align:center; font-size:1.3em; color:#ffffff; font-weight:600; transform:translatey(-300%); }
.ul4_list_3 li .text_box .text {font-size:1.2em; text-align:left; font-weight:lighter; letter-spacing:-1px}




.sub_kind .item {height:650px; padding:20px 0 20px 0;  overflow:visible !important;}
.sub_kind .item .tit img {}
.sub_kind .box {background:#fff;width:100%; position:relative; height:630px ;  display:inline-block}
.sub_kind .box a {width:100%; height:100%;  display:inline-block; background:#fff;padding:60px 35px 80px 35px;-webkit-transform: translateY(0);transform: translateY(0);-webkit-transition: -webkit-transform 0.5s;transition: transform 0.5s; }
.sub_kind .box a:hover {-webkit-transform: translateY(-20px);transform: translateY(-20px); }
.sub_kind .box .title {padding:40px 0 0 0; position:relative;font-size:24px; font-weight:600}
.sub_kind .box .title_icon {position:absolute; right:0; top:0;font-size:24px; letter-spacing:-1px}
.sub_kind .box .con {font-size:1.2em; letter-spacing:-1px; padding:75px 0 0 0; word-break:keep-all }
.sub_kind .box .view {position:absolute; left:0; bottom:80px; text-align:center; font-size:18px;left:50%; -webkit-transform: translateX(-50%);transform: translateX(-50%); }
.sub_kind .box a:hover .view {color:#5ec4b3; border-bottom:solid 1px #5ec4b3}

/* 가로세칸 임플란트 플랜 */
.sub_kind_2 {padding:50px 0 30px 0} /*padding:0 0 30px 0*/
.sub_kind_2 .tit {font-family:'Iropke Batang'; font-size:40px; color:#5ec4b3; padding:0 0 30px 0; word-break:keep-all }
.sub_kind_2 .text{ font-size:20px; color:#303030; letter-spacing:-1px;padding:0 0 70px 0; word-break:keep-all}

.sub_kind_2 .item {height:100%; min-height:500px; padding:20px 0 20px 0;  overflow:visible !important;}
.sub_kind_2 .item .tit img {}
.sub_kind_2 .box {background:#fff;width:100%; position:relative; height:700px ;  display:inline-block}
.sub_kind_2 .box a {width:100%; height:100%;  display:inline-block; background:#fff;padding:60px 35px 80px 35px;-webkit-transform: translateY(0);transform: translateY(0);-webkit-transition: -webkit-transform 0.5s;transition: transform 0.5s; }
.sub_kind_2 .box a:hover {-webkit-transform: translateY(-20px);transform: translateY(-20px); }
.sub_kind_2 .box .title {padding:40px 0 0 0; position:relative;font-size:24px; font-weight:600}
.sub_kind_2 .box .title_icon {position:absolute; right:0; top:0;font-size:24px; letter-spacing:-1px}
.sub_kind_2 .box .con {font-size:1.5em; letter-spacing:-1px; padding:75px 0 0 0; word-break:keep-all }
.sub_kind_2 .box .view {position:absolute; left:0; bottom:80px; text-align:center; font-size:18px;left:50%; -webkit-transform: translateX(-50%);transform: translateX(-50%); }
.sub_kind_2 .box a:hover .view {color:#5ec4b3; border-bottom:solid 1px #5ec4b3}



.sub_slide {padding:100px 0 100px 0}
.sub_slide .tit {font-family:'Iropke Batang'; font-size:40px; color:#5ec4b3; padding:0 0 30px 0 ; word-break:keep-all}
.sub_slide .text{ font-size:20px; color:#303030; letter-spacing:-1px;padding:0 0 70px 0; word-break:keep-all}
.sub_slide .sub_slide_1 {width:100%; float:left; padding:0 10px 200px 0; overflow:hidden; margin-bottom:50px;}  /*width 50->100으로 늘려봄. margin-bottom추가*/
.sub_slide .sub_slide_2 {width:100%; float:left; padding:0 0 200px 10px; overflow:hidden; margin-bottom:50px;}  /*width 50->100으로 늘려봄. margin-bottom추가*/
.sub_slide .sub_slide_2_2 {width:50%; float:left; padding:0 0 200px 10px; overflow:hidden}
.sub_slide .sub_slide_1_1 {width:90%; float:left; padding:0 10px 200px 0; overflow:hidden}
.sub_slide .sub_slide_2_1 {width:90%; float:left; padding:0 0 200px 10px; overflow:hidden}
.sub_slide .sp-slide-font01 {font-size:1.5em !important; color:#303030;font-family:'Iropke Batang';left:0 !important; top:110% !important; position:absolute;} /*font30->1.5*/
.sub_slide .sp-slide-font02 {font-size:1.3em !important; letter-spacing:0px;left:0; bottom:0; position:absolute;left:0 !important; top:125% !important; } /*font20->1.2 letter-spacing:-1px;/*

/*@media (max-width:1600px) {
	.ul4_list li {width:50%; display:inline-block; vertical-align:top; margin-right:-4px;}
	.ul4_list li:nth-child(1) {padding:0 40px 50px 0}
	.ul4_list li:nth-child(2) {padding:0 0 50px 40px}
	.ul4_list li:nth-child(3) {padding:0 40px 50px 0}
	.ul4_list li:nth-child(4) {padding:0 0 50px 40px}
	.sub_kind .box a:hover {-webkit-transform: translateY(0);transform: translateY(0); }
}*/


@media (max-width:1300px) {
	.sub_kind {padding:0 0 140px 0}
	.sub_kind .tit { padding:0 0 30px 40px }
	.sub_kind .text{  padding:0 0 50px 40px}
	.sub_slide {padding:100px 0 100px 0}
	.sub_slide .tit {padding:0 0 30px 40px}
	.sub_slide .text{  padding:0 0 50px 40px}
}


@media (max-width:1200px) {

	.sub_slide .sub_slide_1 {width:100%; float:left; padding:0 0 150px 0; overflow:hidden} /*0 0 250 0*/
	.sub_slide .sub_slide_2 {width:100%; float:left; padding:0 0 150px 0; overflow:hidden} /*0 0 250 0*/
	
	
	.sub_kind .box a:hover {-webkit-transform: translateY(0);transform: translateY(0); }
	
	
}

@media (max-width:900px) {
	.sub_center { width:100%;  padding:0 20px 50px 20px;} /*padding:0 20px 0 20px;*/
	.wg_nav { left:20px;  }
	.ul4_list li:nth-child(1) {padding:0 10px 30px 0}
	.ul4_list li:nth-child(2) {padding:0 0 30px 10px}
	.ul4_list li:nth-child(3) {padding:0 10px 30px 0}
	.ul4_list li:nth-child(4) {padding:0 0 30px 10px}
	.ul4_list li .text_box { margin:0 0 20px 0; height:250px;}
	.sub_kind .tit { padding:0 0 30px 0 ; font-size:30px}
	.sub_kind .text{  padding:0 0 50px 0; font-size:16px}
	.sub_slide .tit { padding:0 0 30px 0 ; font-size:30px}
	.sub_slide .text{  padding:0 0 50px 0; font-size:16px}
	.sub_kind .item .title img {height:50px}
	
	.ul4_list li {width:49%; margin-right:0;}
	.ul4_list li:nth-child(1) {padding:0 0 0 0}
	.ul4_list li:nth-child(2) {padding:0 0 0 0}
	.ul4_list li:nth-child(3) {padding:0 0 0 0}
	.ul4_list li:nth-child(4) {padding:0 0 0 0}
	
	.ul4_list_2 li {width:49%;  margin-right:0;}
	.ul4_list_2 li:nth-child(1) {padding:0 0 0 0}
	.ul4_list_2 li:nth-child(2) {padding:0 0 0 0}
	.ul4_list_2 li:nth-child(3) {padding:0 0 0 0}
	.ul4_list_2 li:nth-child(4) {padding:0 0 0 0}
	
	.ul4_list_1 li {width:49%;  margin-right:0;}
	.ul4_list_1 li:nth-child(1) {padding:0 0 0 0}
	.ul4_list_1 li:nth-child(2) {padding:0 0 0 0}
	.ul4_list_1 li:nth-child(3) {padding:0 0 0 0}
	.ul4_list_1 li:nth-child(4) {padding:0 0 0 0}
	
	.ul4_list_3 li {width:49%;  margin-right:0;}
	.ul4_list_3 li:nth-child(1) {padding:0 0 20px 0}
	.ul4_list_3 li:nth-child(2) {padding:0 0 20px 0}
	.ul4_list_3 li:nth-child(3) {padding:0 0 0 0}
	.ul4_list_3 li:nth-child(4) {padding:0 0 0 0}
	
	.ul3_list li {width:100%;  margin-right:0;}
	.ul3_list li:nth-child(1) {padding:0 0 0 0}
	.ul3_list li:nth-child(2) {padding:0 0 0 0}
	.ul3_list li:nth-child(3) {padding:0 0 0 0}
	
	.ul2_list li {width:100%;  margin-right:0;}
	.ul2_list li:nth-child(1) {padding:0 0 0 0}
	.ul2_list li:nth-child(2) {padding:30px 0 0 0}
	
	.sub_slide_2_2   {display:none} /*하단슬라이드*/
	.sub_visual06_01_2 {display:none} /*치아삭제*/
	
	.ul5_list li {width:33%; display:inline-block; vertical-align:top; margin-right:-4px;}
}

@media (max-width:720px) {
	.sub_kind .box { height:600px ;  }
	
}




.material {overflow:hidden; background:#f2f4f6; padding:150px 0 0 0;  }
.material .tit {font-family:'Iropke Batang'; font-size:40px; color:#5ec4b3; padding:0 0 30px 0; text-align:center }
.material .text{ font-size:20px; color:#303030; letter-spacing:-1px; text-align:center}
.container-fluid {width: 100%; padding-right: 15px;  padding-left: 15px; margin-right: auto; margin-left: auto;  }
.row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap;  flex-wrap: wrap; margin-right: -15px;  margin-left: -15px; }
.material .doc-section {overflow:hidden; }
.material .doc-section > .container {overflow:hidden; }
.material .doc-section .container-inner { overflow:hidden;  }
.material .doc-section .container-fluid {overflow:hidden;   padding:10% 20% 0 20%}
.material .doc-section .doc-over {position:relative; width:33.3333%;  cursor:pointer; display:inline-block; background:#f2f4f6}
.material .doc-section .doc-over img {width:100%}
.material .doc-section .doc-over .doc-title {-webkit-transition:opacity 600ms ease; transition:opacity 600ms ease; content:''; position:absolute; left:0; top:-20%; z-index:11; width:auto; height:auto; color:#444; font-size:1.2883rem; opacity:0; }
.material .doc-section .doc-over .doc-title span {display:block; color:#a1a1a1; font-size:.9662rem; padding:15px 0 0 0}
.material .doc-section .doc-over:after {-webkit-transition:opacity 600ms ease; transition:opacity 600ms ease; content:''; display:block; position:absolute; left:0; top:0; z-index:10; width:100%; height:100%; background-repeat:no-repeat; background-position:0 0; background-size:100% auto; opacity:0;}
.material .doc-section .doc-over:nth-of-type(1):after {background-image:url('/images/sub/sub_hover_1_r.png');}
.material .doc-section .doc-over:nth-of-type(2):after {background-image:url('/images/sub/sub_hover_2_r.png');}
.material .doc-section .doc-over:hover .doc-title,
.material .doc-section .doc-over:hover:after {opacity:1;}



@media (max-width:900px) {
	.material .container-fluid {display:none}
	.material .tit { font-size:30px;  }
	.material .text{ font-size:16px; padding:0 30px 0 30px}
}



.material .swiper-container{display:none}
.material .swiper-slide {vertical-align:bottom; padding:100px 0 0 0}
.material .swiper-slide-text {position:absolute; left:20px; top:50px}
.material .swiper-slide-text-1 {font-size:1.5em; font-weight:600;opacity:0} /*20->1.5*/
.material .swiper-slide-text-2 {font-size:1.1em;opacity:0;-webkit-transition:opacity 600ms ease; transition:opacity 600ms ease; margin-top:10px;} /*16->1, margin add */
.material .swiper-slide-active .swiper-slide-text-1{;opacity:1}
.material .swiper-slide-active .swiper-slide-text-2{;opacity:1}

.main_gall {text-align:center; text-align:center}
.main_gall li {display:inline-block; padding:0 10px 10px 10px; width:33%; margin-right:-4px}
@media (max-width:720px) {
	.material { padding:100px 0 0 0;  }
	.material .swiper-container {display:block}	
	.material .doc-section {display:none}	
}