@import url("common.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC&display=swap');


/* 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; }
.slick-slide{display: none; float: left;}
.slick-initialized .slick-slide{display:block;}
/* End-슬릭기본 */


/*	VISUAL */
#visual {position:relative; padding:270px 0 120px; overflow:hidden;}
	#visual .vimg {background-color:#000; background-size:cover; background-position:center; background-repeat:no-repeat; position:absolute; top:0; left:0; width:100%; height:calc(100% + 2px); z-index: 1; animation: animate_background 2s ease-in-out;}

	@keyframes animate_background {
		0% {transform: scale(1.12); -ms-transform: scale(1.12); -webkit-transform: scale(1.12); }
		100%  {transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); }
	}

	.subtop_company .vimg {background-image:url('/img/subtop_other.jpg')}
	.subtop_business .vimg {background-image:url('/img/subtop_business.jpg')}
	.subtop_marketing .vimg {background-image:url('/img/subtop_marketing.jpg')}
	.subtop_brand .vimg {background-image:url('/img/subtop_brand.jpg')}
	.subtop_community .vimg {background-image:url('/img/subtop_community.jpg')}
	.subtop_other .vimg {background-image:url('/img/subtop_other.jpg')}

	#visual .w1230 {position:relative; z-index:10}
	#visual .vtxt {}
	#visual .vtxt h2 {color:#fff; font-weight:900; line-height:1; font-family:'Outfit', sans-serif; font-size:4.412rem; margin-bottom:20px; opacity:0;}
	#visual .vtxt p {font-size:1.176rem; letter-spacing:-0.6pt; color:rgba(255,255,255,0.7); opacity:0;}

	#visual .vloca {position:absolute; bottom:25px; right:0; color:rgba(255,255,255,0.7); line-height:1; opacity:0;}
	#visual .vloca a {display:inline-block; vertical-align:middle; color:rgba(255,255,255,0.7); line-height:1;}
	#visual .vloca img {display:inline-block; vertical-align:middle; margin:0 15px}
	#visual .vloca a.lnbHome img {margin:0;}
/*	VISUAL */

