@charset "utf-8"; 

/* S : custom default */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap'); 
* { margin: 0; padding:0; } 
body { font-family: 'Noto Sans KR', sans-serif; } 
a { color:#000; text-decoration: none!important; } 
img { border:none; vertical-align: top; } 
ul, ol { list-style:none; } 
h1,h2,h3,h4,h5,h6,div,p,ul,li,ol,dl,dt,dd { box-sizing: border-box; font-family: 'Noto Sans KR', sans-serif; } 
address { font-style: normal; } 
body { color: #000; font-weight: 300; letter-spacing: -1px; word-break: keep-all; -webkit-text-size-adjust:none; } 
a { font-weight: 300; } 
p { word-break: keep-all; } 
.hd_pops_footer.hd_pops_reject,.hd_pops_footer.hd_pops_close { font-size: 14px; } 
.cf:after { content: ""; display: block; clear: both; }
a:focus { outline:none; } 
@font-face { 
 font-family: 'GmarketSansBold'; 
 src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); 
 font-weight: normal; 
 font-style: normal; 
 } 
@font-face { 
 font-family: 'GmarketSansMedium'; 
 src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); 
 font-weight: normal; 
 font-style: normal; 
 } 
@font-face { 
 font-family: 'GmarketSansLight'; 
 src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); 
 font-weight: normal; 
 font-style: normal; 
 } 

 .gmarketBold { font-family: 'GmarketSansBold'; font-weight: 700; }
 .gmarketMedium { font-family: 'GmarketSansMedium'; font-weight: 400; }
 .gmarketLight { font-family: 'GmarketSansLight'; font-weight: 300; }

 .visible-lg, .visible-md, .visible-sm, .visible-xs, .visible-xxs {
  display: none;
}

@media (max-width: 1440px) {
  .hidden-lg {
    display: none;
  }
  .visible-lg {
    display: block;
  }
}
@media (max-width: 1240px) {
  .hidden-md {
    display: none;
  }
  .visible-md {
    display: block;
  }
}
@media (max-width: 990px) {
  .hidden-sm {
    display: none;
  }
  .visible-sm {
    display: block;
  }
}
@media (max-width: 768px) {
  .hidden-xs {
    display: none;
  }
  .visible-xs {
    display: block;
  }
}
@media (max-width: 500px) {
  .hidden-xxs {
    display: none;
  }
  .visible-xxs {
    display: block;
  }
}
 /* E : custom default */

/* .Quick { position: fixed; top: 10%; right: 5%; z-index: 50; font-size: 12px; } 
.Quick ul li { width: 80px; height: 80px; margin-bottom: 20px; border-radius: 80px; background: #56707f; box-sizing: border-box; padding: 15px 0; text-align: center; } 
.Quick ul li a { color: #fff; font-size: 12px; display: block } 
.Quick ul li img { margin: 0 auto 5px auto; } 
.Quick .top_q { background: #fff; text-align: center; box-shadow: 5px 5px 10px rgba(0,0,0,0.1); font-size: 18px; } 
.Quick .top_q a { color: #000; font-size: 18px; font-weight: normal; display: block } 
.top_q_m { display: none; }  */

/*게시판*/
.tbl_head01 .td_name .answer { background: #000; } 
.tbl_head01 .td_name .wait { background: #ccc; } 
#bo_list .td_name { text-align: center; } 
#bo_gall, #bo_list { width: 1200px!important; margin: 0 auto 100px auto; } 
#bo_list_total { 
 float: left; 
 line-height: 30px; 
 font-size: 0.92em; 
 color: #4e546f; 
 background: #d4d4d4; 
 padding: 0 10px; 
 border-radius: 5px; 
 } 
.mn07 .tbl_wrap table { 
 width: 100%; 
 border-collapse: collapse; 
 border-spacing: 0; 
 } 
.color thead th { 
 padding: 12px 0; 
 /* border: 1px solid #cacaca; */
 color: #383838; 
 font-size: 1.3em; 
 text-align: center; 
 letter-spacing: -0.1em; 
 border-top: 2px solid #aaa; 
 border-bottom: 1px solid #cfcfcf; 
 background: #f7f7f7; 
 } 

.fp-section.fp-table, .fp-slide.fp-table { overflow: hidden; } 
#bo_w { width: 1200px; margin: 100px auto; } 
#bo_v { width: 1200px!important; margin: 100px auto; } 
#header { position: fixed; 
  left: 0; 
  right: 0; 
  top: 0; 
  width: 100%; 
  z-index: 100; 
  color: #fff; 
  transition: background 0.3s; 
  font-weight: 300; 
  } 
.wrapper { 
 width: 100%; 
 max-width: 1600px; 
 margin: 0 auto; 
 position: relative; 
 } 

.nav ul { width: 100%; } 
.nav ul li { width: 14.285714%; text-align: center; padding: 20px 0; float: left; } 
.nav ul li a { 
 display: block; 
 color: #fff; 
 padding: 0; 
 background: none; 
 border-radius: 0; 
 font-size: 1.3em; 
 letter-spacing: -1px; 
 margin-right: 0; 
 font-weight: 300; 
 } 
