@charset "UTF-8";
@import url("S-Core-Dream-light/s-core-dream.css"); 
@font-face {
    font-family: 'Pretendard-ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
img{border:0; max-width: 100%;}
ul,li{list-style:none;margin:0; padding:0 }
a{text-decoration:none; color:#1b1b1b;}
a,input:focus { outline: none;}
a,p,span,h1,h2,h3,h4,input,select,span,textarea{ font-family: 'Noto Sans KR',"s-core-dream-light","s-core-dream-regular","s-core-dream-bold","s-core-dream-extrabold", "s-core-dream-medium", "sans-serif"; color:#1b1b1b; font-size:16px; }

div, p, h1, h2, h3, h4,input{ margin:0; padding:0 }
body,html{margin:0}
.wrapperMd { width: 100%; margin: 0 auto; transition: 0.4s all;}
.wrapperSm { max-width: 1400px; margin: 0 auto; transition: 0.4s all;}
.wrapperSSm { max-width: 1100px; margin: 0 auto; transition: 0.4s all;}
.wrapperMMd { max-width: 1490px; margin: 0 auto; transition: 0.4s all;}

body{ min-width: 1200px; max-width: 1720px; margin: 0 auto; background: #fff;}


/*header*/
#header {  height: 130px; background:#fff; position: relative; z-index: 50; transition:all .7s ease; margin: 0 -70px; min-width: 1024px; max-width: 1720px; margin: 0 auto;}
#header .wrapperMd { }
#header .gnb { width: 100%; box-sizing: border-box }
#header .gnb .logo {  width: 15%; box-sizing :border-box;  z-index: 11; float: left; }
#header .gnb .logo a{ background: url('../img/EF_LOGO.gif')no-repeat center center / contain; display: block; width: 90%; height: 130px; transition:all .7s ease;   }

#header .gnb .navi { width: 70%; float: left;}
#header .gnb .navi ul { text-align: center; font-size: 0; }
#header .gnb .navi > ul > li { position: relative; display: inline-block; width: 14.285%; vertical-align: top;} 
#header .gnb .navi ul > li > a { display: block; font-size: 15px; line-height: 130px; font-family:"s-core-dream-extrabold"; transition:all .7s ease }

#header .gnb .navi li > .sub { width: 100%; position: absolute; top: 130px; left: 0; height: 0; padding: 0; border-left:1px solid #dadada; border-top: 2px solid transparent; opacity: 0; overflow: hidden; box-sizing: border-box; z-index: 3; transition:all .7s ease}
#header .gnb .navi li > .sub.last_line { border-right:1px solid #dadada; }
#header .gnb .navi li > .sub > li { display: block; width: 180px; vertical-align: top; padding: 0 16px; box-sizing: border-box; } 
#header .gnb .navi li > .sub > li > a { display: block; font-family: 'Noto Sans KR'; font-size: 15px; line-height: 16px; padding:12px 0; text-align: left; font-family:"Noto Sans KR"; transition:all .7s ease; word-break: keep-all} 
#header .gnb .navi li > .sub:hover{ border-top: 2px solid #da291c;}
#header .gnb .navi li > .sub > li > a:hover { color: #da291c; text-decoration: underline;}
#header .gnb .navi li > .sub.on { opacity: 1; height: 385px;  padding: 40px 0; }

#header .navi_Bg { width:100%; height: 0; background:#fff; position: fixed; top: 130px; left: 0; z-index: 2; opacity: 1; transition: 0.7s all; overflow: hidden; }
#header .navi_Bg.on { height: 385px; opacity: 1;border-top: 1px solid #dadada;}

#header .body_Bg { position: fixed; top: 130px; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.5); z-index:1; display: none; transition: 0.7s all; }
#header .body_Bg.on {display: block; top: 130px;}

#header .gnb .contact { position: relative; width: 15%; height: 130px; z-index: 11; float: right; transition: 0.7s all; }
#header .contact .contact_box { position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
#header .gnb .contact .contact_item { transition: 0.7s all; padding-bottom: 10px;}
#header .gnb .contact .contact_item a { text-align: right; font-weight: 500; font-size: 15px; position: relative; padding-left: 20px;}
#header .gnb .contact .contact_item a::before { content: '＞'; display: inline-block; vertical-align: top; color: #e04e43; position: absolute; top: 0; left: 0; }

#header .gnb:after, #header { content: ''; display: block; clear: both;}

/*20200707 전소영 pdf 다운로드*/
#header .contact .pdf_down { font-size: 15px; }
#header .contact .pdf_down a { display: block; position: relative; padding-left: 20px; font-weight: 500; font-size: 15px;}
#header .contact .pdf_down a::before { content: ''; background: url('../img/icon_down.png')no-repeat center / cover; width: 13px; height: 14px; color: #e04e43; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}

/* 헤더가 픽스된 상태 (동적으로 fix 클래스가 붙음) */

#header.fix { position: fixed; height: 80px; top: 0; z-index: 50; width: 100%;}
#header.fix .gnb { height: 80px;}
#header.fix .gnb .logo a{ height: 80px; }
#header.fix .contact { height: 80px; }


#header.fix .gnb .navi { height: 80px;}
#header.fix .gnb .navi ul > li > a { line-height: 80px; }

#header.fix .gnb .navi li > .sub { top: 80px;}
#header.fix .gnb .navi li > .sub > li > a { line-height: 12px; } 

#header.fix .navi_Bg { top: 80px;}
#header.fix .body_Bg { top: 80px;}
#header.fix .body_Bg.on {top: 80px;}

#header.fix .gnb .contact a { }


/*sec01*/
#sec01 {  }
#sec01 .wrapperMd {  margin: auto; height: 825px; }
#sec01 .slickslider { height: 825px; overflow: hidden; }
#sec01 .slickslider .roll { position: relative; }
/* #sec01 .slickslider .roll::after{ content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.5);  z-index:5; } */
#sec01 .slickslider .roll .text {position: absolute; top: 200px; left:50%; transform: translateX(-50%); z-index:6; width: 100%; text-align:center; padding: 50px 0;}
#sec01 .slickslider .roll .text h2 {color: #fff; font-size:60px; }
#sec01 .slickslider .roll .text h3 { color: #fff; font-size: 21px; padding:10px 0;} 
#sec01 .slickslider .roll .text span { display: inline-block; font-size: 16px; padding: 5px 14px; border: 1px solid rgba(255,255,255,0.5); color: #fff; margin:0 9px;}
#sec01 .slickslider .roll .text a { display: block; margin: 50px auto; width: 270px;border:2px solid rgba(255,255,255,0.5); color: #fff; background: none; padding: 20px 0; border-radius:50px; cursor: pointer; font-size: 15px; font-family:"s-core-dream-bold"; letter-spacing: 3px; transition: 0.7s all; }
#sec01 .slickslider .roll .text a:hover { background: #fff; color: #e90015; border: none; border:2px solid rgba(255,255,255,0.5);}
#sec01 .slickslider .roll01 { background: url('../img/main_rolling/main_roll_01.png')no-repeat center center / cover; width: 100%; height: 825px;}
#sec01 .slickslider .roll02 { background: url('../img/main_rolling/main_roll_02.png')no-repeat center center / cover; width: 100%; height: 825px;}
#sec01 .slickslider .roll03 { background: url('../img/main_rolling/main_roll_03.png')no-repeat center center / cover; width: 100%; height: 825px;}
#sec01 .slickslider .roll04 { background: url('../img/main_rolling/main_roll_04.png')no-repeat center center / cover; width: 100%; height: 825px;}
#sec01 .slickslider .roll05 { background: url('../img/main_rolling/main_roll_05.png')no-repeat center center / cover; width: 100%; height: 825px;}
#sec01 .pause { /*width: 30px;*/ height: 30px; position: relative; top:-110px; /*left: 55%;*/ cursor: pointer; z-index: 10; margin-left:160px; text-align:center}
#sec01 .pause span { background:url('../img/roll_btn03.png')no-repeat center center; position: absolute; top: 0; /*left: -22px;*/ width: 30px; height: 30px; display:inline-block;  }
#sec01 .pause span.on { background:url('../img/play-button.png')no-repeat center center; }
#sec01 .slickslider .roll .desc { position: absolute; bottom: 40px; right: 40px; z-index: 10;}
#sec01 .slickslider .roll .desc p { font-size: 14px; color: #fff;}

.slickslider img { max-width:100%; }
.slick-dots { z-index: 11; bottom: 50px; /*padding-right: 46px;*/ width:200px; left: 50%; transform: translateX(-50%); margin-left: -16px; }
.slick-dots li {  width: 30px; height: 30px; }
.slick-dots li button{width: 30px; height: 30px;}
.slick-dots li button::before { content:'';  background: url('../img/roll_btn.png')no-repeat center; width: 30px; height:30px; opacity:1; }
.slick-dots li.slick-active button::before{ content:'';  background: url('../img/roll_btn02.png')no-repeat center; width: 30px; height:30px; opacity:1; opacity:1;}

/*sec_review*/
#sec_review { padding: 150px 0;}
#sec_review .slogan { display: flex; align-items: center; flex-direction: column;}
#sec_review .slogan span { display: block; text-align: center; font-size: 14px; border: 1px solid #abacad; width: 186px; height: 55px; line-height: 55px; margin: auto; font-family:"s-core-dream-bold"; letter-spacing: 3px; }
#sec_review .slogan h2 { padding-top: 75px; font-size: 50px; font-family:"s-core-dream-bold";}
#sec_review .slogan h3 { padding-top: 45px; font-size: 27px;}
#sec_review .slogan h4 { text-align: center; padding-top: 40px; font-size: 21px; font-weight: 300;}
#sec_review .cont_contain { display: flex; flex-wrap: wrap; gap: 6%; position: relative; margin: auto; margin-top: 135px; padding: 0 4.4%; }
#sec_review .cont_contain::before { content: ''; display: block; width: 1px; height: 100%; background-color: #303030; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
#sec_review .cont_contain .cont_box { width: calc(50% - 3%); padding: 4.4% 4.4% 5.9%; box-sizing: border-box; border-top: 2px solid #303030;}
#sec_review .cont_contain .cont_box > a { display: flex; flex-direction: column; gap: 60px;}
#sec_review .cont_contain .cont_box.c_05,
#sec_review .cont_contain .cont_box.c_06 { border-bottom: 2px solid #303030;}

#sec_review .cont_contain .company-info { display: flex; align-items: flex-end; gap: 20px;}
#sec_review .cont_contain .company-info .logo { width: 70px; height: 70px; border-radius: 100%; border: 1px solid #cecece; display: flex; align-items: center; justify-content: center;}
#sec_review .cont_contain .company-info .name p { font-weight: 500; padding-bottom: 10px;}
#sec_review .cont_contain .company-info .name h3 { font-size: 30px;}
#sec_review .cont_contain .company-info .more { margin-left: auto;}
#sec_review .cont_contain .company-info .more button { background-color: transparent; border: 0; font-weight: 700; line-height: 1.6; padding: 0; cursor: pointer;}
#sec_review .cont_contain .company-info .more button::after { content: ''; display: inline-block; background: url('../img/arrow.png') no-repeat center / contain; width: 21px; height: 7px; vertical-align: top; margin-top: 8px; margin-left: 10px;}

#sec_review .cont_contain .c_text_box { font-family: "Noto Sans KR";  text-align: center; display: flex; flex-direction: column; gap: 40px;}
#sec_review .cont_contain .c_text_box h2 { font-size: 31px;}
#sec_review .cont_contain .c_text_box h2 i { display: inline-block; vertical-align: top; background: url('../img/ico_quotes.png') no-repeat center / contain; width: 15px; height: 15px; margin-top: 9px; padding: 0 1px;}
#sec_review .cont_contain .c_text_box h2 i.quotes2 { transform: rotate(-180deg);}
#sec_review .cont_contain .c_text_box .wr_content  { font-size: 19px; color: #303030; line-height: 1.8;}

/*sec02*/
#sec02 { padding: 150px 0;}
#sec02 .slogan { }
#sec02 .slogan span { display: block; text-align: center; font-size: 14px; border: 1px solid #abacad; width: 186px; height: 55px; line-height: 55px; margin: auto; font-family:"s-core-dream-bold"; letter-spacing: 3px; }
#sec02 .slogan h2 { text-align: center; padding-top: 85px; font-size: 50px; font-family:"s-core-dream-bold";  }
#sec02 .slogan h3 { text-align: center; padding-top: 40px; font-size: 21px; font-weight: 300;}

#sec02 .slogan_img { background: url('../img/main_client.png')no-repeat center center; height: 347px; margin-top: 75px; position: relative; box-sizing: border-box;}
#sec02 .slogan_img::after { content:''; display:block; width:100%; height:100%; background: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; z-index: 5;}
#sec02 .slogan_img .s_box { position: absolute; top: 0; left: 0; z-index: 6; width: 100%; padding: 60px 0; }
#sec02 .slogan_img .s_text_box { display: inline-block; width: 24.5%; border-right: 1px solid #818181; text-align: center; padding: 30px 0; }
#sec02 .slogan_img .s04 { border-right: 0;}
#sec02 .slogan_img .s_text_box h2 { color: #fff; font-size: 24px; }
#sec02 .slogan_img .s_text_box h3 { color: #fff; padding: 20px 0; font-size: 50px;}
#sec02 .slogan_img .s_text_box p { color: #fff; font-size: 20px;}
#sec02 .slogan_img .s_text_box span { font-size: 50px;}



/*sec03*/
#sec03 { padding-bottom: 150px; background: #f6f6f6; }
#sec03 .wrapperMd { }
#sec03 .who_we { padding: 150px 0 75px 0; }
#sec03 .who_we span { display: block; text-align: center; font-size: 14px; border: 1px solid #abacad; width: 186px; height: 55px; line-height: 55px; margin: auto;  font-family:"s-core-dream-bold"; letter-spacing: 3px; }
#sec03 .who_we h2 { text-align: center; padding-top: 85px; font-size: 50px;  font-family:"s-core-dream-bold"; }
#sec03 .who_we h3 { text-align: center; padding-top: 40px; font-size: 21px; font-weight: 300;}

#sec03 .cont_contain { font-size: 0; display: flex; gap: 1%; padding: 0 1%;}
#sec03 .cont_contain .cont_box { display: inline-block; width: 33.33%;}
#sec03 .cont_contain .cont_box .c_img_box { display: block; width: 100%; }
#sec03 .cont_contain .cont_box .c_img_box > img { width: 100%;}
#sec03 .cont_contain .c_text_box { padding: 50px 0 0 0; word-break: keep-all;}
#sec03 .cont_contain .c_text_box h2 { font-size: 31px; }
#sec03 .cont_contain .c_text_box h3 { font-size: 19px; height: 56px; color: #5e5e5e; font-weight: 300; margin: 25px 0 60px 0; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical}
#sec03 .cont_contain .c_text_box a { font-size: 14px; width: 207px; display: block; padding: 20px; border: 1px solid #acacac; position: relative; box-sizing: border-box; font-family: "s-core-dream-medium"; letter-spacing: 3px; transition: 0.7s all;}
#sec03 .cont_contain .c_text_box a::before { content: ''; background: url('../img/arrow.png')no-repeat ; position: absolute; top:50%; right: 20px; transform: translateY(-50%); width:21px; height: 7px;}
#sec03 .cont_contain .c_text_box a:hover { background: #e70014; border: none; color: #fff; border: 1px solid #e70014; }
#sec03 .cont_contain .c_text_box a:hover::after { content: ''; background: url('../img/arrow02.png')no-repeat ; position: absolute; top:50%; right: 20px; transform: translateY(-50%); width:21px; height: 7px; z-index: 100;}



/*sec04*/
#sec04 { padding: 150px 0 110px 0; font-size: 0; }
#sec04 .wrapperMd { }
#sec04 .collection_contain { width:33.33%; display: inline-block; margin-bottom: 40px; padding: 0 20px; font-size: 0; box-sizing: border-box; vertical-align: top;}
#sec04 .collection_contain .collect_box { width:100%; }
#sec04 .collection_contain .collect_box a { display: block; width: 100%; overflow: hidden; font-size: 0;}
#sec04 .collection_contain .collect_box a > img { width: 100%;}
#sec04 .collection_contain .collect_text_box { height: 150px; padding: 22px 15px; border: 1px solid #e1e1e1;  border-top: 0;}
#sec04 .collection_contain .collect_text_box h2{ font-size: 22px; padding-bottom: 15px; }
#sec04 .collection_contain .collect_text_box .hash { }
#sec04 .collection_contain .collect_text_box a { display: inline-block; font-size: 14px; border: 1px solid #e1e1e1; color: #919191; padding: 4px 9px; margin: 0 7px 7px 0; transition: 0.7s all;}
#sec04 .collection_contain .collect_text_box a:last-child { margin-right: 0;}
#sec04 .collection_contain .collect_text_box a:hover { background: #e70014; color: #fff;  border: 1px solid #e70014; }

#sec04 .collection_contain .collect_bottom { padding: 22px 15px; border: 1px solid #e1e1e1;  border-top: 0;}
#sec04 .collection_contain .collect_bottom p { font-size: 14px; color: #777777;  font-family:"s-core-dream-light"; }


/*sec05*/

.more_plus { width: 100px; padding: 45px 0; text-align: center; cursor: pointer; margin: 0 auto;}
.more_plus h2 { background: url('../img/plus.png')no-repeat center center; width: 26px; height: 26px; margin: auto; }
.more_plus h3 { font-family: "s-core-dream-medium"; font-size: 18px; color: #474747; padding-top: 10px; font-weight: 300;}


/*footer*/
#footer { position:relative; }
#footer .company_more { width: 100%; padding: 62px 0; background: #f1f1f1; text-align: center; cursor: pointer; position: absolute; top: 0; left: 0;}
#footer .company_more h2 { background: url('../img/plus.png')no-repeat center center; width: 26px; height: 26px; margin: auto;}
#footer .company_more h3 { font-size: 18px; color: #474747; padding-top: 10px; font-weight: 500}

.copyright { width: auto; padding: 90px; background: #f1f1f1; text-align: center; box-sizing: border-box; }
.copyright h2 { font-size: 14px; color: #484848; font-weight: 500;}
.copyright h3 { padding: 35px 0;}
.copyright h3 p { font-size: 14px; color: #777777; font-weight: 300; line-height: 26px; }
.copyright h4 p { font-size: 14px; color: #777777; font-weight: 300; line-height: 26px; }





/*******************contact**********************/
#contact #section01 { padding:60px 0; background: #fff;}
#contact .contact_title h1{ font-size: 60px; font-family: "s-core-dream-light"; letter-spacing: 5px; text-align: center;}
#contact .contact_title p{ font-size: 26px; font-family: "s-core-dream-light"; letter-spacing: 5px; text-align: center; margin-top: 10px;}
#contact .write{text-align:right; margin-bottom: 30px;}
#contact .write a{display:inline-block; padding:15px 30px; background:#000; color: #fff; font-family: "s-core-dream-light"; letter-spacing: 5px; transition: 0.7s;}
#contact .write a:hover{cursor:pointer; background:#999; letter-spacing:10px;}

#contact .icon_re {display:inline-block; padding:5px; background:#adadad; color: #fff; font-family: "s-core-dream-light"; font-size:9pt; vertical-align:2px;}
#contact .icon_re:hover{cursor:pointer; background:#999;}

#contact .Contact .align table{clear:both; width:100%; border-collapse:collapse; margin-bottom:50px; }
#contact .Contact .align table tr{height:50px; }
#contact .Contact .align table thead tr th { font-size: 16px; font-family: "Noto Sans KR"; font-weight: 300}
#contact .Contact .align table thead tr th:nth-of-type(2){ width:60%;  }
#contact .Contact .align table thead tr{ border: 1px solid #c1c1c1; border-left: 0; border-right: 0;}
#contact .Contact .align table tbody{text-align:center; font-size:0.8rem;}
#contact .Contact .align table tbody tr td:nth-of-type(2){text-align:left;}
#contact .Contact .align table tbody tr:nth-of-type(2n) {background:#efefef;}
#contact .Contact .align table tbody td a:hover { color: #da291c;}
#contact .Contact .align table tbody td span { font-family: "Noto Sans KR"; font-weight: 300}
#contact .Contact .align table tbody td:nth-of-type(4) { font-size: 16px; font-family: "Noto Sans KR"; font-weight: 300;}

#contact .Contact .align .page_number{padding-bottom:20px; text-align:center;}
#contact .Contact .align .page_number a{ font-family: "s-core-dream-light"; display:inline-block; width:35px; line-height: 30px; box-sizing:border-box; margin:0 -1px 0 0; vertical-align: top;}
#contact .Contact .align .page_number .first { background: url('../img/prev02.png')no-repeat center center; width: 30px; height: 30px; background-size: 50%;}
#contact .Contact .align .page_number .prev { background: url('../img/prev.png')no-repeat center center; width: 30px; height: 30px; background-size: 50%;}
#contact .Contact .align .page_number .next { background: url('../img/next.png')no-repeat center center; width: 30px; height: 30px; background-size: 50%;}
#contact .Contact .align .page_number .last { background: url('../img/next02.png')no-repeat center center; width: 30px; height: 30px; background-size: 50%;}
#contact .Contact .align .page_number a:hover { color: #da291c;}




/*********************************contact detail********************************/

.Cont_de .align table{clear:both; width:100%; border-collapse:collapse; border-color: #c1c1c1; margin-bottom:30px;}
.Cont_de .align table tr{height:50px;}
.Cont_de .align table thead tr th:nth-of-type(2){ font-size: 18px; font-family: "Noto Sans KR"; font-weight: 300; }
.Cont_de .align table thead tr{ border: 1px solid #c1c1c1; border-left: 0; border-right: 0;}
.Cont_de .align table tbody td{padding:20px;}
.Cont_de .align table tfoot td{background:#eee; padding:20px;}
.Cont_de .align table tfoot td:first-of-type{width:10%; vertical-align:top;}

.Cont_de .align .write{height:50px; margin-bottom:50px;}
.Cont_de .align .write a{display:inline-block; padding:10px 30px; background:#999;}
.Cont_de .align .write a:first-of-type{float:left;}
.Cont_de .align .write a:last-of-type{float:right;}

#contact .wrapperSm { box-sizing: border-box; }
.detail_cont { }
.detail_cont form ul { clear:both; width:100%; font-size: 0; }
.detail_cont form ul li { margin-bottom:20px; display:inline-block; width:31.5%; margin-right:30px; font-size:1rem; vertical-align: top;}
.detail_cont form ul li.bb_01 { width: 100%;}
.detail_cont form ul li.cc01 { margin-right: 0;}
.detail_cont form ul li h3 { margin:20px 0 10px; font-weight: 300; border-bottom: 1px solid #999; padding: 15px 0;}
.detail_cont form ul li h3 span { display: inline-block; color: #e60013;}
.detail_cont form p { display: block; padding: 25px 0;  background:#fff; font-size: 16px; vertical-align: top;}
.detail_cont form input {border:0px none; padding:0; margin:0; width:100%; height:100%; color: #1b1b1b; font-weight: 100; font-size: 15px; text-indent: 10px; }
.detail_cont form input::placeholder { color: #a1a1a1; font-weight: 100; font-size: 15px;}
.detail_cont form textarea::placeholder { color: #a1a1a1;  font-weight: 100; font-size: 15px;}



#rev_contain .rev { background: #eaeaea; padding: 25px; margin: 50px 0; font-size: 16px; font-family: "Noto Sans KR"; font-weight: 300; }
#rev_contain .rev h2 { font-size: 20px; color: #1b1b1b; padding: 20px 0; }
#rev_contain .rev p{ font-size: 18px; color: #1b1b1b;}



/*********************************contact_lock********************************/
.Cont_de tbody { text-align: center;}
.Cont_de tbody h4 { padding: 50px 0; font-weight: 500;}
.Cont_de tbody input { margin: 20px 0; padding: 10px;}
.Cont_de tbody a { display: block; width: 100px; height: 40px; background: #000; color: #fff; line-height: 40px; margin: auto;}



/*********************************contact_write********************************/
#contact .wrapperSm { box-sizing: border-box; }
.Cont_w form ul { clear:both; font-size: 0;}
.Cont_w form ul.text { clear:both; font-size: 14px;}
.Cont_w form ul li { margin-bottom:20px; }
.Cont_w form ul li h3 { margin:20px 0 10px; font-weight: 300; }
.Cont_w form ul li h3 span { display: inline-block; color: #e60013;}
.Cont_w form p { display: block; border:1px solid #999; height:50px; background:#fff;  }
.Cont_w form input {border:0px none; padding:0; margin:0; width:100%; height:100%; color: #1b1b1b; font-weight: 100; font-size: 15px; text-indent: 10px; }
.Cont_w form input::placeholder { color: #a1a1a1; font-weight: 100; font-size: 15px;}
.Cont_w form textarea::placeholder { color: #a1a1a1;  font-weight: 100; font-size: 15px;}
.Cont_w form .file { position: relative;  }
.Cont_w form input#ex_file[type="file"] { text-indent: -2px;}
.Cont_w form label.file_btn { position: absolute; top: 50%; left: 10px; transform: translateY(-50%); display: inline-block; vertical-align: middle; padding: 3px 12px; background: #000; color: #fff; font-size: 16px; line-height: 40px; cursor: pointer; z-index: 5;}

.Cont_w form .box {font-size:0; margin: 0 -15px; }
.Cont_w form .box li { display:inline-block; width: 33.33%; padding: 0 15px; font-size:1rem;  }

.Cont_w .textArea { border:1px solid #999; height:150px; padding:20px; background:#fff }
.Cont_w .textArea textarea { border:0px none; padding:0; margin:0; width:100%; height:100%; resize:non; font-family: "Noto Sans KR"; font-weight: 300; color: #1b1b1b; resize: none;}

.Cont_w form ul li .file {border:1px solid #999; padding:20px;}
.Cont_w form ul li .check_box { width:150px; height: 50px; border: none; margin-top: 20px;}
.Cont_w form ul li .check { width:16px; height:16px; padding:0; margin-right:10px; border: none;  }
.Cont_w form ul li .check[type="checkbox"] + label span{ display: inline-block; vertical-align: top; font-size: 16px; font-weight: 300; color: #333;}
.Cont_w form ul li .not_com { width:550px; padding:10px; font-size:0.7rem; background: red;}
.Cont_w form ul li .not_com input { display: inline-block; width: 100%;}
.Cont_w form ul:last-of-type li:nth-child(2) {display:inline-block; width:600px;}
.Cont_w form ul:last-of-type li:nth-child(3) {display:inline-block; width:550px; vertical-align:top;}

.Cont_w .send { position:relative; text-align:center; margin:100px 0; border: none;}
.Cont_w .send > a{display:inline-block; width:100px; line-height:60px;font-size:0.9rem; position:absolute; left:0; background:#999;}
.Cont_w .send > a:hover{text-decoration:underline;}
.Cont_w .send > input{width:300px; height:60px; border:0; background:#000; color:#fff; font-size:1.2rem;  transition:0.7s;}
.Cont_w .send > input:hover{cursor:pointer; background:#999; letter-spacing:5px;}

/*contact_write 캘린더*/
#ui-datepicker-div { font-family: 'Noto Sans KR'; }
.ui-widget-header { background: #fff; border: none; }
.ui-widget.ui-widget-content { border: 1px solid #999;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { border: none; height: 30px; vertical-align: top;}

.ui-datepicker .ui-datepicker-title { font-family: 'Noto Sans KR'; font-size: 14px; }
.ui-datepicker-year { width: 50px;}

.ui-datepicker .ui-datepicker-prev span {background: url('../img/prev.png')no-repeat center center; width: 20px; height: 20px; background-size: 50%; }
.ui-datepicker .ui-datepicker-next span {background: url('../img/next.png')no-repeat center center; width: 20px; height: 20px; background-size: 50%; }
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover { top: 0; background: transparent; border: none;}

.ui-datepicker-calendar span,a { font-weight: 300;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
	border: none; background: transparent; font-weight: 300;}



/*팝업* 2020-07-27 
	.popup-wrap .popup .popup-inner .contents .bg span { background: #23262a; color: #fff; padding: 0 10px;}
*/
.popup-wrap { }
.popup-wrap .popup { position: fixed; top: 20%; right: 30px; z-index: 9999; width: 200px; background: #f3f3f3; border-radius: 10px; }
.popup-wrap .popup .popup-contain { position: relative; }
.popup-wrap .popup .popup-contain::before { content: ''; display: block; position: absolute; top: 50%; left: -22px; transform: translateY(-50%); width:0; height:0; border-style:solid; border-width:11px;
border-color: transparent #f3f3f3 transparent transparent;
}
.popup-wrap .popup .popup-inner { padding: 15px;}
.popup-wrap .popup .popup-inner .title-wrap { position: relative; padding-bottom: 17px; border-bottom: 1px solid #cbcbcb; font-size: 16px; font-weight: 700; }
.popup-wrap .popup .popup-inner .close-btn { position: absolute; bottom: -22px; right: 0; display: block; width: 17px; height: 17px; background: url('../img/ico_close.jpg') no-repeat center / 17px 17px; text-indent: -9999px; font-size: 0; cursor: pointer;}
.popup-wrap .popup .popup-inner .title-wrap .title { padding-right: 32px; font-size: 20px;}
.popup-wrap .popup .popup-inner .contents { padding: 10px 0; text-align: center;}
.popup-wrap .popup .popup-inner .contents p { font-size: 16px;}
.popup-wrap .popup .popup-inner .contents .bg span { background: #d7d7d7; color: #000; padding: 0 10px;}
.popup-wrap .popup .popup-inner .contents .bg em { color: #4cadbc; font-style: normal;}
.popup-wrap .popup .popup-inner .contents .small-box { padding: 7px 0; border-top: 1px solid#a1a3a5; border-bottom: 1px solid#a1a3a5; margin-top: 10px;}
.popup-wrap .popup .popup-inner .contents .small-box p { font-size: 13px;}