/* LNB */
#lnb {position:relative;  border-bottom:1px solid #ddd;}
	#lnb ul {table-layout: fixed; display:table; width:1230px; margin:0 auto; text-align:center; height:80px}
	#lnb ul li {display: table-cell; vertical-align: middle; position:relative;}
	#lnb ul li:before {display:block; content:""; width:1px; height:20px; background:#ddd; position:absolute; top:50%; left:0; transform:translate(0, -50%)}
	#lnb ul li:last-child:after {display:block; content:""; width:1px; height:20px; background:#ddd; position:absolute; top:50%; right:0; transform:translate(0, -50%)}
	#lnb ul li a {display:block; letter-spacing:-0.6pt; line-height:1.3; transition: all 0.3s linear;}
	#lnb ul li a:hover {color:#00a29e; font-weight:800}
	#lnb ul li a:hover:after {/* width:100% */}
	
	#lnb ul li a:after {display:block; content:""; position:absolute; bottom:-1px; left:0; width:0; height:3px; background:#00a29e; transition: all 0.3s linear;}	

	#lnb ul li.left_linktop a {font-weight:800; color:#00a29e;}
	#lnb ul li.left_linktop a:after {width:100%;}

	/** dropdownlist **/
	.stickyMenu {opacity:1; animation:fadein 1s ease-in-out forwards; animation-delay:1s; position:relative; z-index:99999;}
	.dropLst { display:inline-block; vertical-align:middle; color:#fff; line-height:20px;}
	.dropLst a {letter-spacing:-0.3pt}
	.dropLst .txt {position:relative; display:block; text-align:left; text-decoration:none; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 20px 0 10px; box-sizing:border-box; color:#333; }
	.dropLst .hidradio { opacity:0; filter:alpha(opacity=0); position:absolute; z-index:-1; top:5px; left:5px; }
	.dropLst .dlst { display:none; position:absolute; z-index:9; } /* box-shadow:1px 1px 1px rgba(0,0,0,.2); -webkit-box-shadow:1px 1px 1px rgba(0,0,0,.2);  min-width:100%; top:100%; */
	.dropLst.bottom .dlst { top:auto; bottom:100%; }
	.dropLst .dlst.aright { right:0; }
	.dropLst ul { background-color:#fff; max-height:400px; width:50%; min-width:150px; padding:0; overflow-x:hidden; overflow-y:auto; box-sizing:border-box; -webkit-box-sizing:border-box; box-shadow:0 0 10px rgba(20,20,20,0.15);}
	.dropLst ul > li { position:relative; }
	.dropLst ul > li > label { display:block; position:relative; cursor:pointer; }
	.dropLst ul > li > label > span { display:block; }
	.dropLst ul > li > a:hover, .dropLst ul > li > label:hover > span, .dropLst ul > li > label.hover > span { /* background-color:#f3f3f3; */ }
	/*.dropLst .txt, .dropLst ul { border:1px solid #d7d7d7; }*/
	.dropLst .txt, .dropLst li span, .dropLst li a {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
	.dropLst li span, .dropLst li a { padding:0 10px; }
	.dropLst li a.selected, .dropLst li a.on, .dropLst li label.on span {/*font-weight:bold;*/}
	.dropLst li span, .dropLst li a { display:block; text-align:left;}

	/** 서브 네비게이션 모바일 **/
	.mobile_snb {position:relative; display: block;}
	.mobile_snb .tbox {display:inline-block; line-height:20px;}
	.mobile_snb .box {float:left; display:inline-block; box-sizing:border-box; line-height:20px;}
	.mobile_snb .dropLst .txt, 
	.mobile_snb .dropLst li span, 
	.mobile_snb .dropLst > a {display:inline-block; padding:0 55px 0 15px; font-size:1rem; z-index: 99; box-sizing:border-box; line-height:20px;}
	.mobile_snb .box .dropLst .txt {color:#fff;}
	.mobile_snb .box .dropLst ul {padding:15px 0;}
	.mobile_snb .box.dep1 {position:relative;}
	.mobile_snb .box.dep1 ul {width:100%;}
	.mobile_snb .box.dep1 .dropLst ul, 
	.mobile_snb .box.dep1 .dropLst ul li {background-color:#fff; text-align:left;}
	.mobile_snb .box.dep1 .dropLst li .value {padding:7px 15px; line-height:100%; font-size:1rem; border:none; z-index: 99; box-sizing:border-box; color:#555; font-weight:400; letter-spacing:0; font-family:'Outfit', sans-serif}
	.mobile_snb .box.dep1 .dropLst li .value:hover {color:#00a29e;}
	.mobile_snb .box.dep1 .dropLst li .value.on {color:#00a29e;}
	.mobile_snb .box.dep1 .dropLst .txt {font-size:1rem; color:#fff; font-family:'Outfit', sans-serif}
	.mobile_snb .box.dep2 .dropLst > a { padding:0 35px 0 15px; }
	.mobile_snb .box.dep2 .dropLst li a {width:100%; padding:8px 15px; line-height:100%; font-size:1rem; border:none; z-index: 99; box-sizing:border-box; color:#555; text-align:left; font-weight:400}
	.mobile_snb .box.dep2 .dropLst li a:hover {color:#00a29e;}
	.mobile_snb .box.dep2 .dropLst li a.on {color:#00a29e;}
	.mobile_snb .dropLst {width:100%; box-sizing: border-box;}
	.mobile_snb .dropLst .dlst {box-sizing:border-box;}

	#sticker-sticky-wrapper {z-index:100 !important; width:100%;}

	.mobile_snb {display:block; background:#00a29e; height:45px;}
	.mobile_snb.single {}
	.mobile_snb .tbox {position:relative; display:block; width:100%;}
	.mobile_snb .tbox a.home {display:none;}
	.mobile_snb .box {width:50%; background:none; border-right:1px solid rgba(255,255,255,0.3);}
	.mobile_snb .dropLst .txt, .mobile_snb .dropLst li span, 
	.mobile_snb .dropLst > a {display:block; padding:0 15px; font-size:1rem; line-height:45px;}
	.mobile_snb .dropLst .txt {position:relative; }
	.mobile_snb .dropLst .txt:before {content:''; width:9px; height:6px; background:url('/img/lnbArrow2.png')no-repeat center center/100%; position:absolute; right:15px; top:20px; transition:all 0.3s;}
	.mobile_snb .dropLst .txt.on:before {-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); transition:all 0.3s;}

	.mobile_snb .dropLst .dlst {width:100%;}
	.mobile_snb .box.dep1 {background:none;}
	.mobile_snb .box.dep1 .dropLst .txt {font-size:1rem; letter-spacing:0}
/* LNB */

/* 공통 */
#contents{position:relative; clear:both; opacity:0}
.contents_in {position:relative; padding-top:100px; overflow-x: hidden;}

h3.cont_title {position:relative; line-height:1; color:#222; font-weight:800; font-size:2.353rem; letter-spacing:-1pt; margin:0 0 60px; text-align:Center; font-family:'Outfit', 'NanumSquare', sans-serif}

.sub_title {position:Relative; letter-spacing:-1pt; font-size:1.765rem; line-height:1.5; font-weight:normal; color:#222; margin-bottom:15px}

.sub_title2 {position:Relative; letter-spacing:-1pt; font-size:1.471rem; line-height:1.3; font-weight:normal; color:#222;}

.dep_tit {position:Relative; letter-spacing:-1pt; font-size:1.471rem; line-height:1.3; font-weight:800; color:#00a29e; margin-bottom:15px}

.eng_stitle {position:relative; color:#00a29e; line-height:1; font-size:1.176rem; font-weight:700; font-family:'Outfit', sans-serif; margin-bottom:20px; display:inline-block; text-transform:uppercase}
.eng_stitle:after {display:block; content:""; width:100%; height:2px; background:#00a29e; margin-top:3px;}

.sub_titcon {text-align:center; margin-bottom:50px}
.sub_titcon .sub_title {margin-bottom:0}

.stitle {position:relative; letter-spacing:-0.6pt; font-size:1.176rem; line-height:1.3; margin-bottom:20px; font-weight:700; color:#222}

.sub_txt {letter-spacing:-0.7pt; position:relative; line-height:1.9; font-size:1rem; font-weight:normal; color:#777}

.sub_stxt {letter-spacing:-0.7pt; position:relative; line-height:1.9; font-size:0.882rem; font-weight:normal; color:#777}

.gray_txt {letter-spacing:-0.7pt; position:relative; line-height:1.8; font-size:0.882rem; font-weight:normal; color:#999;}
	.gray_txt li {position:relative; padding-left:18px; line-height:inherit; font-size:inherit; letter-spacing:inherit; margin-bottom:2px}
	.gray_txt li:last-child {margin-bottom:0}
	.gray_txt li i {position:absolute; top:0; left:0; font-style:normal;}

.s_dot {}
	.s_dot p {letter-spacing:-0.7pt; position:relative; line-height:1.7; font-size:0.765rem; font-weight:normal; color:#999; margin-bottom:4px}
	.s_dot p:last-child {margin-bottom:0}

.grayBg {background:#f2f2f2}


.tmar_15 {margin-top:15px !important}
.tmar_25 {margin-top:25px !important}
.bmar_0 {margin-bottom:0 !important}
.bmar_10 {margin-bottom:10px !important}
.bmar_30 {margin-bottom:30px !important}
.bmar_35 {margin-bottom:35px !important}





.fontCh{font-family: 'Noto Sans SC', sans-serif;}

.center{text-align:center !important;}
.left{text-align:left !important;}
.right{text-align:right !important;}
.ExtraBold{font-weight: 800 !important;}
.bold{font-weight: 700 !important;}
.black{color: #222 !important;}
.mint{color: #00a29e !important;}
.grayBg{background: #f2f2f2; position: relative;}
.grayBg:before{content:''; display:block; width:200%; height:100%; background:#f2f2f2; position: absolute; left:-200%; top:0;}
.grayBg:after{content:''; display:block; width:200%; height:100%; background:#f2f2f2; position: absolute; right:-200%; top:0;}
.blackBg{background: #000000 !important; position: relative;}
.blackBg:before{content:''; display:block; width:200%; height:100%; background:#000000; position: absolute; left:-200%; top:0;}
.blackBg:after{content:''; display:block; width:200%; height:100%; background:#000000; position: absolute; right:-200%; top:0;}


.subTit{font-size:80px; letter-spacing: 0; color:#222; font-weight: 900; line-height: 100%; font-family: 'Outfit', sans-serif; position: relative; text-align:center;}
.subTit2{font-size:30px; font-weight: 700; letter-spacing: 0; color:#222; font-family: 'Outfit', sans-serif; line-height: 120%;}
.subTit2.ko{letter-spacing: -0.5pt; font-weight: 800; font-family:'NanumSquare', Malgun Gothic,'Malgun Gothic', 'Outfit', sans-serif;}
.subStit{font-size:20px; font-weight:700; color:#222; letter-spacing:-0.6pt; line-height: 150%; text-align:center; padding: 0 0 20px;}
.subTxt{font-size:1rem; letter-spacing: -0.6pt; color:#666666;}
.txt{} 
.txt p{font-sizE:1rem; letter-spacing: -0.6pt; color:#666666; padding: 0 0 30px;}
.txt p:last-child{padding: 0;}

.tab_style{max-width:855px; margin: 0 auto 50px; width: 100%; display:table; table-layout:fixed;}
.tab_style li{display:table-cell;}
.tab_style li a{display: block; text-align:center; font-size:1rem; color:#777777; font-weight: 300; letter-spacing:0; font-family: 'Outfit', sans-serif; height: 65px; line-height:63px; border:1px solid #ddd; box-sizing:border-box; transition:all .3s linear; border-left: 0;}
.tab_style li:first-child a{border-left: 1px solid #ddd;}
.tab_style li a.on{background-color: #00a29e; color:#fff; font-weight:700; border-color:#00a29e;}
.tab_style li a:hover{background-color: #00a29e; color:#fff; border-color:#00a29e;}

.basicCont{max-width:1280px; padding: 0 25px; box-sizing:border-box; margin: 0 auto 150px; }
.img{text-align:center;}
/*.img img{max-width:100%;}*/
.img img{max-width:100%;}

.num_list{}
.num_list li{font-size:1rem; color:#666666; letter-spacing: -0.6pt; padding: 0 0 12px 32px; box-sizing:border-box; position:relative;}
.num_list li span{display: inline-block; text-align:center; width: 24px; height: 24px; line-height: 20px; border-radius:50%; border:2px solid #00a29e; color:#00a29e; font-size:15px; letter-spacing: -0.6pt; font-weight: 700; font-family: 'Outfit', sans-serif; position: absolute; left: 0; top:4px;}

.tit_area{position: relative; padding: 26px 0 14px; text-align:center;}
.tit_area img{position: absolute; max-width:100%; left:50%; top:0; transform:translateX(-50%);}

.subpad{padding: 130px 0;}
.subpad_t{padding: 130px 0 0;}
.subpad_b{padding: 0 0 130px;}

.dot_list{}
.dot_list li{font-size:15px; letter-spacing: -0.6pt; color:#777; letter-spacing:-0.6pt; position:relative; padding:0 0 8px 11px; box-sizing:border-box;}
.dot_list li:before{content:''; display:block; width: 4px; height: 4px; border-radius:50%; background:#888888; border-radius:50%; position: absolute; left: 0; top:12px;}
.dot_list li .engBox{letter-spacing: 0; font-family: 'Outfit', sans-serif; line-height: 160%;}






/* 카테고리 */
.cate_tab{margin: 0 0 60px; border-bottom:1px solid #ddd; box-sizing:border-box;}
.cate_tab ul{font-size:0; text-align:center; position: relative; margin:0 auto; width: auto; justify-content: center;} 
.cate_tab ul li{display:inline-block; margin:0 20px; width: auto;}
.cate_tab ul li a{display:block; font-size:17px; letter-spacing:-0.5pt; line-height:120%; color:#777; padding:28px 0; box-sizing:border-box; transition:all .3s linear; position:relative;}
.cate_tab ul li a:hover{color:#00a29e;}
.cate_tab ul li.on a{color:#00a29e; font-weight:800;}
.cate_tab ul li a:after{content:''; display:block; width:0; height:3px; background:#00a29e; position:absolute; left:0; bottom:-1px; z-index:2; transition:all .3s linear;}
.cate_tab ul li a:hover:after{width: 100%;}
.cate_tab ul li.on a:after{width:100%;}

.tab_con {text-align:center; margin-bottom:50px}
	.tab_con ul {display:inline-block;*dispaly:inline;zoom:1;}
	.tab_con ul li {float:left;margin-left:0;z-index:1; width:285px}
	.tab_con ul li a {display:block; letter-spacing:-0.6pt; line-height:65px; border:1px solid #ddd; border-left:none;}
	.tab_con ul li:first-child a {border-left:1px solid #ddd}
	.tab_con ul li a:hover {background:#f; border-color:#00a29e; color:#00a29e;}
	.tab_con ul li a.on {color:#fff !important; font-weight:800 !important; background:#00a29e !important; border-color:#00a29e !important;}


.dot {position:relative; overflow:hidden;}
	.dot li {position:relative; line-height:1.7; letter-spacing:-0.6pt; padding:0 0 0 12px; margin-bottom:7px; font-size:1rem; color:#777}
	.dot li:last-child {margin-bottom:0}
	.dot li:before {display:block; content:""; border-radius:4px; width:4px; height:4px; background:#888; position:absolute; top:12px; left:0}
	.dot.list02 li {margin:7px 0 0 0; float:left; width:50%; padding-right:15px} 
	.dot.list02 li:nth-child(even) {padding-right:0}
	.dot.list02 li:first-child, .dot.list02 li:nth-child(2) {margin-top:0}
	.dot.ver2 li {font-size:0.882rem}
	.dot.ver2 li:before {top:10px}


.txtList_con {border-top:1px solid #ddd}
	.txtList {margin:0 0 70px 0}
	.txtList:first-child {margin-top:70px}
	.txtList:last-child {margin-bottom:0}
	.txtList .stitle {margin-bottom:15px}
	.txtList .stitle.ver2 {margin-bottom:8px}
	.txtList .txtList_black {}
	.txtList .txtList_black > li {color:#222; letter-spacing:-0.6pt; margin-bottom:5px; line-height:1.7; position:relative}
	.txtList .txtList_black > li:last-child {margin-bottom:0}
	.txtList .txtList_black > li .dot.ver2 {margin-top:7px}
	.txtList .txtList_black > li .s_dot {margin-top:7px}
	.txtList .txtList_black.ver2 > li {margin-bottom:18px}

	.txtList .txtList_black2 {}
	.txtList .txtList_black2 dl {margin-top:35px}

	.txtList .plus_con {position:relative; overflow:hidden; margin-bottom:10px; padding-left:30%}
	.txtList .plus_con:last-child {margin-bottom:0}
	.txtList .plus_con > div {float:left; position:relative;}
	.txtList .plus_con .plus_tit {background:#019d9c; color:#fff; letter-spacing:-0.6pt; text-align:center; border-radius:10px; width:31%; z-index:10; padding:20px 3%; line-height:1.7; position:absolute; top:0; left:0}
	.txtList .plus_con .plus_tit span {font-size:0.882rem; display:inline-block; color:#01fffd; margin-left:7px}
	.txtList .plus_con .plus_tit i {background:#fff url('/img/plus.png') center center no-repeat; box-shadow:4px 4px 4px rgba(0,0,0,.1); width:31px; height:31px; border-radius:31px; position:absolute; top:50%; right:-15px; transform:translate(0, -50%)}
	.txtList .plus_con .plus_txt {border-radius:10px; letter-spacing:-0.6pt; width:100%; padding:19px 3% 19px 50px; z-index:1; border:1px solid #ddd; line-height:1.7}
	.txtList .plus_con .plus_txt p {letter-spacing:-0.6pt; line-height:1.7; margin-bottom:3px}
	.txtList .plus_con .plus_txt p:last-child {margin-bottom:0}
	.txtList .plus_con .plus_txt p .gray_txt {display:block; margin:7px 0}




/********* 회사소개 *********/
/* 회사소개 */
.about_con {}
	.about_topimg {text-align:center; background:url('/img/aboutBg.jpg') center center/cover no-repeat; padding:130px 3%;}
	.about_topimg .eng_stitle {margin-bottom:30px}
	.about_topimg .sub_title {color:#fff}
	.about_topimg .sub_txt {color:rgba(255,255,255,0.7);}

	.about_story {}
	.about_storyList {}
	.about_storyList dl {position:relative; overflow:hidden; margin-bottom:80px}
	.about_storyList dl:last-child {margin-bottom:0}
	.about_storyList dt {float:left; width:48.78%}
	.about_storyList dt img {width:100%;}
	.about_storyList dd {float:left; width:calc(100% - 48.78%); padding:3% 0 0 6%}
	.about_storyList dd .sub_title {margin-bottom:20px}
	.about_storyList dd br.none {}
	.about_storyList dl:nth-child(even) {}
	.about_storyList dl:nth-child(even) dt {float:right;}
	.about_storyList dl:nth-child(even) dd {float:right; padding:3% 6% 0 0}


/* CEO 인사말 */
.greeting_con {position:relative; background:url('/img/greeting.png') right 105px bottom no-repeat; padding-bottom:40px}
	.greeting_con .greeting_tit {position:relative; font-weight:400; line-height:1.3; font-size:3.059rem; display:inline-block; color:#222; letter-spacing:-1pt; margin-bottom:40px; padding-right:85px}
	.greeting_con .greeting_tit:after {line-height:1; display:block; content:"”"; font-size:8.824rem; color:#222; opacity:0.2; font-family:'Outfit', sans-serif; position:absolute; bottom:0; right:0; height:85px}
	.greeting_con .stitle {color:#777; font-weight:400; margin-bottom:40px}
	.greeting_con .ceo {line-height:1; position:relative; color:#222; font-size:1.176rem; letter-spacing:-0.6pt; text-align:right; position:absolute; top:420px; right:105px;}
	.greeting_con .ceo span {font-weight:800; display:block; font-size:1.765rem; line-height:1; margin-top:15px; letter-spacing:0.5pt;}
	

/* 경영이념 */
.value_con {}
	.value_top {background:url('/img/valueBg.jpg') center center/cover no-repeat; text-align:center;}
	.value_top .value_top_in {background:url('/img/valueimg.png') 150px center no-repeat; padding:130px 3% 170px 3%}
	.value_top h2 {font-size:4.706rem; letter-spacing:0; font-weight: 900; line-height: 1; position: relative; font-family:'Outfit', sans-serif; margin-bottom:15px}
	.value_top h2 span{display:inline-block; vertical-align:middle; color:#fff; margin-right:-15px; position:relative; z-index:10}
	.value_top h2 span.two {margin:65px 0 0 -15px}
	.value_top h2 i {display:inline-block; vertical-align:middle; width:94px; height:98px; background:url('/img/v_plus.png') center center/100% no-repeat; position:relative; z-index:1}
	.value_top p {color:rgba(255,255,255,0.7); letter-spacing:-0.6pt; font-size:1.176rem}

	.value_mission {}
	.value_missionList {position:relative; overflow:hidden; text-align:center;}
	.value_missionList > div {display:inline-block; vertical-align:middle; }
	.value_missionList .value_missionList_dia {background:url('/img/value_missionBg.png') center center/100% no-repeat; width:554px; height:554px; position:relative;}
	.value_missionList .value_missionList_dia .value_missionList_dia_in {font-size:1.176rem; letter-spacing:-0.5pt; line-height:1.6; color:#222; text-align:center; position:absolute; top:50%; left:50px; transform:translate(0, -50%)}
	.value_missionList .value_missionList_dia .value_missionList_dia_in img {display:block; margin:0 auto 18px auto}
	.value_missionList .value_missionList_txt {padding:40px 0 0 20px;}
	.value_missionList .value_missionList_txt dl {margin-bottom:80px; position:relative; overflow:hidden;}
	.value_missionList .value_missionList_txt dl:nth-child(2) {padding-left:60px}
	.value_missionList .value_missionList_txt dl:last-child {margin-bottom:0}
	.value_missionList .value_missionList_txt dt {display:none;}
	.value_missionList .value_missionList_txt dt img {}
	.value_missionList .value_missionList_txt dd {text-align:left;}
	.value_missionList .value_missionList_txt dd h6 {font-weight:800; line-height:1; position:relative; color:#00a6c5; letter-spacing:-0.5pt; font-size:1.471rem; margin-bottom:15px}
	.value_missionList .value_missionList_txt dd h6 .eng {font-weight:300; letter-spacing:0; font-family:'Outfit', sans-serif; display:inline-block; margin-left:10px; vertical-align:bottom}
	.value_missionList .value_missionList_txt dd p {line-height:1.8}

	.value_missionList .value_missionList_txt dl:nth-child(2) dt div {background:#00a19e;}
	.value_missionList .value_missionList_txt dl:nth-child(2) dd h6 {color:#00a19e;}
	.value_missionList .value_missionList_txt dl:nth-child(3) dt div {background:#57b497;}
	.value_missionList .value_missionList_txt dl:nth-child(3) dd h6 {color:#57b497;}


/* 본사 및 센터안내 */
.location_con {}
	.location_con .loca_map {}
	.location_con .loca_info {position:relative; margin:50px 0 0 0}
	.location_con .loca_info ul {padding-right:380px}
	.location_con .loca_info ul li {display:inline-block; vertical-align:top; position:relative; background:url('/img/loca_icon01.png') left 2px no-repeat; padding-left:23px; margin-right:25px; letter-spacing:-0.6pt;}
	.location_con .loca_info ul li:nth-child(2) {background-image:url('/img/loca_icon02.png'); padding-left:20px}
	.location_con .loca_info ul li:last-child {margin:0}
	.location_con .locaBtn {position:absolute; top:50%; right:0; transform:translate(0, -50%)}
	.location_con .locaBtn a {display:block; float:left;  font-family:'Outfit', sans-serif; color:#fff; letter-spacing:0.3pt; margin-right:4px;}
	.location_con .locaBtn a:last-child {margin:0}
	.location_con .locaBtn a.detailBtn span {}
	.location_con .locaBtn a.printBtn {}

	.location_con .loca_way {margin-top:90px}
	.location_con .loca_way > div {border-bottom:1px solid #ddd; padding:50px 3% 50px 17%; background:url('/img/loca_way01.png') 4% 42px no-repeat; }
	.location_con .loca_way > div:first-child {border-top:1px solid #ddd;}
	.location_con .loca_way .subway {}
	.location_con .loca_way > div dl {margin-bottom:35px}
	.location_con .loca_way > div dl:last-child {margin-bottom:0}
	.location_con .loca_way .subway dl.sub_greenline dt {color:#37b42d;}
	.location_con .loca_way .subway dl.sub_greenline dt span {background:#37b42d;}
	.location_con .loca_way .subway dt {color:#69760f; letter-spacing:-0.6pt; position:relative; line-height:1.4; padding:0 0 12px 26px}
	.location_con .loca_way .subway dt strong {font-weight:700;}
	.location_con .loca_way .subway dt span {text-align:center; display:inline-block; width:22px; height:22px; border-radius:5px; background:#69760f; color:#fff; font-family:'Outfit', sans-serif; line-height:22px; font-size:0.882rem; position:absolute; top:0; left:0}
	.location_con .loca_way .subway dd {font-size:0.882rem; letter-spacing:-0.6pt; line-height:2; color:#666}
	.location_con .loca_way .subway dd img {margin:0 10px}
	.location_con .loca_way > div.bus {background-image:url('/img/loca_way02.png')}
	.location_con .loca_way .bus dt {color:#222; line-height:1.4; letter-spacing:-0.6pt; margin-bottom:12px}
	.location_con .loca_way .bus dd {}
	.location_con .loca_way .bus dd ul {}
	.location_con .loca_way .bus dd ul li {position:relative; padding:0 0 5px 75px; letter-spacing:0; font-size:0.882rem; }
	.location_con .loca_way .bus dd ul li:last-child {padding-bottom:0}
	.location_con .loca_way .bus dd ul li span {position:absolute; left:0; top:2px; color:#fff; width:65px; line-height:22px; font-size:0.765rem; border-radius:5px; text-align:center; letter-spacing:-0.6pt;}
	.location_con .loca_way .bus dd ul li .blue_line {background:#3556a7;}
	.location_con .loca_way .bus dd ul li .green_line {background:#4a972e;}
	.location_con .loca_way .bus dd ul li .lgreen_line {background:#5ac234;}
	.location_con .loca_way .bus dd ul li .red_line {background:#df121a;}



/********* BUSINESS *********/
/* BUSINESS Guide */
.g_business_con {}
	.business_guide {}
	.business_guide .guideList {}
	.business_guide .guideList dl {background:#fff; margin-bottom:5px; display:table; width:100%; padding:60px 5%}
	.business_guide .guideList dl:last-child {margin-bottom:0}
	.business_guide .guideList dt {display:table-cell; vertical-align:middle; width:34.14%;  background:url('/business/img/business_icon01.png') left center no-repeat; padding-left:85px}
	.business_guide .guideList dl:nth-child(2) dt {background-image:url('/business/img/business_icon02.png')}
	.business_guide .guideList dt span {display:block;}
	.business_guide .guideList dd {display:table-cell; vertical-align:middle; width:calc(100% - 34.14%);}

	.business_guide .c_guideList {text-align:center; padding:70px 0; margin-bottom:90px; border-bottom:1px solid #ddd}
	.business_guide .c_guideList_in {margin-top:50px}
	.business_guide .c_guideList_in dl {display:inline-block; vertical-align:middle; width:22%}
	.business_guide .c_guideList_in dt {border:1px solid #00a29e; width:100px; height:100px; border-radius:100px; margin:0 auto 20px; background:linear-gradient(130deg, rgba(255,255,255,1) 50%, rgba(247,247,247,1) 50%); display:flex; justify-content:center; align-items:center;}
	.business_guide .c_guideList_in dt img {}
	.business_guide .c_guideList_in dd {line-height:1.3; font-weight:700; letter-spacing:-0.5pt; color:#00a29e; font-size:1.176rem;}

	.business_guide .guide_process {position:relative; overflow:hidden; padding:0 75px}
	.business_guide .guide_process dl {float:left; width:12%; margin:0 17.32% 100px 0; text-align:center; position:relative;}
	.business_guide .guide_process dl:nth-child(8) ~ dl {margin-bottom:0}
	.business_guide .guide_process dl:after {display:block; content:""; width:31px; height:24px; background:url('/business/img/business_arrow.png') center center/100% no-repeat; position:absolute; top:40%; right:-85%; transform:translate(0, -50%)}
	.business_guide .guide_process dl:last-child:after {display:none;}
	.business_guide .guide_process dl:nth-child(4n) {margin-right:0}
	.business_guide .guide_process dl:nth-child(4n+1) {clear:both}
	.business_guide .guide_process dt {position:relative; line-height:1.3; color:#00a29e; font-weight:800; letter-spacing:-0.5pt;  font-size:1.471rem; width:100%; height:130px; display:flex; justify-content:center; align-items:center; border: 5px solid transparent;
    border-radius: 20px; background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #03a3a0, #5fbf9e); background-origin: border-box; background-clip: content-box, border-box; margin:0 auto}
	.business_guide .guide_process dt div {line-height:inherit; letter-spacing:inherit;}
	.business_guide .guide_process dt span {display:block; font-size:1.176rem;}
	.business_guide .guide_process dd {line-height:1; color:#222; font-size:1.176rem; margin-top:20px; letter-spacing:-0.5pt}
	.business_guide .guide_process dl.gra dt {background-image: linear-gradient(45deg, rgba(3,163,160,1) 0%, rgba(95,191,158,1) 100%); border:none; color:#fff}

	.business_guide .guide_process dl:nth-child(5), .business_guide .guide_process dl:nth-child(6), .business_guide .guide_process dl:nth-child(7), .business_guide .guide_process dl:nth-child(8) {float:right; margin:0 0 100px 17.32%}
	.business_guide .guide_process dl:nth-child(8) {margin-left:0 !important}

	.business_guide .guide_process dl:nth-child(4):after, .business_guide .guide_process dl:nth-child(8):after {width:23px; height:30px; background-image:url('/business/img/business_arrow2.png'); right:auto; left:50%; top:auto; bottom:-65px; transform:translate(-50%, 0);}
	.business_guide .guide_process dl:nth-child(5):after, .business_guide .guide_process dl:nth-child(6):after, .business_guide .guide_process dl:nth-child(7):after {background-image:url('/business/img/business_arrow3.png'); right:auto; left:-85%}


	.business_program {}
	.business_programList {display: flex; flex-wrap: wrap;}
	.business_programList dl {border:1px solid #ddd; padding:42px 3%; width:calc((100% - 90px)/4); margin-right:30px; text-align:center}
	.business_programList dl:last-child {margin-right:0; margin-bottom:0}
	.business_programList dt {margin:0 auto 15px}
	.business_programList dt img {}
	.business_programList dd {}
	.business_programList dd .stitle {margin-bottom:12px}
	.business_programList dd .sub_txt {line-height:1.6}


/* Purchase of Goods Guide */ 
.godds_con {}
	


/********* MARKETING *********/
/* Business System */ 
.marketing_con {}
	.marketing_member {background:#f2f2f2 url('/img/marketing_topBg.png') center center/cover no-repeat;}
	.marketing_member .marketing_memberList {text-align:center; position:relative; z-index:1}
	.marketing_member .marketing_memberList dl {display:inline-block; vertical-align:top; padding-right:90px; position:relative;}
	.marketing_member .marketing_memberList dl:last-child {margin-right:0; padding-right:0}
	.marketing_member .marketing_memberList dl:last-child:after {display:none;}
	.marketing_member .marketing_memberList dl:after {display:block; content:""; width:100%; height:1px; background:#ddd; position:absolute; top:86px; right:-10px; z-index:-1}
	.marketing_member .marketing_memberList dt {margin:0 auto 25px; background:url('/img/marketing_medal01.png') center center/cover no-repeat; width:176px; height:176px; font-weight:800; line-height:1; color:#835432; letter-spacing:-0.6pt; position:relative; display:flex; justify-content:center; align-items:center; font-size:1.176rem;}
	.marketing_member .marketing_memberList dt div {line-height:1; letter-spacing:-0.6pt;}
	.marketing_member .marketing_memberList dl:nth-child(2) dt {background-image:url('/img/marketing_medal02.png'); color:#515151}
	.marketing_member .marketing_memberList dl:nth-child(3) dt {background-image:url('/img/marketing_medal03.png'); color:#4d3e0f}
	.marketing_member .marketing_memberList dt span {line-height:1; letter-spacing:0; font-family:'Outfit', sans-serif; margin-top:0; display:block; font-size:0.882rem; font-weight:normal; margin-top:6px}
	.marketing_member .marketing_memberList dd {line-height:1.7; letter-spacing:-0.6pt;}

	.marketing_term_con {}
	.marketing_term_con .marketing_termList {}
	.marketing_term_con .marketing_termList dl {position:relative; overflow:hidden; border:1px solid #ddd; background:#fff; padding:25px 35px; border-bottom:none;}
	.marketing_term_con .marketing_termList dl:last-child {border-bottom:1px solid #ddd}
	.marketing_term_con .marketing_termList dl:nth-child(even) {background:#f9f9f9}
	.marketing_term_con .marketing_termList dt {float:left; position:relative; letter-spacing:-0.6pt; font-weight:800; color:#222; line-height:1.7; padding-left:40px}
	.marketing_term_con .marketing_termList dt span {color:#00a29e; display:inline-block; position:absolute; top:0; left:0}
	.marketing_term_con .marketing_termList dd {float:left; letter-spacing:-0.6pt; padding-left:25px; line-height:1.7}

	.marketing_tree_con {background:url('/img/marketing_binaryBg.jpg') center center/cover no-repeat; text-align:center;}
	.marketing_tree_con.enroller {background-image:url('/img/marketing_enrollerBg.jpg')}
	.marketing_tree_con .sub_titcon {}
	.marketing_tree_con .sub_title {color:#fff;}
	.marketing_tree_con .eng {color:rgba(255,255,255,0.7); line-height:1; margin:7px 0 18px}
	.marketing_tree_con .sub_txt {color:rgba(255,255,255,0.7); line-height:1.7}


/* Business Tree Requirements */
.requirement_con {}
	.requirementList {}
	.requirementList .requirementList_table {width:100%;}
	.requirementList .requirementList_table thead th {text-align:center; letter-spacing:-0.6pt; color:#222; padding:0 18px 18px 18px; font-weight:800; line-height:1.3}
	.requirementList .requirementList_table tbody td {font-weight:normal; letter-spacing:-0.5pt; padding:13px 40px; background:#fff; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:Center;}
	.requirementList .requirementList_table tbody td:first-child {border-left:1px solid #ddd}
	.requirementList .requirementList_table tbody tr:nth-child(even) td {background:#f9f9f9}
	.requirementList .requirementList_table tbody tr:first-child td {border-top:1px solid #ddd}
	.requirementList .requirementList_table tbody td.grade {text-align:left; font-weight:800; letter-spacing:-0.6pt; color:#222;}
	.requirementList .requirementList_table tbody td.grade img {margin-right:13px;}
	.requirementList .requirementList_table tbody td.num {font-weight:700; letter-spacing:0; color:#222; font-family:'Outfit', sans-serif; text-align:right;}
	
	.requirement_basic {}
	.requirement_basicList {}
	.requirement_basicList_in {text-align:center}
	.requirement_basicList_in .requirement_week {position:Relative; overflow:hidden;}
	.requirement_basicList_in .requirement_week li {float:left; width:25%; color:#fff; font-weight:700; color:#fff; line-height:1; font-family:'Outfit', sans-serif; padding:23px 3%; background:#50bacc; font-size:1.176rem;}
	.requirement_basicList_in .requirement_week li:nth-child(2) {background:#019d9c;}
	.requirement_basicList_in .requirement_week li:nth-child(3) {background:#1e85a6;}
	.requirement_basicList_in .requirement_week li:nth-child(4) {background:#24313b;}
	.requirement_basicList_in .stitle {margin:60px 0 25px }
	.requirement_basicList_in .requirement_ex {text-align:center; width:100%; border-top:1px solid #222}
	.requirement_basicList_in .requirement_ex td {line-height:1; color:#666; letter-spacing:-0.6pt; text-align:center; padding:12px 0; border-bottom:1px solid #ddd; position:Relative;}
	.requirement_basicList_in .requirement_ex td:after {display:block; content:""; width:1px; height:100%; position:absolute; top:0; right:-1px; z-index:-2; background:#ddd}
	.requirement_basicList_in .requirement_ex td.n_border {}
	.requirement_basicList_in .requirement_ex td:last-child:after {display:none;}
	.requirement_basicList_in .requirement_ex td div {font-weight:800; position:relative; line-height:1; color:#fff; letter-spacing:-0.6pt; line-height:31px; background:#24313b; z-index:10}
	.requirement_basicList_in .requirement_ex td div:before {}
	.requirement_basicList_in .requirement_ex td div.end:after {display:block; content:""; width:14px; height:31px; background:url('/img/ingBg.gif') right center no-repeat; position:absolute; top:0; right:0; z-index:-1}
	


/* 페이징 */
.page_num{margin:30px 0 0;}
.page_num .pagination{text-align:center; font-sizE:0;}
.page_num .pagination li{display:inline-block; margin: 0 2px; vertical-align: top;}
.page_num .pagination li:nth-child(2){margin:0 20px 0 2px;}
.page_num .pagination li:last-child(2){margin:0 2px 0 20px;}
.page_num .pagination li a{display:block; width:25px; text-align:center; border-radius:50%; font-size:14px; height: 25px; line-height:25px;  letter-spacing:-0.3pt; color:#888888; font-family: 'Outfit', sans-serif; transition:all .3s linear;} 
.page_num .pagination li a:hover{color:#222;}
.page_num .pagination li a.active{background:#00a29e !important; color:#fff !important;}  
.page_num .pagination li.arrow a img{padding:8px 0 0; opacity: 0.25; transition:all .3s linear;}
.page_num .pagination li.arrow a:hover img{opacity: 1;}



/** 테이블 **/
.table_wrap{}
.table_info{font-size:13px; color:#888; letter-spacing: -0.5pt; padding: 5px 0 8px; display:none;}

.table_half {position:relative; overflow:hidden;}
.table_half .table_style {float:left; width:calc((100% - 30px)/2); margin-right:30px}
.table_half .table_style:last-child {margin:0}
.table_style{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #222222;}
.table_style th{font-size:0.882rem; text-align:center; font-weight:700; color:#222; border-bottom:1px solid #bbb; border-right:1px solid #ddd; padding:15px 10px; box-sizing:border-box; letter-spacing: -0.6pt; line-height: 1.4;}
.table_style th:last-child {border-right:none;}
.table_style td{font-size:0.882rem; text-align:center; font-weight:700; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:15px 10px;letter-spacing:-0.6pt;}
.table_style td:last-child {border-right:none;}
.table_style td.tit {color:#222;}
.table_style td.g_bg {background:#f9f9f9;}





/* 이용안내 */
.privacy{}
.privacy > dl{padding:0 0 40px;}
.privacy > dl:last-child {margin-bottom:0}
.privacy > dl > dt{font-size:1.176rem; letter-spacing:-0.5pt; font-weight:700; color:#00a29e; padding: 0 0 10px;}
.privacy > dl > dd{font-sizE:1rem; letter-spacing:-0.3pt; padding:0 0 6px; line-height:170%;}
.privacy > dl > dd > ul{padding:20px 15px; box-sizing:border-box; background:#f7f7f7; margin: 8px 0 10px;}
.privacy > dl > dd > ul > li{padding: 0 0 4px;}
.privacy > dl > dd > ul > li:last-child{padding: 0;}
.table_scroll{}
.table_basic {margin: 8px 0 10px; width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #222222;}
.table_basic th{box-sizing:border-box; padding: 18px 5px; font-size:1rem; letter-spacing: -0.3pt; color:#222; font-weight: 700; text-align:center; border-bottom: 1px solid #ddd; border-right:1px solid #ddd;}
.table_basic td{box-sizing:border-box; padding: 18px 5px; font-size:1rem; letter-spacing: -0.3pt; color:#777; font-weight: 400; text-align:center; border-bottom: 1px solid #ddd; border-right:1px solid #ddd;}
.table_basic th.last{border-right: 0;}
.table_basic td.last{border-right: 0;}


/* 검색 */
.search_cont{padding: 0 0 80px;}




/* 린시아 */
.linsia_cont{}
.linsia_cont .viewBtn{margin: 50px auto 0; width: 230px;}
.linsia_cont .txt{text-align:center;}
.linsia_info{}
.linsia_info .subStit{position: relative; padding: 75px 0 0;}
.linsia_info .subStit img{max-width:100%; position: absolute; left: 50%; transform:translateX(-50%); bottom: 0; z-index: -1;}
.linsia_info .txt{margin: 20px 0 60px;}
.linsia_icon{display:flex; text-align:center; justify-content: center;}
.linsia_icon dl{margin:0 70px 0 0;}
.linsia_icon dl:last-child{margin: 0;}
.linsia_icon dl dt{width: 130px; position: relative;}
.linsia_icon dl dt:after{content:''; display:block; width: 70px; height: 1px; background-color: #ddd; position: absolute; right:-70px; top:50%;}
.linsia_icon dl:last-child dt:after{display: none;}
.linsia_icon dl dt img{max-width:100%;}
.linsia_icon dl dd{font-size:20px; line-height: 120%; letter-spacing:-0.6pt; color:#777777; padding:15px 0 0;} 
.linsia_icon dl dd b{color:#222; font-weight: 800;}

.linsiaCont_in{}
.linsiaCont_in .subTit{padding:40px 0 0; margin: 100px 0 50px;}
.linsiaCont_in .subTit01{text-indent:330px;}
.linsiaCont_in .subTit02{text-indent:380px;}
.linsiaCont_in .subTit03{text-indent:330px;}
.linsiaCont_in .text-stroke{position: absolute; left: 0; top:0; z-index: -1; display: inline-block;}
.linsiaCont_in .subTit01 .text-stroke{text-indent:145px;}
.linsiaCont_in .subTit02 .text-stroke{text-indent:155px;}
.linsiaCont_in .subTit03 .text-stroke{text-indent:108px;}
.linsiaCont_in .text-stroke img{max-width:100%;}
.linsiaCont_in .goBtn{margin: 50px auto 0;}

/* 주디스리버 */
.judith_cont{}
.judith_cont .subTxt{word-break:keep-all;}
.judith_top{margin: 0 0 50px;}
.judith_top .tit_area{padding: 20px 0 0;}
.judith_top .tit_area .subStit{padding: 20px 0 15px;}

.judith_photo{text-align:center;}
.judith_photo img{max-width:100%;}
.judith_photo .img3{margin: 50px 0 0;}
.judith_photo .txtBox01{padding: 50px 0 100px;}
.judith_photo .txtBox01 .subStit{padding: 20px 0 0;}
.judith_photo .txtBox02{padding: 90px 0 0;}
.judith_photo .txtBox02 .subTxt{padding: 20px 0;}

.judith_heritage{}
.judith_heritage .subTit2{padding: 0 0 50px;}

.judith_banner{position: relative;}
.judith_banner .viewBtn{position: absolute; bottom: 150px; left: 50%; transform:translateX(-50%); background-color: #fff; width: 230px;}



/* 미네랄라인 */
.mineraline_cont{}
.mineraline_cont .viewBtn{margin: 0 auto; width: 230px;}
.mineraline_top{text-align:center; margin: 0 0 60px;}
.mineraline_top .subTit2{position: relative; padding: 40px 0 30px;}
.mineraline_top .subTit2 img{position: absolute; left: 50%; top:50%; transform:translate(-50%,-50%); max-width:100%;}
.mineraline_top .subStit{margin: -10px 0 0;}

.mineraline_photo{position: relative; margin: 0 0 130px;}
.mineraline_photo img{max-width:100%;}
.mineraline_photo .txt{text-align:center; position: absolute; left: 0; bottom: 20px; width: 100%; padding:0 10px; box-sizing:border-box;}

.mineraline_in{}
.mineraline_in dl{margin: 0 0 80px; display:flex; flex-wrap: wrap; justify-content: space-between; align-items: center;} 
.mineraline_in dl:nth-child(even){flex-direction: row-reverse;}
.mineraline_in dl dt{width: calc(50% - 15px);}
.mineraline_in dl dt img{max-width:100%;}
.mineraline_in dl dd{width: calc(50% - 15px); box-sizing:border-box; padding:0 0 0 40px;}
.mineraline_in dl:nth-child(even) dd{padding: 0;}
.mineraline_in dl dd .subTit2{padding: 0 0 25px;}



/* 닥터헬리파 */
.drHelipa_cont{}
.drHelipa_cont .viewBtn{width: 230px; margin: 0 auto;}
.drHelipa_top > .img{margin: 60px 0 50px;}

.drHelipaCont_cause{}
.drHelipaCont_cause ul{display:flex; flex-wrap: wrap; justify-content: space-between; margin:50px auto 40px; max-width:930px;}
.drHelipaCont_cause ul li{width:calc((100% - 150px)/6); margin:0 30px 0 0; padding:40px 5px; box-sizing:border-box; text-align:center; position: relative; border-radius:20px; background:linear-gradient(45deg, #03a3a0, #5fbf9e); z-index: 1; display:flex; align-items: center;}
.drHelipaCont_cause ul li span{display:block; width: 100%; letter-spacing: -0.6pt; color:#00a29e; font-weight: 800; font-size:1rem; line-height:130%; }
.drHelipaCont_cause ul li:before{content:''; display: block; width:calc(100% - 10px); height:calc(100% - 10px); background-color: #fff; position: absolute; left: 50%; top:50%; transform:translate(-50%,-50%); border-radius:15px; z-index: -1;}
.drHelipaCont_cause ul li:after{content:''; display:block; width:30px; height:1px; background:#ddd; position:absolute; right:-30px; top:50%;}
.drHelipaCont_cause ul li:last-child:after{display:none;}
.drHelipaCont_cause ul li:nth-child(6n){margin:0;}

.drHelipa{position:relative;}
.drHelipa > .subTxt{padding: 12px 0 40px;}
.drHelipa .num_stlye{display:flex; flex-wrap: wrap; justify-content: space-between;}
.drHelipa .num_stlye li{text-align:center; background:#fff; line-height: 150%; font-size:1rem; letter-spacing:-0.6pt; color:#666; width: calc((100% - 90px)/4); margin: 0 30px 30px 0; padding: 46px 5px; box-sizing:border-box;}
.drHelipa .num_stlye li:nth-child(4){margin-right: 0;}
.drHelipa .num_stlye li:nth-child(5){margin: 0; width: 100%; padding:26px 5px; display:flex; justify-content: center; align-items: center;}
.drHelipa .num_stlye li:nth-child(5) .num{padding: 0 18px 0 0;}
.drHelipa .num_stlye li .num{display:block; font-size:20px; font-weight: 700; color:#222; font-family: 'Outfit', sans-serif; padding: 0 0 15px;}
.drHelipa .num_stlye li strong{display:block; font-size:25px; font-weight:700; color:#00a29e; padding: 10px 0 0; letter-spacing:0}
.drHelipa dl{display:flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: 30px 0 0;}
.drHelipa dl dt{width: 60%; padding: 0 20px 0 0; box-sizing:border-box;}
.drHelipa dl dt .subStit{padding: 0 0 10px;}
.drHelipa dl dd{width: 40%;}
.drHelipa dl dd img{max-width:100%;}

.drHelipa_recom{}
.drHelipa_recom ul{display:flex; flex-wrap: wrap; margin:40px 0 70px;}
.drHelipa_recom ul li{width: calc((100% - 60px)/3); margin: 0 30px 0 0; box-sizing:border-box; border:1px solid #ddd; padding:50px 10px; font-size:20px; font-weight: 700; color:#222; letter-spacing:-0.6pt; text-align:center; line-height: 150%;}
.drHelipa_recom ul li:nth-child(3n){margin: 0;}
.drHelipa_recom ul li img{width: 87px;}
.drHelipa_recom ul li small{display:block; font-size:1rem; letter-spacing:-0.6pt; color:#666666; line-height:120%; font-weight: 400; padding:34px 0 8px;}




/************ 커뮤니티 ************/
/* 공지사항 리스트 */
.bbsList{}
.bbs_con{width:100%; border-collapse:separate; border-spacing:0; border-top:1px solid #222222;}
.bbs_con th{font-size:15px; line-height: 120%; color:#222; font-weight: 700; letter-spacing: -0.4pt; text-align:center; box-sizing:border-box; padding:20px 10px; border-bottom: 1px solid #ddd;}
.bbs_con td{font-size:1rem; line-height: 120%; letter-spacing: -0.5pt; color:#666666; text-align:center; box-sizing:border-box; padding:20px 10px; border-bottom: 1px solid #ddd;}
.bbs_con td.left{text-align:center; overflow: hidden;}
.bbs_con td a{display: block; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}
.bbs_con .mo_line{display: none;}


/* 뷰페이지 */
.bbs_view {width:100%; border-collapse:collapse; border-spacing:0px; table-layout: fixed;}
.bbs_view .arrow img{margin-left: 26px; width: 15px;}
.bbs_view th.lastborder{border-bottom: 1px solid #222 !important;}
.bbs_view td.lastborder{border-bottom: 1px solid #222 !important;}
.bbs_view th {color:#222; text-align:left; padding:17px 15px; border-bottom:1px solid #ddd;}
.bbs_view th.subject {padding:40px 20px 30px; border-top:1px solid #222; border-right:none;}
.bbs_view th.subject strong{display: block; font-size:1.176rem; font-weight:700; letter-spacing: -0.3pt;}
.bbs_view td.cont{border-bottom:1px solid #ddd; padding:17px 15px; text-align: left;}
.bbs_view .view_detail {color:#888; overflow:hidden; font-size:0;}
.bbs_view .view_detail span{display:inline-block; margin-right:20px; font-weight: 400; font-size:15px; letter-spacing: 0.2pt; color:#888888; font-family: 'Outfit', sans-serif;}
.bbs_view .view_detail span img{margin-right: 6px;}
.bbs_view td.view_content{padding:20px; word-break:break-all; border-bottom:1px solid #ddd;}
.bbs_view td.view_content td {border:none;}
.bbs_view td.view_content table{max-width:100%}
.bbs_view td.view_content img{width:auto !important; max-width:100% !important; height:auto !important;}
.bbs_view td .fileBox{font-size:0; background:#f5f5f5; padding:12px 26px; margin: 100px 0 0;}
.bbs_view td .fileBox dt{display: inline-block; font-size:1rem; letter-spacing: -0.3pt; color:#222; width: 120px;}
.bbs_view td .fileBox dd{display: inline-block; font-size:1rem; letter-spacing: -0.3pt; color:#777777; width: calc(100% - 120px);}
.bbs_view td .fileBox dd a{display: block; font-size:1rem; letter-spacing: -0.3pt; color:#777777;}
.bbs_btn {margin:50px 0 0;}
.bbs_btn .listBtn{display: inline-block; width: 230px; height: 55px; line-height: 53px; box-sizing:border-box; border:1px solid #bcbcbc; text-align:center; color:#222; font-sizE:1rem; letter-spacing: -0.5pt; border-radius:55px; transition:all .3s linear;}
.bbs_btn .listBtn:hover{background-color: #bcbcbc; color:#fff;}


/* 게시판 페이징 */
.page_num{margin: 50px 0 0;}
.page_num ul{font-size:0; text-align:center;}
.page_num ul li{display: inline-block; vertical-align: middle; margin: 0 7px;}
.page_num ul li.arrow{margin: 0;}
.page_num ul li.first{margin-right: 14px;}
.page_num ul li.prev{margin-right: 35px;}
.page_num ul li.next{margin-left: 35px;}
.page_num ul li.last{margin-left: 14px;}
.page_num ul li a{display:block; font-sizE:15px; position:relative; padding: 4px 1px; line-height:120%; letter-spacing:0; color:#888888; font-weight: 300; font-family: 'Outfit', sans-serif; }
.page_num ul li.on a{color:#222; font-weight: 700;}
.page_num ul li.on a:after{content:''; display:block; width:100%; height: 2px; background:#222; position:absolute; left:0; bottom:0;}
.page_num ul li a img{height: 13px; opacity: .8; transition:all .3s linear;}
.page_num ul li a:hover img{opacity: 1;}

/* 검색 */
.searchBox{margin: 40px 0 0;}
.searchBox dl{font-size:0; text-align:center;}
.searchBox dl dt{display: inline-block; width: 114px;}
.searchBox dl dt select{width: 100%; height: 56px; line-height: 54px; box-sizing:border-box; border:1px solid #ddd; font-size:14px; color:#777; padding:0 10px; cursor:pointer; background:url('/img/select_arrow.png') no-repeat right 12px center/11px auto;}
.searchBox dl dd{display: inline-block;}
.searchBox dl .search_input{width: 300px;}
.searchBox dl .search_input input{width: 100%; height: 56px; line-height: 54px; box-sizing:border-box; border:1px solid #ddd; font-size:14px; color:#777; padding:0 10px; border-left: 0; border-right: 0;}
.searchBox dl .search_btn{}
.searchBox dl .search_btn .button{height: 56px; width: 56px; background:#323232 url('/img/search_icon.png') no-repeat center/23px auto; box-sizing:border-box; border:1px solid #ddd; font-size:0; padding:0; border:1px solid #323232; cursor:pointer; transition:all .3s linear;}
.searchBox dl .search_btn .button:hover{background-color: #000;}


/* 카테고리 */
.bbsTab{margin: 0 auto 50px;}
.bbsTab.two{max-width:570px;}
.bbsTab.three{max-width:855px;}
.bbsTab ul{display:table; table-layout:fixed; width: 100%;}
.bbsTab ul li{display:table-cell;}
.bbsTab ul li a{display: block; font-sizE:1rem; letter-spacing:-0.6pt; color:#777777; box-sizing:border-box; transition:all .3s linear; border:1px solid #ddd; height: 65px; line-height: 63px; text-align:center; margin-left: -1px; position: relative;}
.bbsTab ul li:first-child a{margin:0;}
.bbsTab ul li a:hover{color:#00a29e; border-color:#00a29e; z-index: 1;}
.bbsTab ul li a.on{background:#00a29e; color:#fff; font-weight: 800; border-color:#00a29e; z-index: 2;}





/* LSP뉴스 */
.new_list{overflow: hidden; clear:both;}
.new_list dl{float: left; margin: 0 30px 30px 0; width: calc((100% - 60px)/3);}
/*.new_list dl{float: left; margin: 0 20px 20px 0; width: calc((100% - 40px)/3);}*/
.new_list dl:nth-child(3n){margin-right: 0;}
.new_list dl a{display: block;}
.new_list dl a dt{overflow: hidden;}
.new_list dl a dt img{max-width:100%; width: 100%; background-repeat:no-repeat; background-size:cover; border:1px solid #ddd; background-position: center; transition:all .3s linear;} 
.new_list dl a:hover dt img{transform:scale(1.1);}
/*.new_list dl a:hover dt img{transform:scale(1.1) rotate(0.05deg);}*/
.new_list dl a dd{box-sizing:border-box; border:1px solid #ddd; border-top:0; padding: 30px 34px;}
.new_list dl a dd strong{display: block; font-size:20px; letter-spacing: -0.5pt; color:#222; font-weight: 700; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.6em; height:3.2em;}
.new_list dl a dd small{display:block; font-size:15px; letter-spacing: 0.3pt; color:#888888; font-family: 'Outfit', sans-serif; margin: 10px 0 0;}



/* 자료실 */
.data_list{overflow: hidden; clear:both;}
.data_list dl{float: left; margin: 0 30px 30px 0; width: calc((100% - 60px)/3);}
.data_list dl:nth-child(3n){margin-right: 0;}
.data_list dl a{display: block;}
.data_list dl dt{overflow: hidden;}
.data_list dl dt img{max-width:100%; width: 100%; background-color: #f2f2f2; background-repeat:no-repeat; background-size:cover; background-position: center; transition:all .3s linear;}
.data_list dl:hover dt img{transform:scale(1.1);}
.data_list dl dd{border:1px solid #ddd; border-top: 0; box-sizing:border-box; position: relative; height: 90px; padding:34px 100px 34px 30px;}
.data_list dl dd strong{display: inline-block; font-size:20px; font-weight:700; letter-spacing:-0.5pt; color:#222; line-height: 120%; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}
.data_list dl dd .download_icon{box-sizing:border-box; width: 90px; height: 90px; border:1px solid #00a29e; position: absolute; right: -1px; top:0; background:url('/community/img/download_icon.png') no-repeat center/100% auto; transition:all .3s linear;}
.data_list dl:hover dd .download_icon{background-image:url('/community/img/download_icon_on.png'); background-color: #00a29e;}


/* FAQ */
.faq_list {position:relative; border-top:1px solid #ddd; }
.faq_list dl{border:1px solid #ddd; border-top:0;}
.faq_list dt{width:100%; transition:all 0.3s;}
.faq_list dt a{position:relative; display:block; cursor:pointer; padding:20px 20px 20px 70px; line-height:170%; font-size:1rem;}
.faq_list dl.on dt a{color:#222;}
.faq_list dt a span.q{display:inline-block; font-weight:700; color:#222222; font-size:20px; line-height:inherit; vertical-align:middle; position:absolute; top:25px; left:30px; width:20px; height:20px; border-radius:50%; text-align:center; line-height:20px; font-family:'Outfit', 'Noto Sans KR', sans-serif;}
.faq_list dd{position:relative; border-top:1px solid #ddd; padding:20px 20px 20px 70px; background:#f9f9f9; display: none; font-size:1rem;}
.faq_list dd span.a{display:inline-block; font-weight:600; color:#00a29e; font-size:20px; line-height:inherit; vertical-align:middle; position:absolute; top:25px; left:30px; width:20px; height:20px; border-radius:50%; text-align:center; line-height:20px; font-family:'Outfit', 'Noto Sans KR', sans-serif;}





/*******************************************************************************
    @media ~1280px
*******************************************************************************/


/*	VISUAL */
#visual {padding:270px 3% 120px}
/*	VISUAL */

/* LNB */
#lnb {}
	#lnb ul {padding:0 3%; width:100%;}
/* LNB */



/********* 회사소개 *********/
/* 회사소개 */
.about_con {}
	.about_topimg {}
	.about_topimg .eng_stitle {}
	.about_topimg .sub_title {}
	.about_topimg .sub_txt {}

	.about_story {}
	.about_storyList {}
	.about_storyList dl {}
	.about_storyList dt {}
	.about_storyList dd {}
	.about_storyList dd .sub_title {}
	.about_storyList dd br.none {display:none;}


/* CEO 인사말 */
.greeting_con {background-position:right bottom}
	.greeting_con .ceo {right:0}


/* 경영이념 */
.value_con {}
	.value_top .value_top_in {background-position:10% center}
	.value_missionList .value_missionList_dia {width:500px; height:500px}
	.value_missionList .value_missionList_dia .value_missionList_dia_in {left:30px}
	.value_missionList .value_missionList_dia .value_missionList_dia_in img {}
	.value_missionList .value_missionList_txt {padding-left:0}
	.value_missionList .value_missionList_txt dl {}
	.value_missionList .value_missionList_txt dl:nth-child(2) {padding-left:40px}



/* 본사 및 센터안내 */
.location_con {}
	.location_con .loca_way .subway dd br {display:none;}





/********* BUSINESS *********/
/* BUSINESS Guide */
.g_business_con {}
	.business_guide .guide_process {padding:0}
	.business_guide .guide_process dl {width:14.28%; margin:0 14.28% 100px 0}
	.business_guide .guide_process dl:after {right:-60%}
	.business_guide .guide_process dt {}
	.business_guide .guide_process dt span {}
	.business_guide .guide_process dd {}
	.business_guide .guide_process dl.gra dt {}

	.business_guide .guide_process dl:nth-child(5), .business_guide .guide_process dl:nth-child(6), .business_guide .guide_process dl:nth-child(7), .business_guide .guide_process dl:nth-child(8) {margin:0 0 100px 14.28%}
	.business_guide .guide_process dl:nth-child(5):after, .business_guide .guide_process dl:nth-child(6):after, .business_guide .guide_process dl:nth-child(7):after {left:-60%}

	.business_program {}
	.business_programList dd br {display:none;}


/********* MARKETING *********/
/* Business System */ 
.marketing_con {}
	.marketing_member {}
	.marketing_member .marketing_memberList {}
	.marketing_member .marketing_memberList dl {padding-right:5%}
	.marketing_member .marketing_memberList dl:after {}
	.marketing_member .marketing_memberList dt {}
	.marketing_member .marketing_memberList dt span {}

	.marketing_term_con {}
	.marketing_term_con .marketing_termList {}
	.marketing_term_con .marketing_termList dl {}
	.marketing_term_con .marketing_termList dt {float:none; padding-left:30px}
	.marketing_term_con .marketing_termList dd {float:none; padding:3px 0 0 30px}



/* 공통 */
.subTit{font-size:60px;}
.subTit .text-stroke img{height: 45px;}
.txt p br{display: none;}


.basicCont{margin: 0 auto 120px;}

/* 미네랄라인 */
.mineraline_in dl dd{padding:0 0 0 0;}


/* 자료실 */
.data_list dl{margin: 0 20px 20px 0; width: calc((100% - 40px)/3);}
.data_list dl:nth-child(3n){margin-right: 0;}
.data_list dl dd{height: 60px; padding:20px 70px 20px 20px;}
.data_list dl dd strong{font-size:18px;}
.data_list dl dd .download_icon{width: 60px; height: 60px;}


/*******************************************************************************
    @media  ~980px   
*******************************************************************************/


/*	VISUAL */
#visual {padding:200px 3% 80px}	
	#visual .vtxt h2 {font-size:3.8rem; margin-bottom:15px}

	#visual .vloca {bottom:15px}
	#visual .vloca img {margin:0 10px}
/*	VISUAL */


/* LNB */
#lnb {}
	#lnb ul {height:60px}
/* LNB */

/* CONTENTS */
.contents_in {padding-top:80px}
h3.cont_title {font-size:2rem; margin:0 0 40px}

.sub_title {margin-bottom:12px; font-size:1.6rem}

.eng_stitle {margin-bottom:15px}

.sub_titcon {margin-bottom:35px}

.stitle {margin-bottom:15px}

.tmar_15 {margin-top:15px !important}
.tmar_25 {margin-top:15px !important}
.bmar_10 {margin-bottom:10px !important}
.bmar_30 {margin-bottom:20px !important}
.bmar_35 {margin-bottom:25px !important}


.tab_con {margin-bottom:30px}
	.tab_con ul {}
	.tab_con ul li {width:200px;}
	.tab_con ul li a {line-height:55px}


.dot.ver2 li:before {top:9px}


.txtList {margin-bottom:50px}
	.txtList:first-child {margin-top:50px}
	.txtList .stitle {margin-bottom:10px}
	.txtList .txtList_black2 dl {margin-top:30px}

	.txtList .plus_con .plus_tit span {display:block; margin:0 0 0 0}
	.txtList .plus_con .plus_txt {padding:31px 3% 31px 40px}

.table_half .table_style {width:calc((100% - 20px)/2); margin-right:20px}

/********* 회사소개 *********/
/* 회사소개 */
.about_con {}
	.about_topimg {padding:100px 3%}
	.about_topimg .eng_stitle {margin-bottom:20px}
	.about_topimg .sub_title {}
	.about_topimg .sub_txt {}

	.about_story {}
	.about_storyList {}
	.about_storyList dl {margin-bottom:50px}
	.about_storyList dt {}
	.about_storyList dd {padding:2% 0 0 5%}
	.about_storyList dd .sub_title {}
	.about_storyList dl:nth-child(even) dd {padding:2% 5% 0 0}


/* CEO 인사말 */
.greeting_con {background-position:right -30px bottom; background-size:100% auto;}
	.greeting_con .greeting_tit {font-size:2.5rem; padding-right:65px; margin-bottom:30px}
	.greeting_con .greeting_tit:after {height:65px; font-size:7rem}
	.greeting_con .stitle {margin-bottom:30px}
	.greeting_con .ceo {position:relative; right:auto; top:auto; margin-top:40px; text-align:left;}

/* 경영이념 */
.value_con {}
	.value_top .value_top_in {padding:100px 3%; background-size:280px auto; background-position:12% center}
	.value_top h2 {font-size:4rem}
	.value_top h2 i {width:80px; height:84px}
	.value_top h2 span {}
	.value_top h2 span.two {margin:40px 0 0 -12px}

	.value_missionList .value_missionList_dia {width:380px; height:380px}
	.value_missionList .value_missionList_dia .value_missionList_dia_in {left:8px}
	.value_missionList .value_missionList_dia .value_missionList_dia_in img {width:50px; margin:0 auto 12px auto}
	.value_missionList .value_missionList_txt {padding-left:0}
	.value_missionList .value_missionList_txt dl {margin-bottom:50px;}
	.value_missionList .value_missionList_txt dl:nth-child(2) {padding-left:20px}


/* 본사 및 센터안내 */
.location_con {}
	.root_daum_roughmap .wrap_map {height:400px !important}
	.location_con .loca_info {margin:30px 0 0 }
	.location_con .loca_info ul {padding-right:300px}
	.location_con .loca_info ul li {display:block; margin:0 0 6px 0; padding:0 0 0 23px}

	.location_con .loca_way {margin-top:50px}
	.location_con .loca_way > div {padding:35px 3% 35px 15%; background-size:70px; background-position:3% 28px}
	.location_con .loca_way > div dl {margin-bottom:20px}
	.location_con .loca_way .subway dt {padding-bottom:9px}



/********* BUSINESS *********/
/* BUSINESS Guide */
.g_business_con {}
	.business_guide {}
	.business_guide .guideList {}
	.business_guide .guideList dl {padding:40px 3%}
	.business_guide .guideList dt {padding-left:60px; background-size:45px auto}
	.business_guide .guideList dd {}

	.business_guide .c_guideList {padding:50px 0; margin-bottom:70px;}
	.business_guide .c_guideList_in {margin-top:40px; position:Relative; overflow:hidden;}
	.business_guide .c_guideList_in dl {width:25%}
	.business_guide .c_guideList_in dt {width:80px; height:80px;}
	.business_guide .c_guideList_in dt img {width:60px}
	.business_guide .c_guideList_in dd {}

	.business_guide .guide_process {}
	.business_guide .guide_process dl {width:16%; margin:0 12% 60px 0}
	.business_guide .guide_process dl:after {right:-45%; width:24px; height:19px}
	.business_guide .guide_process dt {height:110px}
	.business_guide .guide_process dt span {}
	.business_guide .guide_process dd {}
	.business_guide .guide_process dl.gra dt {}

	.business_guide .guide_process dl:nth-child(5), .business_guide .guide_process dl:nth-child(6), .business_guide .guide_process dl:nth-child(7), .business_guide .guide_process dl:nth-child(8) {margin:0 0 60px 12%}

	.business_guide .guide_process dl:nth-child(4):after, .business_guide .guide_process dl:nth-child(8):after {width:19px; height:24px; bottom:-40px}
	.business_guide .guide_process dl:nth-child(5):after, .business_guide .guide_process dl:nth-child(6):after, .business_guide .guide_process dl:nth-child(7):after {left:-45%}


	.business_program {}
	.business_programList {}
	.business_programList dl {padding:35px 3%; width:calc((100% - 60px)/4); margin-right:20px;}
	.business_programList dt {margin:0 auto 15px}
	.business_programList dt img {width:80px}
	.business_programList dd {}
	.business_programList dd .stitle {margin-bottom:12px}

/* Purchase of Goods Guide */ 
.goods_con {}
	


/********* MARKETING *********/
/* Business System */ 
.marketing_con {}
	.marketing_member {}
	.marketing_member .marketing_memberList {}
	.marketing_member .marketing_memberList dl {padding-right:5%}
	.marketing_member .marketing_memberList dl:after {top:75px}
	.marketing_member .marketing_memberList dt {margin:0 auto 20px; width:150px; height:150px}
	.marketing_member .marketing_memberList dt span {}

	.marketing_term_con {}
	.marketing_term_con .marketing_termList {}
	.marketing_term_con .marketing_termList dl {padding:25px}
	.marketing_term_con .marketing_termList dt {padding-left:25px}
	.marketing_term_con .marketing_termList dd {padding:3px 0 0 25px}

	.requirement_basic {}
	.requirement_basicList {}
	.requirement_basicList_in .requirement_week li {padding:18px 3%;}
	.requirement_basicList_in .stitle {margin:40px 0 20px }
	.requirement_basicList_in .requirement_ex td {}
	.requirement_basicList_in .requirement_ex td div {}
	.requirement_basicList_in .requirement_ex td div.end:after {}



/* Business Tree Requirements */
.requirement_con {}
	.requirementList {}
	.requirementList .requirementList_table {}
	.requirementList .requirementList_table thead th {}
	.requirementList .requirementList_table tbody td {padding:10px 20px}
	.requirementList .requirementList_table tbody td.grade {}
	.requirementList .requirementList_table tbody td.grade img {margin-right:7px; width:45px}



/** 테이블 **/
.table_wrap{width:100%; overflow-x:scroll;}
.table_info{display: block;}
.table_wrap > table{width:980px !important; }
.table_style th{padding:16px 5px;}
.table_style td{padding:12px 5px;}


/* 상품Q&A, 상품후기 */
.table_style2{}
.table_style2 th{padding:18px 2px;}
.table_style2 td{padding:18px 2px;}

.bbs_btn{margin:0 0 10px;}
.bbs_btn input{width: 120px; height: 44px; line-height: 42px;}


/* 이용안내 */
.privacy{}
.privacy > dl{padding:0 0 30px;}
.privacy > dl > dt{padding: 0 0 8px;}
.privacy > dl > dd{padding:0 0 4px;}
.privacy > dl > dd > ul{padding:15px 12px; margin: 6px 0 8px;}
.privacy > dl > dd > ul > li{padding: 0 0 4px;}
.table_scroll{width:100%; overflow-x:scroll;}
.table_basic {margin: 8px 0 10px; width: 980px;}
.table_basic .table_info{padding-top: 0;}
.table_basic th{padding: 8px 5px;}
.table_basic td{padding: 8px 5px;}






/* 공통 */
.subTit{font-size:50px;}
.subTit .text-stroke img{height: 38px;}
.subTit2{font-size:28px;}
.subStit{font-size:18px; padding: 0 0 15px;}
.txt p{padding: 0 0 20px;}


.tab_style{max-width:100%; margin: 0 auto 40px;}
.tab_style li a{height: 50px; line-height:48px;}

.basicCont{padding: 0 3%; margin: 0 auto 100px;}

.num_list{}
.num_list li{padding: 0 0 10px 28px;}
.num_list li span{width: 22px; height: 22px; line-height: 18px; font-size:13px; top:2px;}

.tit_area{padding: 20px 0 12px;}


.subpad{padding: 100px 0;}
.subpad_t{padding: 100px 0 0;}
.subpad_b{padding: 0 0 100px;}

.dot_list{}
.dot_list li{font-size:14px;}
.dot_list li:before{top:10px;}


/* 린시아 */
.linsia_cont{}
.linsia_cont .viewBtn{margin: 40px auto 0; width: 200px;}
.linsia_info .subStit img{width: 400px;}
.linsia_info .txt{margin: 18px 0 50px;}
.linsia_icon dl{margin:0 50px 0 0;}
.linsia_icon dl dt{width: 100px;}
.linsia_icon dl dt:after{width: 50px; right:-50px;}
.linsia_icon dl dd{font-size:18px; padding:12px 0 0;} 

.linsiaCont_in{}
.linsiaCont_in .subTit{padding:28px 0 0; margin: 70px 0 30px; text-indent:200px !important;}
.linsiaCont_in .subTit .text-stroke{text-indent:80px !important;}
.linsiaCont_in .goBtn{margin: 40px auto 0;}


/* 주디스리버 */
.judith_cont{}
.judith_top{margin: 0 0 40px;}
.judith_top .tit_area{padding: 15px 0 0;}
.judith_top .tit_area .subStit{padding: 18px 0 12px;}

.judith_photo .img3{margin: 40px 0 0;}
.judith_photo .txtBox01{padding: 40px 0 80px;}
.judith_photo .txtBox01 .subStit{padding: 15px 0 0;}
.judith_photo .txtBox02{padding: 60px 0 0;}
.judith_photo .txtBox02 .subTxt{padding: 15px 0;}

.judith_heritage{}
.judith_heritage .subTit2{padding: 0 0 40px;}
.judith_banner .viewBtn{bottom: 80px; width: 200px;}


/* 미네랄라인 */
.mineraline_cont .viewBtn{width: 200px;}
.mineraline_top{margin: 0 0 40px;}
.mineraline_top .subTit2{padding: 30px 0 20px;}

.mineraline_photo{margin: 0 0 100px;}
.mineraline_photo .txt{bottom: 0px;}

.mineraline_in{}
.mineraline_in dl{margin: 0 0 60px; align-items: flex-start;} 
.mineraline_in dl:nth-child(even){flex-direction: row-reverse;}
.mineraline_in dl dt{width: calc(50% - 10px);}
.mineraline_in dl dd{width: calc(50% - 10px);}
.mineraline_in dl dd .subTit2{padding: 0 0 20px;}


/* 닥터헬리파 */
.drHelipa_cont .viewBtn{width: 200px;}
.drHelipa_top > .img{margin: 40px 0 30px;}
.drHelipa_top > .img img{width: 60%;}

.drHelipaCont_cause{}
.drHelipaCont_cause ul{margin:40px auto 30px; max-width:100%;}
.drHelipaCont_cause ul li{width:calc((100% - 75px)/6); margin:0 15px 0 0; padding:30px 5px; border-radius:10px;}
.drHelipaCont_cause ul li:nth-child(6n){margin:0;}
.drHelipaCont_cause ul li:before{width:calc(100% - 6px); height:calc(100% - 6px); border-radius:8px;}
.drHelipaCont_cause ul li:after{width:15px; right:-15px;}

.drHelipa{}
.drHelipa > .subTxt{padding: 10px 0 30px;}
.drHelipa .num_stlye{}
.drHelipa .num_stlye li{width: calc((100% - 30px)/4); margin: 0 10px 10px 0; padding: 30px 5px;}
.drHelipa .num_stlye li:nth-child(4){margin-right: 0;}
.drHelipa .num_stlye li:nth-child(5){padding:20px 5px;}
.drHelipa .num_stlye li:nth-child(5) .num{padding: 0 18px 0 0;}
.drHelipa .num_stlye li .num{font-size:18px; padding: 0 0 15px;}
.drHelipa .num_stlye li strong{font-size:21px; padding: 10px 0 0;}
.drHelipa dl{margin: 25px 0 0;}

.drHelipa_recom{}
.drHelipa_recom ul{margin:20px 0 40px;}
.drHelipa_recom ul li{width: calc((100% - 40px)/3); margin: 0 20px 0 0; padding:40px 10px; font-size:18px;}
.drHelipa_recom ul li:nth-child(3n){margin: 0;}
.drHelipa_recom ul li img{width: 65px;}
.drHelipa_recom ul li small{padding:24px 0 8px;}



/* 뷰페이지 */
.bbs_view {}
.bbs_view .arrow img{margin-left: 26px; width: 10px;}
.bbs_view th {padding:15px 10px;}
.bbs_view th.subject {padding:20px 15px;}
.bbs_view td.cont{padding:15px 10px;}
.bbs_view .view_detail span{margin-right:20px; font-size:15px;}
.bbs_view .view_detail span img{margin-right: 6px; width: 20px;}
.bbs_view td.view_content{padding:15px;}
.bbs_view td .fileBox{padding:10px 20px; margin: 80px 0 0;}
.bbs_view td .fileBox dt{width: 120px;}
.bbs_view td .fileBox dd{width: calc(100% - 120px);}
.bbs_btn {margin:40px 0 0;}
.bbs_btn .listBtn{width: 190px; height: 48px; line-height: 46px;}

/* LSP뉴스 */
.new_list{}
.new_list dl{margin: 0 20px 20px 0; width: calc((100% - 40px)/3);}
.new_list dl:nth-child(3n){margin-right: 0;}
.new_list dl a dd{padding: 20px 25px;}
.new_list dl a dd strong{font-size:18px;}
.new_list dl a dd small{font-size:13px; margin: 10px 0 0;}



/* 카테고리 */
.bbsTab{margin: 0 auto 30px;}
.bbsTab.two{max-width:100%;}
.bbsTab.three{max-width:100%;}
.bbsTab ul li a{height: 50px; line-height: 48px;}



/* 자료실 */
.data_list dl{margin: 0 10px 10px 0; width: calc((100% - 20px)/3);}
.data_list dl:nth-child(3n){margin-right: 0;}
.data_list dl dd{height: 50px; padding:15px 60px 15px 10px;}
.data_list dl dd strong{font-size:16px;}
.data_list dl dd .download_icon{width: 50px; height: 50px;}


/* FAQ */
.faq_list {}
.faq_list dl{}
.faq_list dt a{padding:20px 20px 20px 50px;}
.faq_list dt a span.q{font-size:18px; top:22px; left:20px;}
.faq_list dd{padding:20px 20px 20px 50px;}
.faq_list dd span.a{font-size:18px; top:22px; left:20px;}



/*******************************************************************************
    @media 768px
*******************************************************************************/



/********* 회사소개 *********/
/* 경영이념 */
.value_con {}
	.value_missionList .value_missionList_dia {width:320px; height:320px}
	.value_missionList .value_missionList_dia .value_missionList_dia_in {left:0; font-size:1rem}
	.value_missionList .value_missionList_dia .value_missionList_dia_in img {width:40px; margin:0 auto 10px auto}
	.value_missionList .value_missionList_txt {padding:20px 0 0 0}
	.value_missionList .value_missionList_txt dl {margin-bottom:30px;}






/*******************************************************************************
    @media 481~680px
*******************************************************************************/


/*	VISUAL */
#visual {padding:150px 3% 40px}	
	#visual .vtxt h2 {font-size:3rem; margin-bottom:12px}

	#visual .vloca {display:none;}
/*	VISUAL */


/* LNB */
#lnb {}
	#lnb ul {height:45px}
/* LNB */

/* CONTENTS */
.contents_in {padding-top:50px}
h3.cont_title {font-size:2rem; margin:0 0 30px}

.sub_titcon {margin-bottom:20px}
.sub_title {margin-bottom:10px; font-size:1.5rem}
.sub_title2 {font-size:1.3rem}
.eng_stitle {margin-bottom:12px}
.dep_tit {font-size:1.3rem; margin-bottom:10px}
.stitle {margin-bottom:10px}

.bmar_30 {margin-bottom:10px !important}
.bmar_35 {margin-bottom:15px !important}

.tab_con {margin-bottom:20px}
	.tab_con ul {display:table; table-layout:fixed; width:100%;}
	.tab_con ul li {float:none; width:auto; display:table-cell; vertical-align:middle;}
	.tab_con ul li a {line-height:40px}

.dot {}
	.dot li {margin:0 0 5px 0 !important; padding:0 0 0 10px !important}
	.dot li:last-child {margin-bottom:0 !important}
	.dot li:before {top:10px}
	.dot.list02 li {float:none; width:100%}

	.dot.ver2 li:before {top:7px}

.table_wrap > table {width:800px !important}
.table_half .table_style {float:none; width:100%; margin-bottom:20px}

.txtList {margin-bottom:40px}
	.txtList:first-child {margin-top:40px}
	.txtList .txtList_black.ver2 > li {margin-bottom:14px}
	.txtList .txtList_black2 dl {margin-top:20px}

	.txtList .plus_con .plus_tit {}
	.txtList .plus_con .plus_txt {padding:30px 15px 30px 32px}


/********* 회사소개 *********/
/* 회사소개 */
.about_con {}
	.about_topimg {padding:60px 3%}
	.about_topimg .eng_stitle {margin-bottom:15px}
	.about_topimg .sub_title {}
	.about_topimg .sub_txt {}

	.about_story {}
	.about_storyList {}
	.about_storyList dl {margin-bottom:30px;}
	.about_storyList dt {float:none !important; width:100% !important;}
	.about_storyList dd {float:none !important; width:100% !important; padding:20px 0 0 0 !important}
	.about_storyList dd .sub_title {margin-bottom:10px}


/* CEO 인사말 */
.greeting_con {padding-bottom:35%}
	.greeting_con .greeting_tit {font-size:2.3rem; padding-right:45px; margin-bottom:20px}
	.greeting_con .greeting_tit:after {height:50px; font-size:6rem}
	.greeting_con .stitle {margin-bottom:20px}
	.greeting_con .sub_txt br.none {display:none;}
	.greeting_con .ceo {margin-top:30px;}
	.greeting_con .ceo span {font-size:1.6rem; margin-top:12px}


/* 경영이념 */
.value_con {}
	.value_top .value_top_in {padding:60px 3%; background-size:160px auto; background-position:12% center}
	.value_top h2 {font-size:3.5rem; margin-bottom:10px}
	.value_top h2 i {width:60px; height:64px}
	.value_top h2 span {}
	.value_top h2 span.two {margin:32px 0 0 -10px}

	.value_missionList > div {display:block;}
	.value_missionList .value_missionList_dia {width:auto; height:auto; background-image:none; border: 5px solid transparent; border-radius: 20px; background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #00a6c5, #00a19e, #57b497); background-origin: border-box; background-clip: content-box, border-box;}
	.value_missionList .value_missionList_dia .value_missionList_dia_in {position:Relative; left:auto; top:auto; transform:translate(0,0); padding:20px 15px}
	.value_missionList .value_missionList_dia .value_missionList_dia_in img {width:40px; margin:0 auto 10px auto}
	.value_missionList .value_missionList_dia .value_missionList_dia_in br {display:none;}
	.value_missionList .value_missionList_txt {padding:30px 0 0 0}
	.value_missionList .value_missionList_txt dl {margin-bottom:15px; display:table; width:100%;}
	.value_missionList .value_missionList_txt dt {width:75px; display:table-cell; vertical-align:middle;}
	.value_missionList .value_missionList_txt dt div {width:75px; height:75px; border-radius:75px; background:#00a6c5; display:flex; justify-content:center; align-items:center;}
	.value_missionList .value_missionList_txt dt img {width:40px}
	.value_missionList .value_missionList_txt dd {display:table-cell; vertical-align:middle; width:calc(100% - 75px); padding-left:15px}
	.value_missionList .value_missionList_txt dd h6 {margin-bottom:8px; font-size:1.2rem}
	.value_missionList .value_missionList_txt dd h6 .eng {margin-left:6px}
	.value_missionList .value_missionList_txt dd p {}
	.value_missionList .value_missionList_txt dd p br {display:none;}

	.value_missionList .value_missionList_txt dl:nth-child(2) {padding:0}


/* 본사 및 센터안내 */
.location_con {}
	.root_daum_roughmap .wrap_map {height:280px !important}
	.location_con .loca_info {margin:20px 0 0 }
	.location_con .loca_info ul {padding-right:0}
	.location_con .loca_info ul li {margin:0 0 6px 0; padding:0 0 0 23px}
	.location_con .locaBtn {position:relative; top:auto; transform:translate(0,0); margin-top:20px}
	.location_con .locaBtn a {margin:0; float:none; width:100%}
	.location_con .locaBtn a.printBtn {display:none;}

	.location_con .loca_way {margin-top:30px}
	.location_con .loca_way > div {padding:25px 15px 25px 70px; background-size:45px; background-position:10px 20px}
	.location_con .loca_way .bus dt {margin-bottom:10px}
	.location_con .loca_way .bus dd ul li {padding-left:125px}
	.location_con .loca_way .bus dd ul li span {top:0; width:120px}
	.location_con .loca_way > div dl {margin-bottom:12px}
	.location_con .loca_way .subway dt {padding:0 0 6px 20px}
	.location_con .loca_way .subway dt span {width:18px; height:18px; line-height:18px; top:0}
	.location_con .loca_way .subway dd img {margin:0 5px}
	


/********* BUSINESS *********/
/* BUSINESS Guide */
.g_business_con {}
	.business_guide {}
	.business_guide .guideList {}
	.business_guide .guideList dl {padding:25px 15px 30px 15px; display:block;}
	.business_guide .guideList dl br {display:none;}
	.business_guide .guideList dt {display:block; width:100%; padding:5px 0 5px 45px; background-size:35px auto; margin-bottom:15px}
	.business_guide .guideList dt span {display:inline-block; margin:0 0 0 10px}
	.business_guide .guideList dd {display:block; width:100%; padding:0 }

	.business_guide .c_guideList {padding:40px 0; margin-bottom:40px;}
	.business_guide .c_guideList_in {margin-top:20px; position:Relative; overflow:hidden;}
	.business_guide .c_guideList_in dl {float:left; width:33.33%; padding:0 10px}
	.business_guide .c_guideList_in dt {width:70px; height:70px;}
	.business_guide .c_guideList_in dt img {width:50px}
	.business_guide .c_guideList_in dd {}

	.business_guide .guide_process {}
	.business_guide .guide_process dl {width:24%; margin:0 14% 50px 0}
	.business_guide .guide_process dl:after {right:-36%; width:24px; height:19px}
	.business_guide .guide_process dl:nth-child(4n) {margin-right:14%;}
	.business_guide .guide_process dl:nth-child(4n+1) {clear:none;}
	.business_guide .guide_process dl:nth-child(3n) {margin-right:0;}
	.business_guide .guide_process dl:nth-child(3n+1) {clear:both;}
	.business_guide .guide_process dt {height:110px}
	.business_guide .guide_process dt span {}
	.business_guide .guide_process dd {margin-top:15px}
	.business_guide .guide_process dl.gra dt {}

	.business_guide .guide_process dl:nth-child(4), .business_guide .guide_process dl:nth-child(5), .business_guide .guide_process dl:nth-child(6), .business_guide .guide_process dl:nth-child(10), .business_guide .guide_process dl:nth-child(11), .business_guide .guide_process dl:nth-child(12) {float:right; margin:0 0 50px 14%}
	.business_guide .guide_process dl:nth-child(6), .business_guide .guide_process dl:nth-child(12) {margin-left:0}

	.business_guide .guide_process dl:nth-child(7), .business_guide .guide_process dl:nth-child(8) {float:left; margin:0 14% 50px 0}

	.business_guide .guide_process dl:nth-child(4):after {width:19px; height:24px; background-image:url('/business/img/business_arrow3.png'); right:auto; left:-36%; transform:translate(0,-50%); bottom:auto; top:40%; width:24px; height:19px}

	.business_guide .guide_process dl:nth-child(7):after, .business_guide .guide_process dl:nth-child(8):after {background-image:url('/business/img/business_arrow.png'); left:auto; right:-36%; transform:translate(0,-50%); bottom:auto; top:40%; width:24px; height:19px}

	.business_guide .guide_process dl:nth-child(5):after, .business_guide .guide_process dl:nth-child(6):after, .business_guide .guide_process dl:nth-child(10):after, .business_guide .guide_process dl:nth-child(11):after {left:-36%; background-image: url('/business/img/business_arrow3.png')}

	.business_guide .guide_process dl:nth-child(3n):after {width: 19px; height: 24px; background-image: url('/business/img/business_arrow2.png'); right: auto; left: 50%; top: auto; bottom: -35px; transform: translate(-50%, 0);}

	.business_program {}
	.business_programList {}
	.business_programList dl {padding:35px 3%; width:calc((100% - 60px)/4); margin-right:20px;}
	.business_programList dt {margin:0 auto 15px}
	.business_programList dt img {width:80px}
	.business_programList dd {}
	.business_programList dd .stitle {margin-bottom:12px}

	.business_program {}
	.business_programList {}
	.business_programList dl {padding:20px 3%; width:100%; margin:0 0 10px 0}
	.business_programList dt {margin:0 auto 10px}
	.business_programList dt img {width:50px}
	.business_programList dd {}
	.business_programList dd .stitle {margin-bottom:8px}


/* Purchase of Goods Guide */ 
.goods_con {}
	

/********* MARKETING *********/
/* Business System */ 
.marketing_con {}
	.marketing_member {}
	.marketing_member .marketing_memberList {}
	.marketing_member .marketing_memberList dl {padding-right:5%}
	.marketing_member .marketing_memberList dl:after {top:60px}
	.marketing_member .marketing_memberList dt {margin:0 auto 15px; width:120px; height:120px}
	.marketing_member .marketing_memberList dt span {}

	.marketing_term_con {}
	.marketing_term_con .marketing_termList {}
	.marketing_term_con .marketing_termList dl {padding:20px}
	.marketing_term_con .marketing_termList dt {padding-left:25px}
	.marketing_term_con .marketing_termList dd {padding:3px 0 0 25px}

	.requirement_basic {}
	.requirement_basicList {}
	.requirement_basicList_in .requirement_week li {padding:15px 3%;}
	.requirement_basicList_in .stitle {margin:30px 0 15px }
	.requirement_basicList_in .requirement_ex td {padding:8px 0}
	.requirement_basicList_in .requirement_ex td div {}
	.requirement_basicList_in .requirement_ex td div.end:after {}

.marketing_con {}
	.marketing_tree_con {}
	.marketing_tree_con .eng {margin:8px 0 13px}


/* 페이징 */
.page_num{margin:20px 0 0;}
.page_num .pagination li{margin: 0 1px;}
.page_num .pagination li:nth-child(2){margin:0 10px 0 1px;}
.page_num .pagination li:last-child(2){margin:0 1px 0 10px;}
.page_num .pagination li a{width:20px; font-size:11px; height: 20px; line-height:20px;} 
.page_num .pagination li.arrow a img{padding:6px 0 0;}



/** 테이블 **/
.table_style th{padding:10px 5px; font-size:1rem;}
.table_style td{padding:10px 5px; font-size:1rem;}
.table_style td.left{padding:14px 0;}
.table_style td.info .img{width: 60px;} 
.table_style td.info .txt{width: calc(100% - 60px); padding: 10px 0 0 15px;}
.table_style td.info span{margin:0 0 4px;} 
.table_style td.info h4{font-sizE:14px;} 
.table_style td .delect input{padding: 0 0 0 12px;}


/* 상품Q&A, 상품후기 */
.table_style2{}
.table_style2 th{padding:15px 2px;}
.table_style2 td{padding:15px 2px;}

.bbs_btn input{width: 80px; height: 32px; line-height: 30px; font-size:12px;}



/* 공통 */
.subTit{font-size:36px;}
.subTit .text-stroke img{height: 28px;}
.subTit2{font-size:24px;}
.subStit{font-size:16px; padding: 0 0 12px;}
.txt p{padding: 0 0 15px;}


.tab_style{margin: 0 auto 30px;}
.tab_style li a{height: 40px; line-height:38px;}

.basicCont{margin: 0 auto 80px;}

.num_list{}
.num_list li{padding: 0 0 8px 26px;}
.num_list li span{width: 20px; height: 20px; line-height: 18px; font-size:11px; border:1px solid;}


.subpad{padding: 80px 0;}
.subpad_t{padding: 80px 0 0;}
.subpad_b{padding: 0 0 80px;}


.tit_area{padding: 18px 0 10px;}

.dot_list{}
.dot_list li{font-size:13px; padding:0 0 6px 9px;}
.dot_list li:before{width: 3px; height: 3px; top:9px;}


/* 린시아 */
.linsia_cont{}
.linsia_cont .viewBtn{margin: 30px auto 0; width: 150px;}
.linsia_info .subStit{padding: 60px 0 0;}
.linsia_info .subStit img{width: 300px; bottom: 10px;}
.linsia_info .txt{margin: 15px 0 30px;}
.linsia_icon dl{margin:0 30px 0 0;}
.linsia_icon dl dt{width: 80px;}
.linsia_icon dl dt:after{width: 30px; right:-30px;}
.linsia_icon dl dd{font-size:16px; padding:10px 0 0;} 

.linsiaCont_in{}
.linsiaCont_in .subTit{padding:20px 0 0; margin: 30px 0 20px; text-indent:0 !important;}
.linsiaCont_in .subTit .text-stroke{text-indent:0 !important; left: 50%; transform:translateX(-50%); width: 100%;}
.linsiaCont_in .goBtn{margin: 30px auto 0;}


/* 주디스리버 */
.judith_cont{}
.judith_top{margin: 0 0 20px;}
.judith_top .tit_area{padding: 12px 0 0;}
.judith_top .tit_area .subStit{padding: 12px 0 8px;}

.judith_photo .img3{margin: 20px 0 0;}
.judith_photo .txtBox01{padding: 20px 0 40px;}
.judith_photo .txtBox01 .subStit{padding: 15px 0 0;}
.judith_photo .txtBox02{padding: 30px 0 0;}
.judith_photo .txtBox02 .subTxt{padding: 10px 0;}
.judith_photo .txtBox02 .subTxt br{display: none;}

.judith_heritage{}
.judith_heritage .subTit2{padding: 0 0 20px;}
.judith_banner .viewBtn{bottom: 20px; width: 150px;}



/* 미네랄라인 */
.mineraline_cont .viewBtn{width: 150px;}
.mineraline_top{margin: 0 0 30px;}
.mineraline_top .subTit2{padding: 30px 0 20px;}

.mineraline_photo{margin: 0 0 80px;}

.mineraline_in{}
.mineraline_in dl{margin: 0 0 40px;} 
.mineraline_in dl:nth-child(even){flex-direction: row;}
.mineraline_in dl dt{width: 100%;}
.mineraline_in dl dd{width: 100%;}
.mineraline_in dl dd .subTit2{padding: 20px 0 12px;}


/* 닥터헬리파 */
.drHelipa_cont .viewBtn{width: 150px;}
.drHelipa_top > .img{margin: 25px 0 18px;}

.drHelipaCont_cause{}
.drHelipaCont_cause ul{margin:20px auto 10px;}
.drHelipaCont_cause ul li{width:calc((100% - 20px)/3); margin:0 10px 10px 0; padding:20px 5px;}
.drHelipaCont_cause ul li:nth-child(6n){margin:0 10px 10px 0;}
.drHelipaCont_cause ul li:nth-child(3n){margin-right:0;}
.drHelipaCont_cause ul li:after{width:10px; right:-10px;}
.drHelipaCont_cause ul li:nth-child(3n):after{display: none;}

.drHelipa{}
.drHelipa > .subTxt{padding: 8px 0 20px;}
.drHelipa .num_stlye li{width: 100%; margin: 0 0 10px 0; padding: 15px !important;}
.drHelipa .num_stlye li:nth-child(4){margin-right: 0;}
.drHelipa .num_stlye li:nth-child(5){display: block;}
.drHelipa .num_stlye li:nth-child(5) .num{padding: 0  0 5px;}
.drHelipa .num_stlye li br{display: none;}
.drHelipa .num_stlye li .num{font-size:16px; padding: 0 0 5px;}
.drHelipa .num_stlye li strong{font-size:18px; display: inline-block; padding: 0 0 0 5px;}
.drHelipa dl{margin: 20px 0 0;}
.drHelipa dl dt{width: 100%; padding: 0 0 15px;}
.drHelipa dl dt .subStit{padding: 0 0 8px;}
.drHelipa dl dd{width: 100%; text-align:center;}
.drHelipa dl dd img{width: 60%;}

.drHelipa_recom{}
.drHelipa_recom ul{margin:15px 0 30px;}
.drHelipa_recom ul li{width: calc((100% - 20px)/3); margin: 0 10px 0 0; padding:30px 10px; font-size:16px;}
.drHelipa_recom ul li:nth-child(3n){margin: 0;}
.drHelipa_recom ul li img{width: 50px;}
.drHelipa_recom ul li small{padding:18px 0 6px;}



/************ 커뮤니티 ************/
/* 공지사항 리스트 */
.bbsList{}
.bbs_con{}
.bbs_con th{display: none;}
.bbs_con td.left{padding: 15px 0;}
.bbs_con .pc_line{display: none;}
.bbs_con .mo_line{display: block; width: 100%;}
.bbs_con .mo_line .subject, .mo_line .subject a{display: block; width: 100%; font-size:15px; line-height: 120%; font-weight: 700; color:#222;}
.bbs_con .mo_line ul{font-size:0; margin: 4px -8px 0;}
.bbs_con .mo_line ul li{display: inline-block; font-size:13px; color:#888; padding: 0 8px; position: relative;}
.bbs_con .mo_line ul li:after{content:''; display:block; width: 1px; height: 8px; background-color: #ddd; position: absolute; right: 0; top:50%; margin-top: -4px;}
.bbs_con .mo_line ul li:last-child:after{display: none;}



/* 뷰페이지 */
.bbs_view {}
.bbs_view .arrow img{margin-left: 5px; width: 8px;}
.bbs_view th {padding:12px 5px;}
.bbs_view th.subject {padding:15px 10px;}
.bbs_view td.cont{padding:12px 5px;}
.bbs_view .view_detail span{margin-right:10px; font-size:13px;}
.bbs_view .view_detail span img{margin-right: 6px; width: 15px;}
.bbs_view td.view_content{padding:10px;}
.bbs_view td .fileBox{padding:10px; margin: 60px 0 0;}
.bbs_view td .fileBox dt{width: 100px;}
.bbs_view td .fileBox dd{width: calc(100% - 100px);}
.bbs_btn {margin:30px 0 0;}
.bbs_btn .listBtn{width: 150px; height: 40px; line-height: 38px;  font-sizE:13px;}



/* 게시판 페이징 */
.page_num{margin: 30px 0 0;}
.page_num ul li{margin: 0 4px;}
.page_num ul li.first{margin-right: 8px;}
.page_num ul li.prev{margin-right: 15px;}
.page_num ul li.next{margin-left: 15px;}
.page_num ul li.last{margin-left: 8px;}
.page_num ul li a{font-sizE:13px; padding: 4px 1px;}
.page_num ul li a img{height: 10px;}

/* 검색 */
.searchBox{margin: 30px auto 0; max-width:400px;}
.searchBox dl dt{width: 100px;}
.searchBox dl dt select{height: 48px; line-height: 46px; font-size:13px; padding:0 8px; background:url('/img/select_arrow.png') no-repeat right 10px center/8px auto;}
.searchBox dl .search_input{width: calc(100% - 148px);}
.searchBox dl .search_input input{height: 48px; line-height: 46px; font-size:13px; padding:0 10px;}
.searchBox dl .search_btn .button{height: 48px; width: 48px; background-size:19px auto;}


/* LSP뉴스 */
.new_list{}
.new_list dl{margin: 0 20px 20px 0; width: calc((100% - 20px)/2);}
.new_list dl:nth-child(3n){margin-right: 20px;}
.new_list dl:nth-child(2n){margin-right: 0;}
.new_list dl a dd{padding: 18px 20px;}
.new_list dl a dd strong{font-size:16px;}
.new_list dl a dd small{margin: 8px 0 0;}


/* 카테고리 */
.bbsTab{margin: 0 auto 20px;}
.bbsTab ul li a{height: 40px; line-height: 38px;}



/* 자료실 */
.data_list dl{margin: 0 10px 10px 0; width: calc((100% - 10px)/2);}
.data_list dl:nth-child(3n){margin-right: 10px;}
.data_list dl:nth-child(2n){margin-right: 0;}
.data_list dl dd{height: 40px; padding:12px 50px 0 10px;}
.data_list dl dd strong{font-size:15px;}
.data_list dl dd .download_icon{width: 40px; height: 40px;}


/* FAQ */
.faq_list {}
.faq_list dl{}
.faq_list dt a{padding:18px 18px 18px 40px;}
.faq_list dt a span.q{font-size:16px; top:18px; left:13px;}
.faq_list dd{padding:18px 18px 18px 40px;}
.faq_list dd span.a{font-size:16px; top:18px; left:13px;}


/*******************************************************************************
    @media ~480px
*******************************************************************************/


.txtList {}
	.txtList .plus_con {padding:0; border:1px solid #ddd; border-radius:10px}
	.txtList .plus_con > div {float:none; width:100%}
	.txtList .plus_con .plus_tit {position:relative; padding:15px; width:calc(100% + 2px); top:-1px; left:-1px; z-index:10;}
	.txtList .plus_con .plus_tit span {display:inline-block; margin:0 0 0 5px}
	.txtList .plus_con .plus_tit i {width:24px; height:24px; top:auto; transform:translate(-50%,0); right:auto; left:50%; bottom:-12px}
	.txtList .plus_con .plus_txt {padding:20px 15px; border:none;}


/********* 회사소개 *********/
/* CEO 인사말 */
.greeting_con {background-size:120% auto}
	.greeting_con .greeting_tit:after {right:100px; height:45px}


/********* BUSINESS *********/
/* BUSINESS Guide */
.business_guide .guide_process {}
	.business_guide .guide_process dl {width:40%; margin:0 20% 50px 0}
	.business_guide .guide_process dl:after {right:-32%; width:24px; height:19px}
	.business_guide .guide_process dl:nth-child(3n) {margin-right:20%;}
	.business_guide .guide_process dl:nth-child(3n+1) {clear:none;}
	.business_guide .guide_process dl:nth-child(2n) {margin-right:0;}
	.business_guide .guide_process dl:nth-child(2n+1) {clear:both;}
	.business_guide .guide_process dl:nth-child(9), .business_guide .guide_process dl:nth-child(10) {margin-bottom:50px !important}
	.business_guide .guide_process dl:nth-child(10) ~ dl {margin-bottom:0}
	.business_guide .guide_process dt {height:110px}
	.business_guide .guide_process dt span {}
	.business_guide .guide_process dd {}
	.business_guide .guide_process dl.gra dt {}

	.business_guide .guide_process dl:nth-child(3), .business_guide .guide_process dl:nth-child(4), .business_guide .guide_process dl:nth-child(7), .business_guide .guide_process dl:nth-child(8), .business_guide .guide_process dl:nth-child(11), .business_guide .guide_process dl:nth-child(12) {float:right; margin:0 0 50px 20%}
	.business_guide .guide_process dl:nth-child(5), .business_guide .guide_process dl:nth-child(6), .business_guide .guide_process dl:nth-child(9), .business_guide .guide_process dl:nth-child(10) {float:left; margin:0 20% 50px 0}
	.business_guide .guide_process dl:nth-child(6), .business_guide .guide_process dl:nth-child(10) {margin-right:0}
	.business_guide .guide_process dl:nth-child(4), .business_guide .guide_process dl:nth-child(8), .business_guide .guide_process dl:nth-child(12) {margin-left:0}

	.business_guide .guide_process dl:nth-child(4):after {width:19px; height:24px; background-image:url('/business/img/business_arrow3.png'); right:auto; left:-32%; transform:translate(0,-50%); bottom:auto; top:40%; width:24px; height:19px}

	.business_guide .guide_process dl:nth-child(7):after, .business_guide .guide_process dl:nth-child(8):after {background-image:url('/business/img/business_arrow.png'); left:auto; right:-32%; transform:translate(0,-50%); bottom:auto; top:40%; width:24px; height:19px}

	.business_guide .guide_process dl:nth-child(5):after, .business_guide .guide_process dl:nth-child(6):after, .business_guide .guide_process dl:nth-child(10):after, .business_guide .guide_process dl:nth-child(11):after {left:-32%; background-image: url('/business/img/business_arrow3.png')}

	.business_guide .guide_process dl:nth-child(3n):after, .business_guide .guide_process dl:nth-child(7):after {right:auto; left: -32%; width: 24px; height: 19px; background-image: url('/business/img/business_arrow3.png'); top: 40%; transform:translate(0, -50%)}

	.business_guide .guide_process dl:nth-child(2n):after, .business_guide .guide_process dl:nth-child(6):after {width: 19px; height: 24px; background-image: url('/business/img/business_arrow2.png'); right: auto; left: 50%; top: auto; bottom: -35px; transform: translate(-50%, 0);}	

	.business_guide .guide_process dl:nth-child(5):after, .business_guide .guide_process dl:nth-child(9):after {background-image: url('/business/img/business_arrow.png'); left:auto; right:-32%}



/********* MARKETING *********/
/* Business System */ 
.marketing_con {}
	.marketing_member {background:url('/img/marketing_topBg1.png') left -100px top/250px no-repeat, url('/img/marketing_topBg2.png') right -100px bottom/250px no-repeat; background-color:#f2f2f2}
	.marketing_member .marketing_memberList {}
	.marketing_member .marketing_memberList dl {padding:0; margin-bottom:15px; display:block; text-align:left; display:table; width:100%}
	.marketing_member .marketing_memberList dl:last-child {margin-bottom:0}
	.marketing_member .marketing_memberList dl:after {top:auto; bottom:-40px; left:50px; width:1px; height:100%;}
	.marketing_member .marketing_memberList dt {margin:0 auto 15px; width:100px; height:100px; text-align:center; display:table-cell; vertical-align:middle;}
	.marketing_member .marketing_memberList dt span {}
	.marketing_member .marketing_memberList dd {display:table-cell; vertical-align:middle; width:calc(100% - 100px); padding-left:15px}



/* 공통 */
.subTit{font-size:30px;}
.subTit .text-stroke img{height: 22px;}
.subTit2{font-size:20px;}
.subStit{font-size:15px; padding: 0 0 10px;}
.txt p{padding: 0 0 12px;}

.tab_style{margin: 0 auto 20px;}

.basicCont{margin: 0 auto 60px;}

.subpad{padding: 60px 0;}
.subpad_t{padding: 60px 0 0;}
.subpad_b{padding: 0 0 60px;}

/* 미네랄라인 */
.mineraline_top{margin: 0 0 20px;}
.mineraline_top .subTit2{padding: 30px 0 20px;}
.mineraline_top .subTit2 img{top:0; transform:translate(-50%,0);}

.mineraline_photo{margin: 0 0 60px;}
.mineraline_photo .txt{position: relative;}

.mineraline_in{}
.mineraline_in dl{margin: 0 0 30px;}


/* 닥터헬리파 */
.drHelipa .num_stlye li .num{font-size:14px;}
.drHelipa .num_stlye li strong{font-sizE:16px;}

.drHelipa_recom{}
.drHelipa_recom ul li{width: 100%; margin: 0 0 10px; padding:20px 10px; font-size:14px;}
.drHelipa_recom ul li:nth-child(3n){margin: 0;}
.drHelipa_recom ul li img{width: 40px;}


/* LSP뉴스 */
.new_list{}
.new_list dl{margin: 0 10px 10px 0; width: calc((100% - 10px)/2);}
.new_list dl:nth-child(3n){margin-right: 10px;}
.new_list dl:nth-child(2n){margin-right: 0;}
.new_list dl a dd{padding: 15px;}
.new_list dl a dd strong{font-size:15px;}
.new_list dl a dd small{margin: 6px 0 0;}


/* 자료실 */
.data_list dl{margin: 0 0 10px 0; width:100%;}
.data_list dl:nth-child(3n){margin-right: 0;}
.data_list dl:nth-child(2n){margin-right: 0;}
/*******************************************************************************
    @media 360px
*******************************************************************************/
@media all and (max-width:360px){


/* LSP뉴스 */
.new_list{}
.new_list dl{margin: 0 0 10px 0; width: 100%;}
.new_list dl:nth-child(3n){margin-right: 0;}
.new_list dl:nth-child(2n){margin-right: 0;}

}