.nav ul li .sub { display: none; } 
.nav ul li .sub li { float: none; width: 100%; padding: 20px 0; } 
.nav ul li .sub li a { color: #000; } 
.nav ul li .sub li:nth-child(1) { margin-top: 30px; } 
.nav ul li .sub li a { display: block; } 
#header .m_menu { display: none; } 
#header .logo {width: 241px;padding: 10px;} 
#header .logo a { display: block; } 
#header .pc .btnMenu { display: none; } 
#header .call { display: none; } 
#header .nav { position: absolute; top: 0; right: 8%; width: 75%; font-size: 14px; } 
#header .utill-area { position: absolute; top: 0; right: 0; } 
#header .utill-area ul li { float: left; } 
#header .utill-area ul li:nth-child(1) { margin-right: 20px; } 
#header .utill-area ul li a { display: block; color: #fff; padding: 20px 0; font-size: 16px; } 
#header .gnb-bg { background: #fff; width: 100%; height: 500px; display: none; } 
#header:hover { background: #fff; } 
#header:hover .gnb-bg { border-top: 1px solid #ccc; } 
#header:hover .logo img.on { display: none; } 
#header:hover .logo img.off { display: block; } 
#header .logo img.off { display: none; } 
#header:hover .nav ul li a { color: #000; } 
#header:hover .utill-area ul li a { color: #000; } 
.fp-viewing-2 #header,
.fp-viewing-5 #header,
.fp-viewing-6 #header { background-color: #fff; box-shadow: 1px 10px 10px rgba(238,238,238,0.3); } 
.fp-viewing-2 #header .logo img.off,
.fp-viewing-5 #header .logo img.off,
.fp-viewing-6 #header .logo img.off { display: block; } 
.fp-viewing-2 #header .logo img.on,
.fp-viewing-5 #header .logo img.on,
.fp-viewing-6 #header .logo img.on { display: none; } 
.fp-viewing-2 #header .nav ul li a,
.fp-viewing-5 #header .nav ul li a,
.fp-viewing-6 #header .nav ul li a { color: #000; } 
.fp-viewing-2 #header .utill-area ul li a,
.fp-viewing-5 #header .utill-area ul li a,
.fp-viewing-5 #header .utill-area ul li a,
.fp-viewing-6 #header .utill-area ul li a { color: #000; } 

.fon { font-family: 'GmarketSansBold'; } 
.fon br { font-family: 'Noto Sans KR', sans-serif; } 

.section .main { width: 100%; height: 100%; } 
.section { width: 100%; height: 100%; background-repeat: no-repeat; background-size: 100%; display: table; 
 table-layout: fixed; 
 width: 100%; background-size: cover; } 
.sec03 { background-image: url(../img/main/main03.jpg); } 
.sec04 { background-image: url(../img/main/main04.jpg); } 
.sec05 { background-image: url(../img/main/main06.jpg); } 

.bx-wrapper { height: 100%; } 
.bx-viewport { height: 100%; } 
.mainSlider { height: 100%; width: 100%; } 
.mainSlider ul { height: 100%; } 
.mainSlider ul li { height: 100%; position: relative; } 
.mainSlider ul li a { display: block; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: right center; height: 100%; } 
.mainSlider ul .slide01 a { background-image: url(../img/main/mainslider01.jpg); } 
.mainSlider ul .slide02 a { background-image: url(../img/main/mainslider02.jpg); } 
.mainSlider ul .slide03 a { background-image: url(../img/main/mainslider03.jpg); } 
.mainSlider ul li a { color: #fff; } 
.mainSlider ul li .main_m { display: none; } 
.mainSlider ul li .text { color: #fff; width: 46%; position: absolute; top: 50%; left: 10%; transform: translateY(-50%) } 
.mainSlider ul li .text p { font-size: 56px; font-weight: 300; } 
.mainSlider ul li .text .border { width: 100%; height: 1px; background: #fff; margin: 50px 0; } 
.mainSlider ul li .text .sl { font-size: 30px; font-weight: 300; } 
.mainSlider ul li .text .more { font-size: 22px; color: #fff; text-align: right; margin-top: 50px; font-weight: 500; } 
.bx-pager { position: absolute; bottom: 10%; left: 10%; width: 130px; } 
.bx-pager-link { float: left; margin-right: 20px; width: 17px; border-radius: 17px; height: 17px; border: 1px solid #fff; text-indent: -9999px; margin-top: 5%; } 
.bx-pager-link.active { width: 27px; height: 27px; border-radius: 27px; border: 2px solid #fff; margin-top: 0 } 

.panel { border:none; } 
.sec01 .pc { width: 45%; height: 100%; background: rgba(255, 255, 255, 0.7); box-sizing: border-box; position:absolute; top: 0; left: 0; } 
.section .title { font-size: 56px; } 
.sec01 .bg { width: 100%; height: 100%; } 
.sec01 .mo { display: none; } 
.bg .panel { width: 100%; height: 100%; background-repeat: no-repeat; display: none; margin-bottom: 0; background-size: 100%; background-size: cover; background-position: right center; } 
#panel01 { background-image: url(../img/main/main01.jpg); display: block; } 
#panel02 { background-image: url(../img/main/main02.jpg); } 
#panel03 { background-image: url(../img/main/main05.jpg); } 

.sec01 .button { cursor: pointer; } 
.sec01 .title { width: 110% } 
.sec01 .pc .button { margin-top: 22%; position: absolute; top: 20%; left: 100%; } 
.section .tab li { width: 100%; background: rgba(255, 255, 255, 0.7); height: auto; padding: 30px; border-radius: 20px; margin-bottom: 5%; background-repeat: no-repeat; cursor: pointer; } 
.section .tab li:last-child { margin-bottom: 0; } 
.section .tab li.on { background: #595857; color: #fff; } 
.section .tab li .ico { background-repeat: no-repeat; float: left; margin-left: 0; width: 16%; margin-right: 5%; } 
.section .tab li .ico img { width: 100%; } 
.section .tab li.on a { color: #fff } 
.section .tab li.on .on { display: block; } 
.section .tab li.on .off { display: none; } 
.section .tab li .on { display: none; } 
.section .tab li p { float: left; font-size:20px } 
.section .tab li strong { font-size: 28px; font-weight: 400; } 
.section .tab li .txt { width: 78%; } 
.sec01 .info { margin-top: 15%; margin-bottom: 50px; } 
.sec01 .inner { width: 56%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
.sec01 .title_m { display: none; } 
.sec01 .title_m br { font-family: 'Noto Sans KR', sans-serif; } 
.sec01 .title br { font-family: 'Noto Sans KR', sans-serif; } 
.section .sur-slider { width: 90%; margin-left: 10%; } 
.section .slick-list { margin-right: -300px; } 
.section .slick-slide div { width: 450px; height: 500px; margin-top: 20%; margin-left: 20%; } 
.section .slick-slide div p { float: left; } 
.section .slick-slide div .im { margin-top: -20%; margin-left: -30%; } 
.section .slick-slide div .t_img { margin-top: -20%; margin-left: -10%; } 
.section .slick-slide div .txt { color: #fff; font-size: 22px; margin-left: 45px; } 
.section .slick-slide div .txt span { color: #fff; font-size: 50px; } 
.section .slick-slide .box1 { background: #96a9b4; } 
.section .slick-slide .box1 .t_img { margin-top: -100%; margin-left: 75%; } 
.section .slick-slide .box2 { background: #b496a5; } 
.section .slick-slide .box2 .t_img { margin-top: -99.5%; margin-left: 65%; } 
.section .slick-slide .box3 { background: #ab9dae; } 
.section .slick-slide .box3 .t_img { margin-top: -107.5%; margin-left: 75%; } 
.section .slick-slide .box4 { background: #96a9b4; } 
.section .slick-slide .box4 .t_img { margin-top: -100%; margin-left: 75%; } 
.slick-dots { position: absolute; top: 10px; right: 10%; } 
.slick-dots li { display:inline-block; width:10px; height:10px; margin-left:50px; font-size: 1.3em; font-weight: 300; font-family: 'GmarketSansLight' } 
.slick-dots li.slick-active { font-weight: 500; font-family: 'GmarketSansBold' } 

.sec02 .text p br { display: none; font-family: 'Noto Sans KR', sans-serif; } 
.sec02 .text p br { display: none; } 
.sec02 .text,
.sec03 .text { font-size: 56px; margin-left: 10%; } 
.sec03 .text p,
.sec04 .text p { color: #fff; } 

.sec03 .text { float: left; } 
.sec03 ul { width: 60%; height: 850px; overflow-y:scroll; color: #fff; float: right; } 
.sec03 ul li span { white-space:normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } 
.sec03 ul li a { color: #fff } 
.sec03 ul li div { padding: 70px 20px; border-bottom: 1px solid #444; width: 80%; margin: 0 auto; } 
.sec03 ul li div p { font-size: 50px; } 
.sec03 ul li div p:nth-child(2) { margin-bottom: 30px; } 
.sec03 ul li:nth-child(1) div { border-top: 1px solid #444; } 
.sec03 ul li .more { font-size: 18px; margin-top: 15px; transition: all 0.3s; } 
.sec03 ul li:hover .more { color: #ccc; } 

::-webkit-scrollbar { 
 width: 10px; 
 background-color: #b4b4b4; 
 border-radius: 10px; 
 } 
::-webkit-scrollbar-thumb { 
 background-color: #343434; 
 border-radius: 10px; 
 } 
::-webkit-scrollbar-track { 
 background-color: #b4b4b4; 
 border-radius: 10px; 
 } 
.sec04 .text { text-align: center; margin-bottom: 50px; font-size: 60px; } 
.sec04 .text p br { display: none; } 
.sec04 ul { width: 1216px; margin: 0 auto; } 
.sec04 ul li { float: left; margin-left: 20px; text-align: center; width: 392px; height: 392px; position: relative; } 
.sec04 ul li:first-child { margin-left: 0; } 
.sec04 ul li a { display: block; width: 100%; height: 100%; background: rgba(88, 88, 88, 0.8); color: #fff; transition: all 0.3s; } 
.sec04 ul li a .box { display: none; position: absolute; bottom: 0; right: 0; } 
.sec04 ul li a:hover { background: #fff; color: #000; } 
.sec04 ul li a:hover .arrow { display: block; } 
.sec04 ul li a:hover .pl { display: none; } 
.sec04 ul li a:hover .box { display: block; } 
.sec04 ul li a div { padding-top: 30%; padding-bottom: 35%; } 
.sec04 ul li a .arrow { margin-top: 30px; display: none; } 
.sec04 ul li a .pl { margin-top: 30px; } 
.sec04 ul li a p strong { font-size: 40px; line-height: 1em; } 

.sec05 .root_daum_roughmap { float: left; } 
.sec05 .root_daum_roughmap .wrap_map { height: 100%!important; } 
.sec05 .map { width: 913px; height: 653px; } 
.sec05 ul { float: left; margin-left: 5%; margin-top: 1%; } 
.sec05 ul li { margin-bottom: 50px; } 
.sec05 ul li:last-child { margin-bottom: 0; } 
.sec05 ul li .tel strong { font-size: 40px; } 
.sec05 ul li p strong { margin-bottom: 10px; } 

.footer { height:225px !important; } 

.footer .fp-tableCell { height: auto!important; } 
#footer {background: #303030;padding: 80px 0;color: #fff} 
#footer .wrapper { position: relative; } 
#footer .wrapper .flogo { float: left; margin-right: 50px; } 
#footer .wrapper .fmenu { float: left; } 
#footer .wrapper .fmenu p { display: inline-block; } 
#footer .wrapper .fmenu p:nth-child(1) { margin-right: 10px; } 
#footer .wrapper .fmenu p a { color: #fff; font-size: 20px; } 
#footer .wrapper .finfo { float: left; color: #fff; font-size: 18px; margin-left: 291px; } 
#footer .wrapper .finfo a { color:#fff; font-size:1em } 
#footer .wrapper .fsns { float: right; } 
#footer .wrapper .fsns ul li { float: left; } 
#footer .wrapper .fsns ul li a { display: block; background-repeat: no-repeat; text-indent: -9999px; margin-right: 20px; background-image: url(/img/main/fsns.png); width: 29px; height: 29px; } 
#footer .wrapper .fsns ul li:nth-child(2) a { background-position: -49px -2px; width: 14px; } 
#footer .wrapper .fsns ul li:nth-child(3) a { background-position: -99px -1px; width: 26px; } 
#footer .wrapper .fsns ul li:nth-child(4) a { background-position: -162px 0; width: 28px; } 

/*sub*/
.con { width: 1900px; margin: auto; } 
.m-auto { width: 100%; } 
.m_on { display:none; } 
.sidebar { 
 position: fixed; 
 right: 45px; 
 top: 30%; 
 z-index: 100; 

 } 
.sidebar img { display: block; margin-bottom: 3px; } 
.sidebar_m { display:none; } 
#header.on { 
 height: 78px; 
 background-color: #fff; 
 box-shadow: 1px 10px 10px rgba(238,238,238,0.3); 
 } 
#header.on:hover { 
 background-color: #fff; 
 } 
#header.on .logo img.on { display: none; } 
#header.on:hover .logo img.off { display: block; } 
#header.on:hover .logo img.on { display: none; } 
#header.on .logo img.off { display: block; } 
#header.on .nav ul li a { color: #000; } 
#header.on .utill-area ul li a { color: #000; } 
.container { width: 1600px; margin: 0 auto; } 

.board_box { width: 1200px; margin: 0 auto 100px auto; } 
.board_box .w_table { 
 margin-top: 30px; 
 width: 100%; 
 border-top: 2px solid black; 
 } 
.board_box .w_table table { 
 border-spacing: 0; 
 border-collapse: collapse; 

 } 

tbody { 
 display: table-row-group; 
 vertical-align: middle; 
 border-color: inherit; 
 } 
.board_box .w_table tr { 
 border-bottom: 1px solid #e9e9e9; 
 } 
.mn07 .board_box .w_table th { 
 width: 120px; 
 background: #f8f8f8; 
 padding: 0 0 0 20px; 
 font-size: 1.5em; 
 } 
.mn07 .board_box .w_table td { 
 padding: 15px 20px; 
 } 
.mn07 .board_box .w_table td textarea { 
 background: #fff; 
 border: 1px solid #d0d3db; 
 color: #000; 
 vertical-align: middle; 
 border-radius: 3px; 
 padding: 5px; 
 height: 40px; 
 width: 100%; 
 min-height: 300px; 
 } 
.mn07 .board_box .w_table td input { 
 border: 1px solid #d0d3db; 
 background: #fff; 
 color: #000; 
 vertical-align: middle; 
 border-radius: 3px; 
 padding: 5px; 
 height: 40px; 
 min-width: 300px; 
 font-size: 1.3em; 
 } 
.mn07 .board_box .w_table td select { 
 background: #fff; 
 border: 1px solid #d0d3db; 
 color: #000; 
 vertical-align: middle; 
 border-radius: 3px; 
 padding: 5px; 
 height: 40px; 
 min-width: 300px; 
 font-size: 1.3em; 
 } 
.mn07 .board_box .w_top { 
 margin-top: 30px; 
 } 
.mn07 .board_box .w_top .privacy { 
 height: 200px; 
 margin: 0 0 0 0; 
 padding: 25px 20px; 
 overflow-y: scroll; 
 border: 1px solid #e5e5e5; 
 font-size: 15px; 
 line-height: 32px; 
 } 
.mn07 .board_box .w_top .agree { 
 text-align: right; 
 padding: 15px; 
 background: #f8f8f8; 
 border: 1px solid #e5e5e5; 
 border-top: none; 
 } 
.mn07 .board_box .w_submit { 
 text-align: Center; 
 margin-top: 30px; 
 } 
.mn07 .board_box .w_submit .submit { 
 background: #595857; 
 color: #fff; 
 width: 200px; 
 font-weight: 500; 
 border-radius: 0; 
 font-size: 18px; 
 border: 0; 
 margin: auto; 
 padding: 10px 0; 
 } 
.mn07 #bo_cate { 
 margin: 25px 0; 
 } 
.mn07 #bo_cate a:focus, .mn07 #bo_cate a:hover, .mn07 #bo_cate a:active { 
 text-decoration: none; 
 background: #3a8afd; 
 color: #fff; 
 } 
.mn07 #bo_cate li { 
 display: inline-block; 
 padding: 2px; 
 } 
.mn07 #bo_list tbody .even td { 
 background: #fbfbfb; 
 } 

/*회원가입*/
.register { width: 1200px; margin: auto; margin-bottom: 100px; } 
/*기타*/
.fa-gear:before, .fa-cog:before, .fa-sign-out:before { display: none; } 
.ad { width: 80%; position: absolute; bottom: 0; left: 10px; } 
.ad li a { color: #fff; font-size: 16px; } 
@media screen and (max-width: 2100px) { 
 /*sec01*/
 .section .tab li a { background-size: 90%; } 
 .section .title { font-size: 50px; } 
 .mainSlider ul li .text p { font-size: 50px; } 
 .sec03 ul { height: 800px; } 
 .sec02 .text p,
 .sec03 .text p,
 .sec04 .text p { font-size: 50px; } 
 /*sec01*/
 .section .tab li strong { font-size: 26px; } 
 .section .tab li p { font-size: 18px; } 
 /*sec03*/
 .sec03 ul li div p { font-size: 40px; } 
.sec03 ul li div span { font-size:20px; } 
 .sec03 ul li div p:nth-child(2) { margin-bottom: 25px; } 
/*sec04*/
 /*sec05*/
 .sec05 ul li .tel strong { font-size: 40px; } 

 } 
@media screen and (max-width: 1900px) { 
 .con { width: 100% } 

 } 
@media screen and (max-width: 1700px) { 
 /*header*/
 .nav ul li a { font-size: 1.2em; } 
 /*sec02*/
 .section .slick-list { margin-right: -500px; } 
 } 

@media screen and (max-width: 1600px) { 
 .wrapper { 
 width: 98%; 
 max-width: none; 
 position: relative; 
 } 
 /*header*/
 #header .nav { width: 65%; right: 12%; } 
/*mainslider*/
.mainSlider ul li .text { width: 55%; } 
/*sec01*/
.sec01 .inner { width: 60%; } 
 /*sec02*/
 .section .slick-list { margin-right: -700px; } 
 /*sec03*/
 .sec03 .text p br { display: block; } 
 /*sub*/
 .container { width: 100%; } 
 } 

@media screen and (max-width: 1440px) { 
 /*header*/
 #header .nav { width: 68%; right: 10%; } 
 .nav ul li a { font-size: 1.1em; } 
 #header .utill-area ul li:nth-child(1) { margin-right: 10px; } 
 /*mainSldier*/
 .mainSlider ul li .text { width: 58%; } 
 .mainSlider ul li .text p { font-size: 45px; } 
 .mainSlider ul li .text .sl { font-size: 20px; } 
 .mainSlider ul li .text .more { font-size: 18px; } 
 .section .title { font-size: 43px; } 
 .sec02 .text p,
 .sec03 .text p,
 .sec04 .text p { font-size: 45px; } 
 /*sec01*/
 .section .tab li { padding: 20px; } 
 .section .tab li strong { font-size: 26px; } 
.section .tab li .txt { font-size:16px } 
 /*sec02*/
 .section .slick-list { margin-right: -900px; } 
 /*sec03*/
.sec03 ul li br { display: none; } 
 /*sec04*/
 .sec04 .wrapper { width: 98%; } 
 .sec04 ul { width: 100%; } 
 .sec04 ul li { width: 33%; height: auto; margin-left: 0.5%; } 
 /*sec05*/
 .sec05 .root_daum_roughmap { width: 60%!important } 
 } 

@media screen and (max-width: 1200px) { 
 #bo_gall, #bo_list { width: 90%!important; } 
 #bo_w { width: 90% } 
 #bo_v { width: 90%!important; } 
 /*회원가입*/
 .register { width: 90%; } 
 .mn07 .board_box { width: 90%; } 
 } 

@media screen and (max-width: 1100px) { 
 .fp-section.fp-table, .fp-slide.fp-table { height: auto!important; padding: 50px 0; } 
 .sec02 .fp-tableCell { height: auto!important; } 
 .sec03 .fp-tableCell { height: auto!important; } 
 .sec04 .fp-tableCell { height: auto!important; } 
 .sec05 .fp-tableCell { height: auto!important; } 
 .footer .fp-tableCell { height: auto!important; } 
 /*mainSldier*/
 .mainSlider { height: 100vh; padding: 0!important; } 
.mainSlider ul li .text { width: 63%; } 
 /*sec01*/
 .sec01 { height: 100vh; padding: 0!important; } 
 .sec01 .pc { display: none; } 
 .sec01 .mo { display: block; width: 100%; height: 60%; background: rgba(255, 255, 255, 0.7); box-sizing: border-box; position:absolute; bottom: 0; left: 0; } 
 .sec01 .title_m { display: block; color: #fff; font-size: 45px; position: absolute; top: 10%; left: 10%; } 
 .sec01 .mo .button { position: absolute; top: -52px; left: 50%; transform: translateX(-50%); } 
.section .tab li .ico img { width: 80% } 
.sec01 .tab { width: 80%; margin: 0 auto; } 
.sec01 .tab li { padding: 30px 80px } 
 .sec01 .info .title { display: none; } 
 .sec01 .inner { width: 90%; } 
 /*.sec02*/
 .sec02 { height: 90vh; } 
 .sec02 { overflow: hidden; } 
 /*.sec05*/
 .sec05 .wrapper { height: auto } 
 .sec05 ul { margin-left: 1%; } 
 /*footer*/
 .footer { padding: 0!important; } 
 /*sub*/
 .sidebar { display:none; } 
 .sidebar_m { display:block; clear:both; position: fixed; bottom: 0; z-index: 100; background: #333; } 
 .sidebar_m a { padding: 1px; } 
 .sidebar_m a img { width: 100%; } 
 } 

@media screen and (max-width: 990px) { 
.Quick { position: fixed; bottom: 0; top: auto; left: 0; z-index: 50; font-size: 12px; width: auto; width: 100%; background: #56707f; width: 100%; } 
.Quick ul { justify-content: center; } 
.Quick ul li { width: 33.333333%; height: 80px; margin-bottom: 0; border-radius: 0; float: left; background: none; position: relative; } 
.Quick ul li:after { content: ""; display: block; width: 1px; height: 50px; background: #fff; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } 
.Quick ul li:nth-child(1),.Quick ul li:nth-child(2),.Quick ul li:nth-child(6) { display: none; } 
.Quick ul li:nth-child(5):after { display: none; } 
.Quick ul li.top_q { display: none; } 

.top_q_m { display: block; position: fixed; bottom: 120px; right: 5%; z-index: 50; width: 60px; height: 60px; border-radius: 80px; box-sizing: border-box; line-height: 60px; text-align: center; background: #333; text-align: center; box-shadow: 5px 5px 10px rgba(0,0,0,0.1); font-size: 12px; } 
.top_q_m a { color: #fff; font-size: 12px; font-weight: normal; } 

 /*header*/
 #header .nav { display: none; } 
 #header:hover { background: none; } 
 #header:hover .logo img.off { display: none; } 
 #header:hover .logo img.on { display: block; } 
 #header .gnb-bg.on { background: none; } 
 #header .m_menu { display: block; } 
 #header .utill-area { display: none; } 
 #header .call {display: block;width: 39px;height: 39px;background: url(../img/main/call.png) #e7acab;text-indent: -9999px;position: absolute;top: 0;right: 80px;padding: 25px;background-repeat: no-repeat;width: 80px;height: 86px;padding: 30px;background-position: center;}
 #header .pc .btnMenu {position: absolute;top: 0;right: 0;display: block;width: 80px;/* height:80px; */padding: 30px 20px;background-color: #1e1e24;} 
 #header .pc .btnMenu span { display: block; text-indent: -9999px; width: 40px; height: 2px; background: #fff; margin: 10px 0; } 
 #header .pc .btnMenu:before,
 #header .pc .btnMenu:after { content: ""; display: block; width: 40px; height: 2px; background: #fff; } 
 .m_img { display:block!important } 
 .fp-viewing-1 #header,
 .fp-viewing-2 #header,
 .fp-viewing-3 #header,
 .fp-viewing-4 #header,
 .fp-viewing-5 #header,
 .fp-viewing-6 #header { background-color: #fff; box-shadow: 1px 10px 10px rgba(238,238,238,0.3); } 
 .fp-viewing-1 #header .logo img.off,
 .fp-viewing-2 #header .logo img.off,
 .fp-viewing-3 #header .logo img.off,
 .fp-viewing-4 #header .logo img.off,
 .fp-viewing-5 #header .logo img.off,
 .fp-viewing-6 #header .logo img.off { display: block; } 
 .fp-viewing-1 #header .logo img.on,
 .fp-viewing-2 #header .logo img.on,
 .fp-viewing-3 #header .logo img.on,
 .fp-viewing-4 #header .logo img.on,
 .fp-viewing-5 #header .logo img.on,
 .fp-viewing-6 #header .logo img.on { display: none; } 
 .fp-viewing-1 #header .pc .btnMenu span,
 .fp-viewing-1 #header .pc .btnMenu:before,
 .fp-viewing-1 #header .pc .btnMenu:after,
 .fp-viewing-2 #header .pc .btnMenu span,
 .fp-viewing-2 #header .pc .btnMenu:before,
 .fp-viewing-2 #header .pc .btnMenu:after,
 .fp-viewing-3 #header .pc .btnMenu span,
 .fp-viewing-3 #header .pc .btnMenu:before,
 .fp-viewing-3 #header .pc .btnMenu:after,
 .fp-viewing-4 #header .pc .btnMenu span,
 .fp-viewing-4 #header .pc .btnMenu:before,
 .fp-viewing-4 #header .pc .btnMenu:after,
 .fp-viewing-5 #header .pc .btnMenu span,
 .fp-viewing-5 #header .pc .btnMenu:before,
 .fp-viewing-5 #header .pc .btnMenu:after,
 .fp-viewing-6 #header .pc .btnMenu span,
 .fp-viewing-6 #header .pc .btnMenu:before,
 .fp-viewing-6 #header .pc .btnMenu:after { background: #000; } 
 .fp-viewing-1 #header .call,
 .fp-viewing-2 #header .call,
 .fp-viewing-3 #header .call,
 .fp-viewing-4 #header .call,
 .fp-viewing-5 #header .call,
 .fp-viewing-6 #header .call { background-image: url(../img/main/call_off.png); } 
 .mo_wrap .menu_m { width:90%; margin:auto; } 
 .mo_wrap .menu_m .tel_link { float:left; width:10%; display:table; height:70px; text-align:left; } 
 .mo_wrap .menu_m .tel_link a { display:table-cell; vertical-align:middle; } 
 .mo_wrap .menu_m .tel_link a img { height:30px; } 
 .mo_wrap .menu_m .logo_m { float:left; width:60%; margin:0 10%; display:table; height:70px; } 
 .mo_wrap .menu_m .logo_m .logowrap { display:table-cell; vertical-align:middle; } 
 /* .mo_wrap .menu_m .logo_m a { display:block; } */
 .mo_wrap .menu_m .logo_m a img { height:40px; margin:auto; } 
 .mo_wrap .menu_m .line_icon { float:left; width:10%; display: table; height:70px; text-align:right; } 
 .mo_wrap .menu_m .line_icon i { display:table-cell; vertical-align: middle; color:#fff; } 
 /* .mo_wrap .menu_m .line_icon .imgdiv { display:table-cell; vertical-align:middle; } 
 .mo_wrap .menu_m .line_icon .imgdiv img { height:20px; } */

 .m_menu { position: fixed; top: 0; left: 0; bottom: 0; width: 0; height: 100%; background:#fff; z-index:9999; letter-spacing: 0px; transition: all 0.4s ease; overflow-x: hidden; } 
 .m_menu_top:after { display:block; content:""; clear:both; } 
 .m_menu .m_menu_top { padding:20px; box-shadow:0 0 3px rgba(0,0,0,0.2); position:relative; } 
 .m_menu .m_menu_top .logom { width: 130px; margin: 0; } 
 .m_menu .m_menu_top .closebtn { position:absolute; top:0; right:0; padding:5px 20px; font-size:30px; bottom:0; height:54px; margin:auto; color:#000; } 
 .all_bg { 
 position: fixed; 
 top: 0; left: 0; right: 0; bottom: 0; 
 width: 100%; height: 100%; 
 background-color: rgba(0,0,0,0.8); 
 display: none; 
 z-index: 9999; 
 } 
 #lnb { width: 100%; text-align: left; } 
 #lnb::-webkit-scrollbar { width: 6px; height: 6px; } 
 #lnb::-webkit-scrollbar-track { background: #fff; } 
 #lnb::-webkit-scrollbar-thumb { background: #595857; } 
 #lnb::-webkit-scrollbar-thumb:hover { background: #595857; } 

 #lnb .depth00 { box-shadow:0 3px 9px -7px rgba(0,0,0,0.2) } 
 #lnb .depth01 { display: block; font-size: 13px; padding: 20px 25px; position: relative; top: 0; left: 0; } 
 #lnb .depth02 { display:none; background-color: #595857; } 
 #lnb .depth02 li a { font-size: 13px; padding: 15px 40px; display: block; position:relative; top:0; left:0; color:#fff; } 
 #lnb .depth02 li a:hover { background:rgba(0,0,0,0.1); } 
 #lnb .menu07 .depth01:hover { background:rgba(0,0,0,0.1); } 
 #lnb .menu08 .depth01:hover { background:rgba(0,0,0,0.1); } 
 #lnb .menu09 .depth01:hover { background:rgba(0,0,0,0.1); } 

 #lnb .depth02 > li > a.void_link:before { display: block; content: ""; clear: both; position: absolute; top: 50%; margin-top:-5px; right: 30px; height: 10px; width: 1px; opacity:1; background: #828386; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; } 
 #lnb .depth02 > li > a.void_link:after { display: block; content: ""; clear: both; position: absolute; top: 50%; transform: translateY(-50%); right: 25px; width: 10px; height: 1px; background: #828386; } 
 #lnb .depth02 li.active > a.void_link:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity:0 } 

 #lnb .depth01.void_link:before { display: block; content: ""; clear: both; position: absolute; top: 50%; margin-top:-5px; right: 30px; width: 1px; height: 11px; background: #828386; -webkit-transform: rotate(0deg); transform:rotate(0deg); -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; } 
 #lnb .depth01.void_link:after { display: block; content: ""; clear: both; position: absolute; top: 50%; transform: translateY(-50%); right: 25px; width: 11px; height: 1px; background: #828386; -webkit-transform: rotate(0deg); transform:rotate(0deg); -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; } 
 #lnb .menu.active .depth01:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } 
 #lnb .menu.active .depth01:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } 

 #lnb .no_c .menu { width:50%; float:left; text-align:center; } 
 #lnb .no_c .depth01.void_link:before { display:none; } 
 #lnb .no_c .depth01.void_link:after { display:none; } 

 .sec04 .text { text-align: left; margin-left: 10%; } 
 .sec02 .text p br,
 .sec04 .text p br { display: block; } 
 /*mainSlider*/
 .mainSlider ul li .text { width: 80%; top: 63%; } 
 .mainSlider ul li .text .more { margin-top: 20px; } 
 .mainSlider ul li .text .border { margin: 15px 0; } 
 .bx-pager { bottom: 5%; } 
 /*sec02*/
 .section .slick-list { margin-right: -1200px; } 
/*sec03*/
.sec03 .text { margin-bottom: 50px; } 
.sec03 ul { width: 100%; height: 550px; } 
 /*sec04*/
 .sec04 .wrapper { width: 90%; } 
 .sec04 ul li { width: 48%; margin-left: 2%; margin-bottom: 10px; } 
 .sec04 ul li:nth-child(3) { margin-left: 0%; } 
 .sec04 ul li a div { padding-top: 25%; padding-bottom: 30%; } 
 .sec04 ul li a .box { } 
 .sec04 ul li a .box img { width: 80%; } 
 /*sec05*/
 .sec05 .wrapper {; width: 90%; } 
 .sec05 .root_daum_roughmap { width: 100%!important; height: 350px; margin-bottom: 50px; } 
 .sec05 .info ul { margin-left: 0; } 
 .sec05 .info ul li:nth-child(2) p { display: inline-block; } 
 .sec05 .info ul li:nth-child(2) .title { margin-right: 20px; } 
 /*footer*/
 /* #footer { padding: 40px 0; } 
 #footer .wrapper { width: 85%; } 
 #footer .wrapper .fmenu { width: 100%; margin-top: 20px; } 
#footer .wrapper .fmenu p a { font-size: 16px; } 
 #footer .wrapper .finfo { width: 100%; margin-top: 10px; margin-bottom: 20px; font-size: 14px; margin-left: 0px; } 
 #footer .wrapper .fsns { float: left; } 
 #footer .wrapper .fsns ul li:last-child a { margin-right: 0; }  */
 /*sub*/
 #header.on { height: 75px; } 
 #header.on .call { background-image: url(../img/main/call_off.png); } 
 #header.on .pc .btnMenu span,
 #header.on .pc .btnMenu:before,
 #header.on .pc .btnMenu:after { background: #000; } 
 /*기타*/
 .ad { width: 15%; position: absolute; bottom: 0; left: 80%; } 
 } 

@media screen and (max-width: 768px) { 
  #header .logo {padding: 15px 10px;}
#hd_pop { 
 width: 90% !important; 
 z-index: 10000; 
 } 
.hd_pops { width: 100% !important; left: 50% !important; top: 10px !important; transform: translateX(-50%); } 
.hd_pops_con { width: 100% !important; height: auto !important; } 
.hd_pops img { width: 100% !important; } 
 .section .text .fon { font-size: 35px; } 
 /*mainslider*/
 .mainSlider ul li a { background-position: 60% center; } 
 .mainSlider ul li .text { top: 68%; } 
 .mainSlider ul li .text p { font-size: 32px; } 
 /*sec01*/
 .sec01 .title { font-size: 35px; } 
.sec01 .tab { width: 90%; } 
 .bg .panel { background-position: 60% center; } 
.section .tab li .ico img { width: 90% } 
 .section .tab li { padding: 30px 60px; margin-bottom: 3%; } 
 /*sec02*/
 .section .slick-slide div { width: 400px; height: 450px; } 
.section .slick-slide div .txt span { font-size: 45px } 
.section .slick-slide div .txt { font-size: 18px } 
 .section .slick-slide img { width: 85%; } 
 .section .slick-slide .box1 .t_img { margin-top: -96%; margin-left: 75%; } 
 .section .slick-slide .box2 .t_img { margin-top: -95.5%; margin-left: 68%; } 
 .section .slick-slide .box3 .t_img { margin-top: -103%; margin-left: 75%; } 
 .section .slick-slide .box4 .t_img { margin-top: -96%; margin-left: 75%; } 
 /*sec03*/
 .sec03 .text { font-size: 35px; } 
 .sec03 ul li div p { font-size: 30px; } 
.sec03 ul li div span { font-size:16px; } 
.sec03 ul li div p:nth-child(2) { margin-bottom: 20px; } 
 .sec03 ul li div { width: 90%; } 
 /*sec04*/
.sec04 .enter { font-size: 16px } 
 .sec04 ul li { width: 100%; } 
 .sec04 ul li a div { padding-top: 8%; padding-bottom: 12%; } 
 .sec04 ul li:nth-child(2) { margin-left: 0; } 
 .sec04 ul li a p strong { font-size: 35px; } 
 .sec04 ul li a .box img { width: 60%; } 
 /*sec05*/
 .sec05 .info .title { font-size: 35px; } 
 .sec05 .info .tel strong { font-size: 30px; } 
 /*sub*/
 .m_on { display:block !important; } 
 .m_none { display:none !important; } 
 .mn07 .board_box .w_table th { 
 width: 20%; 
 padding: 0 5px; 
 font-size: 14px; 
 } 
 .mn07 .board_box .w_table td input { 
 min-width: auto; 
 width: 100%; 
 font-size: 14px; 
 } 
 .mn07 .board_box .w_table td select { 
 min-width: auto; 
 width: 100%; 
 font-size: 14px; 
 } 
 .mn07 .board_box .w_table td textarea { 
 min-width: auto; 
 width: 100%; 
 font-size: 14px; 
 } 

 } 

@media screen and (max-width: 600px) { 
 .section .text .fon { font-size:35px; } 
 /*mainSlider*/
 .mainSlider ul li .text { font-size: 16px; } 
 .mainSlider ul li .text strong { font-size: 35px; } 
 .mainSlider ul li .text p { font-size: 35px; } 
 .mainSlider ul li .text p br { display: none; } 
 .mainSlider ul li .text strong br { display: block; } 
 .mainSlider ul li .text .border { display: none; } 
 .mainSlider ul li .text p.sl { font-size: 18px; display: none; } 
/*sec01*/
.sec01 .tab { width: 95%; } 
 .section .tab li { padding: 20px 50px; margin-bottom: 3%; } 
 /*sec02*/
.section .slick-slide div .txt span { font-size: 40px; } 
 .section .slick-slide div .txt { margin-left: 30px; margin-top: 30px; } 
 .section .slick-slide .box1 .t_img { margin-top: -117%; margin-left: 75%; } 
 .section .slick-slide .box2 .t_img { margin-top: -115.5%; margin-left: 68%; } 
 .section .slick-slide .box3 .t_img { margin-top: -125%; margin-left: 75%; } 
 .section .slick-slide .box4 .t_img { margin-top: -117%; margin-left: 75%; } 
 .section .slick-slide div { width: 350px; height: 400px; } 
 /*sec03*/
 .sec03 ul { margin-bottom: 50px; } 
 /*.sec04*/
 .sec04 ul li a p strong { font-size: 30px; } 
 .sec04 .wrapper { width: 90%; } 
 .sec04 ul li a .box { right: -45px; } 
 .sec04 ul li a .box img { width: 40%; } 

 } 

@media screen and (max-width: 530px) { 
 .section .text .fon { font-size:30px; } 
 #header .logo {width: 216px;height: 100%;padding: 10px;} 
 #header .logo img { width: 100%; } 
 #header .call { width: 66px; height: 66px; right: 66px; padding: 0; }
 #header .pc .btnMenu { width: 66px; height: 66px; padding: 20px 15px; } 
 .section .text p.m { font-size: 30px; } 
 /*mainslider*/
 .mainSlider ul li .text strong { font-size: 28px; } 
 .mainSlider ul li .text p { font-size: 28px; } 
 /*sec01*/
 .sec01 .title_m { font-size: 30px; } 
 /*sec02*/
 .section .sur-slider { width: 100%; margin-left: 0; } 
 .section .slick-list { margin-top: 10%; } 
 .section .slick-slide div { width: 300px; height: 350px; } 
 .section .slick-slide img { width: 65%; } 
 .section .slick-slide div .im { margin-left: -25%; } 
 .section .slick-slide div .txt { font-size: 16px; } 
 .section .slick-slide div .txt span { font-size: 35px; } 
 .section .slick-slide div .txt { margin-left: 30px; margin-top: 30px; } 
 .section .slick-slide .box1 .t_img { margin-top: -110%; margin-left: 76%; } 
 .section .slick-slide .box2 .t_img { margin-top: -108%; margin-left: 72%; } 
 .section .slick-slide .box3 .t_img { margin-top: -117%; margin-left: 76%; } 
 .section .slick-slide .box4 .t_img { margin-top: -110%; margin-left: 76%; } 
 .slick-dots { position: absolute; top: 20px; right: 10%; } 
 /*sec03*/
 .sec03 ul { height: 400px; } 
 .sec03 ul li div { padding: 10%; } 
 .sec03 .txt p { font-size: 25px; } 
 /*.sec04*/
 .sec04 .wrapper { width: 90%; } 
 .sec04 ul li a p strong { font-size: 1.2em; } 

 /*sec05*/
 .sec05 .info .title { font-size: 30px; } 
 .sec05 .info .tel strong { font-size: 25px; } 
 } 

@media screen and (max-width: 425px) { 
 .section .text .fon { font-size: 25px; } 
 /*mainslider*/
 .mainSlider ul li .text { top: 70%; } 
 .mainSlider ul li .text strong { font-size: 25px; } 
 .mainSlider ul li .text p { font-size: 25px; } 
 .mainSlider ul li .text p.sl { font-size: 16px; } 
 .mainSlider ul li .text .border { margin: 30px 0; } 
 /*sec01*/
 .sec01 .title_m { font-size: 25px; } 
 .section .tab li { padding: 15px 30px } 
 .section .tab li .txt { width: 70%; } 
 .section .tab li strong { font-size: 16px; } 
 .section .tab li p { font-size: 14px; } 
 /*sec02*/
 .slick-dots { position: absolute; top: 30px; right: 10%; } 
 /*sec03*/
 .sec03 ul { height: 350px; } 
 .sec03 .text { font-size: 25px; } 
 .sec03 .txt p { font-size: 18px; } 
 /*sec05*/
 .sec05 .root_daum_roughmap { height: 200px; } 
 .sec05 .info .title { font-size: 25px; } 
 .sec05 .info .tel strong { font-size: 20px; } 
 .sec05 ul li { margin-bottom: 30px; } 
 .sec05 ul li p { font-size: 1em; } 
 /*footer*/
 /* #footer .wrapper .fmenu p a { font-size: 14px; } 
 #footer .wrapper .finfo { font-size: 12px; }  */


 } 
@media screen and (max-width: 375px) { 
/*mainslider*/

 /*sec02*/
 .section .slick-list { margin-top: 10%; } 
 .section .slick-slide div { width: 250px; height: 300px; } 
 .section .slick-slide img { width: 50%; } 
 .section .slick-slide div .im { margin-left: -25%; } 
 .section .slick-slide div .txt { margin-left: 13px; margin-top: 30px; } 
 .section .slick-slide .box1 .t_img { margin-top: -120.5%; margin-left: 75%; } 
 .section .slick-slide .box2 .t_img { margin-top: -119%; margin-left: 65%; } 
 .section .slick-slide .box3 .t_img { margin-top: -130%; margin-left: 75%; } 
 .section .slick-slide .box4 .t_img { margin-top: -120.5%; margin-left: 75%; } 
 .section .slick-slide .box1 .t_img img,
 .section .slick-slide .box2 .t_img img,
 .section .slick-slide .box3 .t_img img,
 .section .slick-slide .box4 .t_img img { width: 80% } 

 .slick-dots { position: absolute; top: 40px; right: 10%; } 


 } 

 /* 2022 Header */
 #header {
  background-color: #fff;
}
#header .wrapper {
  max-width: calc(100% - 260px);
  background-color: #fff;
  display: flex;
  align-items: center;
  word-break: keep-all;
}
#header .header_logo {
  max-width: 350px;
  flex: 1 1 350px;
  text-align: center;
}
#header .header_logo img {
  padding: 22px 0;
  max-height: 100px;
}
#header .header_nav {
  max-width: calc(100% - 350px - 350px);
  flex: 1 1 calc(100% - 350px - 350px);
}
#header .header_nav .nav {
  position: static;
  font-size: 16px;
  width: auto;
}
#header .header_nav .nav .depth {
  display: flex;
}
#header .header_nav .nav .depth01 {
  position: relative;
  width: auto;
  max-width: none;
  flex: 1 1 auto;
}
#header .header_nav .nav .depth01 a {
  color: #000;
}
#header .header_nav .nav .depth01 .sub {
  position: absolute;
  background-color: #fff;
  width: 100%;
  min-width: 200px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}
#header .header_nav .nav .depth01 .sub li {
  padding: 10px 0;
}
#header .header_nav .nav .depth01 .sub li.active {
  background-color: #e7acab;
}
#header .header_nav .nav .depth01 .sub li.active a {
  color: #fff;
}
#header .header_nav .nav ul {
  width: auto; /* 지울 것 */
}
#header .header_nav .nav ul li a {
  font-size: inherit; /* 지울 것 */
}
#header .header_util {
  max-width: 350px;
  flex: 1 1 350px;
  font-size: 16px;
  display: flex;
  align-items: center;
}
#header .header_util .sitemap {
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
}
#header .header_util .sitemap a {
  padding: 40px;
  display: block;
  text-align: center;
  margin: auto;
}
#header .header_util .btnMenu span {
  display: block;
  text-indent: -9999px;
  width: 26px;
  height: 2px;
  background: #666;
  margin: 6px 0;
}
#header .header_util .btnMenu:before,
#header .header_util .btnMenu:after {
  content: "";
  display: block;
  width: 26px;
  height: 2px;
  background: #666;
}
#header .header_util .tel {
  display: block;
  width: 80px;
  height: 80px;
  background: url(../img/main/call.png) #e7acab;
  padding: 30px;
  background-repeat: no-repeat;
  background-position: center;
}
#header .header_util .sitemap_close {
  display: none;
}
#header .header_member {
  display: flex;
  width: 100%;
  justify-content: center;
  text-align: center;
}
#header .header_member li {
  margin-right: 20px;
}
#header .header_member li:nth-last-of-type(1) {
  margin-right: 0;
}
#header .header_member li a {
  color: #a6a6a6;
}
#header .sitemap_container {
  display: none;
}
#header.open {
  max-width: 100%;
}
#header.open .sitemap_container {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
}
#header.open .sitemap_container .wrapper {
  flex-wrap: wrap;
  max-width: 1400px;
  margin: auto;
}
#header.open .sitemap_container .header_nav {
  max-width: 100%;
  flex: 1 1 100%;
  order: 10;
  border-top: 1px solid #fff;
}
#header.open .sitemap_container .header_nav .depth01 {
  font-size: 22px;
}
#header.open .sitemap_container .header_nav .depth01 .sub {
  display: block !important;
  position: relative;
  font-size: 16px;
  height: 330px;
  left: auto;
  transform: none;
  min-width: auto;
}
#header.open .sitemap_container .header_member.visible-sm {
  display: none;
}
#header.open .sitemap_container .header_util {
  margin-left: auto;
}
#header.open .sitemap_container .closeBtnMenu {
  width: 80px;
  height: 80px;
  background: url(/img/2022/X.png) #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-blend-mode: exclusion;
}
#header.open .sitemap_container .closeBtnMenu span {
  display: block;
  text-indent: -9999px;
  margin: 6px 0;
}
#header.open .sitemap_container .sitemap {
  display: none;
}
#header.open .sitemap_container .sitemap_close {
  display: block;
}
#header.open .sitemap_container .sitemap_close a {
  padding: 40px;
  display: block;
  text-align: center;
  margin: auto;
}
@media (max-width: 1440px) {
  #header.open .sitemap_container .sitemap_close a {
    padding: 35px 30px;
  }
  #header.open .sitemap_container .header_nav .depth01 {
    font-size: 18px;
  }
  #header.open .sitemap_container .header_nav .depth01 .sub {
    font-size: 14px;
    height: 300px;
  }
}
@media (max-width: 990px) {
  #header.open .sitemap_container {
    background-color: transparent;
  }
  #header.open .sitemap_container .wrapper {
    background-color: rgba(231, 172, 171, 0.95);
  }
  #header.open .sitemap_container .header_member {
    display: flex;
    width: auto;
    margin-left: 30px;
  }
  #header.open .sitemap_container .header_member li a {
    color: #fff;
    font-size: 22px;
  }
  #header.open .sitemap_container .sitemap_close a {
    padding: 31px 27px;
    background: url(/img/2022/X.png) #1e1e24;
    background-repeat: no-repeat;
    background-position: center;
    background-blend-mode: unset;
  }
  #header.open .sitemap_container .header_nav {
    height: calc(100vh - 80px);
    overflow-y: scroll;
  }
  #header.open .sitemap_container .header_nav .nav {
    display: block;
  }
  #header.open .sitemap_container .header_util {
    width: 100%;
    margin-left: 0;
    max-width: none;
    flex: none;
  }
  #header.open .sitemap_container .header_nav .depth {
    flex-wrap: wrap;
  }
  #header.open .sitemap_container .header_nav .depth .depth01 {
    flex: 1 1 100%;
    max-width: 100%;
    display: flex;
    padding-left: 30px;
    padding-right: 30px;
    text-align: left;
    border-bottom: 1px solid #fff;
  }
  #header.open .sitemap_container .header_nav .depth .depth01 > a {
    flex: 1 1 40%;
    max-width: 40%;
    margin-right: 10%;
    font-size: 35px;
    color: #fff;
  }
  #header.open .sitemap_container .header_nav .depth .depth01 .sub {
    flex: 1 1 50%;
    max-width: 50%;
    background-color: transparent;
    height: auto;
  }
  #header.open .sitemap_container .header_nav .depth .depth01 .sub li {
    font-size: 20px;
    text-align: left;
  }
  #header.open .sitemap_container .header_nav .depth .depth01 .sub li:nth-of-type(1) {
    margin-top: 0;
    padding-top: 5px;
  }
  #header.open .sitemap_container .sitemap_close {
    margin-left: auto;
  }
}
@media (max-width: 768px) {
  #header.open .sitemap_container .header_member li a {
    font-size: 18px;
    letter-spacing: 0;
  }
  #header.open .sitemap_container .header_nav .depth .depth01 > a {
    font-size: 28px;
  }
  #header.open .sitemap_container .header_nav .depth .depth01 .sub li {
    font-size: 18px;
  }
}
@media (max-width: 500px) {
  #header.open .sitemap_container .sitemap_close a {
    width: 60px;
    height: 60px;
    padding: 20px;
    background-size: 20px;
  }
  #header.open .sitemap_container .header_nav .depth .depth01 > a {
    font-size: 24px;
  }
  #header.open .sitemap_container .header_nav .depth .depth01 .sub li {
    font-size: 16px;
  }
}
#header.scroll {
  background-color: #fff;
}
@media (max-width: 1660px) {
  #header .wrapper {
    max-width: 100%;
    width: auto;
  }
}
@media (max-width: 1440px) {
  #header .header_logo {
    max-width: 280px;
    flex: 1 1 280px;
  }
  #header .header_logo img {
    padding: 16px 0;
  }
  #header .header_nav {
    max-width: calc(100% - 280px - 280px);
    flex: 1 1 calc(100% - 280px - 280px);
  }
  #header .header_util {
    max-width: 280px;
    flex: 1 1 280px;
  }
  #header .header_util .sitemap a {
    padding: 35px 30px;
  }
}
@media (max-width: 1240px) {
  #header .header_logo {
    max-width: 220px;
    flex: 1 1 220px;
  }
  #header .header_logo img {
    width: 200px;
  }
  #header .header_nav {
    max-width: calc(100% - 220px - 88px);
    flex: 1 1 calc(100% - 220px - 88px);
  }
  #header .header_util {
    max-width: 88px;
    flex: 1 1 88px;
  }
  #header .header_util ul {
    display: none;
  }
}
@media (max-width: 990px) {
  #header .wrapper {
    width: auto;
  }
  #header .header_nav {
    max-width: calc(100% - 220px - 160px);
    flex: 1 1 calc(100% - 220px - 160px);
  }
  #header .header_util {
    max-width: 160px;
    flex: 1 1 160px;
  }
  #header .header_util .btnMenu {
    background-color: #1e1e24;
  }
  #header .header_util .btnMenu:before, #header .header_util .btnMenu:after {
    background-color: #fff;
  }
  #header .header_util .btnMenu span {
    background-color: #fff;
  }
  #header .header_util .sitemap a {
    padding: 31px 27px;
  }
}
@media (max-width: 500px) {
  #header .header_logo img {
    padding: 0;
  }
  #header .header_util {
    max-width: 120px;
    flex: 1 1 120px;
    margin-left: auto;
  }
  #header .header_util .tel {
    width: 60px;
    height: 60px;
    background-size: 30px;
  }
  #header .header_util .sitemap a {
    padding: 21px 17px;
  }
}


