@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v29/2fcrYFNaTjcS6g4U3t-Y5SQZRqoBW5Q4K_a7BOZJO20.eot);
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
}


/* 공통S */
#mainContainer {position:relative; width:100%; max-width:900px; margin:0 auto; padding-top:60px; padding-bottom:25px; }
#contents {position:relative;}
.img100 {width:100%;}
.img50 {height:50%;}
/* 공통E */

/* layout */
body, table, th, td, button, select, input, textarea {
	font-family:/*"Spoqa Han Sans", "Sans-serif",*/"나눔고딕", 'NanumGothic', "WebNanumGothic","맑은 고딕", Malgun Gothic, dotum,'돋움',gulim,'굴림',Arial;
	font-size:13px;
	font-weight:300;
	color:#666;
	-webkit-text-size-adjust:none;
}
body { background-color:#fff;	-webkit-text-size-adjust:none; }
#wrap{width:100%; min-width:320px; }
.material-icons{line-height:inherit !important;}
/* 공통클래스 */
.area{width:94%; max-width:900px; margin:0px auto;}
.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.clearfix{*zoom:1;}
.clearfix:after{clear:both; display:block; content:"";}
.fl{float:left;}
.fr{float:right;}


/* 전체메뉴 열기*/

/* skip NAV */
.cm-accessibility a { position:absolute; text-align:center; width:200px; display:block; background:#c52227; color:#fff; left:-9999px; }
.cm-accessibility a:hover { z-index:999999; margin-left:-100px; left:50%; }
.cm-accessibility a:focus { z-index:999999; margin-left:-100px; left:50%; }
.cm-accessibility a:active { z-index:999999; margin-left:-100px; left:50%; }

.slick-arrow{outline:none;}
.slick-slide a{outline:none;}

/* ******************  레이아웃 ********************** */
/* -------- 상단 배너 topBanner -------- */
#topBanner{width:100%; height:80px; position:relative; overflow:hidden;}
.banner-close-btn{position:absolute; bottom:0px; right:3%; line-height:24px; font-size:12px;}
.banner-close-btn .close-btn{font-size:12px;}
.banner-close-btn .close-btn i{vertical-align:middle;}


/* -------- Header -------- */
#header{position:relative; width:100%; height:60px; background-color:#fff; z-index:10000; display:block}
#headerInner{position:absolute; top:0; left:0; width:100%; height:60px; z-index:9999; background-color:#fff; display:block}
#headerInner.fixed{position:fixed; top:0px; left:0px;}
#headerInner .logo{padding-top:10px; }
#headerInner .logo img{width:90px;}
#headerInner .logo > span{display:inline-block; vertical-align:middle; margin-left:3px; }
#headerInner .logo > span a{font-size:12px; color:#ababab; letter-spacing:-1px; }
#headerInner .logo > span.on a{color:#00b7f3; font-weight:500;}
#headerInner .header-search-btn{position:absolute; top:15px; left:3%;}
#headerInner .header-search-btn i{font-size:32px; color:#aaa;}
#headerInner .header-tel-btn{
	position:absolute; top:8px; left:3%; width:45px; height:45px; text-align:center; line-height:45px;
	-webkit-border-radius:45px;-moz-border-radius:45px;-o-border-radius:45px;border-radius:45px; box-sizing:border-box; border:1px solid #eee;
	box-shadow:inset 1px 1px 1px rgba(0, 0, 0, .1);
}
/* logo LEFT */
#headerInner.header-logo-left .logo{padding-left:3%; }
/* logo CENTER */
#headerInner.header-logo-center .logo{text-align:center;}
/* NAV OPEN BUTTON */
.nav-open-btn{
	position:absolute; top:15px; right:3%; z-index:9999;
	transition:all 0.7s; -webkit-transition:all 0.7s; -oz-transition:all 0.7s; -ms-transition:all 0.7s; z-index:9999;
}
.nav-open-btn.fixed{position:fixed; top:15px; right:3%;}

.nav-open-btn .line{
	display:block; width:28px; height:4px; background-color:#dcdcdc; border-radius:5px; margin: 5px auto;
	-webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
 }
.nav-open-btn .line2{/*width:23px; margin-left:5px;*/width:28px;  }

.nav-open-btn.active{position:fixed; top:15px; right:3%; z-index:99999;}
.nav-open-btn.active .line{background-color:#dcdcdc;}
.nav-open-btn.active .line:nth-child(2){
  opacity: 0;
}

.nav-open-btn.active .line:nth-child(1){
  -webkit-transform: translateY(10px) rotate(45deg);
  -ms-transform: translateY(10px) rotate(45deg);
  -o-transform: translateY(10px) rotate(45deg);
  transform: translateY(10px) rotate(45deg);
}

.nav-open-btn.active .line:nth-child(3){
  -webkit-transform: translateY(-8px) rotate(-45deg);
  -ms-transform: translateY(-8px) rotate(-45deg);
  -o-transform: translateY(-8px) rotate(-45deg);
  transform: translateY(-8px) rotate(-45deg);
}

/* NAV OPEN BUTTON :: 임시 */
.temporary-open-btn{
	position:absolute; top:15px; right:3%; z-index:9999;
	transition:all 0.7s; -webkit-transition:all 0.7s; -oz-transition:all 0.7s; -ms-transition:all 0.7s; z-index:9999;
}
.temporary-open-btn.fixed{position:fixed; top:15px; right:3%;}

.temporary-open-btn .line{
	display:block; width:28px; height:4px; background-color:#dcdcdc; border-radius:5px; margin: 5px auto;
	-webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
 }
.temporary-open-btn .line2{/*width:23px; margin-left:5px;*/width:28px;  }

.temporary-open-btn.active{position:fixed; top:15px; right:3%; z-index:99999;}
.temporary-open-btn.active .line{background-color:#dcdcdc;}
.temporary-open-btn.active .line:nth-child(2){
  opacity: 0;
}

.temporary-open-btn.active .line:nth-child(1){
  -webkit-transform: translateY(10px) rotate(45deg);
  -ms-transform: translateY(10px) rotate(45deg);
  -o-transform: translateY(10px) rotate(45deg);
  transform: translateY(10px) rotate(45deg);
}

.temporary-open-btn.active .line:nth-child(3){
  -webkit-transform: translateY(-8px) rotate(-45deg);
  -ms-transform: translateY(-8px) rotate(-45deg);
  -o-transform: translateY(-8px) rotate(-45deg);
  transform: translateY(-8px) rotate(-45deg);
}

/* Header :: Gnb */
#gnb{ 
	overflow-y:auto; position:fixed; top:0px; right:-80%; width:80%; height:100%; max-width:280px; background-color:#fff; z-index:9999;
	/* gnb OPEN 속도 */
	transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
	-webkit-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);  
	-oz-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
	-ms-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
}
#gnb.open{right:0px;}
#gnb .nav-tel{width:93%; height:80px; padding-left:7%;}
#gnb .nav-tel > p{font-size:22px; line-height:30px; font-weight:500; padding-top:20px;}
#gnb .nav-tel > p a{color:#00b7f3;}
#gnb .nav-tel > p i{vertical-align:middle;}
#gnb .nav-tel > span{display:block;  color:#b1b1b1; font-size:11px; letter-spacing:-0.5px; text-indent:25px;}
#gnb #navigation{/*margin-top:60px;*/}
#gnb #navigation > li{border-bottom:1px solid #dcdcdc;}
#gnb #navigation > li:first-child{border-top:1px solid #dcdcdc;}
#gnb #navigation > li > a {background:url(../images/layout/gnb_plus_btn.png) no-repeat 95% 50%; background-size:17px; }
#gnb #navigation > li > a{display:block; padding:15px 0 15px 10%; color:#7d7d7d; font-size:14px; }
#gnb #navigation > li.active > a{color:#00b7f3; background:#fff url(../images/layout/gnb_plus_btn_on.png) no-repeat 95% 50%; background-size:17px}
#gnb #navigation > li .gnb-2dep{display:none; background-color:#f2f2f2; padding:12px 0;}
#gnb #navigation > li .gnb-2dep li a{display:block; color:#535353; font-size:13px; padding:12px 12%;}
	.gnb-bg{display:none; 	position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.2; filter:alpha(opacity=20); z-index:9998;}
	


/************* 메인콘텐츠 공통 *************/
.h4_title{font-size:18px; color:#2e2e2e; font-weight:300; text-align:center; line-height:130%; letter-spacing:-0.05em; margin-bottom:20px; word-break:keep-all}
.h4_title span{color:#e11d00;}



/* ******************  공통-버튼 ********************** */
.btn_w_l a{display:inline-block; width:50%; height:40px; color:#fff; text-align:center; font-size:15px; letter-spacing:-0.02em; line-height:38px; background:url(/img/main/btn_arrow_w.png) 90% 50% no-repeat; cursor:pointer; border:2px solid #fff;
border-radius:13px; -webkit-border-radius:13px;-moz-border-radius:13px;-o-border-radius:15px; }
.btn_w_l a:hover{color:#00b7f3; background:#fff url(/img/main/btn_arrow_b.png) 90% 50% no-repeat; border:2px solid #fff; border-radius:15px; -webkit-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;  }


.btn_y_l2 a{display:inline-block; width:50%; height:40px;  color:#fff; text-align:center; font-size:15px; letter-spacing:-0.02em; line-height:38px; cursor:pointer;border:3px solid #00b7f3; background:#00b7f3; border-radius:13px; -webkit-border-radius:13px;-moz-border-radius:13px;-o-border-radius:13px; }
.btn_y_l2 a:hover{color:#fff; border:3px solid #fff; background:#00b7f3; border-radius:13px; -webkit-border-radius:13px;-moz-border-radius:13px;-o-border-radius:13px; }



/* ******************  메인 레이아웃 ********************** */
/* Main Layout :: VISUAL */
#mainVisual{overflow:hidden; text-align:center;}
span.rcolor{color:#00b7f3; display:inline !important; background-color:#fff !important;}
.visual-inner{width:100%; position:relative; margin-bottom:8%;}
.visual-inner > img{width:100%; }
.visual-content{position:absolute; top:0; left:0; width:100%; height:100%;}
.visual-content > h2{font-size:22px; line-height:28px; color:#555; font-weight:400; letter-spacing:-0.5px; margin-bottom:15px; padding-top:50px; text-transform:uppercase;}
.visual-content > h2 span{font-weight:600; }
.visual-content > h2 p{font-size:14px; color:#808080; line-height:22px; letter-spacing:-0.5px;}
.visual-content > h3{font-size:16px; line-height:24px; color:#666; font-weight:400; letter-spacing:-1px; margin-bottom:15px; padding-top:0px; text-transform:uppercase;}
.visual-content > h3 span{color:#00b7f3; font-weight:600; }
.visual-content > h3 p{font-size:11px; color:#a1a1a1; line-height:20px; letter-spacing:-0.5px;}
.visual-content > h4{font-size:18px; line-height:26px; color:#666; font-weight:400; letter-spacing:-1px; margin-bottom:15px; padding-top:0px; text-transform:uppercase;}
.visual-content > h4 span{color:#00b7f3; font-weight:600; }

.visual-coment{width:100%; padding:50px 0 40px 0; border-bottom:1px solid #cdcdcd; margin-bottom:5%;}
.visual-coment > h2{font-size:17px; font-weight:400; color:#222222; letter-spacing:-0.5px; margin-bottom:5%;}
.visual-coment > h2 > span{display:block; width:15px; height:1px; background-color:#292929; margin:0px auto; margin-top:4%;}
.visual-coment > .sub_tit{font-size:19px; font-weight:400; color:#666; background-color:#fff; letter-spacing:-0.5px; margin-bottom:7%; text-transform:uppercase; text-align:center}
.visual-coment > .sub_tit span{color:#00b7f3;}
.visual-coment > .sub_tit p{font-size:16px; font-weight:400; color:#777; letter-spacing:-0.5px; margin-top:2%;  text-align:center}
.visual-coment > p{font-size:13px; line-height:18px; color:#555555; letter-spacing:-1px;}


#video{width:100%; padding-top:5%; margin-bottom:40px;}
#video_wrap{width:93%; margin:0 auto;}




/************ 문의배너 ***********/
#minq{width:100%; position:relative; height:auto; background:url('/img/main_busi/minq_wrap_bg.png') 0% 50% ; overflow:hidden; clear:both; }
#minq_wrap{position:relative; height:auto; padding:40px 0; overflow:hidden; clear:both; }
.minq_l{position:relative; text-align:center }
.minq_l .minq_txt{width:85%; font-size:20px; font-weight:; color:#f8f8f8; margin:0 auto; letter-spacing:-0.05em; line-height:130%; word-break:keep-all;}
.minq_l .minq_stxt a{font-size:16px; color:#f8f8f8; letter-spacing:-0.02em; line-height:35px; margin-top:10px;}
.minq_l p{width:85%; font-size:13px; color:#f8f8f8; line-height:140%; letter-spacing:-0.04em; font-weight:300; margin:15px auto; word-break:keep-all;}
.minq_r{position:relative; text-align:center }
.minq_r span{ margin:0 auto; text-align:center }


/************* 문의하기 *************/
#mreserv {width:100%; position:relative; height:auto; overflow:hidden; clear:both; background:#bcc5ce; }
#mreserv_wrap {width:100%; height:auto; margin:0 auto; background:url('/img/main/mreserv_bg.jpg') 50% 50% no-repeat; background-size:cover}
.mreserv_c{width:100%; display:block; height:200px; text-align:center; padding-top:30px; }
.mreserv_c .h4_title02{font-size:18px; color:#222; font-weight:300; line-height:30px; letter-spacing:-0.05em; margin-top:10px; margin-bottom:10px;}
.mreserv_c .h4_title02 span{color:#00b7f3;}
.mreserv_c p{font-size:14px; color:#777; letter-spacing:-0.02em;  font-weight:300;  margin-bottom:20px;}
.mreserv_c .on_con{width:90%; height:100%; margin:0 auto; }

/************* 선택 *************/
#mchoice{width:100%; position:relative; height:auto; overflow:hidden; clear:both; margin-top:60px; padding-bottom:60px; background:url('/img/main_busi/mchoice_bg.jpg') 50% 0 repeat-x; background-size:contain;}
#mchoice_wrap{width:100%; height:auto; margin:0 auto; padding-top:10px;}
#mchoice_wrap .h4_title{position:relative; font-size:18px; line-height:24px; text-align:center; color:#222222; font-weight:400; margin-bottom:5%; }
#mchoice_wrap .h4_title span{color:#00b7f3;}
#mchoice_wrap .h4_title:after{ content:""; display:block; position:relative; left:0;  top:10px; width:15px; height:0px; background:#292929;} 
#mchoice_wrap > div {width:94%; margin:0 auto; height:170px;  max-height:180px;  border-bottom:1px solid #dddddd; margin-bottom:10px; }
#mchoice_wrap ul {width:100%; margin:0 auto; }
#mchoice_wrap ul li {text-align:left}
#mchoice_wrap ul li p{width:74%; font-size:12px; color:#666; line-height:17px; letter-spacing:-0.02em; margin-bottom:10px; word-break:keep-all;}
#mchoice_wrap ul li .mc_bg{ }
#mchoice_wrap ul li .ls{letter-spacing:-0.05em!important;}
.mc_tit{position:relative; font-size:18px !important; color:#222 !important; font-weight:400; line-height:26px; letter-spacing:-0.02em; padding:8% 0 0px 0px!important;  } 
.mc_tit:after{ content:""; display:block; position:relative; left:0;  top:10px; width:40px; height:0px; background:#444;} 
#mchoice_wrap > p{ width:90%; margin:0 auto; position:relative; font-size:13px; color:#666; font-weight:400; line-height:130%; padding:0px 0 20px 0px!important; text-align:center; word-break:keep-all;} 
.mc01{width:100%;  float:; 	display:block; background: url('/m/img/main/mc01.jpg') 100% 50% no-repeat; background-size:25%;}
.mc02{width:100%;  float:; 	display:block; background: url('/m/img/main/mc02.jpg') 100% 50% no-repeat; background-size:25%;}
.mc03{width:100%;  float:; 	display:block; background: url('/m/img/main/mc03.jpg') 100% 50% no-repeat; background-size:25%;}
.mc04{width:100%;  float:;  display:block; background: url('/m/img/main/mc04.jpg') 100% 50% no-repeat; background-size:25%;}


/************* 하단공통배너 *************/
.all_ban {position:relative; clear:both; width:100%; height:atuo; padding-top:8%; padding-bottom:10%; background:#00ace6 url(/m/img/main/all_ban_busi.jpg) center bottom no-repeat; background-size:50%;}
.all_ban_wrap {position:relative; clear:both; width:100%; height:atuo; }
.all_ban_txt {position:relative; clear:both; height:atuo; background:#; }
.all_ban_txt h4{font-size:19px; width:95%; margin:0 auto 20px auto; color:#fff; font-weight:600; line-height:140%; letter-spacing:-0.04em; padding-bottom:20%; text-align:center}
.all_ban_txt h4 span{color:#fff;}
.all_ban_txt p{font-size:13px; color:#555; letter-spacing:-0.02em; line-height:130%; margin-bottom:5px; display:none;}

/************* 장점공통 *************/
#kbest {position:relative; width:100%; height:auto; display:block ; padding:10% 0 10% 0; background:#f8f8f8;}
#kbest_wrap {position:relative; clear:both; width:100%; height:auto; display:block;  margin:0 auto}
.kbest_con {position:relative; width:100%;  height:auto; display:block; }
.kbest_con:after {position:relative; display:block; clear:both; width:100%; }
.kbest_con > div {position:relative; width:96%; max-width:625px; height:220px; max-height:300px; border:0px solid #e1e1e1; margin:0 auto 15px auto; display:block}
.kbest_con > div:after {position:relative; display:block; clear:both; width:100%; }
.kbest_con > div > .kbest_txt{position:absolute; right:0; width:50%; min-width:210px; height:220px; max-height:298px; background:rgba(0,0,0,0.5); }
.kbest_con .kbest_txt h4{font-size:18px; color:#fff; font-weight:600; line-height:140%; letter-spacing:-0.02em; width:90%; margin:15px auto;}
.kbest_con .kbest_txt h4:after{ content:""; display:block; position:relative; left:0; top:5px; width:40px; height:2px; background:#00ace5;} 
.kbest_con .kbest_txt p{font-size:13px; color:#fff; letter-spacing:-0.04em; line-height:130%; width:90%; margin:0 auto 15px auto; word-break:keep-all;}
.kbest_con > .left{float:; }
.kbest_con > .right{float:; }
.kbest_con01{ background:url(/img/sub/kbest_con01.jpg) left center;  background-size:cover;}
.kbest_con02{ background:url(/img/sub/kbest_con02.jpg) left center;  background-size:cover;}
.kbest_con03{ background:url(/img/sub/kbest_con03.jpg) left center;  background-size:cover;}
.kbest_con04{ background:url(/img/sub/kbest_con04.jpg) left center;  background-size:cover;}
.kbest_con05{ background:url(/img/sub/kbest_con05.jpg) left center;  background-size:cover;}
.kbest_con06{ background:url(/img/sub/kbest_con06.jpg) left center;  background-size:cover;}





/* Main Layout :: MainContent */
#mainContent{width:100%; padding-top:5%;}
/* Main Layout :: MainContent :: MainServiceCon */
#mainServiceCon{overflow:hidden; margin-bottom:40px;}
#mainServiceCon > h2{font-size:18px; line-height:24px; text-align:center; color:#222222; font-weight:400; margin-bottom:5%; }
#mainServiceCon > h2 > span{display:block; width:15px; height:1px; background-color:#292929; margin:0px auto; margin-top:4%;}
#mainServiceCon > h2 p{font-size:13px; line-height:18px; color:#555555; letter-spacing:-0.5px; padding-top:5%;}
#mainServiceCon > h2 img{display:block; margin:0px auto; margin-bottom:5%;}
.service-inner{padding:10px; background-color:#4d4d4d;}
.service-inner > ul{width:100%;}
.service-inner > ul li{width:90%; height:120px; padding:0 5%; margin-bottom:3px;}
.service-inner > ul li:last-child{margin-bottom:0;}
.service-inner > ul li h3{font-size:17px; line-height:130%; color:#5b5b5b; font-weight:400; margin-bottom:4%; padding-top:30px;}
.service-inner > ul li p{font-size:11px; line-height:130%; color:#3d3d3d; letter-spacing:-0.02em; margin-bottom:2%; }
.service-inner > ul li p.service_txt{ display:none;}
.service-inner > ul li.service-01{background:#fff url(/m/img/main_busi/ms01.jpg) no-repeat center right; background-size:cover;}
.service-inner > ul li.service-02{background:#fff url(/m/img/main_busi/ms02.jpg) no-repeat center right; background-size:cover;}
.service-inner > ul li.service-03{background:#fff url(/m/img/main_busi/ms03.jpg) no-repeat center right; background-size:cover;}
.service-inner > ul li.service-04{background:#fff url(/m/img/main_busi/ms04.jpg) no-repeat center right; background-size:cover;}
.service-inner > ul li.service-05{background:#fff url(/m/img/main_busi/ms05.jpg) no-repeat center right; background-size:cover;}
.service-inner > ul li.service-06{background:#fff url(/m/img/main_busi/ms06.jpg) no-repeat center right; background-size:cover;}
.service-inner > ul li.service-07{background:#fff url(/m/img/main_busi/ms07.jpg) no-repeat center right; background-size:cover;}
.service-inner > ul li.service-08{background:#fff url(/m/img/main_busi/ms08.jpg) no-repeat center right; background-size:cover;}

/* 
#mainServiceCon{overflow:hidden; margin-bottom:40px;}
#mainServiceCon > h2{font-size:18px; line-height:24px; text-align:center; color:#222222; font-weight:400; margin-bottom:5%; }
#mainServiceCon > h2 > span{display:block; width:15px; height:1px; background-color:#292929; margin:0px auto; margin-top:4%;}
#mainServiceCon > h2 p{font-size:13px; line-height:18px; color:#555555; letter-spacing:-0.5px; padding-top:5%;}
#mainServiceCon > h2 img{display:block; margin:0px auto; margin-bottom:5%;}
.service-inner{padding:10px; background-color:#4d4d4d;}
.service-inner > ul{width:100%;}
.service-inner > ul li{width:90%; height:130px; padding:0 5%; margin-bottom:3px;}
.service-inner > ul li:last-child{margin-bottom:0;}
.service-inner > ul li h3{font-size:17px; line-height:130%; color:#5b5b5b; font-weight:400; margin-bottom:1%; padding-top:15px;}
.service-inner > ul li p{font-size:11px; line-height:130%; color:#3d3d3d; letter-spacing:-0.02em; margin-bottom:2%; }
.service-inner > ul li.service-01{background:#fff url(/m/img/main/ms01.jpg) no-repeat center right; background-size:cover;}
.service-inner > ul li.service-02{background:#fff url(/m/img/main/ms02.jpg) no-repeat center right; background-size:cover;}
.service-inner > ul li.service-03{background:#fff url(/m/img/main/ms03.jpg) no-repeat center right; background-size:cover;}
.service-inner > ul li.service-04{background:#fff url(/m/img/main/ms04.jpg) no-repeat center right; background-size:cover;}
.service-inner > ul li.service-05{background:#fff url(/m/img/main/ms05.jpg) no-repeat center right; background-size:cover;}
.service-inner > ul li.service-06{background:#fff url(/m/img/main/ms06.jpg) no-repeat center right; background-size:cover;}
.service-inner > ul li.service-07{background:#fff url(/m/img/main/ms07.jpg) no-repeat center right; background-size:cover;}
.service-inner > ul li.service-08{background:#fff url(/m/img/main/ms08.jpg) no-repeat center right; background-size:cover;}
*/


/* Main Layout :: MainContent :: MainChoiceCon*/
#mainChoiceCon{overflow:hidden; padding:10% 0 8% 0; margin-bottom:50px; border-bottom:1px solid #cdcdcd; text-align:center;}
#mainChoiceCon > h2{font-size:18px; line-height:24px; text-align:center; color:#222222; font-weight:400; margin-bottom:7%;}
#mainChoiceCon > h2 p{font-size:14px; line-height:18px; color:#7d7d7d; letter-spacing:-0.5px; padding-top:5%;}
#mainChoiceCon > h2 span{display:block; width:15px; height:1px; background-color:#292929; margin:0px auto; margin-top:4%;}

#mainChoiceCon > ul.bcm{width:90%; text-align:center; margin:0 auto; clear:both;}
#mainChoiceCon > ul.bcm li{display:inline-block; vertical-align:top; width:50%; float:left;}
#mainChoiceCon > ul.bcm li:nth-child(2){/*margin:0 25px 0 25px;*/}
#mainChoiceCon > ul.bcm li p{font-size:15px; line-height:30px; color:#262626; letter-spacing:-1px; margin-bottom:20px; }

#mainChoiceCon > ul.cm{width:100%; text-align:center; margin:0 auto; clear:both;}
#mainChoiceCon > ul.cm li{display:inline-block; vertical-align:top; width:33.3%; float:left;}
#mainChoiceCon > ul.cm li:nth-child(2){/*margin:0 25px 0 33px;*/}
#mainChoiceCon > ul.cm li p{font-size:13px; line-height:20px; color:#262626; letter-spacing:-1.2px; margin-bottom:20px; }

#mainChoiceCon > p{font-size:13px; line-height:18px; color:#7d7d7d; letter-spacing:-1px; clear:both; margin-bottom:20px; }

/* Main Layout :: MainContent :: MainNewsEvent*/
#mainNewsEvent{width:100%; margin-bottom:80px;}
#mainNewsEvent > h2{font-size:18px; line-height:24px; text-align:center; color:#222222; font-weight:400; margin-bottom:5%; letter-spacing:-1px; text-transform:uppercase;}
#mainNewsEvent > h2 > span{display:block; width:15px; height:1px; background-color:#292929; margin:0px auto; margin-top:4%;}
#mainNewsEvent > h2 p{font-size:13px;  line-height:18px; color:#555555; letter-spacing:-0.5px; padding-top:5%;}
#mainNewsEvent > h2 img{display:block; margin:0px auto; margin-bottom:5%;}
.news-event-box{width:100%;}
.news-event-box .slick-slide{text-align:center; }
.news-event-box .slick-slide img{width:87%; margin:40px 6.5%; filter:drop-shadow(0 0 2px #969696); -webkit-filter:drop-shadow(0 0 2px #969696);/* border-radius:7px;*/}
.news-event-box .slick-center img{width:100%; margin:15px auto;}
.news-event-box .slick-dots{position:absolute; width:100%; left:0; bottom:-6%; text-align:center;}
.news-event-box .slick-dots li{display:inline-block; margin:0 5px ; }
.news-event-box .slick-dots li button{ background: #ffffff; box-shadow: inset 0 0 0px #babcbc; border: 1px solid #b2b4b4; 
	cursor:pointer; margin:0px; padding:0px; font-size:0; height: 12px; width: 12px; 
	-webkit-border-radius:12px;-moz-border-radius:12px;-o-border-radius:12px; border-radius:12px;
}
/*.news-event-box .slick-dots li button{
	cursor:pointer; margin:0px; padding:0px; background:none; font-size:0; width:15px; height:15px; border:2px solid #c3c3c3; 
	-webkit-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;border-radius:15px;
}*/
.news-event-box .slick-dots li.slick-active button{background-color:#ffde00;border: 1px solid #ffde00; }		/* 버튼 active */
.news-event-slide li{position:relative;}
.news-event-inner{position:absolute; top:0; left:0; width:90%; height:90%; padding:5%;}
.news-event-inner > h3{font-size:18px; color:#fff; font-weight:400; letter-spacing:-1px; padding-top:40px; margin-bottom:20px; text-transform:uppercase;}
.news-event-inner > h4{font-size:14px; color:#ffde00; line-height:22px; font-weight:400; margin-bottom:50px;}
.news-event-inner > h4 span{ text-align:left !important;}
.news-event-inner > p{width:100%;}
.news-event-inner > p span{display:inline-block; vertical-align:top; padding:0 5.5%; font-size:12px; line-height:18px; color:rgba(255,255,255,0.8); letter-spacing:-0.5px; border-left:1px solid #fff;}
.news-event-inner > p span:first-child{border-left:0;}
/* Main Layout :: MainContent :: MainDiffrent */
#mainDiffrent{width:100%; text-align:center;}
#mainDiffrent .main-coment{border-bottom:0; margin-bottom:0;}
.main-coment{width:100%; padding:30px 0 20px 0; }
.main-coment > h2{font-size:18px; font-weight:400; color:#222222; letter-spacing:-0.5px; margin-bottom:4%;}
.main-coment > h2 > span{display:block; width:15px; height:1px; background-color:#292929; margin:0px auto; margin-top:4%;}
.main-coment > p{font-size:13px; line-height:18px; color:#666; letter-spacing:-1px; margin-bottom:5%;}




/* -------- 서브 컨텐츠 :: 공통 -------- */
#commonContainer{width:100%; max-width:900px; margin:0 auto; padding-top:30px; background:#fff;}
.partner-box{padding:30px 0; border-top:0px solid #cdcdcd; text-align:center; background:#fff;}
.partner-box > h3 p{font-size:17px; line-height:24px; color:#666;  margin:5% 0; letter-spacing:-0.2px; font-weight:400;}
.partner-box > h3 p span{color:#00b7f3;}
.partner-slide {width:80%; margin:0px auto;}
.partner-slide .slick-prev, .partner-slide .slick-next{z-index:9; position:absolute; top:50%; border:0; background:none; margin-top:-16px;}
.partner-slide .slick-prev img, .partner-slide .slick-next img{width:17px;}
.partner-slide .slick-prev{left:-15%;}
.partner-slide .slick-next{right:-15%;}
.partner-slide li{text-align:center; height:50px; line-height:50px; vertical-align:middle; border-left:1px solid #e1e1e1;}
.partner-slide li:first-child{border-left:0;}
.partner-slide li img{width:100%; margin:auto; display:inline-block; vertical-align:middle;}
.counsel-box{position:relative; text-align:center; margin-bottom:10%;}
.counsel-box img{width:100%; max-width:660px;}
.counsel-txt{position:absolute; bottom:10px; left:0; width:100%; padding:10px 0 20px 0;}
.counsel-txt > h4{font-size:17px; margin-bottom:5%; color:#363636; letter-spacing:-1px;  font-weight:400;}
.counsel-txt > h4 span{color:#00b7f3;}
.counsel-txt > p{text-align:center;}
.counsel-txt > p.point{margin-bottom:4%;}
.counsel-txt > p a{display:inline-block; width:65%; height:40px; line-height:40px; color:#fff; font-size:14px; /*ae230e*/ background:#00b7f3 url(../img/main/btn_arrow_w.png) no-repeat 90% center; }
.counsel-txt.ver2 > p a{height:40px; line-height:38px; font-size:14px;}
.counsel-txt > p.point a{background:#a0a0a0 url(../img/main/btn_arrow_w.png) no-repeat 90% center;}

.counsel-txt02{position:absolute; top:160px; left:0; width:100%; padding:10px 0 20px 0;}
.counsel-txt02 > h4{font-size:17px; margin-bottom:5%; color:#363636; letter-spacing:-1px;}
.counsel-txt02 > h4 span{color:#00b7f3;}
.counsel-txt02 > p{text-align:center;}
.counsel-txt02 > p.point{margin-bottom:4%;}
.counsel-txt02 > p a{display:inline-block; width:65%; height:40px; line-height:40px; color:#fff; font-size:14px; /*ae230e*/ background:#a0a0a0 url(../img/main/btn_arrow_w.png) no-repeat 90% center; }
.counsel-txt02.ver2 > p a{height:40px; line-height:38px; font-size:14px;}
.counsel-txt02 > p.point a{background:#a0a0a0 url(../img/main/btn_arrow_w.png) no-repeat 90% center;}



.service-location-box{width:100%; padding:10px 0; text-align:left; /*background:url('/img/main/mchain_bg02.jpg') center top ;*/}
.service-location-box_wrap{width:90%; padding:35px 5%; border-top:5px solid #f7f7f7; border-bottom:5px solid #f7f7f7; background:#f7f7f7 url('/img/main_busi/mchain_wrap_bg.png') no-repeat 97% center; background-size:120px auto;}
.service-location-box_wrap > h3{font-size:17px; color:#333; margin-bottom:3%; letter-spacing:-0.7px; font-weight:400;}
.service-location-box_wrap > h3 span{color:#00b7f3}
.service-location-box_wrap > h3 i{font-size:30px; vertical-align:middle;}
.service-location-box_wrap > p{width:60%; font-size:12px; line-height:18px; color:#7d7d7d; letter-spacing:-1.2px;}



#sns {position:relative; padding:1% 0% 1% 0%; margin:0 auto; background:#272727;} 
#sns_wrap {width:100%; position:relative; height:auto; margin-top:10px; margin-bottom:; padding:10px 0 0 0; background-size:contain; }

#sns_wrap .on_con{position:relative; width:90%; height:auto; margin:0 auto; text-align:center; padding-top:10px;}
#sns_wrap .on_con ul {position:relative;  margin:0 auto;}
#sns_wrap .on_con ul li{display:inline-block; width:60px; height:60px; margin:0 auto; cursor:pointer; border-radius:15px; -webkit-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px; border-radius:15px; margin-bottom:5px;  }
#sns_wrap .on_con ul li:after{clear: both;display: block; content: "";}
#sns_wrap .on_con ul .sns01      {background:url(/img/main/sns_bl.jpg) center center no-repeat; margin-left:3px; margin-right:3px;  background-size:cover;}
#sns_wrap .on_con ul .sns01:hover{background:url(/img/main/sns_bl_on.jpg) center center no-repeat;  background-size:cover;}
#sns_wrap .on_con ul .sns02      {background:url(/img/main/sns_ka.jpg) bottom center no-repeat; margin-left:3px; margin-right:3px;   background-size:cover;}
#sns_wrap .on_con ul .sns02:hover{background:url(/img/main/sns_ka_on.jpg) center center no-repeat;  background-size:cover;}
#sns_wrap .on_con ul .sns03      {background:url(/img/main/sns_in.jpg) bottom center no-repeat; margin-left:3px; margin-right:3px;   background-size:cover;}
#sns_wrap .on_con ul .sns03:hover{background:url(/img/main/sns_in_on.jpg) center center no-repeat;  background-size:cover;}
#sns_wrap .on_con ul .sns04      {background:url(/img/main/sns_fa.jpg) bottom center no-repeat;  margin-left:3px; margin-right:3px;   background-size:cover;}
#sns_wrap .on_con ul .sns04:hover{background:url(/img/main/sns_fa_on.jpg) center center no-repeat;  background-size:cover;}
#sns_wrap .on_con ul .sns05      {background:url(/img/main/sns_kaka.jpg) bottom center no-repeat;  margin-left:3px; margin-right:3px;   background-size:cover;}
#sns_wrap .on_con ul .sns05:hover{background:url(/img/main/sns_kaka_on.jpg) center center no-repeat;  background-size:cover;}
#sns_wrap .on_con ul .sns06      {background:url(/img/main/sns_ntv.jpg) bottom center no-repeat;  margin-left:3px; margin-right:3px;  background-size:cover;}
#sns_wrap .on_con ul .sns06:hover{background:url(/img/main/sns_ntv_on.jpg) center center no-repeat;  background-size:cover;}



/************* 하단고객센터 *************/
#cust {position:relative; padding:1% 0% 1% 0%; margin:0 auto; background:#272727; } 
#cust_wrap {width:100%; position:relative; margin:0 auto; height:auto; margin-top:10px; margin-bottom:10px; padding:10px 0 0px 0; }
 
#cust .cust_title{width:90%; font-size:1.2em; color:#fff; margin:0 auto; }
#cust .cust_con{width:90%; padding-top:0%; padding:10px 0; margin:0 auto; }
#cust_wrap .cust_con ul{width:100%; height:auto; }
#cust_wrap .cust_con ul:after{content:""; display:block; clear:both; margin:0 auto; }
#cust_wrap .cust_con ul li{font-size:1em; color:#cccccc;}
#cust_wrap .cust_con ul li.m_tel{font-size:3em; letter-spacing:-0.02em; margin-left:-5px; margin-bottom:1%;}
#cust_wrap .cust_con ul li.m_tel a{color:#ffcc00;}
#cust_wrap .cust_con ul li.m_txt{float:left; font-size:0.9em; margin-right:4%; line-height:1.6em; }
#cust_wrap .cust_con ul li.m_txt a{color:#cccccc;}
#cust_wrap .cust_con ul li span{color:#cccccc;}
#cust .cust_con p{clear:both; width:100%; font-size:0.9em; color:#989898; text-align:left; margin-top:3%; margin-bottom:0%; }


/*하단*/
footer{padding:0% 0 0 0; border-top:1px solid #444444; background:#222222;}
footer .copyright{width:90%; margin:0 auto; padding:25px 0 ; text-align:left; line-height:1.2em;}
footer .copyright .adress{color:#cccccc; font-size:12px; }
footer .copyright .tel{color:#cccccc; font-size:12px;  padding-top:1%;}
footer .copyright .tel a{color:#cccccc;}
footer .copyright .copy{color:#cccccc; font-size:12px;  padding-top:2%;}


/* FOOTER :: 메뉴하단 */
.footer-menu-bottom{padding-top:20px; height:40px; text-align:center;}
.footer-menu-bottom a{display:inline-block; width:50%; height:40px; line-height:40px; max-width:160px; color:#fff; font-size:14px; letter-spacing:-0.3px; /*border-radius:40px;*/border-radius:10px; -webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px; }
.footer-menu-bottom a i{font-size:18px; vertical-align:middle;}
.footer-menu-bottom.menu-num2 a{width:50%; margin:0 0%; }
.footer-menu-bottom.menu-num3 a{width:50%; margin:0 0%; }
.footer-menu-bottom a.privacy-btn{background-color:#f68326; border-color:#f68326;}
.footer-menu-bottom a:first-child{background-color:#00b7f3;}
.footer-menu-bottom a:nth-child(2){background-color:#ffde00;  color:#333; }
.footer-menu-bottom a:nth-child(2) i{width:18px; height:20px; line-height:18px; font-size:13px; text-align:center; background-color:; color:#333; margin-right:2px;}
.footer-menu-fixed{position:fixed; bottom:0px; left:0; width:100%; padding:15px 0%; background-color:rgba(0,0,0,0.3); z-index:500;}














/*메인슬라이드*/
#main_visual{margin-bottom:0%; height:100%;}
.slide_img{position:relative;}
#slides1 a img{width:100%;}
ul.slidesjs-pagination{position:absolute; bottom:3%; left:50%; z-index:10; width:70px; margin-left:-35px;}
ul.slidesjs-pagination:after{content:""; display:block; clear:both;}
ul.slidesjs-pagination li.slidesjs-pagination-item:first-child{margin:0;}
ul.slidesjs-pagination li.slidesjs-pagination-item{float:left; margin-left:10px;}
ul.slidesjs-pagination li.slidesjs-pagination-item a{width:10px; height:10px; text-indent:-9999px; overflow:hidden; background:url(../img/main/btn_visual_on.png) no-repeat left center; background-size:100%;}
ul.slidesjs-pagination li.slidesjs-pagination-item a.active{background-position:left top;}


	
	
/* 메인 관련 S*/

/* 메인 버튼 크기 및 위치 */

/* 메인 버튼 크기 및 위치 index3*/
#contents .main_btn { position:relative;}
#contents .main_btn div a {float:left; margin-right:1%;}
#contents .main_btn div {overflow:hidden;}
#contents .main_btn div.btn_2,#contents .main_btn div.btn_3 {margin:1% 0 1% 1%;}
#contents .main_btn div.btn_2 a {width:49%;}
#contents .main_btn div.btn_3 a {width:32.33%}



/* 메인 버튼 크기 및 위치 */

/* 메인 관련 E*/



/************* 메인콘텐츠 공통 *************/
#contents h2.con_title{font-size:1.7em; color:#7c7c7c; text-align:center; padding-top:1%; margin-bottom:1%; letter-spacing:-0.02em; text-transform:uppercase; }
#contents h2.con_title02{font-size:1.7em; color:#5e8792; text-align:center; padding-top:1%; margin-bottom:4%; letter-spacing:-0.02em; text-transform:uppercase; }
#contents h2.con_title03{font-size:1.7em; color:#fff; text-align:center; padding-top:1%; margin-bottom:4%; letter-spacing:-0.02em; text-transform:uppercase; }
#contents h2.con_title span{font-weight:700;}
#contents .m_title{font-size:1.4em; color:#2e2e2e; letter-spacing:-0.05em; text-align:center; text-transform:uppercase; padding-top:8%; }
#contents .m_title02{font-size:1.4em; color:#fff; letter-spacing:-0.05em; text-align:center; text-transform:uppercase; padding-top:8%; }
#contents .m_title span{color:#e11d00;}


/************* 버튼 공통 *************/
.btn_type {display:inline-block; width:50%; margin:0 auto; padding:1% 0 1% 0; color:#fff; text-align:center; font-size:1em; letter-spacing:-0.05em;  line-height:200%; background:#d72f16; cursor:pointer; vertical-align:middle; margin-bottom:1%; letter-spacing:-0.02em; }
.btn_type a{color:#fff;}
.btn_type a:hover{color:#fff;}

.btn_type02 {display:inline-block; width:50%; margin:0 auto; padding:1% 0 1% 0; color:#fff; text-align:center; font-size:1em; letter-spacing:-0.05em;  line-height:200%; /*background: rgba(0, 0, 0, 0.6);*/ background:#f8b500; cursor:pointer; vertical-align:middle; margin-bottom:1%; letter-spacing:-0.02em; }
.btn_type02 a{color:#fff;}
.btn_type02 a:hover{color:#fff;}

.btn_type03 {display:inline-block; width:100%; margin:0 auto; padding:1% 0 1% 0; color:#fff; text-align:center; font-size:1em; letter-spacing:-0.05em;  line-height:220%; background:#000000; cursor:pointer; vertical-align:middle; margin-bottom:1%; letter-spacing:-0.02em; }
.btn_type03 a{color:#ffca10;}
.btn_type03 a:hover{color:#ffca10;}

.btn_type04 {display:inline-block; width:100%; margin:0 auto; padding:1% 0 1% 0; color:#fff; text-align:center; font-size:1em; letter-spacing:-0.05em;  line-height:220%; background:#d72f16; cursor:pointer; vertical-align:middle; margin-bottom:1%; letter-spacing:-0.02em; }
.btn_type04 a{color:#fff;}
.btn_type04 a:hover{color:#fff;}

.btn_type05 {display:inline-block; width:100%; padding:1% 0 1% 0; color:#fff; text-align:center; font-size:1em; letter-spacing:-0.05em;  line-height:280%; background:#fff  url(../img/main/btn_arrow.png) 90% 50% no-repeat; cursor:pointer; vertical-align:middle; letter-spacing:-0.02em; }
.btn_type05, .btn_type05 a{color:#555;}
.btn_type05 a:hover{color:#d72f16;}

.btn_type06 {display:inline-block; width:100px;  padding:1% 0 1% 0; color:#fff; text-align:center; font-size:1em; letter-spacing:-0.05em;  line-height:160%; background:#00b7f3; cursor:pointer; vertical-align:middle; letter-spacing:-0.02em; margin-top:2%; border-radius:10px; -webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px; }
.btn_type06, .btn_type05 a{color:#fff;}
.btn_type06 a:hover{color:#fff;}






/************* 하단게시판 *************/
#cboard {position:relative; padding:2% 0% 1% 0%; margin:0 auto; background:#fff; } 
#board_n {width:100%; position:relative; margin:0 auto; height:auto; margin-top:10px; margin-bottom:10px; padding:10px 0 20px 0; background:url(/m/img/main/b_n.png) no-repeat 95% 8%; background-size:contain; border-bottom:1px solid #d5d5d5; cursor:pointer} 
#board_r {width:100%; position:relative; margin:0 auto; height:auto; margin-top:10px; margin-bottom:10px; padding:10px 0 20px 0; background:url(/m/img/main/b_r.png) no-repeat 95% 8%; background-size:contain; cursor:pointer} 
#cboard .board_title{width:90%; font-size:1.2em; color:#444; padding-left:20px; margin-bottom:5px; }
#cboard .board_title span{color:#d72f16;}
#cboard .board_con{width:90%; padding-top:0%; padding-left:20px; font-size:0.9em; }



/************* 문의하기 *************/
#mtalk {width:100%; position:relative; height:auto; overflow:hidden; clear:both; background:#373737 url('/img/main/mtalk_bg.jpg') center top;  background-size:contain; padding:30px 0 40px 0;}
#mtalk_wrap {width:96%;  position:relative; margin:0 auto; text-align:center;}
#mtalk_wrap .h4_title02{font-size:1.8em; color:#fff; line-height:1.4em; letter-spacing:-0.05em; margin-top:8px; margin-bottom:10px;}
#mtalk_wrap p{font-size:1.1em; color:#fff; letter-spacing:-0.04em; line-height:1em; font-weight:300;  margin-bottom:20px;}
.mtalk_l{width:49%; float:left;}
.mtalk_r{width:49%; float:right;}



/************ 문의배너 ***********/
#sinq{width:100%; position:relative; height:auto; background:#1a1a1a ; clear:both; border-bottom:1px solid #5c5c5c;}
#sinq_wrap{width:100%; position:relative; margin:0 auto; background:url('/img/main/sinq_bg.png') center top no-repeat ; background-size:cover; clear:both;padding:30px 0 30px 0;}
.sinq_l{ text-align:center;}
.sinq_l .sinq_txt{font-size:1.4em; color:#f8f8f8; letter-spacing:-0.05em; line-height:1.2em; }
.sinq_l .sinq_stxt a{font-size:0.9em; color:#e0e0e0; letter-spacing:-0.02em; line-height:1.1em; margin-top:15px;}
.sinq_l p{font-size:1em; color:#e0e0e0; letter-spacing:-0.02em; margin-top:10px; line-height:1.2em; }
.sinq_r a{margin-top:10px;font-size:1.4em; color:#fff; letter-spacing:-0.02em; line-height:1.6em; text-align:center;}
.sinq_r span{font-size:1em; color:#fff !important; margin-top:10px;}




/*서브비주얼*/
.sub_tit{position:relative; width:100%; font-weight:normal; text-align:center; color:#fff; padding:4% 0; background:rgba(0,0,0,0.6) }
.sub_tit h4{font-size:1em; font-weight:normal; padding:1% 0 4% 0% ;text-transform:uppercase; text-align:center; }
.sub_tit h1{font-size:1.6em; font-weight:normal; margin-top:1%; padding:5% 0 0 0% ; }
.sbg_kclean {position:relative; width:100%; background:url('/img/kclean/subvisual.jpg')no-repeat center center;background-size:cover;}
.sbg_electro {position:relative; width:100%; background:url('/img/electro/subvisual.jpg')no-repeat center center;background-size:cover;}
.sbg_home {position:relative; width:100%; background:url('/img/home/subvisual.jpg')no-repeat center center;background-size:cover;}
.sbg_fungi {position:relative; width:100%; background:url('/img/fungi/subvisual.jpg')no-repeat center center;background-size:cover;}
.sbg_green {position:relative; width:100%; background:url('/img/green/subvisual.jpg')no-repeat center center;background-size:cover;}
.sbg_cust {position:relative; width:100%; background:url('/img/cust/subvisual.jpg')no-repeat center center;background-size:cover;}
.sbg_chain {position:relative; width:100%; background:url('/img/chain/subvisual.jpg')no-repeat center center;background-size:cover;}
.sbg_busi {position:relative; width:100%; background:url('/img/busi/subvisual.jpg')no-repeat center center;background-size:cover;}


/*서브페이지 상단메뉴*/
#nav_wrap{position:absolute; top:60px; width:100%; height:; z-index:9990; background-color:#fff;}
#nav_wrap.fixed{position:fixed; top:60px; left:0px;}
#nav_wrap nav .dp1 {overflow:hidden;}
#nav_wrap nav .dp1 a {width:20%; float:left;}
#nav_wrap nav .dp1 a img {width:100%;}

#nav_wrap nav{ width:100%; position:relative; background:#fff; border-bottom:1px solid #dddddd; border-top:1px solid #dddddd;}
#nav_wrap nav .dp2_cover{width:100% ; /*overflow-x:auto; background:url(../img/sub/sub_menu_arrow.png) right center no-repeat; background-size:2%;*/}
#nav_wrap nav .dp2_cover .dp2{width:100%; overflow-x:auto;}
#nav_wrap nav .dp2_cover .dp2 a{font-size:12px; color:#555555; display:inline-block; margin-left:10px; opacity:1;}
#nav_wrap nav .dp2_cover .dp2 a.on{opacity:1;}
#nav_wrap nav .dp2_cover .dp2 b{color:#00b7f3; }
#nav_wrap nav .dp2_arrow{position:absolute; right:0;}
#nav_wrap nav .dp2_arrow img{width:50%;}

#nav_wrap nav ul{width:100%; border-bottom:0px solid #dddddd; display:inline-block; text-align:center}
#nav_wrap nav ul li{float:; display:inline-block; width:; text-align:center; border-bottom:1px dotted #dddddd; height:; line-height:120%; margin-right:0px solid #dddddd; padding:10px 0}
#nav_wrap nav ul li:last-child{margin-right:0px ;}


/*서브컨텐츠*/
#contents{position:relative; width:100%; max-width:900px; margin:0 auto; padding-top:60px; padding-bottom:25px; }
.mt35{margin-top:35px !important;}
.mt70{margin-top:70px !important;}
.mt105{margin-top:105px !important;}
.mt140{margin-top:140px !important;}
#contents #cts img {width:99%; margin:1%;}
#contents h2.stt{text-align:center; padding:5% 0;}
#contents h2.stt p {display:inline-block; }
#contents h2.stt p img {width:50%;}

#contents h3 {font-size:15px; color:#133984; margin-bottom:3%;}
#contents .text_box01 {padding:0px 3%; text-align:justify;}
#contents .text_box01 p {text-align:right; font-weight:bold;}
#contents .text_box01 div.img {margin-bottom:3%;}
#contents .text_box01 div p {display:inline-block; width:30%;}
#contents .text_box01 div p img {width:100%;}
#contents .s0101 {background:url(/mm/images/s0101_bg.jpg) no-repeat center bottom; background-size:100%; padding-bottom:40%;}
#contents .s0103 p.tel{background:url(/mm/images/m_sub0103_13.gif) no-repeat left center; background-size:40px; text-align:left; padding:15px 0px 15px 50px; }
#contents .s0103 p.add{background:url(/mm/images/m_sub0103_12.gif) no-repeat left center; background-size:40px; text-align:left; padding:15px 0px 15px 50px; }
#contents .s0103 p.bus{background:url(/mm/images/m_sub0103_13-03.gif) no-repeat left center; background-size:40px; text-align:left; padding:15px 0px 15px 50px; }

/*서브컨텐츠*/
#contents1{position:relative; *zoom:1; width:100%; margin:0 auto; padding-top:20px; padding-bottom:25px;}
#contents1 #cts img {width:99%; margin:1%;}
#contents1 h2.stt{text-align:center; padding:5% 0;}
#contents1 h2.stt p {display:inline-block; }
#contents1 h2.stt p img {width:50%;}

#contents1 h3 {font-size:15px; color:#133984; margin-bottom:3%;}
#contents1 .text_box01 {padding:0px 3%; text-align:justify;}
#contents1 .text_box01 p {text-align:right; font-weight:bold;}
#contents1 .text_box01 div.img {margin-bottom:3%;}
#contents1 .text_box01 div p {display:inline-block; width:30%;}
#contents1 .text_box01 div p img {width:100%;}
#contents1 .s0101 {background:url(/mm/images/s0101_bg.jpg) no-repeat center bottom; background-size:100%; padding-bottom:40%;}
#contents1 .s0103 p.tel{background:url(/mm/images/m_sub0103_13.gif) no-repeat left center; background-size:40px; text-align:left; padding:15px 0px 15px 50px; }
#contents1 .s0103 p.add{background:url(/mm/images/m_sub0103_12.gif) no-repeat left center; background-size:40px; text-align:left; padding:15px 0px 15px 50px; }
#contents1 .s0103 p.bus{background:url(/mm/images/m_sub0103_13-03.gif) no-repeat left center; background-size:40px; text-align:left; padding:15px 0px 15px 50px; }

/*서브컨텐츠-내용*/
#title_bar {*zoom:1;clear:both; width:100%; border-bottom:1px solid #d3d3d3; padding:30px 0; }
#title_bar h3.sub_title {margin:0 auto; color:#4e4e4e; font-size: 1.4em; font-weight:normal; text-align:center;}
#title_bar h3.sub_title img{margin:4px;}
.ctm_tit {width:100%; margin:0 auto; padding:10% 0 1% 0%; color:#80b2c4; font-size: 2em;  text-align:center; text-transform:uppercase; }
.cts_tit {width:100%; margin:0 auto; padding:0% 0 5% 0%; color:#4f727f; font-size: 1.4em; font-weight:normal; text-align:center;}
#cts{width:98%; max-width:900px; padding:30px 0; margin:0 auto; clear:both; *zoom:1;}
#cts:after {content:""; display:block; clear:both;}
#cts .l_icon{width:8%}
#bts{width:98%; max-width:900px; padding:30px 0; margin:0 auto; clear:both; *zoom:1; }
#bts:after {content:""; display:block; clear:both;}



.constitle{width:100%; position:relative; height:auto; clear:both; padding:30px 0 30px 0; }
.constitle p{font-size:1.1em; color:#555; text-align:center; letter-spacing:-0.02em;}
.constitle span{margin:0 auto; text-align:center; top:70px; }




.video_wrap {margin:0 auto; width:100%; clear:both; margin:30px 0 30px 0;}
.video_wrap .video_txt{width:100%; margin:0 auto; height:40px;}
.video_wrap .video_txt p{font-size:1em; color:#777; letter-spacing:-0.04em; line-height:20px; text-align:center}
.video_wrap .video {margin:0 auto; text-align:center; margin:0 0 15px 0; z-index:0;}