#svisual{overflow:hidden}
#svisual .svisual_wrap{position:relative;height:200px;padding-top:100px;background-image:url(../img/sub/svisual9.png);background-color:#000;background-repeat:no-repeat;background-position:center center;background-size:cover;text-align:center;animation:svisualAnimation forwards ease-in-out 3s}
#svisual h1{font-size:1.75rem;font-weight:700;color:#fff;letter-spacing:0}
#svisual .txt{display:none;padding-top:2rem;font-size:0.85rem;font-weight:300;color:#f7b81f;letter-spacing:-.02em}
#svisual.svisual10 .svisual_wrap{background-image:url(../img/sub/svisual1.png)}
#svisual.svisual20 .svisual_wrap{background-image:url(../img/sub/svisual2.png)}
#svisual.svisual30 .svisual_wrap{background-image:url(../img/sub/svisual3.png)}
#svisual.svisual40 .svisual_wrap{background-image:url(../img/sub/svisual4.png)}
#svisual.svisual50 .svisual_wrap{background-image:url(../img/sub/svisual5.png)}
#svisual.svisual60 .svisual_wrap{background-image:url(../img/sub/svisual6.png)}
#svisual.svisual70 .svisual_wrap{background-image:url(../img/sub/svisual7.png)}
#svisual.svisual80 .svisual_wrap{background-image:url(../img/sub/svisual8.png)}
@keyframes svisualAnimation{
	0%{transform:scale(1.2);background-color:rgba(0,0,0,.5)}100%{transform:scale(1);background-color:rgba(0,0,0,1)}
}
@media screen and (min-width:480px){
	#svisual .svisual_wrap{height:240px;padding-top:120px}
}
@media screen and (min-width:550px){
	#svisual .svisual_wrap{height:300px;padding-top:140px}
	#svisual h1{font-size:2rem}
	#svisual .txt{display:block}
}
@media screen and (min-width:767px){
	#svisual .svisual_wrap{height:340px;padding-top:150px}
	#svisual h1{font-size:2.5rem}
}
@media screen and (min-width:1000px){
	#svisual .svisual_wrap{height:400px;padding-top:190px}
	#svisual h1{font-size:2.75rem}
}
@media screen and (min-width:1280px){
	#svisual .svisual_wrap{height:440px;padding-top:220px}
	#svisual h1{font-size:3rem}
	#svisual .txt{font-size:0.9rem}
}
@media screen and (min-width:1440px){
	#svisual .svisual_wrap{height:480px;padding-top:240px}
}

