/* visual_main --------------------------*/
/* 
.visual_main{ margin-top:90px;position:relative;width:100%; }
.visual_main .ctrl_box > div{ align-items:center;background:rgba(255, 255, 255, 0.2);border-radius:0.25rem;cursor:pointer;display:flex;height:3.5rem;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:0.3s;width:3.5rem; }
.visual_main .ctrl_box > div:hover{ background:rgba(255, 255, 255, 0.3); }
.visual_main .ctrl_box .prev_btn{ left:1.875rem; }
.visual_main .ctrl_box .next_btn{ right:1.875rem; }
.visual_main li{ background:tomato;height:31.25rem;width:100%; }
.visual_main li:nth-child(1){ background:url('/_Img/main/visual01.jpg') center; }
.visual_main li .inner_content{ display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 3.75rem; }
.visual_main li h2{ color:#fff;font-size:2.4rem;font-weight:500; }
.visual_main li p{ color:#ededed;font-size:1rem;font-weight:300;line-height:1.8;margin-top:0.625rem; }
.visual_main li .btn_list{ margin-top:3.125rem; }
.visual_main li .btn_list a:first-child{ margin-right:0.625rem; }
.visual_main li .btn_list a{ border:1px solid #ccc;border-radius:1.875rem;color:#fff;display:inline-flex;padding:0.875rem 1.875rem; }
 */

.visual_main { margin-top: 130px; position: relative;}
.visual_main .owl-nav { position: absolute; top: 50%; left: 50%; z-index: 10; transform: translate(-50%,-50%); display: flex; justify-content: space-between; width: 100%; padding: 0 2rem;}
.visual_main .owl-dots { position: absolute; bottom: 1.2rem; left: 50%; transform: translateX(-50%);}

/* 해상도별 이미지 */
.visual_main .visual-main-img .visual_img { width: 100%; }
.visual_main .visual-main-img .visual_img.web { display: block; }
.visual_main .visual-main-img .visual_img.tablet { display: none; }
.visual_main .visual-main-img .visual_img.mobile { display: none; }

/* .visual_main {padding-bottom: 80px;}
.visual_main .owl-carousel {position: relative;top: 0px; left: 0px}
.visual_main .owl-stage-outer {padding-bottom:50px}
.visual_main .owl-carousel .owl-prev {position: absolute;top: 50%;left: -6%;margin-top: -25px;overflow: visible;width: 50px;height: 50px;}
.visual_main .owl-carousel .owl-prev span {display: block;width:35px;height: 35px;background-color: transparent;border-left: 1px solid #000!important;border-top: 1px solid #000!important;transform: rotate(-45deg);text-indent: -9999px;position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;margin: auto;}
.visual_main .owl-carousel .owl-next {position: absolute;top: 50%;right: -6%;margin-top: -25px;overflow: visible;width: 50px;height: 50px;}
.visual_main .owl-carousel .owl-next span {display: block;width:35px;height: 35px;background-color: transparent;border-left: 1px solid #000!important;border-top: 1px solid #000!important;transform: rotate(135deg);text-indent: -9999px;position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;margin: auto;}
.visual_main .owl-dots  {text-align: center}
.visual_main .owl-dots .owl-dot span {width: 10px;height: 10px;margin: 5px 7px;background: #e0e0e0;display: block;-webkit-backface-visibility: visible;transition: opacity .2s ease;border-radius: 30px}
.visual_main .owl-dots .owl-dot:hover span {background: #002f6e}
.visual_main .owl-dots .owl-dot.active span {background: #002f6e;width:23px}
.visual_main .main-news-img {position: relative;top: 0px; left: 0px;height: 0px;padding-bottom: 59%;overflow: hidden} */

