@charset 'utf-8';
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://cdn.rawgit.com/moonspam/S-CoreDream-4Regular/master/S-CoreDream-4Regular.css');

@font-face {
     font-family: 'S-CoreDream-4Regular';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream-4Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/S-CoreDream-4Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
} 


/* base */
body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, select, table, td, textarea, th, ul { margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul, li { list-style: none; }
blockquote, q { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; }
input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="image"], input[type="tel"], textarea, button, select { -webkit-appearance:none; -webkit-border-radius:0; border-radius:0; background:none; }
input:focus, textarea:focus { outline-style:none; } 
input {  -webkit-appearance: none; -webkit-border-radius: 0; }
input[type=checkbox] {  -webkit-appearance: checkbox; -webkit-border-radius: 0; }
input[type=radio] {  -webkit-appearance: radio; -webkit-border-radius: 0; }
img { max-width:100%; height:auto; vertical-align:middle; border:0; }
a { text-decoration:none; }
html { font-size: 14px; line-height:1.35; }
body, button, h1, h2, h3, h4, h5, input, select, table, textarea { font-family: 'S-CoreDream-4Regular', sans-serif; color:#333; }
button { outline:none; cursor:pointer; }




.wrap { overflow-x:hidden; min-width:320px; }

/* header */
#hd { }
#hd .head { position:relative; max-width:1400px; height:140px; margin:0 auto; }
#hd .head h1 { padding:37px 0 0 0; }
#hd .head #nav { position:absolute; right:0px; top:50px; bottom:0; z-index:2; }
#hd .head #nav.pc { right:0px !important; }
#hd .head #nav li { position:relative; display:inline-block; font-size:20px; margin-right:60px; letter-spacing:-1px; }
#hd .head #nav li a.idx { display:block; color:#262727; height:46px; line-height:46px; box-sizing:border-box; }
#hd .head #nav li .submenu { position:absolute; left:0; top:90px; display:block; width:255px; padding-top:28px; display:none; z-index:1; }
#hd .head #nav li .submenu li { display:block; font-size:16px; line-height:1.4; font-weight:300; margin-bottom:5px; }
#hd .head #nav li .submenu li a { color:#fff; display:inline-block; font-weight:500;}
#hd .head #nav li .submenu li a:hover { color:#fffd72; }
#hd .head #nav .cover { position:absolute; left:-200%; right:-200%; top:90px; display:block; height:215px; background-color:rgba(0,0,0,0.7); display:none; }
/*
#hd .head .searchbx { position:absolute; left:1100px; top:60px; display:block; width:200px; height:30px; padding-right:38px; border-bottom:1px solid #afafaf; z-index:3; } 
#hd .head .searchbx .fr-input { width:100%; height:30px; line-height:30px; padding-left:5px; box-sizing:border-box; font-size:17px; border:0; }
#hd .head .searchbx .btn-search { position:absolute; right:0; top:0; display:block; width:30px; height:30px; border:0; background-repeat:no-repeat; background-position:center; background-image:url('../img/common/ic_search.jpg');  color:transparent; }
*/



/* footer */
#ft { background-color:#404542; text-align:center; padding:165px 0 45px 20px; background-repeat:no-repeat; background-position:center 50px; background-image:url('../img/common/logo_gray.png');  }
#ft .copyright,
#ft address { font-size:14px; line-height:1.45; color:#eee; text-align:center; font-style:normal; font-family: 'Noto Sans KR'; font-weight:300; text-transform:uppercase; }
#ft .copyright { margin-bottom:20px; }

/* swiper-wr */
.swiper-wr { position:relative; }
.swiper-wr .swiper-button-next:after,
.swiper-wr .swiper-button-prev:after { display:none; }
.swiper-wr .swiper-button-prev,
.swiper-wr .swiper-button-next { position:absolute; top:50%; left:50%; width:57px; height:57px; margin:0; background-repeat:no-repeat; background-position:center; background-size:57px auto; transform:translateY(-50%); z-index:1; outline:none; }
.swiper-wr .swiper-button-prev { background-image:url('../img/main/ic_prev.png'); transform:translateX(-1210%); }
.swiper-wr .swiper-button-next { background-image:url('../img/main/ic_next.png'); transform:translateX(1210%); }


/* quick-menu */
.quick-menu { position:fixed; right:0; top:50%; width:110px; z-indeX:9; transform:translateY(-48.8%); }
.quick-menu ul { }
.quick-menu ul li { background-repeat:no-repeat; background-position:center; }
.quick-menu ul li a { display:block; height:121px; cursor:pointer; color:transparent; font-size:0; }
.quick-menu ul li.um { background-image:url('../img/common/ic_um.jpg'); background-color:#f4f4f4; }
.quick-menu ul li.snuh { background-image:url('../img/common/ic_snuh.jpg'); background-color:#fff; }
.quick-menu ul li.naver { background-image:url('../img/common/ic_naver.jpg'); background-color:#48b95e; }
.quick-menu ul li.qna { background-image:url('../img/common/ic_qna.jpg'); background-color:#00a1e9; }



/* section5 :: PHOTO GALLERY */
#section5 { border-top:1px solid #dedede; }
#section5 .incnot { background-color:#fff; padding-top:200px; }
#section5 .hgroup { margin-bottom:50px; }

.photogallerybx { poposition:relative; max-width:1170px; margin:0 auto;}
.photogallerybx .itembx_wr { max-width:1170px; margin:0 auto; overflow:hidden; }
.photogallerybx .itembx_wr .itembx { float:left; position:relative; width:250px; margin-right:80px; cursor:pointer; }
.photogallerybx .itembx_wr .itembx:last-child { margin-right:0; }
/* 효과 삭제
.photogallerybx .itembx_wr .itembx:hover .cover { position:absolute; left:0; top:0; right:0; bottom:0; display:block; background-color:rgba(0,0,0,0.7); background-repeat:no-repeat; background-position:center 50%; background-size:35% auto; background-image:url('../img/icon/icon_view.png');  content:""; z-index:99; }
*/

.photogallerybx .itembx_wr .itembx .img { }
.photogallerybx .itembx_wr .itembx .tbx { height:145px; padding:7px; padding-top:20px; border:1px solid #d7d7d7; box-sizing:border-box;  text-align: center; }
.photogallerybx .itembx_wr .itembx .tbx p { font-size:14px; color:#212121; line-height:1.5em; }
.photogallerybx .itembx_wr .itembx .tbx p.date { margin-top:20px; }
.photogallerybx .itembx_wr .itembx .example-image-link { display:block; cursor:pointer; }

.photogallerybx .bx-controls { }
.photogallerybx .bx-controls-direction { }
.photogallerybx .bx-controls-direction a { position:absolute; top:50%; display:block; width:58px; height:58px; background-repeat:no-repeat; background-position:center 50%; background-size:100% auto; color:transparent; margin-top:-35px;  }
.photogallerybx .bx-controls .bx-prev { left:-82px; background-image:url('../img/icon/icon_slide_prev.png');  }
.photogallerybx .bx-controls .bx-next { right:-82px; background-image:url('../img/icon/icon_slide_next.png');  }

.photogallerybx .bx-controls .bx-pager { margin-top:25px;  text-align:center; }
.photogallerybx .bx-controls .bx-pager-item { display:inline-block; vertical-align:middle; margin:0 5px; }
.photogallerybx .bx-controls .bx-pager-item .bx-pager-link { display:block; width:6px; height:6px; border:1px solid #333;  border-radius:10px; color:transparent; }
.photogallerybx .bx-controls .bx-pager-item .active { border:1px solid #2061d3; background-color:#2061d3; }

/* layerpopup_gallery */
.lygalleryview { position:absolute; left:0; top:0; width:100%; height:100%; z-index:9999; background-color:rgba(0,0,0,0.8); display:none; }
.lygalleryview .inbox { position:relative; max-width:1099px; margin:0 auto; padding-top:150px; z-index:99; }
.lygalleryview .inbox .photogallerybx { position:relative; } 
.lygalleryview .bx-controls-direction a { position:absolute; top:50%; display:block; width:58px; height:58px; background-repeat:no-repeat; background-position:center 50%; background-size:100% auto; color:transparent; margin-top: -20px; z-index:9999;}
.lygalleryview .bx-controls .bx-prev { left:-82px; background-image:url('../img/icon/icon_slide_prev_w.png');  }
.lygalleryview .bx-controls .bx-next { right:-82px; background-image:url('../img/icon/icon_slide_next_w.png');  }
.lygalleryview .layer_close {  position:absolute; left:0; top:0; width:100%; height:100%; display:block; z-index:9; }




/* select */
.select{ position:relative; display:block; vertical-align:middle; background-color:#fff;  }
.select .myValue { position:relative; border:0; left:0; top:0; display:block; width:100%; height:69px; line-height:69px; padding-right:69px; font-size:18px; text-align:center; overflow:visible; background:transparent; box-sizing:border-box; color:#666; cursor:pointer; z-index:99; }
.select .myValue:focus { outline:none; }
.select .myValue.selected { font-weight:700; }
.select.open .myValue,
.select .myValue.outLine { }
.select .ctrl { position:absolute; top:0; right:0; display:block; width:69px; height:100%; background-repeat:no-repeat; background-position:center 50%; background-image:url('../img/contents/icon_menu_arrow_default.png'); color:transparent; z-index:9; }
.select.open .ctrl { background-image:url('../img/contents/icon_menu_arrow_open.png'); }
.select .arrow { }
.select ul.aList{ position:absolute; top:69px; left:0; float:none !important; width:100%; border:0; background-color:#44485a; overflow:hidden; box-sizing:border-box; z-index:999;  display:none; }
.select.open ul.aList { display:block; }
.select ul.aList li { position:relative; overflow:hidden; width:100% !important; float:none !important; font-size:18px; border-bottom:1px solid #55565d;  }
.select ul.aList li a { display:block; text-decoration:none; color:#eee; height:69px; line-height:69px; padding-left:40px; }
.select ul.aList li.hover *{ background-color:#999; color:#fff;}












/* main 
* * * * * * * * * * * * * * * * * * * * * */
#main-bnr .swiper-slide { background-repeat:no-repeat; background-position:center; background-size:auto 100%; text-align:center; background-color:#0768a6; }
#main-bnr .swiper-slide.m01 { background-image:url('../img/main/main_banner01_2022.jpg'); }
/*
#main-bnr .swiper-slide.m02 { background-image:url('../img/main/main_banner02.jpg'); }
#main-bnr .swiper-slide.m03 { background-image:url('../img/main/main_banner03.jpg'); }
*/

@media(max-width:720px){
	#main-bnr .swiper-slide.m01 { background-image:url('../img/main/main_banner01m_2022.jpg'); }
	#main-bnr .swiper-slide.m02 { background-image:url('../img/main/main_banner02m_2022.jpg'); }
	#main-bnr .swiper-slide.m03 { background-image:url('../img/main/main_banner03m_2022.jpg'); }
}

#biz-field { max-width:1400px; margin:0 auto; padding:75px 0; border-bottom:1px solid #d6d6d6;}
#biz-field h3 { text-align:center; font-size:35px; color:#363638; font-weight:400; margin-bottom:30px; }
#biz-field .list { width:100%; overflow:hidden; }
#biz-field .list li { float:left; width:408px; margin-right:84px; width:29.3%; margin-right:6.0%;border:1px solid #d6d6d6;  box-sizing:border-box; }
#biz-field .list li:last-child { margin-right:0; margin-bottom:0 !important; }
#biz-field .list .ibox { }
#biz-field .list .ibox .img { width:100%; height:218px; background-repeat:no-repeat; background-position:center; background-size:cover; }
#biz-field .list .ibox .info { }
#biz-field .list .ibox .info dl { padding:25px 10px; }
#biz-field .list .ibox .info dt,
#biz-field .list .ibox .info dd { font-size:15px; line-height:1.35; text-align:center; color:#666666; }
#biz-field .list .ibox .info dt { font-size:19px; line-height:1.25; color:#101010; margin-bottom:4px; }
#biz-field .list .ibox .info dd { font-family: 'S-CoreDream-4Regular'; font-weight:300; letter-spacing:-0.5px; }
#biz-field .list .ibox .btn-more { display:block; height:45px; line-height:45px; text-align:center;  font-size:16px; color:#fefefe; background-color:#717171; cursor:pointer; }

#biz-field .list .b1 .img { background-image:url('../img/main/bnr_biz01.jpg'); }
#biz-field .list .b2 .img { background-image:url('../img/main/bnr_biz02.jpg'); }
#biz-field .list .b3 .img { background-image:url('../img/main/bnr_biz03.jpg'); }


.bnr-product-info { background-color:#dcdbd8; background-repeat:no-repeat; background-position:center; background-image:url('../img/main/bnr_product.jpg'); background-size:auto 100%; text-align:center; }

#contact { padding:70px 0; max-width:1400px; margin:0 auto; overflow:hidden; }
#contact .ibox { float:left; position:relative; display:block; width:650px; width:46.4%; height:440px; border:1px solid #d6d6d6; box-sizing:border-box; margin-right:100px; margin-right:7.1%; padding:55px; overflow:hidden; }
#contact .ibox .hd { position:relative; margin-bottom:40px; }
#contact .ibox .hd h3 { position:relative; color:#101010; font-size:35px; line-height:1.25; font-weight:400; padding-bottom:2px; margin-bottom:10px; }
#contact .ibox .hd .text { font-size:15px; line-height:1.45; color:#666666; letter-spacing:-0.7px;}
#contact .ibox .hd h3:after { position:absolute; left:0; bottom:0; display:block; width:30px; height:2px; background-color:#d6d6d6;  content:""; }
#contact .ibox .hd .btn-more { position:absolute; right:0; top:15px; width:50px; height:50px; background-repeat:no-repeat; background-position:center; background-image:url('../img/main/btn_more.jpg'); background-size:100% auto; }
#contact .ibox .list { }
#contact .ibox .list li { font-size:17px; line-height:1.4; color:#101010; border-bottom:1px solid #d6d6d6; padding-bottom:10px; margin-bottom:10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#contact .ibox .list li:last-child { margin-bottom:0; padding-bottom:0; border-bottom:0; }
#contact .ibox .list li a { color:#101010; }
#contact .ibox.center { margin-right:0; }
#contact .ibox.center .hd { margin-bottom:25px; }
#contact .ibox .tel { font-size:50px; line-height:1.1; color:#262727; margin-bottom:30px; }
#contact .ibox .menu { width:100%; padding-top:50px;}
#contact .ibox .menu:after { display:block; clear:both; height:0; content:""; }
#contact .ibox .menu li { float:left; position:relative; width:50%; text-align:center; box-sizing:border-box; font-size:20px;  }
#contact .ibox .menu li a { position:relative; display:block; color:#101010; border:1px solid #d6d6d6; height:90px; line-height:95px; margin:-1px -1px 0 0; }
#contact .ibox .menu li a:hover { background-color:#00a1e9; color:#fff; z-index:1; }

#contact .ibox.notice .hd { padding-right:60px; }

#location { padding:70px 0; border-top:1px solid #d6d6d6; }
#location .map { position:relative; max-width:1400px; margin:0 auto; margin-bottom:25px; padding-bottom:33%; }
#location .map iframe { position:absolute; left:0; top:0; display:block; width:100%; height:100%; }
#location .address { text-align:center; font-size:17px; color:#404542; line-height:1.4; }

#location2nd { padding:70px 25px; border-top:1px solid #d6d6d6; }
#location2nd .list { max-width:1400px; margin:0 auto; overflow:hidden; }
#location2nd .list li { float:left; width:46.4%; height:650px; border:1px solid #d6d6d6;  box-sizing:border-box; padding-bottom:17px; }
#location2nd .list li:last-child { float:right; }
#location2nd .map { position:relative; max-width:650px; height:350px; margin:0 auto; margin-bottom:25px; padding-bottom:33%; }
#location2nd .map iframe { position:absolute; left:0; top:0; display:block; width:100%; height:100%; }
#location2nd .address { text-align:center; font-size:17px; color:#404542; line-height:1.4; }


.v_web { display:block; }
.v_mobile { display:none; }