@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/NanumSquare/master/nanumsquare.css');

@font-face {
     font-family: 'Noto Sans KR';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/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: 'Noto Sans KR', sans-serif; color:#333; }
button { outline:none; cursor:pointer; }




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

/* header */
#hd { position:relative; background-color:#e9e9e9; z-index:999; }
#hd .head { position:relative; max-width:1260px; height:120px;  margin:0 auto; }
#hd h1 { position:absolute; left:0; top:55%; margin-top:-42px; }
#hd .hd_text { text-align:center; padding-top:34px; }
#hd .hd_text span { display:block; color:#282626; font-size:25px; line-height:1.35em; font-family: 'Noto Sans KR'; letter-spacing:-1px; margin-bottom:3px; }
#hd .hd_text span.title { }
#hd .hd_text span.summary { }
#hd .hd_text span.info { font-size:13px; font-family: 'Noto Sans KR'; letter-spacing:0; }

#hd .util { position:absolute; right:0; top:50%; margin-top:-15px; }
#hd .util .btn { display:inline-block; width:120px; height:30px; line-height:30px; text-align:center; background-color:#e9e9e9; font-size:14px; color:#000000; vertical-align:middle; margin-left:5px; }

#hd .btn_menu,
#hd .btn_home { position:absolute; top:30px; display:block; width:84px; height:84px; background-repeat:no-repeat; background-position:center 50%; background-size:100% auto; color:transparent; font-size:0; z-index:99; cursor:pointer; display:none; }
#hd .btn_menu { left:30px; background-image:url('../img/common/ico_menu.png'); }
#hd .btn_home { right:30px; background-image:url('../img/common/ico_home.png'); }

/* ASPS-navigation--*/
.nav_wr { background-color:#007db6;}
.nav_wr .nav { position:relative; height:69px; max-width:1330px;  margin:0 auto; }
.nav_wr .nav > li { float:left; font-size:19.5px; height:69px; line-height:69px; text-align:center; letter-spacing:0;}
.nav_wr .nav .idx { display:block; color:#ffffff; }
.nav_wr .nav > li.m1 { width:20%; }
.nav_wr .nav > li.m2 { width:20%; }
.nav_wr .nav > li.m3 { width:20%; }
.nav_wr .nav > li.m4 { width:20%; }
.nav_wr .nav > li.m5 { width:20%; }


.nav .submenu { position:absolute; left:0; top:69px; display:block; width:100%; height:180px; z-index:999; text-align:left; display:none; }
.nav .submenu:before { position:absolute; left:-50%; top:0; width:200%; height:100%; background-color:rgba(48,39,40,0.80); content:""; }
.nav .submenu .inner { position:relative; z-index:999; padding-top:20px; }
.nav .submenu .inner > li { position:relative; font-size:15px; line-height:22px; text-align:left; letter-spacing:0.5px;}
.nav .submenu .alink { position:relative; width:200px; vertical-align:middle; line-height:-0.5em; }
.nav .submenu .alink .btn { display:block; color:#fff; padding-top:5px; background-repeat:no-repeat; background-position:center top; }
.nav .submenu .alink .btn:hover { color:#b9acfd; }
.nav .submenu .alink .btn:after { position:absolute; right:-4px; top:15px; bottom:15px; display:block; content:""; }
.nav .submenu .alink:last-child .btn:after { display:none; }

.nav .submenu .mu01 { padding-left:77px;}
.nav .submenu .mu02 { padding-left:357px;}
.nav .submenu .mu03 { padding-left:615px;}
.nav .submenu .mu04 { padding-left:880px;}
.nav .submenu .mu05 { padding-left:1142px;}
.nav_wr .nav > li:hover .submenu { display:block; }

/* searchbar : 20.06.11 */
.searchbar { border-top:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; background-color:#f6f6f6; padding:12px 0; }
.searchbar .inbx { position:relative; max-width:1260px; margin:0 auto; overflow:hidden; }
.searchbar .iu { float:left; margin-right:29px; }
.searchbar .iu dt { float:left; font-size:16px; line-height:42px; padding-right:12px; color:#364350; }
.searchbar .iu dd { float:left; }
.searchbar .iu dd .ft_input { display:block; width:299px; font-size:16px; height:14px; line-height:20px; padding:10px; border:1px solid #c4c4c4; background-color:#fff; vertical-align:middle; }

.searchbar .iu dd input::-webkit-input-placeholder { color:#fff; }
.searchbar .iu dd input::-moz-input-placeholder { color:#fff; }
.searchbar .iu dd input::-moz-placeholder { color:#fff; }
.searchbar .iu dd input::-ms-input-placeholder { color:#fff } 

.searchbar .btn_search { width:144px; height:35px; line-height:20px; font-size:16px; background-color:#364350; border:1px solid #364350; color:#fff; text-align:center; outline:none; }
.searchbar .btn_search .pc { }
.searchbar .btn_search .m { display:none; }


.searchbar .btn_ot { float:right; }
.searchbar .btn_ot a { font-size:14px; line-height:42px; color:#364350; margin-left:30px; }

.searchbar .greeting { float:left; font-size:22px; line-height:1.75em; color:#364350; }
.searchbar .greeting .name { font-weight:700; }
.searchbar .greeting + .btn_ot { padding-top:0; }





/* footer */
#ft { background-color:#404542; text-align:center; padding:30px 0 30px 0px; background-repeat:no-repeat; background-position:center 50px;}
#ft .copyright,
#ft address { font-size:12px; letter-spacing:1px; 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.as { background-image:url('../img/common/ic_as.jpg'); background-color:#f4f4f4; }
.quick-menu ul li.mem { background-image:url('../img/common/ic_mem.jpg'); background-color:#fff; }



/* 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:115px; 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:#02212d; }
#main-bnr .swiper-slide.m01 { background-image:url('../img/main/main_tiimg_01.jpg'); }
#main-bnr .swiper-slide.m02 { background-image:url('../img/main/main_tiimg_02.jpg'); }



@media(max-width:720px){
	#main-bnr .swiper-slide.m01 { background-image:url('../img/main/main_tiimg_01_m.jpg'); }
	#main-bnr .swiper-slide.m02 { background-image:url('../img/main/main_tiimg_02_m.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 dt { font-size:28px; line-height:1.45; color:#101010; margin-bottom:4px; font-weight:650; letter-spacing:-0.5px; text-align:center;}
#biz-field .list .ibox .info dd { font-family: 'Noto Sans KR'; font-size:15px; color:#666666; font-weight:400; letter-spacing:0.2px; text-align:center;}
#biz-field .list .ibox .btn-more { display:block; height:45px; line-height:45px; text-align:center;  font-size:33px; font-weight:450; color:#fefefe; background-color:#007db6; 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:30px; font-weight:650; letter-spacing:0.7px; line-height:1.25; font-weight:650; padding-bottom:2px; margin-bottom:10px; }
#contact .ibox .hd .text { font-size:15px; line-height:1.45; color:#666666; letter-spacing:0.2px;}
#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:16px; 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:#077387; 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:98%; 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:20px; color:#404542; font-weight:600; letter-spacing:-0.4px; line-height:2;}
#location .addressnd { font-size:15px; line-height:1.45; color:#666666; letter-spacing:0.7px; text-align:center;}


/* aside
* * * * * * * * * * * * * * * * * * * * * * * * * * * */
#aside { position:fixed; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background-color:rgba(30,35,40,1.2); z-index:99999; display:none; min-width:320px; }
#aside .inner { position:relative; padding:36px; }
#aside .top_area { position:relative; text-align:right; padding-top:65px; margin-bottom:10px; }
#aside .top_area .btn_close { position:absolute; left:-6px; top:-6px; display:block; width:84px; height:84px; background-repeat:no-repeat; background-position:center 50%; background-image:url('../img/common/ico_close.png'); background-size:100% auto; color:transparent; cursor:pointer; } 
#aside .top_area .btn_admin { display:inline-block; width:115px; height:50px; line-height:50px; text-align:center; background-color:#141415; color:#fff; font-size:17px; }

#aside .menu_li { box-shadow:5px 5px 5px #191616; }
#aside .menu_li ul { border:1px solid #000001; }
#aside .menu_li li { background-color:#1e1c1c;}
/* #aside .menu_li li { background-repeat:repeat; background-position:left top; background-image:url('../img/common/pattern_menu.png'); } */
#aside .menu_li li .idx { display:block; font-family:Noto Sans KR; font-size:45px; height:80px; line-height:1.35em; padding-top:30px; color:#fff; padding-left:10px; box-sizing:border-box; }
#aside .menu_li li .submenu { width:100%; overflow:hidden; background-color:#272423; border-top:1px solid #4b4545;}
#aside .menu_li li .submenu span { position:relative; display:block; float:left; width:50%; font-size:16px; letter-spacing:-0.05em; height:62px; line-height:62px; border-bottom:1px solid #4b4545; }
#aside .menu_li li .submenu a { display:block; color:#e9e9e9; padding-left:35px; font-size:12px; letter-spacing:0.01em;}
#aside .menu_li li .submenu span:nth-child(2n) a { padding-left:20px; font-size:12px; letter-spacing:0.01em;}
#aside .menu_li li .submenu span a:after { position:absolute; right:0; top:7px; bottom:7px; display:block; width:1px; background-color:#4a4b53; content:""; font-size:12px;} 
#aside .menu_li li .submenu span:nth-child(2n) a:after { display:none; }

/* aside_view */
.aside_view { overflow:hidden !important; }
.aside_view #aside { display:block; overflow-y: auto; }



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