/* 2202 Footer */
 #footer {
  background-color: #1e1e24;
  padding: 0;
}
#footer .link_container {
  border-bottom: 1px solid #fff;
  padding: 10px 0;
}
#footer .link_item {
  display: flex;
  justify-content: flex-end;
}
#footer .link_item li {
  font-size: 18px;
  margin-left: 25px;
  padding: 10px 0;
}
#footer .link_item li a {
  color: #fff;
}
#footer .company_container {
  font-size: 22px;
  padding: 40px 0;
}
#footer .company_container .wrapper {
  display: flex;
}
#footer .company_info {
  flex: 1 1 auto;
}
#footer .company_info .footer_tel {
  display: block;
  font-size: 40px;
  color: #e7acab;
  margin: 20px 0;
  letter-spacing: 3px;
}
#footer .company_logo {
  flex: 1 1 300px;
  max-width: 300px;
}
@media (max-width: 1440px) {
  #footer .link_item li {
    font-size: 16px;
  }
  #footer .company_container {
    font-size: 20px;
  }
}
@media (max-width: 990px) {
  #footer .visible-sm {
    display: inline-block;
  }
  #footer .wrapper {
    flex-wrap: wrap;
    width: 90%;
  }
  #footer .company_container {
    font-size: 18px;
  }
  #footer .company_container .company_logo {
    order: 1;
    flex: 1 1 100%;
    max-width: 100%;
  }
  #footer .company_container .company_info {
    order: 2;
    flex: 1 1 100%;
    max-width: 100%;
    margin-top: 25px;
  }
  #footer .company_container .company_info .footer_tel {
    font-size: 30px;
  }
}
@media (max-width: 768px) {
  #footer {
    padding-bottom: 60px;
  }
  #footer .link_item {
    justify-content: center;
  }
  #footer .link_item li {
    flex: 1 1 33.33%;
    text-align: center;
    margin-left: 0;
  }
  #footer .company_container {
    font-size: 16px;
  }
  #footer .company_container .company_info .footer_tel {
    font-size: 28px;
  }
}


