@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/*@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);*/
@import "css/font.css";

/*common*/
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,div{ margin:0;padding:0; -webkit-text-size-adjust:none;  word-wrap:break-word; word-break:keep-all; }

body {
	margin: 0px;
	SCROLLBAR-ARROW-COLOR: #cccccc; 
	SCROLLBAR-FACE-COLOR: #ffffff; 
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff; 
	SCROLLBAR-BASE-COLOR: #cfcfcf; 
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
	SCROLLBAR-SHADOW-COLOR: #cccccc;
	SCROLLBAR-3DLIGHT-COLOR: #cccccc;
	
}



td  {
	font-family:'Noto Sans KR','Nanum Gothic','Malgun Gothic', 'Dotum', 'verdana';
	font-size: 14px;
	color: #333;
	line-height:150%;
	letter-spacing: 0px;font-weight:300;
}

ul li  {
	font-family:'Noto Sans KR','Nanum Gothic','Malgun Gothic', 'Dotum', 'verdana';
	font-size: 14px;
	color: #333;
	line-height:150%;
	letter-spacing: 0px;font-weight:300;
}

div, p, dd, dt  {
	font-family:'Noto Sans KR','Nanum Gothic','Malgun Gothic', 'Dotum', 'verdana';
	font-size: 14px;
	color: #333;
	line-height:150%;
	letter-spacing: 0px; font-weight:300;
}