/* sub_banner */
.sub_banner_block{ padding:5rem 0 6rem; }
.sub_banner_block ul{ display:flex;justify-content:space-between; }
.sub_banner_block li{ background:#fff;border-radius:10px;overflow:hidden;text-align:center;width:32%; }
.sub_banner_block li .text{ padding:1rem; }
.sub_banner_block li .img{ overflow:hidden; }
.sub_banner_block li img{ width:100%; }
.sub_banner_block li h2{ font-size:1.1rem;font-weight:500;line-height:1.5; }
.sub_banner_block li h4{ color:#555;font-size:1rem;font-weight:400;margin-top:2px;opacity:0.9; }

/* 해상도별 이미지 */
.sub_banner_block li img.web{ display:block; }
.sub_banner_block li img.tablet{ display:none; }
.sub_banner_block li img.mobile{ display:none; }

/* hadan_banner */
.hadan_banner_block{ padding:1rem 0 6rem; }
.hadan_banner_block ul{ display:flex;justify-content:space-between; }
.hadan_banner_block li{ background:#fff;border-radius:10px;overflow:hidden;text-align:center;width:32%; }
.hadan_banner_block li .text{ padding:1rem; }
.hadan_banner_block li .img{ overflow:hidden; }
.hadan_banner_block li img{ width:100%; }
.hadan_banner_block li h2{ font-size:1.1rem;font-weight:500;line-height:1.5; }
.hadan_banner_block li h4{ color:#555;font-size:1rem;font-weight:400;margin-top:2px;opacity:0.9; }

/* 해상도별 이미지 */
.hadan_banner_block li img.web{ display:block; }
.hadan_banner_block li img.tablet{ display:none; }
.hadan_banner_block li img.mobile{ display:none; }

/* main_container------------------------------ */
.main_container {
	padding-bottom: 3rem;
}
.main_container .inner_content {
	display: flex;
}
.main_container .cotent_title { font-size: 1.5rem; font-weight: 600;margin-bottom: 10px;color: #222; letter-spacing: -0.6px;}


/* left_content----------*/
.left_content {
	min-width: 350px;
	margin-right: 4%;
}

/* name_server_block */
.name_server_list{ margin-bottom:4rem; }
.name_server_list li{ align-items:center;display:flex; }
.name_server_list li .icon{ align-items:center;border-radius:1rem;color:#0f66ff;display:flex;font-size:1.16rem;font-weight:600;height:4rem;justify-content:center;width:4rem; }
.name_server_list .line{ background:#cfcfd1;height:1px;margin:1.4rem 0;width:100%; }
.name_server_list li .link{ margin-left:0.625rem; }
.name_server_list li .link div{ color:#0f66ff;font-size:1.3rem;font-weight:500; }
.name_server_list li .link p{ color:#272727;font-size:1.1rem;font-weight:400; }

/* service_block */
.service_block .time_info{ border-radius:0.8rem;margin-bottom:1.25rem;padding:1.25rem 1.5rem; }
.service_block .time_info div{ border-bottom:1px solid #ddd;color:#111;font-size:1.12rem;font-weight:500;line-height:1.8;margin-bottom:0.625rem;padding-bottom:0.625rem; }
.service_block .time_info p{ color:#e42619;font-size:0.9rem;font-weight:400;line-height:1.6; }
.service_block .number_info{ border-radius:0.8rem;margin-bottom:1.25rem;padding:1.25rem 1.5rem; }
.service_block .number_info li{ border-bottom:1px solid #ddd;display:flex;justify-content:space-between;margin-bottom:0.875rem;padding-bottom:0.875rem; }
.service_block .number_info li:last-child{ border-bottom:none;margin-bottom:0.5rem;padding-bottom:0; }
.service_block .number_info h4{ color:#666;font-size:0.93rem;font-weight:500;padding-top:4px; }
.service_block .number_info .location{ align-items:center;display:flex; }
.service_block .number_info .location h5{ color:#666;font-size:0.85rem;font-weight:500;margin-right:0.4rem; }
.service_block .number_info .num1{ color:#000;font-size:1.7rem;font-weight:600;text-align:right; }
.service_block .number_info .num2{ color:#222;font-size:1.2rem;font-weight:600;line-height:1.8;text-align:right; }
.service_block .number_info .num3{ color:#222;font-size:1.06rem;font-weight:600;line-height:1.8;text-align:right; }

/* right_content----------*/
.right_content {
	width: 100%;
}

/* 메인 공지/보안 글목록 출력 */

/* notice_block */
.notice_block{ position:relative; }
.notice_block .cotent_title a{ align-items:center;color:#666;display:flex;font-size:0.93rem;font-weight:500;position:absolute;right:0;top:8px; }
.notice_block .cotent_title a img{ width:18px; }

.notice_list{ display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:2.5rem; }
.notice_list li{ border-radius:0.8rem;height:180px;margin-bottom:1rem;padding:1.25rem 1.5rem;position:relative;width:49%; }
.notice_list li h3{ color:#111;display:-webkit-box;font-size:1.18rem;font-weight:500;line-height:1.6;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1; }
.notice_list li p{ color:#555;display:-webkit-box;font-size:1rem;font-weight:400;line-height:1.7;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break: break-all; }
.notice_list li .date{ color:#888;font-size:1rem;font-weight:400;margin-top:26px; }
.notice_list li .date .ico_new{margin: 2px 0 0 5px; position: absolute;}

/* notice2_block */
.notice2_block{position:relative;width:49%;float: left;}
.notice2_block .cotent_title a{ align-items:center;color:#666;display:flex;font-size:0.93rem;font-weight:500;position:absolute;right:0;top:8px; }
.notice2_block .cotent_title a img{ width:18px; }

.notice2_block .notice2_list{display:contents;flex-wrap:wrap;justify-content:space-between;margin-bottom:2.5rem;}
.notice2_block .notice2_list li{border-radius:0.8rem;height:180px;margin-bottom:1rem;padding:1.25rem 1.5rem;position:relative;margin: 0.5rem 0 0.5rem 0;}
.notice2_block .notice2_list li h3{ color:#111;display:-webkit-box;font-size:1.18rem;font-weight:500;line-height:1.6;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1; }
.notice2_block .notice2_list li p{ color:#555;display:-webkit-box;font-size:1rem;font-weight:400;line-height:1.7;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break: break-all; }
.notice2_block .notice2_list li .date{ color:#888;font-size:1rem;font-weight:400;margin-top:26px; }
.notice2_block .notice2_list li .date .ico_new{margin: 2px 0 0 5px; position: absolute;}

	
/* 추천상품 */
.recommend_block{ margin-top:3rem;display: inline-block; }
.recommend_list { display: flex; justify-content: space-between; }
.recommend_list li { width: 49%; padding: 1.25rem 1.4rem; border-radius: 0.8rem; }
.recommend_list li .img { width: 100%; height: 200px; background: #fff; border-radius: 1rem; overflow: hidden; text-align: center; display: flex; justify-content: center; align-items: center; }
.recommend_list li img { width: 80%; }
.recommend_list li h3 { font-size: 1.46rem; font-weight: 500; margin-top: 18px; }
.recommend_list li p { margin-top: 0.4rem; font-size: 0.94rem; font-weight: 400; line-height: 1.6; color: #555; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }
.recommend_list .counseling_btn { margin-top: 1.8rem; width: 13rem; height: 3.4rem; display: flex; justify-content: center; align-items: center; color: #0f66ff; border: none; outline: none; border-radius: 30px; font-size: 1rem; font-weight: 500; }
.recommend_list .counseling_btn:hover { background-color: #0f66ff; color: #fff; }

@media (min-width: 1920px) {
    .owl-carousel { max-width: 1920px; margin: 130px auto 0; }
}

@media (max-width: 1920px) {
    .owl-carousel .owl-item img { width: 100%;min-height: 185px; }
}
@media (max-width: 1280px) {
    /* 해상도별 이미지 */
    .visual_main .visual-main-img .visual_img.web { display: none; }
    .visual_main .visual-main-img .visual_img.tablet { display: block; }
    .visual_main .visual-main-img .visual_img.mobile { display: none; }
}

@media (max-width: 1200px) {
	/* visual_main --------------------------*/
	.visual_main { margin-top: 0; }
	/* notice_block --------------------------*/
	.notice_list li { width: 100%; }
	.notice_list li { min-height: 140px; }
	.notice_list li p { -webkit-line-clamp: 2; }

	/* recommend_block --------------------------*/
	.recommend_list { flex-wrap: wrap; }
	.recommend_list li { width: 100%;margin-bottom: 1rem;text-align: center; }
	.recommend_list .counseling_btn { margin: 1.875rem auto 0.9rem; }
}

@media (max-width: 999px) {
	/* notice_block --------------------------*/
	.notice_list li {width: 100%;}
	.notice_list li {height: auto;}
	.notice_list li p {-webkit-line-clamp: 2;}
	
	.notice2_block{width:100%;margin-top: 50px;}/*테블릿*/
}
@media (max-width: 799px) {
	/* main_container --------------------------*/
	.main_container .inner_content {flex-wrap: wrap;}
	.left_content {width: 100%;	min-width: auto;margin-right: 0;}
	
	.notice2_block{width:100%;margin-top: 50px;}/*모바일*/

	/* name_server_list --------------------------*/
	.name_server_list{ display:flex; }
	.name_server_list li{ width:50%; }
	.name_server_list .line{ display:none; }
	.service_block,
	.notice_block,
	.recommend_block{ margin-top:5rem; }
	.recommend_list li{ width:49%; }
	
	.sub_banner_block li img.web{ display:none; }
	.sub_banner_block li img.tablet{ display:block; }
	.sub_banner_block li img.mobile{ display:none; }
	.sub_banner_block ul{ flex-wrap:wrap; }
	.sub_banner_block li{ margin-bottom:1rem;width:100%; }
	
	.hadan_banner_block li img.web{ display:block; }
	.hadan_banner_block li img.tablet{ display:none; }
	.hadan_banner_block li img.mobile{ display:none; }
	.hadan_banner_block ul{ flex-wrap:wrap; }
	.hadan_banner_block li{ margin-bottom:1rem;width:100%; }

}

@media (max-width: 699px) {
	/* visual_main --------------------------*/
    /* .visual_main .owl-nav button { width: 2.6rem; height: 2.6rem; }
    .visual_main .owl-nav span { font-size: 3rem; } */
    
    .notice2_block{width:100%;margin-top: 50px;}/*모바일*/

    .visual_main .ctrl_box > div{ height:2.6rem;width:2.6rem; }
	.visual_main .ctrl_box > div img{ width:12px; }
	.visual_main .ctrl_box .prev_btn{ left:10px; }
	.visual_main .ctrl_box .next_btn{ right:10px; }
	.visual_main .visual_list .item_list{ flex-wrap:wrap; }
	.visual_main .visual_list .item_list > li{ margin-bottom:10px;width:100%; }
	.visual_main .visual_list > li{ height:auto; }
	.visual_main .visual_list .title{ margin:1rem 0 1.2rem; }
	.visual_main .visual_list .title h1{ font-size:2.2rem; }
	.visual_main .visual_list .title h3{ font-size:1.1rem; }
	.visual_main .visual_list .item_list > li h4{ font-size:1rem;margin-top:0; }

    /* 해상도별 이미지 */
    .visual_main .visual-main-img .visual_img.web { display: none; }
    .visual_main .visual-main-img .visual_img.tablet { display: none; }
    .visual_main .visual-main-img .visual_img.mobile { display: block; }
}

@media (max-width: 599px) {
	/* sub_banner --------------------------*/
	.recommend_list li { width: 100%; }
	
	.notice2_block{width:100%;margin-top: 50px;}/*모바일*/
	
	.sub_banner_block ul { flex-wrap: wrap; }
    .sub_banner_block li img.web { display: none; }
    .sub_banner_block li img.tablet { display: none; }
    .sub_banner_block li img.mobile { display: block; }
    
    .hadan_banner_block ul { flex-wrap: wrap; }
    .hadan_banner_block li img.web { display: block; }
    .hadan_banner_block li img.tablet { display: none; }
    .hadan_banner_block li img.mobile { display: none; }
}

@media (max-width: 499px) {
	.cotent_title { text-align: center; }
	
	/* visual_main --------------------------*/
	.visual_main li h2 { font-size: 1.8rem; }
	.visual_main li p { margin-top: 4px; }

	/* name_server_list --------------------------*/
	.name_server_list { flex-wrap: wrap; justify-content: center; }
	.name_server_list li { min-width: 200px; width: auto; }
	.name_server_list .line { display: block; }

	.visual_main .visual_list .title h1 { font-size: 2rem; }
	.visual_main .visual_list .title h3 { font-size: 1rem; }
	.visual_main .visual_list .item_list > li { padding: 0.7rem 1rem 1rem; }
}

/*FROM SITE CODE :  
*/