#location{position:relative;z-index:10;width:100%;height:40px;margin:-40px auto 0;background-color:rgba(0,0,0,.5)}
#location .inner{position:relative}
#location li{float:left;height:40px;font-size:13px}
#location li a{display:block;line-height:40px}
#location #nav_path1{/*display:none*/}
#location .path>li{width:calc((100% - 40px) / 2)}
#location .path.path3>li{width:calc((100% - 40px) / 3)}
#location .path>li>a{overflow:hidden;display:block;position:relative;width:75px;padding:0 0 0 10px;color:#fff;text-overflow:ellipsis;white-space:nowrap}
#location .path>li:after{content:"";display:inline-block;position:absolute;top:0;bottom:0;right:10px;width:7px;height:7px;margin:auto 0;border-top:2px solid rgba(255,255,255,.5);border-left:2px solid rgba(255,255,255,.5);-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)}
#location .path>li.home{width:40px;background-color:#0088cc}
#location .path>li.home>a{width:40px;height:40px;padding:0;background:none;text-align:center;line-height:40px}
#location .path>li.home:after{display:none}
#location .path li.home a img{vertical-align:middle}
#location .path .path_dp1{position:relative;border-right:1px solid rgba(255,255,255,.2)}
#location .path .path_dp1:first-child{left:0}
#location .path .path_dp2_list{display:none;position:absolute;top:100%;left:0;z-index:10;background-color:#f5f5f5}
#location .path .path_dp2_list li{width:100%;height:auto;border-bottom:1px solid rgba(0,0,0,0.05)}
#location .path .path_dp2_list li a{display:block;height:auto;padding:10px 10px;font-size:13px;line-height:1;transform:skew(-0.001deg)}
#location .path .path_dp2_list li.active,#location .path .path_dp2_list li:hover{background-color:#555}
#location .path .path_dp2_list li.active a,#location .path .path_dp2_list li:hover a{color:#fff}
@media screen and (min-width:360px){
	#location .path>li.home{display:block}
}
@media screen and (min-width:480px){
	#location #nav_path1{display:block}
}
@media screen and (min-width:767px){
	#location{height:50px;margin:-50px auto 0}
	#location li{height:50px;font-size:15px}
	#location li a{line-height:50px}
	#location #nav_path1{display:inline-block}
	#location .path>li{width:200px}
	#location .path.path3>li{width:200px}
	#location .path>li>a{padding:0 0 0 20px;width:120px}
	#location .path>li:after{width:9px;height:9px;right:20px}
	#location .path>li.home{width:50px}
	#location .path>li.home>a{width:50px;height:50px;line-height:50px}
	#location .path .path_dp2_list li a{font-size:14px;padding:10px 20px}
}
@media screen and (min-width:1000px){
	#location{height:60px;margin:-60px auto 0}
	#location li{height:60px}
	#location li a{line-height:60px}
	#location .path>li.home{width:60px}
	#location .path>li.home>a{width:60px;height:60px;line-height:60px}
	#location .path .path_dp2_list li a{font-size:15px;padding:15px 20px}
}
@media screen and (min-width:1440px){
	#location{height:70px;margin:-70px auto 0}
	#location li{height:70px}
	#location li a{font-size:16px;line-height:70px}
	#location .path>li{width:240px}
	#location .path.path3>li{width:240px}
	#location .path>li>a{padding:0 0 0 30px;width:200px}
	#location .path>li:after{width:9px;height:9px;right:30px}
	#location .path>li.home{width:70px}
	#location .path>li.home>a{width:70px;height:70px;line-height:70px}
}

#container_title{margin:0 auto;font-weight:500}
#container_title span{margin:0 auto 10px;display:block;line-height:30px}

#content{margin-right:auto;margin-left:auto;padding-top:40px;padding-bottom:40px;line-height:150%}
@media screen and (min-width:767px){
	#content{padding-top:60px;padding-bottom:60px}
}
@media screen and (min-width:1000px){
	#content{padding-top:80px;padding-bottom:80px}
}
@media screen and (min-width:1240px){
	#content{padding:100px 0}
}

#content h1{display:none !important}
#content_tit h2{margin:0 auto 2rem;font-size:1.75rem;font-weight:800;color:#1155a8;text-align:center}
#content_tit h2:after{content:"";visibility:visible;display:block;width:1px;height:20px;margin:1rem auto;background-color:#000}
#content h3{margin:3rem 0 2rem;font-size:1.25rem;font-weight:700;color:#000;letter-spacing:-.05rem;line-height:130%;text-align:center}
#content h3 span{position:relative}
#content h3 span:before{content:"";display:block;position:absolute;left:0;right:0;bottom:-0.5rem;width:calc(100% + 1.5rem);height:1px;margin-left:-0.75rem;background-color:#ddd}
#content h3 span:after{content:"";display:block;position:absolute;bottom:0;right:-0.75rem;width:0.5rem;height:0.5rem;border-radius:50%;background-color:#f7b81f}
#content h4{position:relative;margin:3rem auto 2rem;padding-left:1rem;font-size:1.111rem;font-weight:700;color:#78ae30;letter-spacing:-.03em}
#content h4:before{content:"";display:block;position:absolute;top:-0.5rem;left:0;width:1rem;height:1rem;margin-bottom:-0.5rem;border-radius:0 0 1rem 0;background-color:#1155a8}
#content h4:after{content:"";display:block;position:absolute;top:calc(-0.5rem + 3px);left:3px;z-index:2;width:3px;height:3px;border-radius:50%;background-color:#fff}
#content h5{margin:2rem auto 2rem;font-size:1rem;font-weight:700;color:#0088cc;letter-spacing:-.03em}
#content h5 span{color:#000}
#content h3+h4{margin:3rem auto 2rem}
#content h4+h5{margin:2rem auto 2rem}
@media screen and (min-width:767px){
	#content h3{font-size:1.33rem}
	#content h4{font-size:1.125rem}
}
@media screen and (min-width:1000px){
	#content_tit h2{margin:0 auto 5rem;font-size:2.5em}
	#content_tit h2:after{display:none}
	#content h3{margin:5rem auto 3rem;font-size:1.5rem}
}
@media screen and (min-width:1440px){
	#content h3{margin:6rem auto 4rem;font-size:1.75rem}
}

