/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:'Noto Sans KR';
}
body{font-family:'Noto Sans KR',sans-serif;font-size:12px;line-height:18px;overflow-x:hidden;color:#fff}
ul,li,ol{list-style:none}

/* Alink */
a {text-decoration:none}
a.red {color:#e44258 !important}
a:hover, a:active, a:focus{text-decoration:none}

/* Basic */
:focus{outline:none}
em, address{font-style:normal}
strong {font-weight:bold}
img{border:0;vertical-align:top}
img.png24 {tmp:expression(setPng24(this))}
.u, .u a{text-decoration:underline !important}
.s, .s a{font-size:.9em !important}
.bold, .bold a{font-weight:bold !important}

/* ·¹À̾ƿô */ 
#wrap {margin:0 auto; width:100%; text-align:center;overflow-x:hidden;}
#main_bg {margin:0 auto; width:100%;}
#main {width:100%; margin:0 auto; }
#form {margin:0 auto; width:100%;}
#main #time {position: absolute;color: #000;font-size: 10pt;font-weight: bold;top: 18px;right: 4%;letter-spacing: -1px;z-index: 999;}
#copy {color:black;padding:2%;}
#con1 img{text-align:center;}
#con01{padding:200px 0 110px;}
#con02_1{padding:110px 0;}
/* #sp_con03 {color:#000; font-size:55px; font-weight:bold;    margin: 55px auto;    text-align: center;} */
#sp_con03_1 {color:#000; font-size:20px; text-align:left;margin-left:23px;}
#sp_con03_p1{color:#000; font-size:80px; font-weight:bold;    margin: 130px auto 55px;    text-align: center;}
#sp_con03_p2{color:#000; font-size:25px;   margin: 55px auto;    text-align: center;}

.li_first  ul > li{text-align:left;color:#000;     padding-left: 20px;    line-height: 1.5;}
.sp_con03 p { font-size: 22px;line-height: 26px; color: #000; text-align: center;}

#con_04 {padding:220px 0 110px;}
#con04 {padding:110px 0 230px 0;}
#con05 {padding:110px 0;}
#con06 {padding:110px 0;}
#con07 {padding:0;}
#con08 {padding:110px 0;}
#con09 {padding:0;}
#con08 ul li {display:inline-block; padding:0 10px;}
.con08_ul{padding-top:50px;}

#con10 {padding:110px 0;}
#con11 {padding:110px 0;width:850px;margin:0 auto;}
#con12 {padding:110px 0;}
#con13 {padding:110px 0;}
#con14 {padding:110px 0 70px 0;}
#map {padding-bottom:110px;}
#con03, #con16 {padding-top:110px;}

.con_v {width:100%;}

div.relative {position: relative;width: 100%;} 
div.absolute {
  position: absolute;
	left:50%;
	transform : translateX(-50%);
	-ms-transform : translateX(-50%);
}
.top{top:50%;}
.pro2{width:850px;margin:0 auto;}
.top_btn{top:65%;}
.top2{top:30%;}
.top_orth{top:45%;}
.vertical_width{width:850px;}
.map{width:850px;left:50%;transform:translate(-50%);}
.pc_main {display:block;}
.mo_main {display:none;}
.scr{width: 850px; margin: 0 auto; position: relative;}

.absolute2 {  position: absolute;	left:50%;	transform : translateX(-50%);	-ms-transform : translateX(-50%);}

#daumRoughmapContainer1604992326350{width:850px;left:50%;transform:translate(-50%);}


.csize04 {width:850px;  margin:0 auto;}
/*.loct03 {padding:100px 0 0;} */
.loct03.csize04{width:100%;}

.loctSwiper01 {position:relative;padding-bottom:110px;}
.loctSwiper01 .swiper-tab-pagi {position:absolute; left:50%;top:450px; width:850px; transform:translate(-50%);}
.loctSwiper01 .swiper-tab-pagi .swiper-wrapper div br {display:none;}
.loctSwiper01 .swiper-tab-pagi .swiper-wrapper div {position:relative;color:#d8d8d8; font-size:22px; line-height:1.3;text-align:center; cursor:pointer;}
.loctSwiper01 .swiper-tab-pagi .swiper-wrapper div:after {display:block; width:27px; height:27px; margin-left:46%; margin-top:20px; border:6px solid #d8d8d8; background-color:#fff; border-radius:100%; content:''; }
.loctSwiper01 .swiper-tab-pagi .swiper-wrapper .swiper-slide-thumb-active {color:#2f328d;}
.loctSwiper01 .swiper-tab-pagi .swiper-wrapper .swiper-slide-thumb-active:after {border:6px solid #2f328d;}
.loctSwiper01 .swiper-tab-pagi .slide-bar {position:absolute; left:17%; top:62px; width:65%; height:2px; background-color:#d8d8d8;}


.in02 {width:2020px;  position: relative;left:50%;transform: translateX(-50%);} 
.swiper-slide p {background:#F5F5F5;}

/* ÀÇ·áÁø */
	.container{
		width: 100%;
		position: relative;
	}

	.container > header{
		margin: 10px;
		padding: 20px 10px 10px 10px;
		position: relative;
		display: block;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
		text-align: center;
	}
	.container > header h1{
		font-size: 32px;
		line-height: 32px;
		margin: 0;
		position: relative;
		font-weight: 300;
		color: #777;
		text-shadow: 1px 1px 1px rgba(255,255,255,0.7);
	}
	.container > header h2{
		font-size: 14px;
		font-weight: 300;
		/*	font-style: italic;*/
		margin: 0;
		padding: 15px 0 5px 0;
		color: #888;
		text-shadow: 1px 1px 1px rgba(255,255,255,0.9);
	}

	.ch-grid {
		margin: 20px auto 0 auto;
		padding: 0;
		list-style: none;
		display: block;
		text-align: center;
		width: 850px;
	}

	.ch-grid:after,
	.ch-item:before {
		content: '';
		display: table;
	}

	.ch-grid:after {
		clear: both;
	}

	.ch-grid > li {
		width: 266px;
    height: 432px;
		display: inline-block;
		/* margin-right: -4px; */
		overflow:hidden;
	}

	.ch-item {
		width: 100%;
		height: 100%;
		position: relative;
		cursor: default;
		transition:0.3s;
		background-size:100%;
		background-position:center;
	}

	.ch-img-1 {background-image: url('/_landding/images/dent/1_off.png');	}
	.ch-img-2 {background-image: url('/_landding/images/dent/2_off.png');	}
	.ch-img-3 {background-image: url('/_landding/images/dent/3_off.png');	}
	.ch-img-4 {background-image: url('/_landding/images/dent/4_off.png');	}
	.ch-img-5 {background-image: url('/_landding/images/dent/5_off.png');	}
	.ch-img-6 {background-image: url('/_landding/images/dent/6_off.png');	}
	.ch-img-7 {background-image: url('/_landding/images/dent/7_off.png');	}
	.ch-img-8 {background-image: url('/_landding/images/dent/8_off.png');	}
	.ch-img-9 {background-image: url('/_landding/images/dent/9_off.png');	}

	.ch-info {
		position: absolute;
		background: rgb(4 4 4 / 62%);
		width: inherit;
		height: inherit;
		opacity: 0;
		left:0;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		-webkit-backface-visibility: hidden;

	}

	.ch-info h3 {
		color: #fff;
    text-transform: uppercase;
    text-align: left;
    font-size: 36px;
    font-weight: bold;
    margin-left: 17px;
    padding: 20px 0 0 0;
    text-shadow: 0 0 1px #fff, 0 1px 2px rgb(0 0 0 / 30%);
    transition: 0.3s;
    letter-spacing: 3px;
	}
	.ch-info h4 {
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    font-size: 20px;
    font-weight: 500;
    margin-left: 17px;
    padding: 36px 0 0 0;
    text-shadow: 0 0 1px #fff, 0 1px 2px rgb(0 0 0 / 30%);
    transition: 0.3s;
	}
	.ch-info .profile{padding: 10px 10px 10px 0;  font-size: 20px;}
	.ch-info span{font-size:5px;}

/* 	.ch-item:hover .ch-info h3{
		padding-top:25px;
	} */
	.ch-info ul{
		padding-top:7px;
		margin: 7px 17px 0 17px;
/* 		border-top:1px solid rgba(255,255,255,0.3); */
	}
	.ch-info li {
		text-align:left;
		line-height:1.2;
		color: #fff;
		/*font-style: italic;*/
		margin-top:5px;
		font-size: 13px;
	/* 	padding-left:8px; */
		opacity: 0;
		position:relative;
	/*	-webkit-transition: all 1s ease-in-out 0.4s;
		-moz-transition: all 1s ease-in-out 0.4s;
		-o-transition: all 1s ease-in-out 0.4s;
		-ms-transition: all 1s ease-in-out 0.4s;
		transition: all 1s ease-in-out 0.4s;*/
	}

	/* .ch-info li:before{
		content:'';
		display:block;
		position:absolute;
		left:0;
		top:9px;
		width:4px;
		height:4px;
		border-radius:10px;
		background:rgba(255,255,255,0.5);
	} */

	.ch-info p a {
		display: block;
		color: #fff;
		color: rgba(255,255,255,0.7);
		font-style: normal;
		font-weight: 700;
		text-transform: uppercase;
		font-size: 13px;
		letter-spacing: 1px;
		padding-top: 4px;

	}

	.ch-info p a:hover {
		color: #fff222;
		color: rgba(255,242,34, 0.8);
	}

	.ch-item:hover {
		background-size:110%;
		box-shadow: 
			inset 0 0 0 1px rgba(255,255,255,0.1),
			0 1px 2px rgba(0,0,0,0.1);
	}
	.ch-item:hover .ch-info {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	.ch-item:hover .ch-info li {
		opacity: 1;
	}
	.ui_first h4, h3 {color:#000;}
	.ui_first li {color:#000;font-size:15px;}
	.ui_first span{font-size:5px;}

	.ui_first h3 {
		color: #000;
    text-transform: uppercase;
    text-align: left;
    font-size: 36px;
    font-weight: bold;
    margin-left: 17px;
    padding: 20px 0 0 0;
    text-shadow: 0 0 1px #fff, 0 1px 2px rgb(0 0 0 / 30%);
    transition: 0.3s;
    letter-spacing: 3px;
	}
	.ui_first h4 {
    color: #000;
    text-transform: uppercase;
    text-align: left;
    font-size: 20px;
    font-weight: 500;
    margin-left: 17px;
    text-shadow: 0 0 1px #fff, 0 1px 2px rgb(0 0 0 / 30%);
    transition: 0.3s;
	}
	.ch-img-1 .ch-info{display:none}
	.ch-grid  .li_first{width:532px;}
	.ui_first > .profile{padding:20px; font-size: 20px;}
	.dep{color:#000; font-size:20px; text-align:left;margin:40px 25px 10px;}

	/* // ÀÇ·áÁø */


.demo {margin:0 auto;margin-bottom:5vh;}
.lightSlider_li {display: block;  margin-right: 6px; cursor:pointer;}

ul {list-style: none outside none; padding-left: 0; margin-bottom:0;}
#lightSlider img {display: block;  height: auto; max-width: 100%;}
.width2{width:850px}

#sp_con03_p2 br {display:none !important}






/* ¼ö°¡ ºÎºÐ css Ãß°¡ */
	.section02 {width:100%;height:350px;background:#000;position:relative;}
	.section02 div {width:850px;margin:0 auto; height: auto; top:20%;line-height:30px; position:absolute;left: 50%;transform: translate(-50%);}
	.section02 div p {text-align:left; color:#fff;letter-spacing:-2px;}
	.section02 div #p1 {font-size:60px;font-weight:bold;margin-top:20px;}
	.section02 div #p2 {margin-top:60px;}
	.section02 div #p3 {margin-top:10px;}

	.section02 div #p2, .section02 div #p3 { font-size:25px;}
	.sectiopn02_hr	{margin-top: 50px;}
	.sec03_tit {font-size:40px !important;font-weight:bold;}
	.section03 {width:100%;height:900px;position:relative;background:#000;}
	#sec03_tit_a , 	#sec03_tit_b {width:75px;margin-top:20px;color:#fff;font-weight:bold;border-bottom:4px solid #fff;}

	.section03 div {width:850px;margin:0 auto; height:auto; top:0%;line-height:50px; position:absolute;left: 50%;transform: translate(-50%);}
	.section03 div p {text-align:left; color:#fff; font-size:30px;letter-spacing:-2px;}
	.section03 div p span{font-weight:bold;}
	.section03 div #p4, .section03 div #p7  {margin-top:40px;}
	.section03 div #p6,  .section03 div #p10 {font-size:20px;}
	.section03 div #p11, .section03 div #p12 {font-size:20px;}
	.section03 div #p11{margin-top:80px;line-height:30px; font-weight:bold;background: #fff;width: fit-content;border-radius: 10px;padding:15px 10px;color:#000;}
	.deco {text-decoration: line-through;font-size:15px;}		
	#p6, #p10 {	animation: blink 1s  infinite;	}
	@keyframes blink {
		0%, 100% {
			opacity: 0;
		}
		50% {
			opacity: 1;
		}
	}

@media screen and (max-width: 850px) { /* ¸ð¹ÙÀÏ CSS */
	
	/* ¼ö°¡ ºÎºÐ css Ãß°¡*/
	.section02 {height:250px;}
	.section02 div{top:20%;}
	.section02 div #p2{margin-top:28px;}
	.section02 div,.section03 div {width:100%;}
	.section02 div #p1{font-size:38px;padding:0 20px;}
	.section02 div #p2, .section02 div #p3 {font-size:15px; padding:0 20px;}
	.sectiopn02_hr	{width:90%;margin:30px auto 0;}
	#sec03_tit_a, #sec03_tit_b{margin-left: 20px;}
	.section03 div p{font-size: 25px;padding:0 20px;}
	.section03 div #p7  {margin-top:50px;}
	.section03 div #p6, .section03 div #p10 {font-size: 18px;}
	.section03 div #p11, .section03 div #p12 {font-size:15px;text-align:center;}
	.section03 div #p11{width: 90%;margin: 70px auto 0 auto;}
   
	#sp_con03_p2 br {display:block !important}
	.width {width: 100%;}
	.width2{width:100%}
	.top{top:35%;}

	#con01 {padding:20% 0 10%;}
	#con02 {padding:10% 0;}
	#con02_1 {padding:15% 0 10%; overflow: hidden;}
	#con03{padding:10% 0; width:100%;}
	#con04 {padding: 0px 0 170px 0;}
	#con_04 {padding:10% 0;}
	#con05 {padding:15% 0;}
	#con06 {padding:10% 0;}
	/* #con07 {padding:20% 0;} */
	#con09 {padding:5% 0;}
	#con08 {padding:15% 0 10%;}
	#con08 ul li {display:inline-block; padding:0 ;  width:32%;}
	#con08 ul li img{width:100%}
	#con10 {padding:10% 0;}
	#con12 {padding:20% 0 10%;}
	#con13 {padding:10% 0;    width: 100%;    overflow: hidden;}
	#con14 {padding:10% 0 10% 0;}
	#map {padding-bottom:10%;}
	#con03, #con16 {padding-top:10%;}

	.in13{width: 225.9%;position: relative;left: 50%;transform: translateX(-50%);}
	#sp_con03_p1{font-size:2rem; margin: 30px auto;}
	#sp_con03_p2{font-size:1.055rem; margin: 0;line-height:1.4em;}

	.pro2{  position: relative;  width: 100%;}
	.btn_img{width:75vw;}
	.top_btn{top:58%;}
	.top2{top:34%;}
	.top_orth{top:45%;}
	.map{width:98%;}
	.pc_main {display:none;}
	.mo_main {display:block;}
	.scr{width:100%;   position: absolute;    top: 43%;}
	.simply-scroll {width: 100%;margin-bottom: 2em;}
	.simply-scroll .simply-scroll-clip {width: 100%;}
	.simply-scroll .simply-scroll-list li {float: left;width: 160px;}
	.absolute2{position:unset; left:unset;	transform : unset;}
	#daumRoughmapContainer1604992326350{width:98%}
	#daumRoughmapContainer1671514829972{width:98%}
	.loctSwiper01 {padding-bottom:0;}
	.loctSwiper01 .swiper-tab-pagi {top:42vw;width:100%;}
	.loctSwiper01 .swiper-tab-pagi .swiper-wrapper div br {display:block;}
	.loctSwiper01 .swiper-tab-pagi .swiper-wrapper div {font-size: 17px;}
	.loctSwiper01 .swiper-tab-pagi .swiper-wrapper div .space {height:50px;border: 1px solid #fff;}
	.loctSwiper01 .swiper-tab-pagi .slide-bar {top:76px;}
	.loctSwiper01 .swiper-tab-pagi .swiper-wrapper div:after {display:block; width:25px; height:25px; margin:20px auto; border:6px solid #d8d8d8; background-color:#fff; border-radius:100%; content:''; }


	/* ÀÇ·áÁø ºÎºÐ CSS */
	.ch-grid{width:100%;}
	.ch-item:hover { background-size: 100%;}
	.ch-item { background-size:100%;}
	.ch-grid .li_first {width:26vh }
	.ch-grid > li {width:13vh; height:13vh;}
	.ch-info ul li {display:none;}
	.dep {display:none;}
	.ch-info h4{font-size:1rem;letter-spacing: 0;       margin-left: 10px;  padding: 10px 0 0 0;}
	.ch-info h3{font-size:1.5rem;letter-spacing: 0;}
	.li_first ul li {display:none;}
	.pch {display:none;}
	.ch-img-1 .ch-info{display:block}
	.ch-img-1 {background-image: url('/_landding/images/dent/mdent1.jpg');	}
	.ch-img-2 {background-image: url('/_landding/images/dent/mdent2.jpg');	}
	.ch-img-3 {background-image: url('/_landding/images/dent/mdent3.jpg');	}
	.ch-img-4 {background-image: url('/_landding/images/dent/mdent4.jpg');	}
	.ch-img-5 {background-image: url('/_landding/images/dent/mdent5.jpg');	}
	.ch-img-6 {background-image: url('/_landding/images/dent/mdent6.jpg');	}
	.ch-img-7 {background-image: url('/_landding/images/dent/mdent7.jpg');	}
	.ch-img-8 {background-image: url('/_landding/images/dent/mdent8.jpg');	}
	.ch-img-9 {background-image: url('/_landding/images/dent/mdent9.jpg');	}

	/* // ÀÇ·áÁø ºÎºÐ CSS */
}