input,option {
	BORDER-RIGHT: #dddddd 1px solid; 
	BORDER-TOP: #dddddd 1px solid; 
	BORDER-LEFT: #dddddd 1px solid; 
	BORDER-BOTTOM: #dddddd 1px solid;
	BACKGROUND-COLOR: #eeeeee;
	
	font-size: 12px;
	font-family: "돋움";
	color:#666666;
}
input.inbb{border:none; background:#fff;}
select{
    BORDER-RIGHT: #dddddd 1px solid; 
	BORDER-TOP: #dddddd 1px solid; 
	BORDER-LEFT: #dddddd 1px solid; 
	BORDER-BOTTOM: #dddddd 1px solid;
	BACKGROUND-COLOR: #eeeeee;
	font-size: 12px;
	font-family: "돋움";

}

textarea {
	border:1px solid #dddddd;
	background:#eeeeee;
	line-height:120%;
	font-family: "돋움";
}

a:link {
	color: #5f5f5f;
	text-decoration: none;
}
a:visited {
	color: #5f5f5f;
	text-decoration: none;
}
a:hover {
	color: #007bff;
	text-decoration: none;
}
a:active {
	color: #5f5f5f;
	text-decoration: none;
}
/* input */
.input01 {width:216px; height:27px;  background:#ffffff; line-height:27px; padding-left:10px; margin:5px 0 0 0; border:none; left:0px; float:left;}
.input02 {width:70px; height:27px; border:1px solid #cccccc;}
.input03 {width:170px; height:27px; border:1px solid #cccccc;}
.input04 {width:170px; height:22px; border:1px solid #cccccc;}
.input05 {width:70px; height:22px; border:1px solid #cccccc;}
.input06 {width:470px; height:22px; border:1px solid #cccccc;}
.input07 {width:470px; height:200px; border:1px solid #cccccc;}
.input08 {background:#fff; border:none;padding:0px; margin:5px 0 0 0;line-height:27px;}
.input09 {width:300px; height:22px; border:1px solid #cccccc;}
.input10 {border:none; margin:0px;}


/* 정렬 관련 */
.al        {text-align:left !important}
.ac        {text-align:center !important}
.ar        {text-align:right !important}
.vt        {vertical-align:top !important}
.vb        {vertical-align:bottom !important}
.fl        {float:left;}
.fr        {float:right;}
.fc        {float:center;}
.cl        {clear:left;}
.cr        {clear:right;}
.cb        {clear:both;}
.db        {display:block;}
.di        {display:inline;}

.area{ width:1200px; margin:0px auto; }

/*==================================================================================================================*/


#wrapper{width:100vw;min-width:1200px; }


/****************************HEADER****************************/
#header {position:absolute; width:100%;min-width:1200px; z-index:150; text-align:center; background:url(image/tmenu_bg.png) repeat top;  }

.mainHead_con {POSITION: relative; WIDTH:1200px;HEIGHT:100px;margin:0 auto;	}
/* 로고 */
.mainHead_con h1 { position:relative;float:left;top:35px; margin-left:10px}

/****************************탑메뉴css****************************/
#topmenu_con{float:right;position:relative;	right:30px;	margin:0;text-align:left;top:10px;z-index: 700;}

.navigation {width: 100%;}

.navigation ul {z-index:100;margin:0;padding:0;list-style-type:none;}

/*Top level list items*/
.navigation ul li {position:relative;float:left; margin:0; top:0;}

/*Top level menu link items style*/
.navigation ul li a {display: block; padding:0px 40px 20px 40px; color:#f8f8f8; font-size:18px; font-weight:500; line-height:80px;text-decoration: none; text-align:center; 
}

* html .navigation ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display:inline-block;
}

.navigation ul li a:link, .navigation ul li a:visited{
color:#f8f8f8;
}

.navigation ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
color:#00c46a;cursor:pointer;background:url(image/tmenu_sub_bg.png) repeat;
}

.navigation ul li a:hover{
color:#00c46a;cursor:pointer;background:url(image/tmenu_sub_bg.png) repeat; 
}
	
/*1st sub level menu*/

.navigation ul li ul{position:absolute; left:0;display:none; /*collapse all sub menus to begin with border-radius:10px;*/visibility:hidden;top:0px;padding:10px 0; margin:0px 0 0 0px;background:url(image/main_bg02.png) repeat;  }


/*Sub level menu list items (undo style from Top level List Items)*/
.navigation ul li ul li{
display: block;
float: none; 
}
.navigation ul li ul li.first {border-top:none;}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.navigation ul li ul li ul{top: 0;}

/* Sub level menu links style */
.navigation ul li ul li a{ width:160px;  display:block;padding:5px 10px 5px 15px;margin: 0;color:#f8f8f8;font-family:'Nanum Gothic','Malgun Gothic','Dotum', 'verdana';font-size:13px; font-weight:700; text-align:left; line-height:18px;box-sizing:border-box;}

.navigation ul li ul.sub02 li a {width:160px;}
.navigation ul li ul.sub03 li a {width:180px;}

.navigation ul li ul li a:hover {color:#f0ff00 !important;
 font-weight:700;}
	
.navigation ul li ul li a:link, .navigation ul li ul li a:visited{
color: #f8f8f8;
}	
	
/* Holly Hack for IE \*/
* html .navigation{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 0px;
right: 0px;
}

.rightarrowclass{
position: absolute;
top: 0px;
right: 0px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background:none;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
/*opacity: 0.8;*/
}
/*=================left Menu 1 starts here ========================*/

/* **하단** */
#bottom {
	POSITION: relative; 
	WIDTH:100%; height:100%; overflow:hidden; 
	text-align: center;
	TOP:0px;
	background:#e1e1e1;
}

#bottom_box { float:right; margin:50px 40px 0 0; height:100%; overflow:hidden; border:1px solid #171515; background:#232323}
#bottom_box a{ display:block; margin-right:0px; color:#fff; font-size:15px; font-weight:500; line-height:40px; padding:0 20px !important;}


#bottom_lay {
	WIDTH:1200px;height:100%; overflow:hidden; 
	POSITION: relative;
	margin: 20px auto 30px auto;
	text-align:left;
	top:0;
}
#bottom_logo {float:left; margin:10px 50px 0px 10px}

#bottom_lay ul{ margin:20px 0;}
#bottom_lay li {padding:0px 0 0 0px;font-size:14px;color:#3a3a3a;line-height:20px; text-align:left; }
#bottom_lay li span.torange {font-size:12px; font-weight:700; color:#009688;}

#bottom_copy {  display:block;font-family: Verdana, Geneva, sans-serif;font-size:12px;color:#5c5c5c !important; margin:0px 0 0 0; line-height:30px;}


/* 개인정보취급방침 */
.personal_title { margin:40px 0 20px 0;}
.txt_sum {margin:0 0 30px 0;}
.person_content {margin:0 20px 30px 20px;}
.person_content p {margin:0 0 20px 0;}

/* ================= END 하단 ======================== */


#container {width:100%;}


/**=========================공통================================**/
.clear { clear:both;}
.tc {text-align:center;}
.t01 {  background:url(image/bt_icon2.gif) no-repeat 0 7px; font-size:13px; padding:0 0 0 10px; margin:0px 0 0px 3px; text-align:left; } 

.line1 {margin:8px 0;background:#d9d9d9 url(image/bt_line1.gif) repeat-x; height:1px; padding:0 0 0px 0;}

.mt30 {margin-top:30px;}

.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}

.ml300 {margin-left:300px;}

.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}

.bt_icon01 {background:url(image/bt_icon1.gif) no-repeat 0 5px; margin:0px; padding:0 0 0 10px;}
.bt_icon02 {background:url(image/bt_icon2.gif) no-repeat 0 0px; margin:0px; padding:0 0 0 10px;color:#353535; font-size:20px; font-weight:700; text-align:left;}


.tit1 {font-size:20px; color:#165d93; font-weight:600; margin:0 0 0px 0; padding:0 0 0 10px;}

/* =인사말= */
#a1010 { margin:0px 0px; height:100%; overflow:hidden; padding:0 0 0px 0    }

#a1010_img { position:absolute; width:40% ;right:0; float:right; height:100%; overflow:hidden;padding:0px 0px; margin:0px 0px 0 0}


#a1010_txt {background:#f5f5f5; width:100%; height:100%; overflow:hidden;margin:50px  auto 0 auto;  text-align:left; padding:0 0 50px 0 }
#a1010_txt h2 { width:60%;font-size:32px; color:#016b3a;letter-spacing:-1px; margin:80px 0 50px 0; font-weight:500; line-height:130%;}
#a1010_txt h2 span { display:block; font-size:20px; color:#303030; font-weight:400;line-height:120%; margin:10px 0 0 0}
#a1010_txt ul {width:1180px; margin:0 auto;}
#a1010_txt li { width:60%; /*white-space:pre-wrap;*/ margin:0 0 30px 0px;  font-size:16px; line-height:28px;}
#a1010_txt li.tname {text-align:right;}



/* =찾아오시는길= */
#a1020:after {clear:both;display:block;content:"";}
#a1020 {margin:0px auto; padding:0px 0; text-align:left; background:#f5f5f5 }
#a1020 ul { float:right; width:35%;}
#a1020 h1 {margin:70px 0 10px 0px; font-size:24px;}

#a1020 p { margin:0 0 10px 0px; font-size:16px; padding:0 0 40px 0 }
#a1020 li {font-size:18px;}
#a1020 .addr{ color:#666; background:url(image/bt_icon2.png) 0 5px no-repeat; padding:0 0 0 25px; margin-right:36px; height:45px;}
#a1020 .tel{ color:#666; background:url(image/bt_icon3.png) 0 5px no-repeat; padding:0 0 0 24px; font-family:Gotham; height:45px;}

#a1020 .cmap{ float:left; width:60%;margin:50px 0 50px 0; position:relative;}


/* =====프레스리스트===== */
#pro_list:after {clear:both;display:block;content:"";}
#pro_list { max-width:1200px; margin:0 auto 70px auto; padding:0 0 0px 0;text-align:left; height:100%; overflow:hidden;}

.pbox {float:left;  width:222px;   margin:0 9px 30px 9px; background:#fff;box-sizing:border-box; border:1px solid #d9d9d9;}

.pbox img { width:100%; margin:0px 0}
.pbox ul {text-align:center; margin:15px 0px 20px 0px;}
.pbox li.t1  {font-size:17px; color:#262626; font-weight:500; text-align:center; line-height:28px; margin:0 0 5px 0 }
.pbox li.t2{ color:#606060; font-size:15px; font-weight:400; line-height:20px;  padding:0px 0 0 0 }



/* =상세페이지= */
#pro01:after {clear:both;display:block;content:"";}
#pro01 { max-width:1200px;margin:0 auto; padding:0 0 0px 0;text-align:left;background:#fff;}

/* 큰이미지 */
.proimgbox { float:left; width:630px; margin:0 0px 50px 0px; text-align:center;box-sizing:border-box; }


div#proSlideshow {
    margin: 0px;
    padding: 0px 0 0 0;
    position: relative;
    /*height:500px;*/ overflow:hidden; width:630px; min-height:750px;
    
}
div.proSlide {
    position: relative; float:left;
    top: 0; text-align:center;
    width:408px;margin:0 20px 10px 40px; 
    display:none; border:4px solid #d9d9d9;box-sizing:border-box;
}
/*div.proSlide img{width:100%;max-height:500px;}*/

div.proSlide div.proimg {display:table;max-width:100%; min-height:711px;text-align:center; margin:0 auto;}
div.proSlide div.proimg div.prot{display:table-cell;vertical-align:middle !important; text-align:center !important; margin:0 auto; }
div.proSlide div.proimg div.prot img {width:100%; max-height:711px; margin:0 auto; }

div#proSlideshowControls {
    position:relative; 
    top: 0px;
    left: 0px; float:left;
    width:100px; text-align:center;
}
div.proSlideshowControl {
    border: 1px solid #d9d9d9;
    margin: 3px 0px 3px 0px;
    background:#fff;
     color: #554d31;
    font: 14px Arial, sans-serif;
    text-align: center;
    cursor: pointer;
	padding:0px;
}



div.proSlideshowControl img {width:100%; height:100%;}
div.proSlideshowControl span {
    line-height: 36px;
    vertical-align: middle;
}
div.proSlideshowControlOn {
    background-image:#fff;
}
div.proSlideshowControlActive {
    border: 1px solid rgb(109, 109, 109);
}
div.proSlideCopy {
    position: absolute;
    left: 565px;
    top: 20px;
    width: 170px;
}
div#proSlideshow h4 {
    color: #b90f23;
    text-transform: uppercase;
    font: 13px 'Nanum Gothic','Malgun Gothic', 'Dotum', 'verdana';
    margin: 10px 0;
	font-weight:700;
}
div.proSlideCopy p {
    font: 11px Arial, sans-serif;
    line-height: 1.75em;
}


/* 오른쪽설명 */
#pro01_box:after {clear:both;display:block;content:"";}
#pro01_box { float:right; width:520px;margin:0px 40px 50px 0px; padding:0 0 0px 0;text-align:left;}
#pro01_box h1 {color:#222; font-size:22px; margin:0px 0 20px 0px; padding:20px 30px; line-height:25px;font-weight:500; border-top:2px solid #00a65a;border-bottom:1px solid #d9d9d9; background:url(image/bt_pt01.gif) repeat}
#pro01_box h1 span {display:block; font-size:16px; color:#545454; font-weight:300;line-height:20px;}
#pro01_box h2 {color:#252525; font-size:20px; margin:0px 0 0px 0px; padding:0px}

#pro01_box div.box {padding:40px 30px; font-size:14px;border-top:1px solid #848f99;  border-bottom:2px solid #848f99;border-left:0px solid #848f99;border-right:0px solid #848f99; background:#f5f5f5;line-height:25px; margin:0 0 30px 0}
#pro01_box div.box ul {display:table; line-height:25px;}
#pro01_box div.box ul li {display:table;line-height:25px; font-size:16px; margin:0 0 10px 0}
#pro01_box div.box ul li span {display:table-cell; padding-right:10px; font-weight:500}


/* 상세정보 */
#pro_box01:after {clear:both;display:block;content:"";}
#pro_box01 { max-width:1200px; height:100%; overflow:hidden;  margin:0px  auto 80px  auto;border-bottom:1px solid #cbcbcb; text-align:left; padding:40px; font-size:16px; }
#pro_box01 p {margin:0 0 20px 0;}


.tit01 { clear:both;max-width:1200px; margin:0  auto 20px  auto;  border-bottom:1px solid #d9d9d9; text-align:left;}
.tit01 span { display:inline-block;background:#848f99;font-size:20px; color:#fff; font-weight:500;text-align:left; padding:10px 30px; margin:0 10px}


#pro_bt_list{clear:both; width:100px;background:#00a65a; height:100%; overflow:hidden; margin:40px  auto;box-sizing:border-box;}
#pro_bt_list a {display:block;font-size:20px;font-weight:500;color:#fff; line-height:40px; text-align:center; }


#pro_tel{ width:100%;background:#00a65a; height:100%; overflow:hidden; text-align:center;  margin:40px  auto;box-sizing:border-box; padding:10px 30px;}
#pro_tel .telicon{ display:inline-block; width:70px;margin:-40px 20px 0 0; padding:0; vertical-align:middle; }
#pro_tel .telicon img {max-width:100%; margin:0; padding:0}
#pro_tel .telitxt{  display:inline-block;font-size:28px;font-weight:500;color:#fff; line-height:35px; text-align:left; margin:0px 0 0 0; padding:0px 0 0 0 }


/* 게시판레이아웃 */

#bo_lay:after {clear:both;display:block;content:"";}
#bo_lay { width:100%; max-width:1180px;  padding: 0px 0 80px 0px;top:0px; margin:0px auto; text-align:center; }