#ctt{/* width:70%; */margin-right:auto;margin-left:auto}

#ctt.ctt_about{width:100%}
#ctt.ctt_about .about1{font-size:1.5rem;color:#000;text-align:center;line-height:1.3;letter-spacing:-.05rem}
#ctt.ctt_about .about2{display:flex;flex-wrap:wrap;align-content:center;align-items:center;justify-content:center;width:100%;margin:5rem auto;padding:5rem 1rem;background-image:url(../img/sub/about1.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;background-attachment:fixed}
#ctt.ctt_about .about2 .img{display:block;width:70%;text-align:center}
#ctt.ctt_about .about2 .txt{display:block;width:100%;margin-top:2rem;font-size:1.25rem;font-weight:700;color:#fff;text-align:center;line-height:1.3;letter-spacing:0}
#ctt.ctt_about .about3{text-align:center}
#ctt.ctt_about .about3 p+p{margin-top:2rem}
@media screen and (min-width:767px){
	#ctt.ctt_about .about1{font-size:2.5rem}
	#ctt.ctt_about .about2 .img{width:100%}
	#ctt.ctt_about .about2 .txt{font-size:1.5rem}
}
@media screen and (min-width:1000px){
	#ctt.ctt_about .about2 .txt br{display:none}
}

#ctt.ctt_history h3{margin:0;padding:0;font-size:2rem;font-weight:900;color:#000;letter-spacing:0;text-align:left}
#ctt.ctt_history h3:before{display:none}
#ctt.ctt_history ol.history{position:relative;padding-bottom:5rem}
#ctt.ctt_history ol.history:before{content:"";position:absolute;top:5px;left:20px;width:1px;height:100%;border-left:1px solid #dfdfdf}
#ctt.ctt_history ol.history>li{position:relative;margin-left:50px}
#ctt.ctt_history ol.history>li:before{content:"";display:block;position:absolute;top:5px;left:-39px;z-index:2;width:18px;height:18px;border:5px solid #f7b81f;border-radius:50%;background-color:#fff}
#ctt.ctt_history ol.history>li+li{margin-top:5rem}
#ctt.ctt_history ol.history>li li{position:relative;padding-left:1rem}
#ctt.ctt_history ol.history>li li+li{margin-top:0.5rem}
#ctt.ctt_history ol.history>li li:before{content:"";position:absolute;top:0.75rem;left:0;width:0.5rem;height:1px;border-top:1px solid #aaa}
#ctt.ctt_history dl{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}
#ctt.ctt_history dt{width:100%;font-size:1.25rem;font-weight:800;color:#00a2e2}
@media screen and (min-width:480px){
	#ctt.ctt_history dt{width:60px}
	#ctt.ctt_history dl.dt_none{gap:0;}
	#ctt.ctt_history dl.dt_none dt{width:0}
}
@media screen and (min-width:767px){
	#ctt.ctt_history ol.history:before{left:50%}
	#ctt.ctt_history ol.history>li{width:50%;margin-left:0}
	#ctt.ctt_history ol.history>li:nth-child(2n+1){padding-right:3rem}
	#ctt.ctt_history ol.history>li:nth-child(2n){margin-left:50%;padding-left:3rem}
	#ctt.ctt_history ol.history>li:nth-child(2n):before{left:-9px}
	#ctt.ctt_history ol.history>li:nth-child(2n+1):before{right:-9px;left:auto}
	#ctt.ctt_history ol.history>li:nth-child(2n+1) li{padding-right:1rem;padding-left:0;text-align:right}
	#ctt.ctt_history ol.history>li:nth-child(2n+1) li:before{left:auto;right:0}
	#ctt.ctt_history ol.history>li:nth-child(2n+1) h3{text-align:right}
	#ctt.ctt_history ol.history>li:nth-child(2n+1) dt{text-align:right}
	#ctt.ctt_history dl{margin-top:2rem}
	#ctt.ctt_history dt{width:100%}
	#ctt.ctt_history dl.dt_none{flex-direction:row-reverse}
}
@media screen and (min-width:1000px){
	#ctt.ctt_history ol.history>li:nth-child(2n+1){padding-right:4rem}
	#ctt.ctt_history ol.history>li:nth-child(2n){padding-left:4rem}
	#ctt.ctt_history ol.history>li:nth-child(2n+1) dl{flex-direction:row-reverse}
	#ctt.ctt_history dl{margin-top:3rem}
	#ctt.ctt_history dt{width:80px}
	#ctt.ctt_history dd{width:calc(100% - 80px - 1rem)}
	#ctt.ctt_history dl.dt_none dt{width:0}
	#ctt.ctt_history dl.dt_none dd{width:100%}
}