/* 2022 Quick */
.quick_item {
  position: fixed;
  bottom: 5%;
  right: 30px;
  z-index: 200;
}

.quick_item .quick_item_click {
  display: none;
}
.quick_item .quick_item_click.open {
  display: block;
}

.quick_item .quick_btn.open {
  background: url(/img/2022/X.png) #fff no-repeat center/30px;
  background-blend-mode: exclusion;
}
.quick_item .quick_btn.open a {
  font-size: 0;
  padding: 30px;
}

.quick_item ul .quick_li {
  width: 88px;
  height: 88px;
  margin-bottom: 10px;
  border-radius: 50%;
  background: #fff;
  box-sizing: border-box;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
}

.quick_item ul .quick_li a {
  color: #000;
  font-size: 15px;
  display: block;
}

.quick_item ul .quick_li img {
  margin: 0 auto 5px auto;
}

.quick_item ul .top_q {
  background: #000;
  text-align: center;
  font-size: 18px;
}

.quick_item ul .top_q a {
  color: #fff;
  font-size: 18px;
  display: block;
}

.top_q_m {
  display: none;
}

@media (max-width: 1440px) {
  .quick_item ul .quick_li {
    width: 70px;
    height: 70px;
  }
  .quick_item ul .quick_li a {
    font-size: 13px;
  }
  .quick_item ul .top_q a {
    font-size: 16px;
  }
}
@media (max-width: 990px) {
  .quick_item {
    right: 15px;
    bottom: 15px;
  }
  .quick_item ul .quick_li {
    width: 60px;
    height: 60px;
    margin-bottom: 5px;
  }
  .quick_item ul .quick_li a {
    font-size: 11px;
  }
  .quick_item ul .top_q a {
    font-size: 14px;
  }
  .quick_item .quick_btn.open {
    background-size: 20px;
  }
}