@import url('../comm/css/font.css');  /* 폰트임 */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;line-height:1.9;letter-spacing:normal} /* delete vertical-align,font:inherit; */
body,html{width:100%; height:100%; font-size:17px; color:#777777; font-weight: 400; font-family:'NanumSquare', Malgun Gothic,'Malgun Gothic', 'Outfit', sans-serif; background:#333;}
*{ font-family:'NanumSquare', Malgun Gothic,'Malgun Gothic', 'Outfit', sans-serif; margin:0; padding:0; outline:none; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; word-break:keep-all; box-sizing:border-box}
ol,ul,li{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table {border-collapse:separate;border-spacing:0; font-size:1rem;}
table caption {overflow:hidden; font-size:0; line-height:0; font-size:1rem;}
tbody,tfoot,thead,tr,th,td {margin:0;line-height:1.9;letter-spacing:normal; font-size:1rem;}
dt{display:block;}
hr{display:none;}
img {max-width:100%}
span,strong,sup,sub {line-height:inherit; letter-spacing:inherit; font-weight:inherit; font-family:inherit;}
a{cursor:pointer;text-decoration:none;color:inherit;}
a, a:hover{transition:all 0.7s cubic-bezier(0.215,0.61,0.355,1);}
address{font-style:normal;}
input,select,img{vertical-align:middle;}
input:focus, textarea:focus, button:focus {outline:none;}  /* 크롬에서 커서 클릭시 파란색 테두리 제외*/

select::-ms-expand {display:none}
input:focus, textarea:focus, button:focus {outline:none;}  /* 크롬에서 커서 클릭시 파란색 테두리 제외*/
input[type=image] {border-radius:0 !important;}	
input[type=text],input[type=button], input[type=submit] {border-radius:0 !important; -webkit-border-radius: 0; -webkit-appearance: none;}

input[type=text]::-ms-clear {display: none;}
input::-webkit-input-placeholder {color:#ababab; }
input:-ms-input-placeholder {color:#ababab; }
input::placeholder {color:#ababab; }

span, b, strong, font, u{line-height:inherit; font-family:inherit;}

/* Web Content Accessibility TTS(Text To Speech) Code */
.blind {position:absolute; top:0px; left:0px; overflow:hidden; display:inline-block !important; width:1px !important; height:1px !important; margin:0 !important; font-size:0 !important; line-height:0 !important;}

/* Common */
.eng{font-family: 'Outfit', sans-serif !important;}
.ls0 {letter-spacing:0 !important;}
.w1280{max-width:1280px; padding: 0 25px; box-sizing:border-box; margin: 0 auto;}
.w1280:after{content:''; display: block; clear:both;}
.w1230 {position:relative; max-width:1230px; margin:0 auto}
.center{text-align:center !important;}
.left{text-align:left !important;}
.right{text-align:right !important;}
.white{color:#fff !important;}
.pointColor{color:#00a29e !important;}
.light {font-weight:300 !important}
.bold {font-weight:700 !important}
.exbold {font-weight:800 !important}
.black {font-weight:900 !important}
.point_color {color:#00a29e !important}
.cblack {color:#222 !important}



.show800 {display:none !important;;}
.none800 {display:block !important;;}

.show768 {display:none !important;;}
.none768 {display:block !important;;}

.show680 {display:none;}
.none680 {display:block;}

.show480 {display:none;}
.none480 {display:block;}

.com_pad{padding: 150px 0;}
.com_pad_t{padding-top: 150px}
.com_pad_b{padding-bottom:150px;}

.com_pad2{padding:100px 0 150px 0;}

/* 레이아웃 */
#wrap {position:relative; width:100%; height:auto; min-width:320px; max-width:640px; overflow-x:hidden; background:#fff;  margin:auto;/*  overflow:hidden; */}

@media all and (max-width:1024px){
	#wrap {max-width:none; }
	#header {max-width:none;}

}


/* Header */
#header{position: fixed; left: 0; right:0; top:0; z-index: 999999; width: 100%; min-width:320px; max-width:640px; margin:auto; transition:all .3s linear;}
#header.nofixed{top:-200px}
#header.fixed{top:0; background:#fff; border-bottom:1px solid #ddd;}
#header.fixed .header_top {background:#f9f9f9}
#header.fixed .header_top:before {display:none;}
#header.fixed .header_top .topMenu li {border-color:#ddd !important}
#header.fixed .header_top .topMenu li a {color:#888}
#header.fixed .header_top .topMenu li a span {opacity:0.5}
#header.fixed .header_top .topMenu li a:hover {color:#222; background:none;}
#header.fixed .header_top .topMenu li a:hover span {opacity:1;}

#header.fixed .header_top .topMenu li.all a span {background-image:url('/img/allmenu.png');}
#header.fixed .header_top .topMenu li.all a:hover {color:#fff !important; background-color:#00a29e !important;}
#header.fixed .header_top .topMenu li.all a:hover span {background-image:url('/img/allmenu_up.png') !important}
#header.fixed.up .header_top .topMenu li.all a {color:#fff !important; background-color:#00a29e !important;}
#header.fixed.up .header_top .topMenu li.all a span {background-image:url('/img/allmenu_up.png'); opacity:1 !important}
#header.fixed .header_top .topMenu li.mall a span {background-image:url('/img/mallBtn2.png')}
#header.fixed .header_top .topMenu li.people a:after {display:block; content:""; width:100%; height:2px; background:#fff; position:absolute; bottom:-2px; left:0; z-index:9999}
#header.fixed .header_top .topMenu li.people a span {background-image:url('/img/peopleBtn.png'); opacity:1;}
#header.fixed .header_top .topMenu li.office a span {background-image:url('/img/office.png')}
#header.fixed .header_top .login li a {color:#777}
#header.fixed .header_in {/*border-top:1px solid #ddd;  border-bottom:1px solid #ddd */}
#header.fixed .header_in:before {display:block; content:""; width:100%; height:1px; background:#ddd; position:absolute; top:1px; left:0; z-index:99}
#header.fixed .header_in h1 a {background-image:url('/img/logo.png')}
#header.fixed #menu ul li a {color:#222}
#header.fixed .header_in .topUtil li.btnMenu_m a {background-image: url('/img/menu2b.png')}
#header.fixed .header_top .login li a:hover {color:#222; }



#header.up .header_top .topMenu li.all a {color:#fff !important; background-color:#00a29e !important;}
#header.up .header_top .topMenu li.all a span {background-image:url('/img/menuBtn.png'); opacity:1 !important}

#header.on{top:0; /*background:#fff;*/ border-bottom:1px solid #ddd;}
#header.on:after {display:block; content:""; width:100%; height:1px; background:#ddd; position:absolute; bottom:-1px; left:0; z-index:10;}
/*
#header.on .header_top {background:#f9f9f9}
#header.on .header_top:before {display:none;}
#header.on .header_top .topMenu li {border-color:#ddd !important}
#header.on .header_top .topMenu li a {color:#888}
#header.on .header_top .topMenu li a span {opacity:0.5}
#header.on .header_top .topMenu li a:hover {color:#222; background:none;}
#header.on .header_top .topMenu li a:hover span {opacity:1;}
#header.on .header_top .topMenu li.all a span {background-image:url('/img/allmenu.png');}
#header.on.up .header_top .topMenu li.all a span {background-image:url('/img/allmenu_up.png');}
#header.on .header_top .topMenu li.mall a span {background-image:url('/img/mallBtn2.png')}
#header.on .header_top .topMenu li.people a span {background-image:url('/img/peopleBtn.png'); opacity:1;}
#header.on .header_top .topMenu li.office a span {background-image:url('/img/office.png')}
#header.on .header_top .login li a {color:#777}*/
#header.on .header_in {/*border-top:1px solid #ddd;  border-bottom:1px solid #ddd */; background:#fff}
#header.on .header_in h1 a {background-image:url('/img/logo.png')}
#header.on #menu ul li a {color:#222}
#header.on .header_in .topUtil li.btnMenu_m a {background-image: url('/img/menu.png')}
#header.on .header_top .login li a:hover {color:#222; }
#header.on .header_top .topMenu li.people a:after {display:block; content:""; width:100%; height:2px; background:#fff; position:absolute; bottom:-2px; left:0}

#header .header_top {box-sizing:border-box; position:relative; z-index:100000}
#header .header_top:before{display:block; content:""; width:100%; height:1px; background:rgba(255,255,255,0.5); position:absolute; bottom:0; left:0; z-index:-1;}
#header .header_top:after{content:''; display: block; clear:both;}
#header .header_top .topMenu{float: left; font-size:0; max-width:574px; width: 100%;}
#header .header_top .topMenu li{display:inline-block; width: 25%; box-sizing:border-box; border-right: 1px solid rgba(255,255,255,0.5);}
#header .header_top .topMenu li:first-child{border-left: 1px solid rgba(255,255,255,0.5);}
#header .header_top .topMenu li a{display:block; font-size:14px; line-height: 120%; text-align:center; font-weight:700; letter-spacing:-0.6pt; color:#fff; padding: 15px 0; transition:all .3s linear; position: relative;}
#header .header_top .topMenu li a:hover{color:#fff; background-color:#00a29e}
#header .header_top .topMenu li a.eng{font-weight: 400;}
#header .header_top .topMenu li.people a{color:#00a29e !important; background-color: #fff !important;}
#header .header_top .topMenu li a span{display: inline-block; width: 15px; height: 15px; vertical-align: middle; margin-right: 14px; background-position:center; background-repeat:no-repeat; background-size:auto; opacity: 1; transition:all .3s linear;}
#header .header_top .topMenu li a:hover span{opacity: 1;}
#header .header_top .topMenu li.all a span{background-image:url('/img/menuBtn.png');}
#header .header_top .topMenu li.mall a span{background-image:url('/img/mallBtn.png'); }
#header .header_top .topMenu li.people a span{background-image:url('/img/peopleBtn.png')}
#header .header_top .topMenu li.office a span{background-image:url('/img/officeBtn.png')}
#header .header_top .login{float: right; font-size:0;}
#header .header_top .login li{display: inline-block; margin-right: 30px;}
#header .header_top .login li:last-child{margin-right: 0;}
#header .header_top .login li a{display: block; font-size:13px; padding: 15px 0; line-height: 120%; font-weight: 600; letter-spacing: 0.3pt; color:#fff; font-family: 'Outfit', sans-serif; transition:all .3s linear;}





#header .header_in{clear:both; padding: 33px 0 30px; position:relative; top:0;}
#header .header_in h1{float: left; position:relative; z-index:100000; font-size:0;}
#header .header_in h1 a{display:inline-block; width:187px; height:43px; background:url('/img/logo.png') center center/100% no-repeat;;}
#header .header_in h1 a img{max-width:100%; display:none;}
#header .header_in .topUtil{float: right; font-size:0; margin: 10px 0 0;}
#header .header_in .topUtil li{display: inline-block; margin-left: 26px; vertical-align: top;}
#header .header_in .topUtil li:first-child{margin-left: 0;}
#header .header_in .topUtil li a{display: block; width: 26px; height: 26px; position: relative; transition:all .3s linear;} 
#header .header_in .topUtil li a:hover{opacity: .7;}
#header .header_in .topUtil li.basket a{background:url('/img/basket.png') no-repeat center/100% auto;}
#header .header_in .topUtil li.basket a span{display: inline-block; width: 14px; height:14px; line-height:14px; border-radius:50%; background:#05a4a0; text-align:center; color:#fff; font-size:9px; font-weight:700; letter-spacing:-0.3pt; font-family: 'Outfit', sans-serif; position: absolute; left: -5px; top:-3px;}
#header .header_in .topUtil li.search a{background:url('/img/search.png') no-repeat center/100% auto;}
#header .header_in .topUtil li.btnMenu_m a{background:url('/img/menu2.png') no-repeat center/100% auto;}
#header .header_in .topUtil li.btnMenu_m{display: none;}

/* #menu{position: absolute; left: 50%; top:92px; margin-left: -110px;}
#menu ul{font-size:0;}
#menu ul li{display:inline-block; margin-right: 65px;}
#menu ul li:last-child{margin-right: 0;}
#menu ul li a{display:block; font-size:1rem; line-height: 120%; font-weight: 600; letter-spacing: 0.1pt; color:#fff; font-family:'Outfit', sans-serif; transition:all .3s linear; position: relative;}
#menu ul li a:hover{color:#05a4a0 !important;}
#menu ul li a:after{content:''; display:block; width:0; height: 4px; background-color: #05a4a0; position: absolute; left:0; top:auto; bottom:-20px; transition:all .3s linear;}
#menu ul li a:hover:after{width: 100%;} */


#menu {position:absolute; width:100%; left:0; top:92px; z-index:10000;}
#menu .gnbDiv {max-width:1230px; margin:0 auto; box-sizing:border-box; text-align:right}
#menu .gnbDiv:after {display:block; content:""; clear:both}
#menu .gnbDiv > li { display:inline-block; padding-right:70px; margin-left:-5px; transition: all 0.3s linear;}
#menu .gnbDiv > li.one{margin:0}
#menu .gnbDiv > li:last-child {padding-right:0}

#menu .gnbDiv > li > a {width:100%; font-weight:600; position:relative; font-size:1rem; letter-spacing:0.1pt; display:block; position:relative; line-height:100%; box-sizing:border-box; padding:0 0 40px 0; text-align:center; font-family:'Outfit', sans-serif; color:#fff;transition: all 0.3s linear; z-index:9999999}
#menu .gnbDiv > li > a:after {position:absolute; left:0; bottom:1px; display:block; content:""; width:100%; height:3px; background-color:#00a29e; transform:scale3d(0,1,1); transform-origin:left; transition: all 0.3s linear;}
#menu .gnbDiv > li:hover > a:after {transform:scale3d(1,1,1);}
#menu .gnbDiv > li:first-child a {}
#menu .gnbDiv > li:last-child a {}
#menu .gnbDiv > li:hover {color:#00a29e;}
#menu .gnbDiv > li:hover > a {color:#00a29e !important;}
#menu .gnbDiv > li:hover > a:after {opacity:1;}

	/* 헤더 하위메뉴 2차~3차 */
	#menu .twoDep {text-align:left; position:absolute; overflow:hidden; width:100%; top:63px; left:0; width:100%; background:#f5f5f5; box-sizing:border-box; /* border-bottom:1px solid #ddd; */ height:0; opacity:0; transition: all 0.3s linear;}
	#menu .twoDep_in {display:table; width:100%; position:relative; max-width:1230px; box-sizing:border-box; margin:0 auto; padding:55px 0; overflow:hidden; opacity:0; transition: all 0.3s linear;}
	#menu .twoDep_tit {width:40%;  opacity:0; display:table-cell; vertical-align:middle; box-sizing:Border-box; transition: all 0.3s linear;}
	#menu .twoDep_tit h6 {font-size:1.471rem; font-weight:600; color:#333; line-height:100%; letter-spacing:0.1pt; font-family:'Outfit', sans-serif}
	#menu .twoDep_tit p {line-height:1.3; padding-top:15px; color:#777; letter-spacing:-0.5pt; font-size:1rem}

	#menu .twoDep_menu {position:relative; overflow:hidden; display:table-cell; vertical-align:middle;; width:calc(100% - 40%); box-sizing:border-box; opacity:0; transition: all 0.3s linear; z-index:9999}
	#menu .twoDep_menu dd {float:left;  margin:0 3px 3px 0; width:calc((100% - 3px)/2)}
	#menu .twoDep_menu dd:nth-child(2n) {margin-right:0}
	#menu .twoDep_menu dd:nth-child(2n+1) {clear:both}
	#menu .twoDep_menu dd > a {display:flex; align-items:center;; color:#777 !important; font-size:1rem; height:50px; padding:0 0 0 20px; letter-spacing:-0.5pt; border:1px solid #ddd; background:#fff url('/img/menuArrow.png') right 20px center no-repeat; box-sizing:border-box; transition: all 0.3s linear;}
	#menu .twoDep_menu dd:last-child {margin-right:0}
	#menu .twoDep_menu dd > a:hover {color:#fff !important; border-color:#00a29e; background-color:#00a29e; background-image:url('/img/menuArrow2.png')}

	#menu .twoDep_menu dd .depth3 {position:Relative; overflow:hidden; clear:both;}
	#menu .twoDep_menu dd .depth3 a {display:block; font-size:15px; width:246px; bordeR:1px solid #ddd; box-sizing:Border-box; line-height:50px; height:50px; padding-left:30px; margin:0 2px 2px 0; float:left; transition: all 0.3s linear;}
	#menu .twoDep_menu dd .depth3 a:nth-child(2n) {margin-right:0}
	#menu .twoDep_menu dd .depth3 a:nth-child(2n+1) {clear:both}
	#menu .twoDep_menu dd .depth3 a:hover {color:#fff; border-color:#e6002d; background:#e6002d;}

	#menu .gnbDiv > li:hover .twoDep {z-index:1; height:auto; opacity:1; }
	#menu .gnbDiv > li:hover .twoDep_in {z-index:999; height:auto; opacity:1;}

	#menu .gnbDiv > li:hover .twoDep_tit {opacity:1;}
	#menu .gnbDiv > li:hover .twoDep_menu {opacity:1;}



/* 전체메뉴보기 */
.allMenu{background:#00a29e; position:absolute; left:0; top:48px; width:100%; z-index: 999999991; height:0; overflow:hidden; transition:all .3s linear; opacity: 0;}
#header.up .allMenu{height:auto; opacity: 1;}
.allMenu > div{display:flex;}
.allMenu .allMenu_in{box-sizing:border-box;}
.allMenu .allMenu_in:after{content:''; display:block; clear:both;}
.allMenu .allMenu_in.main{background-color: #00a29e; max-width:800px; width: 100%; padding:46px 0 58px;}
.allMenu .allMenu_in.sub{background-color: #008a86; max-width:calc(100% - 800px); width: 100%; padding:46px 0 58px 50px;}
.allMenu .allMenu_in dl{float: left;}
.allMenu .allMenu_in.main dl{width: 20%;}
.allMenu .allMenu_in.sub dl{width: 50%;}
.allMenu .allMenu_in dl dt{margin: 0 0 20px;}
.allMenu .allMenu_in dl dt.last{margin: 36px 0 20px;}
.allMenu .allMenu_in dl dt a{display:block; font-size:1rem; line-height:120%; color:#fff; letter-spacing:0.1pt; font-weight:600; font-family: 'Outfit', sans-serif;}
.allMenu .allMenu_in dl dd{padding: 0 0 13px;}
.allMenu .allMenu_in dl dd:last-child{padding: 0;}
.allMenu .allMenu_in dl dd a{display:block; font-size:0.882rem; line-height: 130%; color:rgba(255,255,255,.8); letter-spacing:-0.6pt; transition:all .3s linear;}
.allMenu .allMenu_in dl dd a:hover{color:rgba(255,255,255,1);}



/* 슬라이드 메뉴 : 모바일 메뉴 */
#menuArea {position:fixed !important; top:0; right:-400px; width:290px; z-index:999999999999; height:100%; max-width:100%; opacity:0; visibility:hidden; transition:all 0.2s linear; min-width:250px; background:#fff;}
#menuArea.view {right:0; opacity:1; visibility:visible; transition:all 0.2s linear;}
#menuArea .btnMenu_mClose {display:block; padding:0; margin:0; position:absolute; top:20px; left:-40px; background:none; border:none; z-index:99999999999 !important; cursor:pointer; width:13px; height:13px; }
#menuArea .btnMenu_mClose img{max-width:100%;}

#menuArea .menuList{box-sizing:border-box; padding:20px 32px}
#menuArea .menuList .member{display:flex; justify-content: space-between; align-items: center;}
#menuArea .menuList .member dt{}
#menuArea .menuList .member dt a{display:block; font-size:12px; color:#222; letter-spacing:-0.6pt;}
#menuArea .menuList .member dt a:after{content:''; display:inline-block; vertical-align:middle; width:5px; height:8px; background:url('/img/more_arrow.png') no-repeat center/100% auto; margin-left:8px;}
#menuArea .menuList .member dd{}
#menuArea .menuList .member dd a{display:block; font-size:0; width:20px; height:20px; background:url('/img/basket.png') no-repeat center/100% auto; position:relative;}
#menuArea .menuList .member dd a span{display:block; width:14px; height:14px; line-height: 14px; text-align:center; border-radius:50%; background:#00a29e; font-size:8px; color:#fff; font-weight:700; font-family: 'Outfit', sans-serif; position:absolute; left:-8px; top:-8px;}
#menuArea .menuList .linkBtn{font-size:0; margin: 17px 0 28px;}
#menuArea .menuList .linkBtn dd{display:inline-block; width:50%;}
#menuArea .menuList .linkBtn dd a{display:block; text-align:center; box-sizing:border-box; border:1px solid #dddddd; font-size:12px; height:30px; line-height:30px; letter-spacing:0; color:#888888; font-family: 'Outfit', sans-serif; transition:all .3s linear;}
#menuArea .menuList .linkBtn dd:last-child a{border-left:0;}
#menuArea .menuList .linkBtn dd a span{display:inline-block; width:12px; height:12px; margin-right:10px; vertical-align:middle; opacity:1; transition:all .3s linear;}
#menuArea .menuList .linkBtn dd.mall a span{background:url('/img/mallBtn2.png') no-repeat center/100% auto;}
#menuArea .menuList .linkBtn dd.office a span{opacity:0.5; background:url('/img/office.png') no-repeat center/100% auto;}
#menuArea .menuList .linkBtn dd.signup a span{opacity:0.5; background:url('/img/office/signup.png') no-repeat center/100% auto;}
#menuArea .menuList .list{}
#menuArea .menuList .list > li{padding:0 0 15px;}
#menuArea .menuList .list > li > a{display:block; font-size:15px; line-height:120%; color:#222; font-family:'Outfit', sans-serif; font-weight:700; position:relative;}
#menuArea .menuList .list > li > a:after {content: ""; position: absolute; right:0; top: 50%; margin-top:-3px; width:9px; height: 6px; background: url('/img/menuArrow3.png') center center/100% no-repeat}
#menuArea .menuList .list > li.active > a {color:#00a29e}
#menuArea .menuList .list > li.active > a:after{ background-image: url('/img/menuArrow4.png')}

#menuArea .menuList .list .sMenu {margin-top:10px; display:none;}
#menuArea .menuList .list .sMenu li {margin-bottom:6px; line-height:1.4}
#menuArea .menuList .list .sMenu li:last-child {margin-bottom:0}
#menuArea .menuList .list .sMenu li a {display:block; color:#777; letter-spacing:-0.5pt; font-size:1rem; line-height:1.4}


#grayLayer {width:100%; height:100%; background:rgba(0,0,0,0.9); position:fixed; left:0; top:0; z-index:99999999; overflow-x:hidden; overflow-y:auto; display:none;}
#grayLayer > a {display:block;width:100%; height:100%;}
/* 슬라이드 메뉴 : 모바일 메뉴 */





/* 검색 */
	.searchZone{ position:absolute; top:18px;right: 56px; z-index:89; display:none;}
	.mask_search {position:fixed; height:0; width:100%; left:0; top:0; z-index:99999999999999; background:rgba(0,0,0,0.85); opacity:0; visibility:hidden; transition:all 0.8s ease-in-out;}
	.mask_search.visible {height:100%; transition:all 0.8s ease-in-out; opacity:1; visibility:visible;}
	.window {z-index:9999999999; width:90%; max-width:1000px; height:70px; background:#fff; box-sizing:border-box; padding:20px 25px; position:fixed; transform:translate(-50%, -70%); opacity:0; visibility:hidden; transition:all 0.8s ease-in-out; border-radius:20px;}
	.window.visible {transform:translate(-50%, -50%); opacity:1; visibility:visible; transition:all 0.8s ease-in-out; transition-delay:0.5s; border-radius:20px;}
	.window .close{display:block; font-size:20px; color:#fff; position:absolute; top:-35px; right:8px;  z-index:999999; cursor:pointer; width: 20px; height: 20px;}
	.window .close img{max-width:100%;}
	.inputB{width:100%; overflow:hidden; clear:both; }
	.inputB dd{float:left; width:calc(100% - 40px); overflow:hidden; }
	.inputB dd .input_search{border:none !important;  letter-spacing:-0.55pt; width:100%; height: 28px; font-size:1rem; color:#777; letter-spacing:-0.35pt;}
	.inputB dd .input_search::placeholder{font-size:15px;}
	.inputB dt{float:right; padding:0 0 0px 10px;}
	.inputB dt input{cursor:pointer; }

	input::-webkit-input-placeholder { color:#999; font-size:13px;}
	input::-moz-placeholder { color:#999; font-size:13px;}
	input:-ms-input-placeholder { color:#999; font-size:13px;}

.mask {position:fixed;  z-index:9999999;  background-color:#000;  display:none;  left:0; top:0;} 
.mask_pro {position:fixed;  z-index:9999999;  background-color:#000;  display:none;  left:0; top:0;} 





/* Footer */
#footer{background:#222222; overflow:hidden;}
.footer_top{padding:24px 0; box-sizing:border-box; border-bottom: 1px solid rgba(255,255,255,.2); position: relative;}
.footer_top .footerTop_in{position:relative; top:0; width:100%; margin:0 auto;}
.footer_top ul{font-size:0; position: relative; margin:0 auto; width: auto; justify-content: flex-start;}
.footer_top ul li{display:inline-block; margin-right: 24px; width: auto;}
.footer_top ul li:last-child{margin-right: 0;}
.footer_top ul li a{display:block; font-size:0.882rem; letter-spacing:-0.6pt; color:#b0b0b0; line-height:160%; transition:all .3s linear;}
.footer_top ul li a:hover{color:#fff;}
.footer_top ul li.point a{color:#00a29e !important; font-weight:700;}

.footer_in{}	
.footer_in .footer_info{padding:40px 0; overflow: hidden; clear:both; position: relative;	}	
.footer_in .footer_info h2{float: left;}
.footer_in .footer_info h2 img{max-width:100%;}
.footer_in .footer_info ul{font-size:0; float: left; box-sizing:border-box; padding: 0 0 0 64px;} 	
.footer_in .footer_info ul li{display: inline-block; margin-right:16px; font-size:0.882rem; line-height: 160%; letter-spacing: -0.6pt; color:rgba(176,176,176,.5); padding:0 0 6px;}	
.footer_in .footer_info .cs{float: right;}	
.footer_in .footer_info .cs dt{font-size:17px; letter-spacing:-0.6pt; color:#fff; line-height: 120%; padding: 0 0 18px;}	
.footer_in .footer_info .cs dd{padding: 0 0 0 72px; box-sizing:border-box; position: relative;}	
.footer_in .footer_info .cs dd strong{display: block; font-size:34px; line-height:120%; letter-spacing:0.2pt; color:#00a29e; font-weight: 700; font-family: 'Outfit', sans-serif; margin: 0 0 6px;}	
.footer_in .footer_info .cs dd p{font-size:0.882rem; letter-spacing:-0.6pt; color:rgba(255,255,255,.5);}
.footer_in .footer_info .cs dd .tel_icon{position: absolute; left:0; top:50%; margin-top: -29px;}		
.footer_in .footer_info .tel_icon{display:block; width:59px; height:59px; border-radius:50%; box-sizing:border-box; border:1px solid #525252; position: relative;  background: #2d2d2d; /* 그라데이션 지원하지 않는 브라우저 */
background: -webkit-linear-gradient(145deg,#2d2d2d 0% 50%, #202020 50% 100% );
background: -moz-linear-gradient(145deg,#2d2d2d 0% 50%, #202020 50% 100% );
background: -o-linear-gradient(145deg,#2d2d2d 0% 50%, #202020 50% 100% );
background: linear-gradient(145deg,#2d2d2d 0% 50%, #202020 50% 100% ); /* 표준 */}
.footer_in .footer_info .tel_icon:after{content:''; display: block; position: absolute; z-index: 2; left: 0; top:0; width: 100%; height: 100%; border-radius:50%; background:url('/img/tel_icon.png') no-repeat center /100% auto;}
.footer_in .footer_info .tel_icon.m{display: none;}	

.footer_in .copyright{padding: 30px 0 40px; border-top:1px solid rgba(255,255,255,.2); position: relative;}
.footer_in .copyright p{font-family: 'Outfit', sans-serif; color:#999999; letter-spacing: 0; font-weight: 300; line-height:120%; font-size:0.882rem;}
.footer_in .copyright p span,
.footer_in .copyright p span a{font-family: 'Outfit', sans-serif; display:inline-block; color:#666666; font-weight: 300; line-height:120%; font-size:0.882rem; transition:all .3s linear;}
.footer_in .copyright p span a:hover{color:#aaa;}
.footer_in .sns{font-size:0; position: absolute; right: 0; top:20px;}
.footer_in .sns li{display: inline-block; margin-left: 4px;}
.footer_in .sns li a{display:block; width:38px; height:38px; border-radius:50%; background-color:#434444; background-repeat:no-repeat; background-position:center; background-size:100% auto; font-size:0; transition:all .3s linear;}
.footer_in .sns li a:hover{background-color:#666;}
.footer_in .sns li.facebook a{background-image:url('/img/sns01.png');}
.footer_in .sns li.kakao a{background-image:url('/img/sns02.png');}
.footer_in .sns li.blog a{background-image:url('/img/sns03.png');}
.footer_in .sns li.instagram a{background-image:url('/img/sns04.png');}
.footer_in .sns li.youtube a{background-image:url('/img/sns05.png');}


.topBtn {position:fixed; bottom:3%; right:3%; z-index:999; display:none;}
	.topBtn a {display:block; width:65px; height:65px; background:#00a29e url('/img/topBtn.png') center center no-repeat; border-radius:65px; border:1px solid #00a29e; position:relative;}
	.topBtn a:before, .topBtn a:after {display:block; content:""; width:2px; height:13px; background:#fff; transform:rotate(45deg); position:absolute; top:50%; left:50%; margin:-7px 0 0 -5px;}
	.topBtn a:after {transform:rotate(-45deg); left:auto; right:50%; margin:-7px -5px 0 0}



.viewBtn{display:block; position: relative; overflow: hidden; border-radius:55px; width:175px;}
.viewBtn:after{content:''; width: 0%;
    height: 100%;
    display: block;
    background: #00a29e;
    position: absolute;
      -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);   
    left: -10%;
    opacity: 1;
    top: 0;
    z-index:2;
    -moz-transition: all .3s linear;
  -o-transition: all .3s linear;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;}
.viewBtn:hover:after{opacity:1; width: 116%;}
.viewBtn span{display:block; position: relative; z-index: 3; font-size:1rem; letter-spacing:0.3pt; color:#00a29e; width:100%; text-align:center; height: 55px; line-height: 53px; box-sizing:border-box; transition:all .3s linear; border-radius:55px; border:1px solid #00a29e; font-family: 'Outfit', sans-serif;}
.viewBtn:hover span{color:#fff !important;}
.viewBtn i {display:inline-block; vertical-align:middle; width:15px; height:15px; background:url('/img/linkBtn_up.png') center center/100% no-repeat; margin:0 0 4px 6px}

.viewBtn.white {}
.viewBtn.white:after {background:#fff}
.viewBtn.white span {color:#fff; border-color:rgba(255,255,255,0.5);}
.viewBtn.white:hover span {color:#00a29e !important;}

.viewBtn.white2 {}
.viewBtn.white2:after {background:#00a29e}
.viewBtn.white2 span {color:#fff; border-color:rgba(255,255,255,0.6);}
.viewBtn.white2:hover span {color:#fff !important;}

.viewBtn.ver2 {}
.viewBtn.ver2:after {background:#00a29e}
.viewBtn.ver2 span {color:#fff; background:#00a29e} 
.viewBtn.ver2:hover span {color:#00a29e !important; background:none;}
.viewBtn.ver2:hover:after {background:#fff}



/* Start-슬릭기본 */
.slick-slider{position: relative;display: block;box-sizing: border-box;
		-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;
				touch-action: pan-y;-webkit-tap-highlight-color: transparent;	}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;  width:100%;}
.slick-slide{display: none;float: left; width:100%; }
.slick-initialized .slick-slide{display: block;}
/* End-슬릭기본 */





/*******************************************************************************
    @media ~1280px
*******************************************************************************/

.w1230 {padding:0 3%}
.w1280 {padding:0 3%}

.com_pad{padding: 150px 0;}
.com_pad_t{padding: 150px 0 0}
.com_pad_b{padding:0 0 150px;}

.com_pad2{padding:100px 0 150px 0;}

/* Header */
#header{}
#header .header_top .topMenu li a{padding: 12px 0;}
#header .header_top .login li a{padding: 12px 0;}

#header .header_in{padding: 22px 0 20px;}
#header .header_in h1 a{width:150px;}
#header .header_in .topUtil{margin: 4px 0 0;}

#menu {top:75px; padding:0 25px 0 0 }
#menu .gnbDiv > li {padding-right:4%}
#menu .gnbDiv > li > a {padding-bottom:31px}
#menu .twoDep {top:51px}
#menu .twoDep_in {padding:40px 25px}
#menu .twoDep_tit h6 {font-size:1.3rem}
#menu .twoDep_menu dd > a {height:45px; font-size:0.941rem}

/* 전체메뉴보기 */
.allMenu{top:41px;}
.allMenu .allMenu_in.main{max-width:70%; padding:30px 0 40px;}
.allMenu .allMenu_in.sub{max-width:30%; padding:30px 0 40px 30px;}
.allMenu .allMenu_in dl dt{margin: 0 0 15px;}
.allMenu .allMenu_in dl dt.last{margin: 28px 0 15px;}
.allMenu .allMenu_in dl dt a{font-size:16px;}
.allMenu .allMenu_in dl dd{padding: 0 0 10px;}
.allMenu .allMenu_in dl dd a{font-sizE:13px;}





/* Footer */
.footer_top{padding:20px 0;}
.footer_top ul li{margin-right: 20px;}

.footer_in{}
.footer_in .footer_info h2{width: 55px;}	
.footer_in .footer_info ul{padding: 0 0 0 30px;} 	
.footer_in .footer_info .cs dd{padding: 0 0 0 60px;}	
.footer_in .footer_info .cs dd strong{font-size:30px;}	
.footer_in .footer_info .cs dd .tel_icon{margin-top: -25px;}		
.footer_in .footer_info .tel_icon{width:50px; height:50px;}


/*******************************************************************************
    @media  ~980px                body,html{font-size:15px; }     3%
*******************************************************************************/


/* Common */
body,html{font-size:15px;}
.w1280{padding: 0 3%;}
.com_pad{padding: 100px 0;}
.com_pad_t{padding: 100px 0 0;}
.com_pad_b{padding: 0 0 100px;}

.com_pad2{padding:80px 0 100px 0;}


/* Header */
#header{}
#header .header_top{}
#header .header_top .w1280{padding:0;}
#header .header_top .topMenu{max-width:100%;}
#header .header_top .topMenu li{width: 33.333%;}
#header .header_top .topMenu li.allBtn{display:none !important;}
#header .header_top .topMenu li.office{border-right:0;}
#header .header_top .login{display:none !important;}
#header .header_in{padding: 18px 0;}
#header .header_in h1 a{width:120px;}
#header .header_in .topUtil{margin: 10px 0 0;}
#header .header_in .topUtil li{margin-left: 15px;}
#header .header_in .topUtil li.btnMenu_m{display: inline-block;}

#menu{display:none !important;}
#gnb {display:none;}

/* 전체메뉴보기 */
.allMenu{display:none !important;}


/* Footer */
.footer_top{padding:15px 0;}
.footer_top ul li{margin-right: 15px;}

.footer_in{}
.footer_in .footer_info h2{display:none;}	
.footer_in .footer_info{padding:20px 0;}	
.footer_in .footer_info ul{padding: 0; width:calc(100% - 250px);} 	
.footer_in .footer_info ul br{display:none;}
.footer_in .footer_info .cs dt{font-size:15px; padding: 0 0 12px;}	
.footer_in .footer_info .cs dd{padding: 0 0 0 50px;}	
.footer_in .footer_info .cs dd strong{font-size:24px; margin: 0 0 6px;}	
.footer_in .footer_info .cs dd .tel_icon{margin-top: -25px;}		
.footer_in .footer_info .tel_icon{width:40px; height:40px;}

.footer_in .copyright{padding: 20px 0 30px;}
.footer_in .copyright p{width: calc(100% - 180px);}
.footer_in .sns{top:15px;}
.footer_in .sns li a{width:30px; height:30px;}



/* Footer */
.footer_top ul li a{font-size:1rem;}
.footer_in .footer_info ul li{font-size:1rem;}	
.footer_in .footer_info .cs dd p{font-size:1rem;}
.footer_in .copyright p{font-size:1rem;}
.footer_in .copyright p span,
.footer_in .copyright p span a{font-size:1rem;}



.viewBtn{width:140px}
.viewBtn span{font-size:15px; height: 44px; line-height: 42px;}



/*******************************************************************************
    @media  ~800px        
*******************************************************************************/


.show800 {display:block !important;;}
.none800 {display:none !important;}






/*******************************************************************************
    @media  ~768px        
*******************************************************************************/


.show768 {display:block !important;;}
.none768 {display:none !important;}






/*******************************************************************************
    @media 481~680px
*******************************************************************************/

/* Common */
body,html{font-size:13px;}

/* Common */
.show680 {display:block;}
.none680 {display:none;}

.com_pad{padding: 60px 0;}
.com_pad_t{padding: 60px 0 0;}
.com_pad_b{padding: 0 0 60px;}

.com_pad2{padding:60px 0 60px 0;}

/* Header */
#header{}
#header .header_top .topMenu li a{padding: 10px 0; font-size:13px;}
#header .header_top .topMenu li a span{margin-right: 10px; width: 13px; height: 13px;}
#header .header_in h1 a{width:100px;}
#header .header_in .topUtil li{margin-left: 10px;}
#header .header_in .topUtil li a{width: 20px; height: 20px;} 


/* Footer */
.footer_in{}
.footer_in .footer_info{padding: 15px 0;}
.footer_in .footer_info ul{width:calc(100% - 35px);} 	
.footer_in .footer_info ul li{margin-right:12px; padding:0 0 4px;}	
.footer_in .footer_info ul br{display:none;}
.footer_in .footer_info .cs{display:none;}	
.footer_in .footer_info .tel_icon.m{display: block; position:absolute; right:0; top:15px; width:28px; height: 28px;}	

.footer_in .copyright{padding: 15px 0 30px;}
.footer_in .copyright p{width: 100%;}
.footer_in .copyright p span{display:block;}
.footer_in .sns{top:auto; right:auto; position: relative; padding:10px 0 0;}
.footer_in .sns li{margin-left: 2px;}
.footer_in .sns li a{width:28px; height:28px;}

.topBtn a {display:block; width:40px; height:40px;}
	.topBtn a:before, .topBtn a:after {height:9px; margin:-5px 0 0 -4px;}
	.topBtn a:after {margin:-5px -4px 0 0}

.viewBtn{width:120px}
.viewBtn span{font-size:13px; /* padding: 0 25px; */ height: 40px; line-height: 38px;}


/* 검색 */
.window {height:50px; padding:10px; border-radius:10px;}
.window.visible{border-radius:10px;}
.window .close{width:16px; height:16px; top: -30px;}
.inputB dt {padding:5px 0 0px 0; width: 35px; text-align:center;} 
.inputB dt input {width:18px;}
.inputB dd{width: calc(100% - 35px);}


/*******************************************************************************
    @media ~480px                body,html{font-size:13px; }
*******************************************************************************/


.show480 {display:block;}
.none480 {display:none;}




/*******************************************************************************
    @media ~360px
*******************************************************************************/
@media all and (max-width:320px){




}