#ctt.ctt_overview .overview1{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;margin-top:-3rem;width:100%;max-width:1440px;margin:0 auto}
#ctt.ctt_overview .overview1 .overview1_wr{display:flex;flex-wrap:wrap;width:100%}
#ctt.ctt_overview .overview1 .txt{width:100%;padding:3rem;background-repeat:no-repeat;background-position:center center;background-size:cover;color:#fff}
#ctt.ctt_overview .overview1 h3{color:#f7b81f}
#ctt.ctt_overview .overview1 h3 b{color:#000}
#ctt.ctt_overview .overview1_1 .txt{background-image:url(../img/sub/overview1.jpg)}
#ctt.ctt_overview .overview1_2 .txt{background-image:url(../img/sub/overview2.jpg)}
#ctt.ctt_overview .overview1_3 .txt{background-image:url(../img/sub/overview3.jpg)}
#ctt.ctt_overview .overview1_4 .txt{background-image:url(../img/sub/overview4.jpg)}
@media screen and (min-width:1000px){
	#ctt.ctt_overview .overview1{margin-top:-6rem}
	#ctt.ctt_overview .overview1 .overview1_wr{width:46%}
	#ctt.ctt_overview .overview1 .txt{min-height:250px}
}

#ctt.ctt_map{max-width:1200px;margin-right:auto;margin-left:auto}
#ctt.ctt_map .map1 .root_daum_roughmap{max-width:100%;}
#ctt.ctt_map .map1 .root_daum_roughmap .wrap_map{height:300px !important}
#ctt.ctt_map .map2{margin-top:2rem}
#ctt.ctt_map .map2 li{display:flex;align-items:center;gap:1rem}
#ctt.ctt_map .map2 li+li{margin-top:0.5rem}
#ctt.ctt_map .map2 .ico{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:3rem;height:3rem;font-size:1.25rem;color:#0c5e9e;border-radius:50%;background-color:#ecf2f7}
@media screen and (min-width:550px){
	#ctt.ctt_map .map2 ul{display:flex;flex-wrap:wrap}
	#ctt.ctt_map .map2 li{width:50%}
	#ctt.ctt_map .map2 .map2_address{width:100%}
	#ctt.ctt_map .map2 li+li{margin-top:1rem}
}
@media screen and (min-width:767px){
	#ctt.ctt_map .map1 .root_daum_roughmap .wrap_map{height:400px !important}
	#ctt.ctt_map .map2 li{width:27%}
	#ctt.ctt_map .map2 .map2_address{width:46%}
	#ctt.ctt_map .map2 li+li{margin-top:0}
}
@media screen and (min-width:1000px){
	#ctt.ctt_map .map1 .root_daum_roughmap .wrap_map{height:450px !important}
	#ctt.ctt_map .map2 li{width:25%}
	#ctt.ctt_map .map2 .map2_address{width:50%}
}

