/**
 * ​한국비닐
 * 작성자 : 김여은
 * 완료일 : 2022-12-26
 */

@charset "utf-8";

@import url("http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,500,600,700");
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@font-face { font-family: 'Bitgoeul_Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_seven@1.2/Bitgoeul_Bold.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'NotoSerifKR'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'SangSangShin'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_three@1.0/SangSangShin.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'InkLipquid'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Cafe24Dangdanghae'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.2/Cafe24Dangdanghae.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'BMDOHYEON'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMDOHYEON.woff') format('woff');  font-weight: normal; font-style: normal; }
@font-face { font-family: 'Godo';  font-style: normal; font-weight: 400; src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff') format('woff'); }
@font-face { font-family: 'GoyangDeogyang'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GoyangDeogyang.woff') format('woff'); font-weight: normal; font-style: normal; }

/* 공통 */
html { overflow-y: scroll;  }
html, body { }
html, body,
h1, h2, h3, h4, h5, h6,
dl, dt, dd, ul, li, ol,
table, th, td, p, blockquote, img,
form, fieldset, legend, object,
input, select, textarea, button, header, nav,
footer, address, section, article, figure, figcaption  { margin: 0; padding: 0; font-size: 1em; color: #666; font-family: 'nanum-barun-gothic-regular','맑은고딕','돋움', 'AppleGothic', 'Helvetica',sans-serif; }

body,
h1, h2, h3, h4, h5, h6,
input, select, textarea, a { line-height: 1.25em;  color: #555; font-family: 'nanum-barun-gothic-regular','맑은고딕','돋움', 'AppleGothic', 'Helvetica',sans-serif;  }

h1, h2, h3, h4, h5, h6  { font-weight: normal;  }

img, fieldset,button { border: 0 none; }
img { vertical-align: middle; margin: 0; padding: 0;  }
ul,li { list-style: none; }
hr, caption, legend { display: none; }
a { color: #666; text-decoration: none; }
a img { border: none; }
button { overflow: hidden; cursor: pointer; background: #FFF; }
button, input, select, textarea, a { vertical-align: middle; }
input:focus { outline: none; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; word-wrap: break-word; word-break: keep-all; }

/* 링크 */
a:link,
a:visited,
a:active  { font-family: 'nanum-barun-gothic-regular', '돋움', 'AppleGothic', 'Helvetica', sans-serif; text-decoration: none; cursor: pointer; }
a:hover { font-family: 'nanum-barun-gothic-regular', '돋움', 'AppleGothic', 'Helvetica', sans-serif; text-decoration: none;cursor: pointer;  }
a:active { selector-dummy:expression(this.hideFocus = true); cursor: pointer; } /* 클릭시 점선 안생기게 함 */

hr { border: none; border-bottom: 1px dashed #ddd; width: 100%; height: 1px; position: relative; display: block; padding-top: 60px; margin-bottom: 60px; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#Container { width: 100%;  min-width: 1100px; overflow: hidden; position: relative; }
.Wrap { width: 1200px; position: relative; overflow: hidden; margin: 0 auto; }
.Wrap1 { width: 1200px; position: relative; overflow: hidden; margin: 0 auto; }

    #header { position: relative; z-index: 9999999; height: 149px; top: 0; width: 100%; background: #fff; border: 1px solid #e5e5e5;}
    #header .logo-call { height: 91px; }
    #header .logo-gnb { overflow: visible !important;  position: relative;  }
    #header .logo-gnb h1 { position: relative; text-align: center; padding: 15px 0 0; display: block;  box-sizing: border-box; }
    #header .logo-gnb h1 > a { display: block;  }
    #header .logo-call > strong { position: absolute; left: 0; top: 20px; font-size: 13.5px; color: #565656; font-weight: normal; line-height: 1.4em;  }
    #header .logo-call > strong span { color: #2ea937; display: block; font-size: 18px; font-weight: bold; margin-bottom: 5px; }


    	.mainCall { position: absolute; right: 0; top: 27px; }
    	.mainCall > div:first-child { margin-bottom: 5px; }
    	.mainCall i { width: 46px; height: 46px; line-height: 46px; border-radius: 50%; color: #fff; background: #c23232;  font-size: 23px; text-align: center; margin-right: 10px; }
    	.mainCall span { font-size: 30px; color: #000; text-shadow: 0.5px 0 0 #000; display: inline-block;  }




    /* gnbWrap */
    #gnbWrap {  width: 100%; position: relative; z-index: 19999; background: #289033; }
    #gnbWrap > div { overflow: visible !important; }
    .gnb > ul { position: relative; z-index: 11999; width: 1200px;   display: table;  }
	.gnb > ul > li { display: table-cell; vertical-align: middle; height: 59px;  text-align: center; border-left: 1px solid rgba(255,255,255,0.3); }
	.gnb > ul > li > a {  box-sizing: border-box;  }
	.gnb > ul > li:last-child { border-right: 1px solid rgba(255,255,255,0.3); }
    	.gnb li ul li { float:left; }
    	.gnb a.oneD { display:block; font-size: 22px; color:#fff;line-height: 59px;    }
    	.gnb a.oneD.on,
    	.gnb a.oneD:hover,
    	.gnb .select .oneD { color: #fff; background: #0c7317; }
    	.gnb .deps2 { position:absolute; top: 60px; left: 0; height:32px; z-index:100; overflow: visible; background: #0c7317; padding: 5px 15px 0; border-radius: 3px; }
    	.gnb .deps2 a { float:left; display:block; overflow:hidden; font-size: 15px; color:#fff; padding:5px 5px; }
    	.gnb .deps2 a.on,
    	.gnb .deps2 a:hover { color:#fff; }

    	.gnb .deps2 li a { position: relative; padding-left: 15px; padding-right: 6px; overflow:visible; color: rgba(255,255,255,0.8); }
    	.gnb .deps2 li a:after  { content: "|"; position: absolute; right: -8px; top: 5px; font-size: 16px; color: rgba(255,255,255,0.2); }
    	.gnb .m02 .deps2 li a:after  { top: 4px;}
    	.gnb .deps2 li:last-child a:after { content: ""; }

        .gnb .m01 .deps2 { left: 0px; }
		.gnb .m02 .deps2 { left: 193px; }
		.gnb .m03 .deps2 { left: 580px; }

    	.gnb li > ul { display: none; }


#header.fixed { position: fixed; top: 0px; box-shadow: 0px 0 10px #dcdcdc; z-index: 90000; }

    /* 메인이미지 */

    #mainImgWrap { position: relative; width: 100%; overflow: hidden; height: 698px; }

		.mainImg { width: 1920px; margin: 0 auto; position: relative; left: 50%; margin-left: -960px; }
		.mainImg  li {    }
		#mainSlider  { overflow: visible !important;}
		.mainImg .bx-viewport { overflow: visible !important; }


/* mainBanner_type01 */
#mainBanner_type01 {  width: 100%;  height: 462px; position: relative; overflow: hidden;  background: url(../img/bg_mainBanner01.jpg) no-repeat center 0; }
#mainBanner_type01 > div { }
#mainBanner_type01 h2 { font-size: 30px; color: #000;  margin: 60px 0 15px; text-align: left; text-transform: uppercase;  box-sizing: border-box; }
#mainBanner_type01 h2 span { color: #666; display: inline-block; font-size: 16px;  letter-spacing: -0.05em; margin-left: 15px; }
#mainBanner_type01 p { font-size: 18px; color: #4e4f4f;  text-align: center; line-height: 1.5em; letter-spacing: -0.05em; margin-bottom: 10px; }
#mainBanner_type01 .mc_img  {  border: 1px solid #ddd; border-bottom: none;  }
#mainBanner_type01 .mc_img a { overflow: hidden; display: block; width: 100%;  height: 203px;  }
#mainBanner_type01 .mc_img a > img { width: 100%; height: 100%; }
#mainBanner_type01 ul { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; margin-top: 30px; }
#mainBanner_type01 li { -webkit-transition: all 0.3s ease; transition:all 0.3s ease;  }
#mainBanner_type01 li:hover { /* box-shadow: 6px 7px 8px rgba(0,0,0,0.3); border-bottom-right-radius: 10px;  */  margin-top: -15px;border-bottom-left-radius: 10px;   }
#mainBanner_type01 li > div { width: 100%; }
#mainBanner_type01 li > div > a { font-size: 20px; color: #fff; display: block; text-align: center; background: #b53238; padding: 11px 0; border: 1px solid #ddd; border-top: none;  }
#mainBanner_type01 li > div > a:hover { color: #fff; }
#mainBanner_type01 .bx-viewport { padding-top: 20px; width: 1200px !important; }
#mainBanner_type01 .bx-wrapper { margin: 0 auto; }
#mainBanner_type01 .Wrap > strong { text-align: center; font-size: 20px; color: #31559d; margin-top: 40px; display: block; font-weight: normal; }

/* mainBanner_type02 */
#mainBanner_type02 { width: 100%; background: url(../img/bg_mainBanner02.jpg) no-repeat center 0; }
#mainBanner_type02 .Wrap { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; height: 374px;  }
#mainBanner_type02 .Wrap > div { display: table-cell; vertical-align: middle; }
#mainBanner_type02 .Wrap > div:nth-of-type(1)  { padding-right: 80px; width: 41%;  }
#mainBanner_type02 .Wrap > div:nth-of-type(2) { padding-left: 0px; display: flex;flex-direction: row; flex-wrap: nowrap; align-items: center;  }
#mainBanner_type02 .Wrap > div h2 { font-size: 35px; color: #fff; margin: 5px 0 20px; line-height: 1.15em; }
#mainBanner_type02 .Wrap > div h2 span { display: block; color: #fff; font-size: 18px;  }
#mainBanner_type02 .Wrap > div p { color: #fff; opacity: 0.8; line-height: 1.4em; margin-top: 10px; font-size: 18px; }
#mainBanner_type02 .Wrap > div:nth-of-type(2) p {  margin-top: 20px;  font-size: 16px; line-height: 1.5em;  }
#mainBanner_type02 .Wrap > div:nth-of-type(1) > strong { color: #fff;  line-height: 1.4em; margin-top: 20px; font-size: 22px; font-weight: normal; display: block; }
#mainBanner_type02 .Wrap > div:nth-of-type(1) > div { display: table;  }
#mainBanner_type02 .Wrap > div:nth-of-type(1) > div i,
#mainBanner_type02 .Wrap > div:nth-of-type(1) > div strong { display: table-cell; vertical-align: middle;  }
#mainBanner_type02 .Wrap > div:nth-of-type(1) > div i { font-size: 35px; width: 68px; height: 68px; line-height: 68px; text-align: center; vertical-align: middle; background: #ffc834;  color: #1c5a98; border-radius: 50%; display: inline-block; }
#mainBanner_type02 .Wrap > div:nth-of-type(1) > div strong { font-size: 40px; color: #ffc834; line-height: 1.2em; padding-left: 15px;  letter-spacing: 0px; font-weight: normal;  }
#mainBanner_type02 .Wrap > div:nth-of-type(2) > img,
#mainBanner_type02 .Wrap > div:nth-of-type(2) > div { display: inline-block; vertical-align: middle; }
#mainBanner_type02 .Wrap > div:nth-of-type(2) > div { padding-left: 40px; }
#mainBanner_type02 .Wrap > div:nth-of-type(2) > div a { display: inline-block; border: 1px solid rgba(255,255,255,0.7); padding: 8px 30px; color: #fff; margin-top: 20px;  -webkit-transition: all 0.5s ease; transition:all 0.3s ease;}
#mainBanner_type02 .Wrap > div:nth-of-type(2) > div a i { padding-left: 10px; vertical-align: middle; }
#mainBanner_type02 .Wrap > div:nth-of-type(2) > div a:hover { padding: 8px 50px; border: 1px solid rgba(255,255,255,1); }


/* mainGallery1 */
.mainGallery1 { width: 1200px; position: relative; overflow: hidden; margin: 50px auto; background: url(../img/dot.gif) repeat-x 0 0; padding-top: 50px; }
.mainGallery1 h2 { font-size: 27px; color: #000; display: block; font-weight: bold; }
.mainGallery1 > a { position: absolute; right: 10px; top: 65px; }
#mainBanner_type02 + .mainGallery1 { background: none !important; padding: 0; margin-top: 60px; }
.mainGallery1.G4 > a { top: 15px; }

/* #mainMap */
#mainMap { margin-top: 90px; margin-bottom: 95px; }

.tit_h2 { font-size: 32px; color: #000; text-align: left; margin-bottom: 30px; background: url(../img/icon_tit.gif) no-repeat 0 6px; padding-left: 35px; letter-spacing: -0.05em;  }
.tit_h2 span { font-size: 20px; display: inline-block; margin-left: 10px;   }
.tit_h3 {  font-size: 25px; color: #222; text-align: left; margin-bottom: 20px; margin-left: 20px; padding-left: 30px; position: relative; }
.tit_h3 i { position: absolute; left: 0; top: 2px; font-size: 25px; color: #222;  }

.box_strong { background: #f9f9f9; border-radius: 10px; font-size: 20px; padding: 30px 30px; display: block; color: #b72f2f; border: 1px solid #ddd; margin: 30px 40px 50px; text-align: center; }

/* ul */
.p_ul_type01 { overflow: hidden; width: 500px; display: table; text-align: center; border: 1px solid #ddd; border-radius: 3px; position: relative; margin: 0 auto; }
.p_ul_type01 li { display: table-cell; width: 33.3%; padding: 10px; border-right: 1px solid #ddd;}
.p_ul_type01 li a {     }
.p_ul_type01 li:last-child { border-right: none; }
.p_ul_type01 li.on { background: #f1f1f1;  }
.p_ul_type01 li.on a { color: #000; }

.p_ul_type02 li { float: left;  }
.p_ul_type02 li > div { width: 154px; margin-right: 17px;  }
.p_ul_type02 li:last-child > div { margin-left: 0 !important; }
.p_ul_type02 .mc_con { padding: 5px 15px 10px; position: relative; text-align: center; }
.p_ul_type02 .mc_con strong { display: inline-block;  position: absolute; top: -10px; text-align: center; left: 50%; width:419px; margin-left: -209px; }
.p_ul_type02 .mc_con strong span { background: #8154de; padding: 10px 30px; color: #fff; }
.p_ul_type02 .mc_con h3 { font-size: 28px; color: #000;  padding: 20px 0 10px 0; }
.p_ul_type02 .mc_con h4 { font-size: 20px; color: #e16224;  padding: 0px 0 0px 0; }
.p_ul_type02 .mc_con p { font-size: 16px; color: #666; padding: 10px 0 13px; line-height: 1.5em; letter-spacing: -1px; }
.p_ul_type02 .mc_con a { font-size: 16px; color: #666;  display: block;  padding: 5px 10px; margin: 10px 0 20px;}
.p_ul_type02 .mc_con a i { display: inline-block; padding-left: 20px; }
.p_ul_type02 .mc_con a:hover { /* text-decoration: underline; */ }

.p_ul_type02 .mc_img  {  width: 154px;}
.p_ul_type02 .mc_img a { height: 154px !important;  overflow: hidden;  border-radius: 50%;  position: relative; display: block; }
.p_ul_type02 .mc_img a img { width: 100%; height: 100%; }

.p_ul_type02 .online-call { background: url(../img/mainBanner_type03_img05.jpg) no-repeat; height: 693px; border: none; position: relative; }
.p_ul_type02 .online-call > div { width: 90%; margin: 0 auto; position: relative; overflow: hidden; text-align: center; padding: 65px 0 0 0; }
.p_ul_type02 .online-call > div h3 { font-size: 30px; color: #000; margin-bottom: 10px;}
.p_ul_type02 .online-call > div p {  font-size: 16px; color: #666; letter-spacing: -1px; line-height: 1.5em; }
.p_ul_type02 .online-call > strong { position: absolute; bottom: 0; left: 0; width: 100%; display: block; background-color: rgb(34, 63, 31, 0.9); height: 70px; line-height: 70px; color:#fff; font-size: 30px; font-weight: normal; text-align: center;  }
.p_ul_type02 .online-call > strong span { font-weight: normal;font-size: 22px; vertical-align: middle; display: inline-block; padding-right: 10px;}

.p_ul_type03 { overflow: hidden;  position: relative; margin: 0 auto;  text-align: right; }
.p_ul_type03 li { float: left; margin-bottom: 70px; counter-increment: myIndex;  }
.p_ul_type03 li > div { width: 80%; position: relative;  }
.p_ul_type03 li .mc_img { }
.p_ul_type03 li .mc_img img { width: 100%; height: 100%; border-radius: 50%; /* box-shadow: 3px 3px 10px rgba(0,0,0,0.3); */ }
.p_ul_type03 li .mc_con p { text-align: center; margin-top: 15px; }
.p_ul_type03 li .mc_con p:before { content: counter(myIndex); display: inline-block; background: #d82222; color: #fff; width: 30px; height: 30px; line-height: 30px;  border-radius: 50%; vertical-align: middle; margin-right: 7px; }
.p_ul_type03 li i {  position: absolute; top: 35%; right: -45px; font-size: 40px; color: #ddd; }
.p_ul_type03 li:nth-of-type(4) i { top: 280px; right: 80px;  }
.p_ul_type03 li:nth-of-type(5),
.p_ul_type03 li:nth-of-type(6),
.p_ul_type03 li:nth-of-type(7) { float: right; }
.p_ul_type03 li:nth-of-type(5) i,
.p_ul_type03 li:nth-of-type(6) i { right: 230px; }

.p_ul_type04 { position: relative; overflow: hidden; margin-left: 40px; }
.p_ul_type04 li { position: relative; font-size: 16px; line-height: 1.6em;padding-left: 15px;  }
.p_ul_type04 li:before { content: "-"; position: absolute; left: 0; top: 0px; }

.p_ul_type05 { overflow: hidden; position: relative; display: table; text-align: center; margin: 0 auto;  }
.p_ul_type05 li { display: table-cell; position: relative; }
.p_ul_type05 li div { position: relative; padding: 0 40px; width: 275px; }
.p_ul_type05 li i { position: absolute; right: -40px; top: 85px; font-size: 60px; color: #ddd; }
.p_ul_type05 li:last-child i { display: none; }
.p_ul_type05 li div p { font-size: 20px; color: #000; margin-top: 25px;  }
.p_ul_type05 li div p span { color: #b13131; }

.p_ul_type06 { position: relative; display: table; margin: 0 auto; overflow: visible; }
.p_ul_type06 li { display: table-cell; text-align: center; }
.p_ul_type06 li > div { position: relative; padding: 0 30px; box-sizing: border-box; }
.p_ul_type06 li > div > div { border: 2px solid #ddd;  padding: 50px 40px 0; box-sizing: border-box; border-radius: 50px; }
.p_ul_type06 li > div p { font-size: 22px; color: #000; margin-top: 25px; }
.p_ul_type06 li > div em { position: absolute; top: -60px; right: 0px; background: url(../img/puid1_img02_bg.png) no-repeat 0 0; width: 136px; height: 155px; line-height: 1.3em;  font-style: normal;  color: #000; padding-top: 50px; font-size: 18px; }
.p_ul_type06 li > div em span { color: #b22929; }

.p_ul_type07 { display: flex; border-top: 1px solid #666; border-bottom: 1px solid #666; flex-direction: column; flex-wrap: nowrap;  }
.p_ul_type07 li  { border-bottom: 1px dashed #ddd; }
.p_ul_type07 li:last-child { border: none; }
.p_ul_type07 li > div { font-size: 18px; padding: 25px 20px 25px 50px ; position: relative; }
.p_ul_type07 li > div i { position: absolute; top: 21px; left: 20px; color: #c23232; font-size: 25px; }

.p_box_type01 { background: #f5f5f5; font-size: 18px; color: #666; padding: 30px 40px; line-height: 1.6em; margin-bottom: 60px;  }

.p_ul_type08 { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:  space-around;   }
.p_ul_type08 li {  }
.p_ul_type08 li > div { width: 100%;  }
.p_ul_type08 li:last-child > div { margin-left: 0 !important; }
.p_ul_type08 .mc_con { padding: 5px 15px 10px; position: relative; text-align: center; }
.p_ul_type08 .mc_con strong { display: inline-block;  position: absolute; top: -10px; text-align: center; left: 50%; width:419px; margin-left: -209px; }
.p_ul_type08 .mc_con strong span { background: #8154de; padding: 10px 30px; color: #fff; }
.p_ul_type08 .mc_con h3 { font-size: 28px; color: #000;  padding: 20px 0 10px 0; }
.p_ul_type08 .mc_con h4 { font-size: 20px; color: #e16224;  padding: 0px 0 0px 0; }
.p_ul_type08 .mc_con p { font-size: 16px; color: #666;  display: inline-block;  padding: 10px 30px; margin: 20px 0 0px; background: #1687d6; color: #fff; font-size: 18px; border-radius: 40px; }
.p_ul_type08 .mc_con a { font-size: 16px; color: #666;  display: block;  padding: 5px 10px; margin: 10px 0 20px;}
.p_ul_type08 .mc_con a i { display: inline-block; padding-left: 20px; }
.p_ul_type08 .mc_con a:hover { /* text-decoration: underline; */ }

.p_ul_type08 .mc_img  {  }
.p_ul_type08 .mc_img img {     position: relative; display: block;  }


/* p_dl_type01 */
.p_dl_type01 { position: relative; overflow: hidden; }
.p_dl_type01 dt { font-size: 55px; color: #000; display: block; line-height: 1.4em; text-align: center; font-family: 'GoyangDeogyang'; }
.p_dl_type01 dd { font-size: 30px; color: #000; display: block; line-height: 1.5em; text-align: center; margin-top: 10px; }
.p_dl_type01 dd span { color: #b53535; }

/* p_dl_type02 */
.p_dl_type02 dt { font-size: 38px; color: #000; display: block; line-height: 1.4em; text-align: center; line-height: 1.4em;  }
.p_dl_type02 dt span { color: #b53535; }
.p_dl_type02 dd { font-size: 25px; color: #666; display: block; line-height: 1.4em; text-align: center; margin-top: 15px; }
.p_dl_type02 dd span { color: #48aee8; }

/* puid1_div03 */
.puid1_div03 { position: relative; overflow: visible; background: #f9e68b; height: 409px; }
.puid1_div03 > img { position: absolute; bottom: -63px; left: 0px; width: 695px; height: 405px; z-index: 100; }
.puid1_div03 > div { position: absolute; top: 110px; left: 622px; }
.puid1_div03 > div strong { font-size: 37px; color: #355ad0; display: block; margin-bottom: 30px; font-weight: normal;  font-family: 'Cafe24Dangdanghae'; }
.puid1_div03 > div dl {  }
.puid1_div03 > div dl dt,
.puid1_div03 > div dl dd { font-size: 20px; color: #000; display: inline-block; line-height: 1.8em; letter-spacing: -0.05em; position: relative; }
.puid1_div03 > div dl dt:after { content: ":"; display: inline-block; padding: 0 5px;  }
.puid1_div03 > div dl dd { width: 80%;  }
.puid1_div03 > div dl dd span { color: #a525cb; }

/* puid1_div04 */
.puid1_div04 {  position: relative; overflow: hidden; background: #355ad0;  }
.puid1_div04 ul { position: relative; overflow: hidden; margin: 0 auto; padding: 120px 0 70px; display: table; }
.puid1_div04 ul li { margin-bottom: 50px; }
.puid1_div04 ul li > div { display: table; }
.puid1_div04 ul li > div > img,
.puid1_div04 ul li > div > div {  display: table-cell; vertical-align: middle; }
.puid1_div04 ul li > div > div { padding-left: 40px; }
.puid1_div04 ul li > div > img { border-radius: 50%; width: 200px; height: 200px; }
.puid1_div04 ul li:nth-of-type(2n) > div > div { padding-right: 40px; padding-left: 0; text-align: right; }
.puid1_div04 ul li:nth-of-type(2n) > div > div {  }
.puid1_div04 ul li > div > div h3 { font-size: 27px; color: #ffde40; display: block; margin-bottom: 15px;  line-height: 1.4em; }
.puid1_div04 ul li > div > div dl dt { font-size: 20px; color: #fff; display: block; margin-bottom: 10px; line-height: 1.4em; }
.puid1_div04 ul li > div > div dl dd { font-size: 16px; color: rgba(255,255,255,0.7); display: block; margin-bottom: 10px; line-height: 1.6em; letter-spacing: -0.03em; }
.puid1_div04 ul li > div > div dl dd span { color: #a7f2ff; }



.tab_boardGallery {   position: relative; width: 100%; margin: 30px auto 0; display: flex;flex-direction: row; flex-wrap: nowrap; justify-content: space-between;  }
.tab_boardGallery li {  margin: 0 27px 27px 0px;  overflow: hidden; position: relative; box-sizing: border-box;  -webkit-transition: all 0.5s ease; transition:all 0.3s ease; top: 0; }
.tab_boardGallery li:nth-of-type(4n) { margin-right: 0; }
.tab_boardGallery li > div { width: 278px;  }
.tab_boardGallery li > div { width: 278px; background: #f1f1f1; text-align: center; }
.tab_boardGallery li > div > a { width: 100%;  height: 300px;  overflow: hidden; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center;  }
.tab_boardGallery li > div > a img { max-width: 100%;  max-height: 100%; }
.tab_boardGallery li > div > h3 { font-size: 18px; color: #333; display: block; margin: 20px 0; }
.tab_boardGallery li > div > div a { font-size: 14px; color: #666; border: 1px solid #ddd; background: #fff; padding: 7px 0 5px; text-align: center; width: 90px; display: block;  -webkit-transition: all 0.5s ease; transition:all 0.3s ease; }
.tab_boardGallery li:hover > div > div a { width: 130px; border-color: #346db2; color: #fff; background: #346db2; }
.tab_boardGallery li:hover  { top: -10px;   }


/* tab 상품들 */
#tabPrd { background: url(../img/bg_mainBanner_type02.jpg) no-repeat center 0; width: 100%;  }
#tabPrd .Wrap { display: table; max-width: 1600px; width: 100%; height: 720px; margin: 0 auto;  }

#tabPrd .Wrap > div { display: table-cell; vertical-align: middle; }
#tabPrd .Wrap h2 { font-size: 42px; color: #fff; margin-bottom: 30px; }
#tabCate {  overflow: hidden; width: 370px;}
#tabCate li {  position: relative; }
#tabCate li a { font-size: 20px; display: inline-block;  line-height: 32px; color: #c2c2c2; }
#tabCate li a:hover,
#tabCate li a.active {   color: #fff; }
/* tab 상품 list */
.tabPrd_list { /* border: 1px solid #eee; border-top: none; */ box-sizing: border-box;  overflow: hidden;  width:100%;   position: relative; padding-top: 70px; }



    /* 메인컨텐츠 */
    #mainCon { position: relative; z-index: 5000; }
    #mainCon .Wrap > h2 { font-size: 40px; text-align: center; color: #000; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; margin-bottom: 40px;}
    #mainCon .Wrap > p { font-size: 16px; color: #333; text-align: center; margin-top: 10px; line-height: 1.5em; margin-bottom: 50px; }
	#mainCon .productWrap { padding: 26px 0 25px; background-color: #f2b301; }
	#mainCon .productWrap .Wrap { overflow: visible !important; }
	#mainCon .productWrap ul { overflow: hidden; }
	#mainCon .productWrap ul li { float: left; }
	#mainCon .productWrap ul li a { display: block; text-align: center; width: 137px; }
	#mainCon .productWrap ul li a span { display: block; font-size: 17px; color: #fff; padding-top: 62px; }
	#mainCon .productWrap ul li a span:hover { text-decoration: underline; }

	/* 갤러리 추출 */
    .boardGallery { overflow: hidden;  width: 100%;  }
    .boardGallery li { float: left; width: 33%; position: relative;  overflow: hidden; margin-bottom: 40px; }
    .boardGallery li > div { width: 90%; overflow: hidden;  height: 270px; box-sizing: border-box; }
    .boardGallery li > div > a { display: inline-block; width: 100%; /* height: 363px; overflow: hidden; */  overflow: hidden; }
    .boardGallery li > div > a > img { width: 100%; }
    .boardGallery li h3 {  text-align; center; width: 90%; text-align: center; padding: 20px 0 0 0; }
    .boardGallery li h3 a {  color: #fff; display: block; }
    .over1 { position: relative; width: 100%; height: 40px; line-height: 40px; color: #fff; text-align: center;  z-index: 10000; bottom: 0px; left: 0px; display: none;
             background: rgba(0, 0, 0, 0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#8f000000, endColorstr=#8f000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#8f000000, endColorstr=#8f000000)";
           }
    .over1 a span { color: #fff !important; }

    .table_type02 .t_date { margin-top: 20px; }




    /* 공지사항 추출 */
    .boardList { width: 100%; }
    .boardList li { color: #666; font-size: 14px;  width:33.3%;  float: left; }
    .boardList li a:hover { text-decoration: underline;  }
    .boardList li a { width: 100%; color: #666; line-height: 1.0em; display: inline-block; }
    .boardList li > a > font { color: #c8bfc0 !important; }
    .boardList li:hover > a > font { color: #666 !important; }
    .boardList a span { display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 20px; color: #333; line-height: 1.4em;}
    .boardList a:hover span {  color: #346bce; }
    .boardList li > p { color: #888; display: inline-block; width: 360px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; color: #666;  padding: 13px 0; }
    .date { padding-left: 0 !important; color: #666; }


    /* 서브 */
    #sub-centents { min-height: 600px; margin-bottom: 100px; }
    #contentWrap { /* padding-top: 200px; */ width: 100%; background: #fff; margin: 0 auto; }
    #contentWrap .Wrap {  min-height: 800px;  overflow: hidden; margin-bottom: 100px;  }
        #aside { width:100%; position: relative; background: #fafafa; border-bottom: 1px solid #e6e6e6; }
        #aside .Wrap { overflow: visible; }
        #subContent { width: 100%;  background: #fff; padding: 0 0 0 0; }
        #aside .fixed { position: fixed; top: 0px; width:100%; z-index: 50000; background: #fafafa; border-bottom: 1px solid #e6e6e6; }

   .subtxt { font-size: 35px; text-align: left; color: #333; line-height: 1.5em; margin: 80px 0 30px; }
   .subTxt p { line-height: 1.5em; }
   .subTxt h3 { font-size: 20px; margin: 0 0 10px 0; }
   .subTxt .dl_type01 {  }
   .subTxt .dl_type01 dt { color: #000; margin-bottom: 5px;  }
   .subTxt .dl_type01 dd { line-height: 1.5em; }
   .subtxt:before { /* width: 50px; height: 3px; background: #f51717; display: block; content: ""; margin-bottom: 20px; */ }

   .img_c { text-align: center; }
   .img_c img { margin-bottom: 80px; width: 100%; }


	/* lnb */
	.lnbWrap { position: absolute; right: 0; top: 30px;  }
	.lnbWrap > div > h2 { text-align: center; font-size: 26px; padding: 45px 0 40px; color: #000; }
	.lnb {  display: table; width: 100%;  }
	.lnb > li { display: inline-block; position: relative; vertical-align: top; }
	.lnb > li > a > i { position: absolute; right: 20px; top: 40%; }
	.lnb > li > a { font-size: 16px; height: 40px; line-height: 40px; width: 300px; text-align: center; display: block;  }
	.lnb > li:nth-of-type(2) > a { border: 1px solid #e5e5e5; }
	.lnb > li:first-child a { width: 70px; font-size: 1.4em; color: #333: }
	.lnb > li.active a {  color: #000; }
	.lnb > li:hover > a { border: 1px solid #666;  border-bottom: none; }
	.lnb > li a.oneD.on,
	.lnb > li a.oneD:hover { color: #333;   opacity: 1;}
	.lnb a.on,
	.lnb a:hover { color: #333; opacity: 1;  }

	.lnb > li.tM02 > a { width: 390px; }
	.lnb > li.tM03 > a { width: 480px; }

    .top_lnb { display:none; position:absolute; top: 60px;  background:#fff; border:1px solid #666; padding:11px; z-index:10006; width: 92%;}
    .top_lnb li { padding-left:5px; box-sizing: border-box; }
    .top_lnb li a { display:block; font-size: 14px; color:#666;  line-height:30px;}
    .top_lnb li a:hover { color:#000; text-decoration:underline;}

	.lnb1 {  display: table; width: 100%;  height: 60px; line-height: 65px; width: 300px; padding: 0 20px; border: none; border-right: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;     background: #fafafa; }
	.lnb1 option { font-size: 16px; text-align: center; display: block;  }




	/* 서브 상담문의 */
	.subcall {   }
		.subcall div { padding: 30px 0 0 25px; }
		.subcall h3 { font-size: 14px; color: #3c4046; }
		.subcall p,
		.subcall dl dd { font-size: 26px; color: #0aa3f2; line-height: 1.1em; letter-spacing:0;  font-weight: bold; font-family: 'Helvetica', sans-serif; }
		.subcall p {  }
		.subcall dl { overflow: hidden; margin-top: 10px; }
		.subcall dl dt { font-size: 14px; letter-spacing: -0.08em; }
		.subcall dl dt,
		.subcall dl dd { color: #666; }

	/* 서브이미지 */
	#subCon { position: relative; }
		#subImg { /* background: url(../img/sub_img.jpg) no-repeat center 0; */ position: relative; }
		#subImg .Wrap { height: 160px; border-bottom: 2px solid #333;  overflow: visible; }

        #subContent { padding-bottom: 130px; opacity: 0;}
        .con-header { position: absolute; bottom: 50px; overflow: hidden; /*  border-bottom: 1px solid #ccc; */ text-align: left; width: 100%; }
        .con-header > h2 { font-size: 36px; color: #000;  font-family: 'GoyangDeogyang';}
        .con-header > h2 > span { display: inline-block; color: #333; font-size: 27px;  line-height: 1.5em; margin-top: 5px; font-family: 'nanum-barun-gothic-regular'; position: relative; padding-left: 30px; margin-left: 30px;  }
        .con-header > h2 > span:before { content: ""; position: absolute; height: 32px; width: 1px; background: #ddd; left: 0; top: 3px;  }
        .con-header > h2 > p { font-size: 20px; color: #fff;  line-height: 1.1em;}
        .con-header > span { float: right; font-size: 12px; color: #6b6b6b; display: block; margin-top: 18px; font-family: 'dotum', sans-serif; display: none; }
        .con-header > p { position: absolute; right: 0; top: 25px; font-size: 14px; color: #929292; line-height: 1.4em;}

        #subContent .content { min-height: 700px; max-width: 1200px; margin: 0 auto; }

        .subtxt1 { font-size: 25px; color: #444; font-family: 'Nanum Gothic',sans-serif; letter-spacing: -0.05em; margin-bottom: 40px; line-height: 1.5em; }
        .subtxt1 span { color: #ffa723; }

		/* 인사말 */
        .puid1 { position: relative; overflow: hidden; }
        .puid1 .p_table_type03 td span { display: inline-block; }
        .puid1 .p_table_type03 td span:after { content: "|"; display: inline-block; padding: 0 10px; color: #999; }
        .puid1 .p_table_type03 td span:last-child:after { content: ""; }
        .puid1 .puid1_txt { text-align: center; }
        .puid1 .puid1_txt p { font-size: 18px; line-height: 1.5em; margin-bottom: 20px; padding: 0 20px;}
        .puid1 .puid1_txt p:nth-of-type(1) {  font-family: 'NotoSerifKR'; font-size: 35px; color: #000; letter-spacing: -0.07em; }
        .puid1 .puid1_txt p:nth-of-type(4) {  font-size: 21px; color: #000; letter-spacing: -0.05em;  }
        .puid1 .puid1_txt p:nth-of-type(3) {  font-size: 21px; color: #3166bf; letter-spacing: -0.05em;  }
        .puid1 .img_c img { margin-bottom: 50px; border-radius: 20px; }
        .puid1 .puid1_txt strong { font-size: 18px; color: #222; text-shadow: 0.5px 0 0 #222; display: block; margin-top: 30px; font-weight: normal; }

        /* puid1_1 */
        .puid1_1 hr { border-bottom: 1px dotted #000; margin-bottom: 120px; padding-top: 110px; }
        .puid1_1 .p_dl_type01 { margin-bottom: 50px; }
        .puid1_1 .p_ul_type06 {  margin-top: 100px;  }
        .puid1_1 > strong { font-size: 40px; color: #000; display: block; margin-bottom: 40px; line-height: 1.4em; text-align: center; font-weight: normal; }
        .puid1_1 > strong span { color: #b73f3f; }
        .puid1_1 > em { background: #f9f9f9; font-size: 25px; text-align: center; display: block; margin-bottom: 80px; padding: 50px 50px;  font-style: normal; line-height: 1.5em; font-family: 'NotoSerifKR'; letter-spacing: -0.05em; }


        /* puid2 */
        .puid2 {  }
        .puid2 h2 { font-size: 31px; color: #ff6724;  margin: 0px 0 50px; text-align: left;     font-family: 'NotoSerifKR'; letter-spacing: -0.07em; line-height: 1.4em; text-align: center; }
        .puid2 h2 span { display: block; font-size: 28px; color: #000; }
        .puid2 h3 { font-size: 42px; color: #ff6724; display: block;  text-align: center;  font-family: 'NotoSerifKR'; letter-spacing: -0.05em; line-height: 1.3em; margin-bottom: 70px; }
        .puid2 h3 span { font-size: 26px; color: #333; display: block;  }
        .puid2 .puid2_ul { overflow: hidden; position: relative;  margin: 120px auto 0;  text-align: center; }
        .puid2 .puid2_ul li { float: left; vertical-align: top; /* margin: 10px 20px 40px; */  box-sizing: border-box;   width: 24%; margin-right: 12px; margin-bottom: 23px; }
        .puid2 .puid2_ul li:nth-of-type(4n) { margin-right: 0; }
        .puid2 .puid2_ul li > div { position: relative; width: 95%; margin: 0 auto;  }
        .puid2 .puid2_ul li > div > div { /* height: 156px; width: 156px; line-height: 156px; */ }
        .puid2 .puid2_ul li > div > div img { border-radius: 10px; width: 100%; }
        .puid2 .puid2_ul li p {  color: #333; display: block; font-size: 20px; line-height: 1.5em; vertical-align: middle; background: #fff; padding: 10px 10px; border-bottom-left-radius: 10px;  border-bottom-right-radius: 10px; border: 1px solid #ddd; border-top: none; }

        .puid2_img { position: relative; overflow: visible; margin-bottom: 110px; }
        .puid2_img img { border-radius: 20px;  width: 100%;}
        .puid2_img dl { background: #30ae83; width: 440px; height: 340px; box-sizing: border-box; padding: 50px 45px; position: absolute; right: 60px; bottom: -50px; border-radius: 20px; }
        .puid2_img dl dt,
        .puid2_img dl dd { display: block; }
        .puid2_img dl dt { font-size: 37px; color: #fff; margin-bottom: 15px;  line-height: 1.4em; }
        .puid2_img dl dd li { font-size: px; color: rgba(255,255,255,0.8); position: relative; padding-left: 20px; font-size: 23px; line-height: 1.4em; margin-bottom: 5px; }
        .puid2_img dl dd li:before { position: absolute; left: 0; top: 0; content: "-";  }



        .txt_blue { color: #2a7aa1; }

        /* puid3 */
        .puid3 {  }

        .puid3 > strong { font-size: 31px; color: #ff6724;  margin: 0px 0 50px; text-align: left;     font-family: 'NotoSerifKR'; letter-spacing: -0.07em; line-height: 1.5em;  font-weight: normal; margin: 0px 0 30px; display: block; }
        .puid3 > strong  span { display: block; font-size: 26px; color: #000;text-align: left; line-height: 1.4em;  }
        .puid3 > .tit_h2:nth-of-type(1) { margin-top: 60px; }



        /* table */
        .table_type01 thead th {  border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; border-right: 1px solid #afc4e4; background-color: #d6e1f2; padding: 10px 0; line-height: 30px;  }
        .table_type01 thead th:nth-of-type(3) {  border-right: none; }
        .table_type01 tbody th,
        .table_type01 tbody td { border-bottom: 1px solid #eee; padding: 10px 20px 0; line-height: 30px; border-right: 1px solid #eee; }
        .table_type01 tbody td p { margin-bottom: 10px; }

        .table_type02 thead th {  border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; border-right: 1px solid #afc4e4; background-color: #d6e1f2; padding: 10px 0; line-height: 30px;  }
        .table_type02 tbody th,
        .table_type02 tbody td { border: 1px solid #eee; padding: 10px 20px 0; line-height: 30px; text-align: center; }
        .table_type02 tbody th { text-align: left; background: #f6f9e8; }

        .table_type03 { border-top: 2px solid #719bd5 !important; }
        .table_type03 tbody th,
        .table_type03 tbody td { border: 1px solid #eee; padding: 10px 20px 0; line-height: 1.5em; text-align: left; }
        .table_type03 tbody th { text-align: left; background: #d6e1f2;  }
        .table_type03 tbody td p { margin-bottom: 10px; }

        /* dl_type */
        .dl_type01 { display: table; width: 95%; border: 1px solid #ddd;  }
        .dl_type01 dt,
        .dl_type01 dd { display: inline-block;vertical-align: top; padding: 20px;   box-sizing: border-box; border-bottom: 1px solid #ddd; }
        .dl_type01 dt:last-child,
        .dl_type01 dd:last-child { border-bottom: none; }
        .dl_type01 dt { width: 15%; background: #d6e1f2; border-right: 1px solid #ddd;   }
        .dl_type01 dd { width: 85%; line-height: 1.5em; }



        .p_table_type01 { width: 100%; position: relative; }
        .p_table_type01 h2 { font-size: 35px; color: #000; text-align: center; margin-bottom: 30px; }
        .p_table_type01 tbody th,
        .p_table_type01 tbody td { border: 1px solid #dfdfdf; padding: 15px 0; line-height: 30px; }
        .p_table_type01 tbody td { padding-left: 20px; background: #fcfcfc;  font-size: 18px; }
        .p_table_type01 tbody th { border-right: 1px solid #eee; background: #5faae3; color: #fff; font-weight: normal; font-size: 20px; }
        .p_table_type01 tbody tr:first-child td:nth-of-type(1) { color: #000; font-size: 22px; }
        .p_table_type01 tbody dl { display: table; }
        .p_table_type01 tbody dl dt,
        .p_table_type01 tbody dl dd { display: inline-block; vertical-align: top; }
        .p_table_type01 tbody dl dt { width: 20%; }
        .p_table_type01 tbody dl dd { width: 75%; line-height: 1.4em;}
        .p_table_type01 tbody dl dd p:before { content: "-"; padding-right: 5px; }


.p_table_type02 thead th {  border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; border-right: 1px solid #afc4e4; background-color: #d6e1f2; padding: 10px 0; line-height: 30px;  }
.p_table_type02 tbody th,
.p_table_type02 tbody td { border: 1px solid #e6e6e6; padding: 10px 20px 0; line-height: 30px; text-align: left; }
.p_table_type02 tbody th { text-align: left; background: #f6f9e8; }

.p_table_type03 { border-top: 2px solid #719bd5 !important; }
.p_table_type03 tbody th,
.p_table_type03 tbody td { border: 1px solid #eee; padding: 15px 20px 15px; line-height: 1.5em; text-align: left; }
.p_table_type03 tbody th { text-align: center; background: #d6e1f2;  }
.p_table_type03 tbody td p { margin-bottom: 10px; }

.p_table_type04 {  }
.p_table_type04 thead th {  border: 1px solid #eee; padding: 15px 20px 15px;  text-align: center; background: #d6e1f2; }
.p_table_type04 tbody th,
.p_table_type04 tbody td { border: 1px solid #eee; padding: 15px 20px 15px; line-height: 1.5em; text-align: left; }
.p_table_type04 tbody th { text-align: center; background: #f4f9ee;  }
.p_table_type04 tbody td p { margin-bottom: 10px; }

        /* ul type */
		.p_ul_type_01 { display: table; width: 100%; vertical-align: top; }
		.p_ul_type_01 li { display: inline-block; padding: 0 7px; margin-bottom: 14px; }



        /* 오시는길 */
		.map { margin: 40px auto 0; width: 80%; overflow: hidden; position: relative; }
		.map li { display: table; width: 50%; margin-bottom: 10px; float: left; }
		.map li > i,
		.map li > div { display: inline-block;  text-align: left; vertical-align: middle; }
		.map li > i { width: 50px; height: 50px; line-height: 50px; border-radius: 50%; background: #919191; color: #fff; font-size: 30px;  text-align: center; margin-right: 10px; }


        .ready { text-align: center; margin-top: 100px; }

        .infoMap { width: 1000px; margin: 0 auto; }



        /* 사업소개 */
        #info03Wrap { width: 100%; display: table; }
        #info03Wrap > div { display: inline-block; width: 228px; box-sizing: border-box; vertical-align: top; margin-right: 59px; }
        #info03Wrap > div:last-child { margin-right: 0; }
        #info03Wrap > div h3 { font-size: 30px; color: #cf3636; margin: 8px 0 15px; }
        #info03Wrap > div p { font-size: 16px; color: #666; letter-spacing: -1px; line-height: 1.6em; }

        /* 갤러리 */
        .gallery03_hSize { height: 199px !important; }



	/* footer */
    #footer {  position: relative; border-top: 1px solid #ddd; background: #333; }

    #footer .admin { position: relative; font-family: 'dotum' , sans-serif; background: #666; padding: 7px 0px 5px; text-transform: uppercase; font-size: 12px; font-weight: bold;  display: block; color: #fff; margin: 0 auto; width: 70px; margin: 0 auto; text-align: center; margin-top: 10px;  }
    #footer .admin:hover { color: #fff; background: #000; }

    #footer .Wrap {}
	#footer .Wrap address { color: #c6c6c6; }
	#footer .Wrap p { color: #939393; margin-top: 3px; }
    #footer .Wrap address,
    #footer .Wrap p { font-style: normal; font-size: 16px; line-height: 1.5em; letter-spacing: -0.025em; text-align: center; color: rgba(255,255,255,0.6); }
	#footer .address {   padding: 35px 0 30px; }
	#footer .address span:after { content: "|"; padding: 0 7px;  }
	#footer .address span:nth-of-type(5):after,
	#footer .address span:last-child:after { content: ""; padding: 0;  }
	#footer .address span b { font-weight: normal; background: #666; border-radius: 20px; font-size: 13px; padding: 0px 15px; display: inline-block; margin: 0 4px; position: relative; top: -3px; color: #f1f1f1; }







/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper { position: relative; padding: 0; *zoom: 1; top: 0;  }
/*
.bx-wrapper img { max-width: 100%;  display: block;  }
*/

/** THEME
===================================*/

.bx-wrapper .bx-controls-auto { position: absolute; bottom: 0; width: 100%; }

/* 메인이미지 */
.mainImg { }
.mainImg .bx-wrapper .bx-controls-auto { position: absolute; bottom: 0; width: 100%; }
.mainImg .bx-pager { width: 100%;  z-index: 9999;  bottom: 20px; /*top: 58%; */  position: absolute;  display: table; padding-left: 940px;  display: none;}
.mainImg .bx-pager > div { display: inline-block; text-align: center; margin: 0 7px; }
.mainImg .bx-pager-item {  }
.mainImg .bx-pager-item a { text-indent: -999em;   width: 10px; height: 10px; border-radius: 50%;  background: #fff; display: block;  }
.mainImg .bx-pager-item a.active { background: #aa2828; }

.mainImg .bx-controls .bx-controls-direction { overflow: visible; position: absolute; width: 1200px; left: 50%; margin-left: -600px; top: 0;   }
.mainImg .bx-controls .bx-controls-direction a { display: block;  width: 51px; height: 61px; text-indent: -99999px; position: absolute; top: 300px;  height: 91px;  }
.mainImg .bx-controls .bx-controls-direction a.bx-prev { background: url(../img/main_arrow_l.png) no-repeat; left: -180px;     background-size: 70%;  }
.mainImg .bx-controls .bx-controls-direction a.bx-next { background: url(../img/main_arrow_r.png) no-repeat; right: -180px;   background-size: 70%;    }

.mainImg .bxBtn { width: 1200px; position: absolute;  left: 50%; margin-left: -600px; z-index: 80000; top: 0; height: 679px; overflow: visible; }
.mainImg .bxBtn > span { position: absolute; top: 0; height: 679px; width: 1200px;  z-index: 80000;  }
.mainImg .bxBtn #bxslider_prev { left: -1200px; }
.mainImg .bxBtn #bxslider_next { right: -1200px; }
.mainImg .bxBtn a { display: block; position: absolute; top: 45%;   }
.mainImg .bxBtn #bxslider_prev a { right: 20px;  }
.mainImg .bxBtn #bxslider_next a { left: 20px; }
.mainImg .bxBtn a i { color: #fff; font-size: 80px;  }

/* tabmenu */
#tabMenu .Wrap { overflow: visible; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.tabPrd_list .bx-wrapper .bx-controls-direction { position: absolute; top: -75px; width: 100%; right: 27px; }
.tabPrd_list .bx-wrapper .bx-controls-direction a { position: absolute; top: 0;  outline: 0; width: 32px; height: 32px;  text-indent: -9999px; z-index: 9999; border:1px solid #ddd; }
.tabPrd_list .bx-wrapper .bx-controls-direction a i { display: inline-block; width:100%; position: absolute; text-align: center; font-size:1.5em; height: 33px; line-height: 33px; text-indent: 0; left:0; top: 0; }
.tabPrd_list .bx-wrapper .bx-controls-direction a.disabled { display: none; }
.tabPrd_list .bx-wrapper .bx-controls-direction a { text-indent: -999em; }
.tabPrd_list .bx-wrapper .bx-prev { right: 33px; background: #f4f4f4;  }
.tabPrd_list .bx-wrapper .bx-next { right: 0px; background: #f4f4f4; }

.tab_list .bx-controls-direction { display: none; }

/* 갤러리 */
/* DIRECTION CONTROLS (NEXT / PREV) */
#mainBanner_type03 .bx-wrapper .bx-controls-direction { position: absolute; top: 47%; width: 100%; right: 27px; }
#mainBanner_type03 .bx-wrapper .bx-controls-direction a { position: absolute; top: 0;  outline: 0; width: 60px; height: 60px;  text-indent: -9999px; z-index: 9999; background: #666666; border-radius: 50%;}
#mainBanner_type03 .bx-wrapper .bx-controls-direction a i { display: inline-block; width:100%; position: absolute; text-align: center; font-size:1.5em; height: 60px; line-height: 60px; text-indent: 0; left:0; top: 0; color: #fff;}
#mainBanner_type03 .bx-wrapper .bx-controls-direction a.disabled { display: none; }
#mainBanner_type03 .bx-wrapper .bx-controls-direction a { text-indent: -999em; }
#mainBanner_type03 .bx-wrapper .bx-prev { left: -70px; background: #f4f4f4;  }
#mainBanner_type03 .bx-wrapper .bx-next { right: -130px; background: #f4f4f4; }

#mainBanner_type03 .bx-controls .bx-pager { display: none; }

/* margin */
.mt_10 { margin-top: 10px; }
.mt_15 { margin-top: 15px; }
.mt_20 { margin-top: 20px !important; }
.mt_30 { margin-top: 30px !important; }
.mt_40 { margin-top: 40px; }
.mt_50 { margin-top: 50px; }
.mt_60 { margin-top: 60px; }
.mb_60 { margin-bottom: 60px !important; }

/* col */
.col4 li { width: 25%; }


/* color */
.c_black { color: #000; }
.c_red { color: #d0282f; }

/* 갤러리 게시판 */
.galleryType01 li .g_img { /* height: 350px !important; */  }
.galleryType01 li .g_img img { /* width: 100%; height: 100%; */ }
.galleryType01 li .g_img { border: none !important; background: #f1f1f1; }
.galleryType01 li .g_img > a { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; height: 300px !important; }

.wr_listType01 input { height: 24px; padding-left: 5px; vertical-align: middle; }

.galleryType05 .g_img { /* height: 270px !important; */ }
.galleryType05 li .g_img img { width: 100%; height: 100%; }



.galleryType05 {
  -webkit-columns: 370px;
  -moz-columns: 370px;
  columns: 370px;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;

}

.galleryType05 > li {

  padding: 1em;
  /*
  margin-bottom: 1.3em;
  */
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;


}


.boardOption { display: none; }