@charset "UTF-8";



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

	01. 기본 세팅

--------------------------- */
/* text color */
.blue_txt {	color: #3c9ed6;}
.red_txt { color: #dd7070;}
.yellow_txt {color: #fcb35f;}
.green_txt{color:#71af79}


#cm_layout { position: relative; z-index: 0;}
.cm_layout_container {margin: 0 auto;}



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

	02. 레이아웃 구조

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

.cm_layout_container { }
.cm_container {min-height: 400px;}
.cm_sub_container {	padding:35px 0;}
.cm_sub_content {min-height: 400px;	overflow: hidden; position: relative; width:841px; float:right; }
.cm_sidebar { float: left;	min-height: 250px;	width:250px; }
.cm_footer { clear: both; position: relative; }



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

	03. 헤더 

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


#cm_layout{	border-top:3px solid #333333;}
.cm_header {width: 100%;height: 52px;padding:5px 0 29px;}




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

		03-1. 상단 로고 

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

	.cm_logo {position: relative;z-index:999;}
	.cm_logo img {position: absolute;top: -28px;}
	

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

		03-2. 글로벌 네비게이션 메뉴

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

	.cm_gnb {position: absolute;width:100%;	height:67px; right:0; left:0;top: 52px;padding-top:18px;border-bottom:1px solid #333333;z-index:998;}
	.cm_gnb .cm_gnb_main{position: relative; width: 1140px; left: 50%; margin-left: -570px; padding-right:100px; z-index:80; }
	.cm_gnb .cm_gnb_main .depth1{ float:right; padding-right:100px;	}
	.cm_gnb .cm_gnb_main .depth1 > li { position: relative;	list-style: none; float: left; height: 52px; } 
	.cm_gnb .cm_gnb_main .depth1 li a.nav1st {display: block; padding: 22px 40px 35px 40px;	color:#333;	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 9999; font-size: 17px; font-weight: 600;	}
	.cm_gnb .depth1 li.active a.nav1st, .cm_gnb .depth1 li a.nav1st.hover, .cm_gnb .depth1 li a.nav1st:hover, .cm_gnb .depth1 li a.nav1st:focus { color:#309ed6; }
	.cm_gnb .cm_gnb_main .depth2{position:absolute; left:45px; top:90px;}
	.cm_gnb .cm_gnb_main .depth2 li{ float:left; width:100%;}
	.cm_gnb .cm_gnb_main .twoDepth{display:none;}
	.cm_gnb .cm_gnb_main .depth2 li a{ color:#333; line-height:2.4em; display:block; height:2.4em; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
	.cm_gnb .cm_gnb_main .depth2 li.active a, .cm_gnb .cm_gnb_main .depth2 li a:hover{ color:#309ed6; }

	
	/* 드랍다운 메뉴 */

	.cm_gnb .gnb_h2_default{left:0;	width:250px;height:225px;top:0px;background:url(../images/img_dropmenu_banner1.png) no-repeat white 0 0;}
	.cm_gnb .cm_gnb_sub {width: 100%;height: 225px;	position: absolute;	left: 0px; top: 85px; background: #fff url('../images/bg_submenu.png') no-repeat center bottom;	z-index: 60; display:none;	border-top: 1px solid #333333;border-bottom:1px solid #ccc;	}	
	.cm_header_social{	position:relative; float:right; top:22px;z-index:999;}
	.cm_header_social img{	float:left;	margin-left:10px;}

	

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

		03-3. 상단 유틸리티 메뉴

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

		

	.cm_top_menu{ height:30px;	padding-top:18px; padding-bottom:4px; }
	.cm_top_umenu{ float:right; padding:10px 15px 7px 0; overflow:hidden;}
	.cm_top_umenu ul{list-style:none;}
	.cm_top_umenu ul li{float:left;	}
	.cm_top_umenu ul li a{ border-left:1px solid #cdcdcd;padding-left:10px;	padding-right:10px;	line-height:10px;font-size:12px;color:#333;	}
	.cm_top_umenu ul li:first-child a{border:none;padding-left:0;}

	

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

	06. 검색창

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


.cm_topsearch {	float:right;width:198px;height:28px;border:1px solid #cdcdcd;border-radius:3px;padding:0;overflow:hidden;}
.cm_topsearch input[type='text'] { height:28px; width:170px; line-height:24px; border:none; text-indent:10px; }
.cm_topsearch input[type='submit'] { height:30px; width:28px; background:#cdcdcd; border:none; cursor:pointer; background:url(../images/botton_search.png) no-repeat 0 -1px ;}



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

	07. 이미지 슬라이더 

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

.slider_wrap{ width:100%; }
.cm_slider, .cm_content_slider { width: 100%; height: 430px; position: relative; margin:0 auto;	overflow:hidden; }
.cm_slider ul li a { display:block; background-repeat: no-repeat; background-position: 50% 0; width: 100%; height: 430px; }
.cm_slider .cm_slider_caption {	width: 1040px; height: 310px; position: relative; margin:-310px auto 0;}
.cm_slider .cm_slider_caption h3 {color: #fff;	font-size: 50px; font-weight: 600; letter-spacing: -1px; margin-bottom: 20px;line-height: 57px; margin-top: -3px; width:600px; }
.cm_slider .cm_slider_caption h3 a{	color:white; height:auto; }
.cm_slider .cm_slider_caption h3 em { color: #abc560; font-style: normal; }
.cm_slider .cm_slider_caption p { color: #dadada; font-size: 14px; font-weight: 400;width: 55%; letter-spacing: -1px;}
.cm_slider .bx-controls{width: 1040px;margin:0 auto;}


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

	08. 콘텐츠

---------------------------------- */	
/*인사말*/
div.ceo_greeting {	background: url('../images/bg01.png') right 148px no-repeat;}
h1.greeting { font-size: 20px;line-height: 30px;color: #888888;}
h1.greeting span { color: #3c9ed6;}
div.greeting_txt { margin-top: 65px;width: 430px;font-size: 14px;line-height: 21px;color: #202020;word-break: keep-all;}
div.greeting_txt p {margin-top: 25px;}
div.greeting_txt p.greeting_txt01 { margin: none;width: 360px;}
div.greeting_txt p.greeting_txt02 {	width: 400px;}
div.greeting_txt p.greeting_txt03 {	width: 430px;}
div.greeting_txt p.signature {padding-bottom: 95px;	background: url('../images/bg_signature.png') 0 bottom no-repeat;}

/*연혁*/
div.history {	width: 100%; height: 1127px;	background: url('../images/bg02.png') 0 5px no-repeat;}
div.history> div.wr01 {width:350px; padding:100px 0px 0px 60px;float:left;}
div.history> div.wr02 {padding:300px 0px 0px 90px; width:340px; float:left; display:inline-block;}
div.history>div {}
div.history div p.history_year {	margin-bottom: 10px;	font-size: 17px;	line-height: 25px;	color: #3ba9d7;	font-weight: bold;}
div.history div p.history_txt01,div.history div p.history_txt02 {	font-size: 13px;	line-height: 22px;	color: #444444;	font-weight: 500;	letter-spacing: -1px;}
div.history div p.history_txt02 {	margin-left: 6px;}
div.history div p.history_txt01 span {	color: #bcbcbc;}
div.history> div.wr01 > div.history14 {	margin-top: 40px;}
div.history> div.wr01 > div.history15 {	margin-top: 35px;}
div.history> div.wr01 > div.history16 {	margin-top: 28px;}
div.history> div.wr01 > div.history17 {	margin-top: 31px;}
div.history> div.wr01 > div.history18 {	margin-top: 31px;}
div.history> div.wr01 > div.history19 {	margin-top: 31px;}
div.history> div.wr01 > div.history20 {	margin-top: 31px;}
div.history> div.wr01 > div.history21 {	margin-top: 31px;}
div.history> div.wr01 > div.history22 {	margin-top: 31px;}
div.history> div.wr02>div.history12,div.history> div.wr02>div.history11 {	margin-top: 31px;}
div.history> div.wr02>div.history10 {	margin-top: 36px;}
div.history> div.wr02>div.history09 {	margin-top: 34px;}

/* 월 숨김 */
div.history span {display:none;}

/*조직도*/
div.organization {	width: 100%;	height: 600px;	background: url('../images/bg03.png') 2px 50px no-repeat;	overflow: hidden;}
div.organization div.organization_left {	margin: 90px 0 0 110px;	width: 130px;	height: 123px;	background: url('../images/bg04.jpg') 0 0 no-repeat;	float: left;}
.organization_txt01 {	margin-top: 7px;	font-size: 16px;	line-height: 24px;	color: white;	font-weight: bold;	text-align: center;	}
.organization_txt02 { padding-top: 30px;	margin: 0 auto;	width: 95px;	font-size: 14px;	line-height: 21px;	color: #444444;	text-align: center;}
.width110 {	width: 110px;}
.pt40 {	padding-top: 40px;}
div.organization div.organization_center {	margin: 25px 0 0 80px;	width: 204px;	height: 173px;	background: url('../images/bg05.png') 0 0 no-repeat;	float: left;}
div.organization div.organization_right {	margin: 90px 0 0 85px;	width: 130px;	height: 123px;	background: url('../images/bg04.jpg') 0 0 no-repeat;	float: left;}
div.organization ul.organization_bottom {	margin-top: 120px;	overflow: hidden;}
div.organization ul.organization_bottom li {	margin-left: 10px;	width: 130px;	height: 123px;	background: url('../images/bg06.png') 0 0 no-repeat;	float: left;}
.organization_center p {margin: 0 auto;	padding-top: 60px;	width: 148px;	font-size: 17px;	line-height: 27px;	color: #3c9ed6;	text-align: center;	font-weight: 500;	}
.organization_center p span {	font-size: 16px; line-height: 24px;	color: #696969;}

/* 주요 고객사 */
.client { margin-bottom: 90px;}
.client h1, .contactus h1 {	padding-left: 13px;	background: url('../images/bg07.png') 0 center no-repeat;	font-size: 16px;	line-height: 24px;	color: #1681b7;	font-weight: narmal;}
.client .line01 {	margin-top: 3px;	width: 100%;	height: 1px;	background: url('../images/bg08.png') 0 0 repeat-x;}
.client ul.client_img {	margin-top: 14px;	overflow: hidden;}
.client ul.client_img li {	margin: 0 0 14px 19px;	border: 1px solid #e1e1e1;	float: left;}
.margin0 {	margin: 0px !important;}
.mt90 {	margin-top: 90px;}

/* 사업영역 */
.biz{ margin-bottom: 188px; letter-spacing: -0.8px;}
.biz ul li {display:inline-block; margin-left:50px;}

/* 인테리어 사업부 */
.biz_interrior {background: url('../images/img_interrior01.jpg') 0 center no-repeat; width:842px; height:264px; margin-top:100px;}
.biz_interrior p {padding:100px 0 0 470px; line-height:22px; font-size:14px; color:#696969;}

/* 로스팅 사업부 */
.biz_roasting {background: url('../images/img_roasting01.jpg') top center no-repeat; width:842px; margin-top:100px; height:315px;}
.biz_roasting p {padding-top:230px; text-align:center; line-height:22px; font-size:14px; color:#696969;}

/* 머신 사업부 */
.biz_gabinaru01 {background: url('../images/img_gabinaru01.jpg') top center no-repeat; width:842px; margin-top:100px; height:385px;}
.biz_gabinaru01 p {padding:120px 0 0 445px; line-height:22px; font-size:14px; color:#696969;}
.biz_gabinaru02  {background: url('../images/img_gabinaru02.jpg') top center no-repeat; width:842px; margin-top:100px; height:314px;}
.biz_gabinaru02 p {padding:120px 0 0 10px; line-height:22px; font-size:14px; color:#696969;}

/* 커피 쇼핑몰 사업부 */
.biz_square {background: url('../images/img_square02.jpg') top center no-repeat; width:842px; margin-top:100px; height:325px;}
.biz_square p {padding:120px 0 0 40px; line-height:22px; font-size:14px; color:#696969;}

/* 커피 머신 수입 사업부 */
.biz_import {width:842px; margin-top:100px; text-align:center;}
.biz_import p {line-height:22px; font-size:14px; color:#696969;}
.biz_import_photo {width:842px; margin-top:100px; text-align:center; margin-top:90px;}
.biz_import_photo p {line-height:22px; font-size:15px; color:#696969; font-weight:bold; margin-top:10px}

/* 커피 교육 사업부 */
.biz_academy {background: url('../images/img_academy01.jpg') top center no-repeat; width:842px; margin-top:100px; height:246px;}
.biz_academy p {padding:80px 0 0 20px; line-height:22px; font-size:14px; color:#696969;}
.biz_academy_solution{text-align:center; margin-top:90px; font-size:15px; color:#696969; line-height:22px}
.biz_academy_solution span {font-size:21px; font-weight:bold; color:#444; margin-top:20px; letter-spacing:-1px;}
.mt30 {margin-top:30px;}

.mb15 {	margin-bottom: 15px;}
.fr_support img {width:838px;}

/* 찾아오시는 길 */
.contactus { overflow: hidden;}
.contactus > img {	margin: 15px 0;	border: 1px solid #e1e1e1;}
.contactus > .map_btn {	position: relative;	margin-right:10px;	padding: 14px;	width: 156px;	height: 12px;	background: #f6f6f6;	border: 1px solid #e1e1e1;	border-radius: 3px;	float: left;}
.contactus > .map_btn p {	padding-left: 65px;	background: url('../images/icon_arrow11.png') right 0 no-repeat;	font-size: 12px;	line-height: 12px;	vertical-align: middle;	color:#333;}
.contactus > .btn_naver img {	position: absolute;	top: 14px;	left: 14px;}
.contactus > .btn_daum img {	position: absolute;	top: 10px;	left: 14px;}
.contactus > .btn_google img {	position: absolute;	top: 10px;	left: 14px;}
.contactus_address {	margin-bottom: 60px;}
.contactus_address li {	margin-top: 14px;	font-size: 12px;	line-height: 12px;	color: #444444;	vertical-align: middle;}
.contactus_address li img {	margin-right: 5px;}
.mb80 {	margin-bottom: 80px;}
.contactus a {	display: block;}
.fr_partner {	width: 100%;	height: 494px;	background: url('../images/bg09.png') 0 0 no-repeat;}
.fr_partner h2 { display: block; padding: 48px 0 5px 0;	font-size: 22px;	line-height: 33px; color: #444444;	letter-spacing: -1px;	text-align: center;}
.co_oemsystem h2 {	display: block;	padding: 48px 0 30px 0;	font-size: 22px;	line-height: 33px;	color: #444444;	letter-spacing: -1px;	text-align: center;}
.fr_partner p,.co_oemsystem p {	font-size: 15px;	line-height: 21px;	color: #a5a5a5;	letter-spacing: -1px;	font-weight:bold;	text-align: center;}
.fr_partner p span,.co_oemsystem p span {	color: #309ed6;}
.fr_partner p span.underline {	color: #a5a5a5;	border-bottom: 2px solid #d1d1d1;}
.co_oemsystem p span.blue_underline {	border-bottom: 1px solid #309ed6;}
.cafe_interior {margin-bottom: 125px;}

/* title */
.distribution .page_title {	margin: 0 auto;	padding: 160px 0 60px 0;	width: 214px;}
.Coffee_equipment_espresso_machine .page_title {	margin: 0 auto;	padding: 160px 0 60px 0;	width: 484px;}
.Coffee_roasting .page_title {	margin: 0 auto;	padding: 160px 0 60px 0;	width: 345px;}
.cafe_interior .page_title {	margin: 0 auto;	padding: 160px 0 60px 0;	width: 345px;}
.distribution .page_title > div {	margin: 0 auto;	width: 170px;	overflow: hidden;	}
.Coffee_equipment_espresso_machine .page_title > div {	margin: 0 auto;	width: 482px;	overflow: hidden;}
.Coffee_roasting .page_title > div {	margin: 0 auto;	width: 325px;	overflow: hidden;}
.cafe_interior .page_title > div {	margin: 0 auto;	width: 325px;	overflow: hidden;}

/*프랜차이즈 제휴*/
.distribution .page_title div img,.Coffee_equipment_espresso_machine .page_title div img,.Coffee_roasting .page_title div img,.cafe_interior .page_title div img {	padding-top: 30px;	float: left;}
.distribution .page_title div div,.Coffee_equipment_espresso_machine .page_title div div,.Coffee_roasting .page_title div div,.cafe_interior .page_title div div {	float: right;}
.distribution .page_title div div h1 { 	font-size: 55px; line-height: 80px;	color: #dd7070;}

.Coffee_equipment_espresso_machine .page_title div div h1 {	font-size: 55px;	line-height: 80px;	color: #629eb8;}
.Coffee_roasting .page_title div div h1 {	font-size: 55px;	line-height: 80px;	color: #72b07a;}
.cafe_interior .page_title div div h1 {	font-size: 55px;	line-height: 80px;	color: #fbb360;}
.distribution .page_title div div p,.Coffee_equipment_espresso_machine .page_title div div p,.Coffee_roasting .page_title div div p,.cafe_interior .page_title div div p 
{ margin-bottom: 15px; font-size: 14px;	line-height: 21px;	color: #727272;	text-align: center;	}
.distribution .section_area { padding:65px 308px 50px 308px; width:230px; height:75px; background:url('../images/bar01.png') center 100px no-repeat; font-size:20px; line-height:30px; color: #dd7070;	letter-spacing: -1px;	text-align: center;	overflow: hidden;}
.Coffee_equipment_espresso_machine .section_area {	padding: 65px 308px 50px 308px;	width: 230px;	height: 75px;	background: url('../images/bar02.png') center 85px no-repeat;	font-size: 20px;	line-height: 30px;	color: #629eb8;	letter-spacing: -1px;	text-align: center;	overflow: hidden;}
.Coffee_roasting .section_area {padding: 65px 244px 50px 244px;	width: 360px;height: 75px;	background: url('../images/bar03.png') center 85px no-repeat;	font-size: 20px;	line-height: 30px;
	color: #72b07a;	letter-spacing: -1px;	text-align: center;	overflow: hidden;	}
.distribution .section_area div {	font-size: 15px;	line-height: 21px;	color: #dd7070;}
.Coffee_equipment_espresso_machine .section_area div {	font-size: 15px;	line-height: 21px;	color: #629eb8;	}
.Coffee_roasting .section_area div {	font-size: 15px;	line-height: 21px;	color: #72b07a;}
.distribution img.img03 {	margin-left: 26px;}
.Coffee_equipment_espresso_machine img.img05,.Coffee_equipment_espresso_machine img.img06 {	margin-left: 3px;}
.cafe_interior .interior_img {	margin-top: 40px;}
.cafe_interior img.img08 {	margin-left: 40px;}
.distribution p.comment_area {	margin-top: 25px;	font-size: 20px;	line-height: 30px;	color: #dd7070;	text-align: center;}
.Coffee_equipment_espresso_machine p.comment_area {	margin-top: 25px;	font-size: 20px;	line-height: 30px;	color: #629eb8;	text-align: center;}
.cafe_interior p.comment_area {	margin-top: 25px;	font-size: 20px;	line-height: 30px;	color: #fbb360;	text-align: center;}

/* 프랜차이즈 지원사례 */
.fr_support {	width: 100%; height: 494px;	background: url('../images/img_frex_top.jpg') 0 0 no-repeat;}
.fr_support h2 { display: block; padding: 48px 0 5px 0;	font-size: 22px;	line-height: 33px; color: #444444;	letter-spacing: -1px;	text-align: center;}
.fr_support p {	font-size: 15px;	line-height: 21px;	color: #a5a5a5;	letter-spacing: -1px;	font-weight:bold;	text-align: center;}
.fr_support p span,.co_oemsystem p span {	color: #309ed6;}
.fr_support p span.underline {	color: #a5a5a5;	border-bottom: 2px solid #d1d1d1;}


/* 고객센터 */
.cs_community {	padding-left: 50px;	background: url('../images/bg_board.png') 50px 0 no-repeat;	overflow: hidden;}
.cs_community div {	margin: 70px 0 50px 50px;	letter-spacing: -1.3px;		float: left;}
.cs_community .customer_center { width: 270px;}
.cs_community h3 {	margin-bottom: 5px;	font-size: 14px;	line-height: 19px;	color: #309ed6;}
.cs_community ul li {	position: relative;	font-size: 12px;	line-height: 20px;	color: #444444;}
.cs_community ul li span {	position: absolute;	left: 0px;	margin-left: 160px;}

/* 원두 oem */
.co_oemsystem {	margin-bottom: 110px;	width: 100%;	height: 423px;	background: url('../images/bg10.png') 0 0 no-repeat;}
.oem9 {	margin-bottom: 73px;	position: relative;	width: 841px;}
.oem5 {	margin-bottom: 185px;	position: relative;	width: 841px;}
.oem9 img, .oem5 img {	display: block;	margin: 0 auto;}
.oem9 ul {	margin-top: 50px;width: 845px;	height: 831px;	background: url('../images/bg11.png') -2px 0 no-repeat;	overflow: hidden;}
.oem9 ul li {	margin-bottom: 28px;	padding: 36px 43px 44px 103px;	width: 247px;	height: 63px;	font-size: 13px;line-height: 18px;	color: #696969;	letter-spacing: -2px;	float: left;}
.oem9 ul li p {	margin-bottom: 5px;	font-size: 19px;	line-height: 27px;	color: #696969;}
.oem9 ul li p span {font-weight: bold;}
.ml60 {	margin-left: 59px;}
.oem5 ul {	margin: 55px 0 20px 0;	overflow: hidden;}
.oem5 ul li {	margin-left: 14px;	padding-left: 27px;	background: url('../images/icon_arrow06.png') 0 center no-repeat;float: left;}
.oem5 ul li:first-child {	padding: 0;}
.oem5 ul li p {	display: block;	padding: 105px 16px 15px 16px;	width: 100px;	height: 20px;	font-size: 16px;	line-height: 24px;	color: #444444;	text-align: center;	letter-spacing: -1.5px;}
.oem5 ul li.icon_oem01 p {	background: url('../images/icon_oem01.png') 0 0 no-repeat;}
.oem5 ul li.icon_oem02 p {	background: url('../images/icon_oem02.png') 0 0 no-repeat;}
.oem5 ul li.icon_oem03 p {	background: url('../images/icon_oem03.png') 0 0 no-repeat;}
.oem5 ul li.icon_oem04 p {	background: url('../images/icon_oem04.png') 0 0 no-repeat;}
.oem5 ul li.icon_oem05 p {	background: url('../images/icon_oem05.png') 0 0 no-repeat;}
.oem5 div {	margin: 0 auto;	padding: 23px 68px; width: 700px;height: 41px;background: url('../images/bg12.png') 0 0 no-repeat;font-size: 14px;line-height: 21px;color:#444444;text-align: center;}
.oem5 div span {color: #3c9ed6;	border-bottom: 1px solid #3c9ed6;}



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

	09-1. 푸터메뉴 , 관련사이트 바로가기

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

.cm_footer_wrap{width: 100%; overflow:hidden;}
.cm_footer_menu {	float:left;	padding:20px 0 15px 0;	margin-bottom: 7px;}
.cm_footer_menu li {	list-style: none;	display: inline;padding:0 11px;	border-left:1px solid #ddd;}
.cm_footer_menu li:first-child {padding-left:0;	border:none;}
.cm_footer_menu li a {	padding: 0;	font-size: 13px;color: #333;letter-spacing: -1px;}
.cm_footer_menu li:first-child a {	padding-left: 0;background: none;}
.cm_family_site{	position: absolute;	top: 25px;	right: 0px;}
#cm_fmsite{	float:left;	width:150px; height:30px;	line-height:25px;	margin-right:-29px;	text-indent:5px;	background:white;	-webkit-appearance: none;	border:none;border-right:0px; 
	border-top:0px; border-left:0px; border-bottom:0px;	border:1px solid #ddd;}
.cm_family_site .cm_fmGo{ margin:0;	float:left;}
	

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

	09-2. 푸터 로고, 연락처, 카피라이트 

--------------------------- */	
	
	.cm_footer_bottom{	padding: 15px 0;}
	.cm_footer_logo{position:absolute;	top:15px;}
	.cm_footer_info{padding-left:180px;	}
	.cm_address, .cm_copy {	clear: both; line-height: 1.8; font-size: 12px; color: #666; font-style:normal;}
	.cm_footer_social{	position:absolute; 	top:20px; right:0; }


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

	10. 사이드바

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

		10-1. 사이드바 로컬메뉴

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

	.cm_sidebar .lnb_wrap {	background: #fff;	margin-bottom: 24px;}
	.cm_sidebar .lnb_wrap ul li {list-style: none;	position: relative;	}
	.cm_sidebar h2.cm_sidebar_title {width: 210px;	font-size: 18px;font-weight: 400;color: #fff;overflow: hidden;letter-spacing: -1px;	position: relative;	background:#696969;	border-bottom:3px solid #444444; padding:20px;}
	.cm_sidebar h2.cm_sidebar_title span.title {display: block;	padding-bottom: 143px;background: url('../images/left01.png') right bottom no-repeat;font-size:28px;}
	.cm_sidebar h2.cm_sidebar_title span.sub { display: block; line-height: 12px; padding-bottom:10px; font-size:12px; font-family: arial, sans-serif !important; letter-spacing:0; }
	.cm_sidebar .lnb_wrap .depth2  li a { position: relative; display: block; padding: 18px 0 18px 20px; font-size: 15px; font-weight:400;	color: #585858;	border-bottom: 1px solid #e1e1e1;	
	background:url('../images/icon_plus_off.jpg') no-repeat 230px center;	letter-spacing: -1px;
	/* Firefox */
	-moz-transition: all 0.3s ease-in;
	/* WebKit */
	-webkit-transition: all 0.3s ease-in;
	/* Opera */
	-o-transition: all 0.3s ease-in;
	/* Standard */
	transition: all 0.3s ease-in;				
	}

	.cm_sidebar .lnb_wrap .depth2  li a.on { color:#3c9ed6; background: url('../images/icon_plus_on.jpg') no-repeat 230px center; font-weight:bold;	}
	.cm_sidebar .lnb_wrap .depth2 > li:first-child > a { border-top: 1px solid #e1e1e1; }
	.cm_sidebar .lnb_wrap .depth3 {	display: none;	padding: 12px 25px;	border-bottom: 1px solid #e1e1e1; background-color: #6d7885;}
	.cm_sidebar .lnb_wrap .depth3 li a {padding: 8px 0 8px 28px;border: none;font-size: 13px;line-height: 13px;color: #fff;}
	.cm_sidebar .lnb_wrap .depth3 li a:before {position: absolute;left: 14px;top: 11px; content:"+";display: block;font-family: dotum, sans-serif;font-size: 11px;color: #fff;line-height: 8px;}
	.cm_sidebar .lnb_wrap .depth2 > li a:hover,	.cm_sidebar .lnb_wrap .depth2 > li a:focus {text-decoration: none !important;	color:#3c9ed6; background:url('../images/icon_plus_on.jpg') no-repeat 230px center;}
	.cm_sidebar .lnb_wrap .depth3 li a:hover,.cm_sidebar .lnb_wrap .depth3 li a:focus,.cm_sidebar .lnb_wrap .depth3 li a.on {text-decoration: underline !important;	background-color: transparent !important;	}


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

		10-2. 사이드바 이미지 배너

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

	.cm_sidebar .sb_banner p {margin-bottom: 22px;}


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

		10-3. 사이드바 위젯

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

	.cm_sidebar_widget1 {padding: 0 20px;}

	

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

	11. 서브페이지 타이틀

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

.cm_sub_header {margin-top:20px;margin-bottom: 65px;}
.cm_sub_header h2 {	font-size: 25px;	line-height: 25px;	padding-bottom: 14px;	border-bottom: 1px solid #e1e1e1;	font-weight: 600;	letter-spacing: -0.25px	}


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

		11-1. 서브페이지 빵조각 네비게이션

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

	.cm_breadcrumb {position: absolute;	top: 0px; 	right: 0px;}
	.cm_breadcrumb ul li {		list-style: none;		float: left;		padding-left:15px;		background:url(../images/icon_arrow2.png) no-repeat 15px center;	}
	.cm_breadcrumb ul li a {		display: block;		color: #333;		padding-left: 8px;		margin-left: 8px;	}
	.cm_breadcrumb ul li.home {	width:13px;	height:12px;padding: 0;margin: 0;background:url(../images/icon_home.png) no-repeat 0 center;}	
	

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

	12. 모달 로그인 윈도우

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


.cm_modalLogin { display: none;  position: fixed;  left: 0;  top: 0;  _position: absolute;  width: 100%;  height: 100%;  z-index: 99999;  font-family: 맑은고딕, malgun gothic, 'Nanum Gothic',나눔고딕,NanumGothic, gulim,sans-serif;}
.cm_modalLogin .modalWindow {  display: block;  position: fixed;  border: 0;  left: 0;  top: 0;  _position: absolute;  width: 100%;  height: 100%;  background: #121212;  -moz-opacity: .70;  filter: alpha(opacity=70);  opacity: .70;}
.cm_modalLogin input, .cm_modalLogin label {  font-family: 맑은고딕, malgun gothic, 맑은고딕,malgun gothic,dotum,gulim,sans-serif;}
.cm_modalLogin .cm_loginLayer {  position: absolute;  width: 404px;  height: 409px;  top: 150px;  left: 50%;  margin: 0 0 0 -202px;  background: #fff;  border-top: 4px solid #fcfcfc;}
.cm_modalLogin .cm_loginLayer .cm_modal_header {  padding: 31px 0 28px 0;  text-align: center;  border-bottom: 1px solid #e1e1e1;  line-height: 13px;  height: 13px;}
.cm_modalLogin .cm_loginLayer form {  display: block;  *zoom: 1;}
.cm_modalLogin .cm_loginLayer form:after {  content: "";  display: block;  clear: both;}
.cm_modalLogin .cm_loginLayer .cm_idpwWrap {  height: 262px;  border-bottom: 1px solid #e1e1e1;  position: relative;}
.cm_modalLogin .cm_loginLayer .cm_label_id, .cm_modalLogin .cm_loginLayer .cm_label_pw {display:block; position:absolute; top:29px; left:33px; font-size: 13px; letter-spacing: -0.5px; color: #999;}
 .cm_modalLogin .cm_loginLayer #cm_user_id, .cm_modalLogin .cm_loginLayer #cm_user_pw {width: 338px; height: 74px; padding: 0 33px; border: 0; line-height: 74px; color: #555; font-weight: 600;  font-size: 13px;  letter-spacing: -0.5px;}
.cm_modalLogin .cm_loginLayer #cm_user_id {  border-bottom: 1px solid #e1e1e1;}
.cm_modalLogin .cm_loginLayer .cm_loginBtn {  text-align: center; background: #3EC381; border:0; padding: 27px 0; width: 100%; color: #FFF; font-size: 14px; font-weight: 600; cursor: pointer;}
.cm_modalLogin .cm_loginLayer .cm_keep {  width: 100%;  text-align: center;  position: absolute;  left: 0;  bottom: 10px;  line-height: normal;  white-space: nowrap;}
.cm_modalLogin .cm_loginLayer .cm_keep label { color: #444; letter-spacing: -1px; font-size: 13px;}
.cm_modalLogin .cm_loginLayer .cm_login_help { width: 100%; text-align: center; margin-top: 17px;}
.cm_modalLogin .cm_loginLayer .cm_login_help.line2 { margin-top: 3px; }
.cm_modalLogin .cm_loginLayer .cm_login_help li { list-style: none; padding: 0; display: inline-block;}
.cm_modalLogin .cm_loginLayer .cm_login_help li:first-child {  background: none;  padding-right: 10px;}
.cm_modalLogin .cm_loginLayer .cm_login_help li a {  color: #999;  font-weight: 400;}
.cm_modalLogin .cm_loginLayer .cm_login_help li a:hover, .cm_modalLogin .cm_loginLayer .cm_login_help li a:focus {  color: #748688;  text-decoration: underline;}
.cm_modalLogin .cm_loginLayer .cm_modal_close { position: absolute; cursor: pointer; border: 0; padding: 0; top: 9px; right: 20px;}





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

	13. 레이아웃 상단 레이어팝업

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


#cm_bnz_wrap {width: 100%; background: #fff;}
#cm_bnz_wrap .bnz {	position: relative;	height: 73px;	overflow: hidden;}
#cm_bnz_wrap .bnz .top_banner {	width: 1140px;	margin: 0 auto;	}
#cm_bnz_wrap .bnz .top_banner a { width: 100%; height: 73px; display: block; text-align: center;}
#cm_bnz_wrap .bnz .btn_close { position: absolute; right: 00px;	top: 25px;}
#cm_bnz_wrap .bnz .btn_close button {	border: 0;	background: none; cursor: pointer; position: relative;	top: -3px;}



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

	14. 메인 레이아웃 위젯 코드

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

.cm_cont{ width:100%; overflow:hidden; padding:20px 0; }
.cm_portfolio_title{ font-size:17px;	text-align:center;	padding-bottom:30px;}
.cm_main_bottom_slider{	position:relative;	width:360px;	height:335px;	float:left;	overflow:hidden;}
.cm_main_bottom_slider .bx-controls{	position:absolute;	right:20px;	top:20px;}
.cm_main_bottom_slider .bx-controls > div{	float:left;}
.cm_main_bottom_slider .bx-pager .bx-pager-item{ display:inline-block; 	margin-top:2px;}
.cm_main_bottom_slider .bx-pager .bx-pager-item a{ background: #c4c4c4; text-indent: -9999px; display: block; width: 12px; height: 12px; margin: 0 5px; outline: 0; -moz-border-radius: 6px; -webkit-border-radius: 6px;	border-radius: 6px;}
.cm_main_bottom_slider .bx-pager .bx-pager-item a.active{ background:#999; }
.cm_main_bottom_slider .bx-controls-auto .bx-controls-auto-item{ margin-left:5px;}
.cm_main_bottom_slider .bx-controls-auto .bx-controls-auto-item a{ display:block; width:21px; height:21px; text-indent:-9999px;}
.cm_main_bottom_slider .bx-controls-auto .bx-controls-auto-item a.bx-start{	background:url(../images/icon_slider_play.png) no-repeat 0 0;}
.cm_main_bottom_slider .bx-controls-auto .bx-controls-auto-item a.bx-stop{	background:url(../images/icon_slider_stop.png) no-repeat 0 0;}
.cm_main_bottom_slider .bx-controls-auto .bx-controls-auto-item .active{ display:none;}
.cm_wbox { position:relative; float:left; border:1px solid #ddd; width:298px; height:108px;	padding:30px; overflow:hidden; margin-left:30px; }
.cm_big{ height:273px; }
.cm_cscenter{ width:748px; height:168px;}
.cm_cscenter .cm_cs_quick{ float:left; padding:27px 42px 27px 62px;	overflow:hidden;}
.cm_cscenter .cm_cs_quick li{ float:left; margin-left:50px;}
.cm_cscenter .cm_cs_quick li:first-child{	margin-left:0;}
.cm_cscenter .cm_cs_quick li a{	display:block;	text-align:center;}
.cm_cscenter .cm_cs_quick li a img{	display:block;}
.cm_cscenter .cm_cs_quick li a h5{	display:inline-block; color:#333; font-size:15px; margin-top:19px;}
.cm_cscenter .cm_cs_info{ float:right; width:199px; height:100%; padding:27px 20px; background:#eee; border-left:1px solid #ddd;}
.cm_cscenter .cm_cs_info h4{ font-size:18px; }
.cm_cscenter .cm_cs_info .cm_phone{ color:#3c9ed6; font-size:24px; margin-top:5px; font-weight:bold; }
.cm_cscenter .cm_cs_info .cm_working{ margin-top:10px; padding-top:8px;	border-top:1px solid #ddd;	color:#585858;	font-size:12px;	line-height:1.6;}