#ctt.ctt_product4 .tbl1{width:100%;max-width:1440px;margin:0 auto}
#ctt.ctt_product4 .tbl1 .col1{width:36px}
#ctt.ctt_product4 .tbl1 .col2{width:25%}
#ctt.ctt_product4 .tbl1 .col3{width:auto}
#ctt.ctt_product4 .tbl1 .col4{width:20%}
#ctt.ctt_product4 .section-title{margin:0 0 2rem;}
@media screen and (min-width:360px){
	#ctt.ctt_product4 .tbl1 .col1{width:15%}
	#ctt.ctt_product4 .tbl1 .col4{width:30%}
}
@media screen and (min-width:767px){
	#ctt.ctt_product4 .tbl1 tbody td:nth-child(2) br{display:none}
	#ctt.ctt_product4 .tbl1 tbody td:nth-child(3) br{display:none}
}
@media screen and (min-width:1000px){
	#ctt.ctt_product4 .tbl1 .col1{width:10%}
	#ctt.ctt_product4 .section-title{margin:0 auto 3rem;font-size:1.5rem}
}
@media screen and (min-width:1440px){
	#ctt.ctt_product4 .section-title{margin:0 auto 4rem;font-size:1.75rem}
}


/* 사이트맵 */
#ctt.ctt_sitemap .sitemap ul{}
#ctt.ctt_sitemap .sitemap ul ul{padding-bottom:0;border-top:1px solid #eee}
#ctt.ctt_sitemap .sitemap li{clear:none;float:left;width:48%;margin-left:4%;padding-bottom:20px}
#ctt.ctt_sitemap .sitemap li:nth-child(2n+1){clear:both;margin-left:0}
#ctt.ctt_sitemap .sitemap li li{clear:none;float:none;width:100%;margin-left:0;padding-bottom:0;border-bottom:1px solid #eee}
#ctt.ctt_sitemap .sitemap li li li{clear:none;float:none;width:100%;margin-left:0;padding-bottom:0;border-bottom:none}
#ctt.ctt_sitemap .sitemap .tit{display:block;padding:10px;border:1px solid #333;font-size:1.125rem;font-weight:500;color:#333;text-align:center}
#ctt.ctt_sitemap .sitemap li li a{display:inline-block;padding:10px;border:none}
#ctt.ctt_sitemap .sitemap li li li a{padding:0 0 2px 20px;font-size:14px;color:#707070}
#ctt.ctt_sitemap .sitemap li li li a:before{display:inline-block;width:3px;height:3px;margin-right:5px;border-radius:100%;vertical-align:middle;content:""}
#ctt.ctt_sitemap .sitemap li li li:first-child a{padding-top:10px}
#ctt.ctt_sitemap .sitemap li li li:last-child a{padding-bottom:10px}
@media screen and (min-width:620px){
	#ctt.ctt_sitemap .sitemap li:nth-child(n){clear:none;width:22%;margin-left:4%;padding-bottom:40px}
	#ctt.ctt_sitemap .sitemap li:nth-child(4n+1){clear:both;margin-left:0}
	#ctt.ctt_sitemap .sitemap li li:nth-child(n){clear:none;float:none;width:100%;margin-left:0;padding-bottom:0}
	#ctt.ctt_sitemap .sitemap li li li:nth-child(n){clear:none;float:none;width:100%;margin-left:0;padding-bottom:0}
	#ctt.ctt_sitemap .sitemap li li a{display:inline-block;padding:10px 20px;border:none}
}

#ctt.ctt_privacy{line-height:160%}
#ctt.ctt_privacy .tbl{margin-top:0.5rem}
#ctt.ctt_privacy li ul{margin:0.5rem 0 1rem}
#ctt.ctt_privacy .box1{margin-top:1rem}
#ctt.ctt_privacy .box1 p{font-weight:500;color:#000}
#ctt.ctt_privacy .box1 ol{margin-top:1rem}

/* 저작권정책 */
#ctt.ctt_copyright .box1 p{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #ddd;color:#000}