/*
' --------------------------------------------------------------------------------
' È­ ÀÏ ¸í : Style.css
' ¿ë    µµ : ±âº»ÀûÀ¸·Î »ç¿ëÇÒ ½ºÅ¸ÀÏ ½ÃÆ®
' °ü·ÃÈ­ÀÏ :
' ÀÛ ¼º ÀÚ : ÀÌÇöÁ¤ 08. 3. 18
' ¼ö Á¤ ÀÚ :
' ¸Þ    ¸ð :
' --------------------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,600,700,900');

/*
<p style="font-family: 'Nanum Gothic', sans-serif;">³ª´® °íµñ</p>
<p style="font-family: 'Nanum Brush Script', cursive;">³ª´® ºê·¯½¬</p>
<p style="font-family: 'Nanum Gothic Coding', monospace;">³ª´® °íµñ ÄÚµù</p>
<p style="font-family: 'Nanum Myeongjo', serif;">³ª´® ¸íÁ¶</p>
<p style="font-family: 'Nanum Pen Script', cursive;">³ª´® ÆÒ</p>
*/

/* WebFont */
.topmetaA {
	font-family: 'Nanum Pen Script', cursive;
	font-size: 16pt;
	color: yellow;
}

.topmetaB {
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 11pt;
	color: white;
}


.topmenuA {
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 12pt;
	color: #EEEEEE;
	float: right;
	line-height: 50px;
	vertical-align: middle;
	border: 0px solid red;
	padding:0 10 0 10px;
	height: 50px;
	cursor:pointer;
	overflow: hidden;
	display:inline-block;

}
/*.topmenuA:hover {background-color: white;}*/
.topmenuA a:link { color: #EEEEEE; letter-spacing: -1px;}
.topmenuA a:visited { color: #EEEEEE; letter-spacing: -1px;}
.topmenuA a:hover {text-decoration:none; color:white; letter-spacing: -1px; font-weight: normal; }
.topmenuA a:active { color: #EEEEEE; letter-spacing: -1px;}



.nanumgothic {
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 16pt;
	color: #454545;
}
/*---------*/


BODY {
	margin-bottom:0px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	padding: 0px;
	scrollbar-face-color: #EFEFEF;
	scrollbar-shadow-color: #909790;
	scrollbar-highlight-color: #F0F7F0;
	scrollbar-3dlight-color: #909790;
	scrollbar-darkshadow-color: #EFEFEF;
	scrollbar-track-color: #EFEFEF;
	scrollbar-arrow-color: #909790;
	font-family: 'Nanum Gothic', sans-serif;
}

img{border:0px;}

td {
     text-decoration : none ;
     font-size : 9pt;
     line-height : 130% ;
     color : #6d6d6d ;
}


.menu_top TD A:link    {color:#2d2d2d; text-decoration:none;}
.menu_top TD A:visited {color:#2d2d2d; text-decoration:none;}
.menu_top TD A:active  {color:#2d2d2d; text-decoration:none;}
.menu_top TD A:hover   {color:#3f3f3f; text-decoration:none;}


/* LEFT MENU ½ºÅ¸ÀÏ */
.menu_left TD {color:#b1b1b1; text-decoration:none; font-family: 'Nanum Gothic', sans-serif; font-size: 11pt;}
.menu_left TD A:link    {color:#2d2d2d; text-decoration:none; font-family: 'Nanum Gothic', sans-serif; font-size: 11pt;}
.menu_left TD A:visited {color:#2d2d2d; text-decoration:none; font-family: 'Nanum Gothic', sans-serif; font-size: 11pt;}
.menu_left TD A:active  {color:#2d2d2d; text-decoration:none; font-family: 'Nanum Gothic', sans-serif; font-size: 11pt;}
.menu_left TD A:hover   {color:#2d2d2d; text-decoration:none; font-family: 'Nanum Gothic', sans-serif; font-size: 11pt; font-weight:normal;}



A:link     {text-decoration:none; color:#2d2d2d;}
A:visited {text-decoration:none; color:#2d2d2d;}
A:active  {text-decoration:none; color:#2d2d2d;}
/*A:hover   {text-decoration:none; color:#3f3f3f; font-weight:bold;}*/
A:hover   {text-decoration:none; color:#aaaaaa;}

u {text-decoration:none;padding-bottom:1px;border-bottom:1px solid;}

.table {
	border-width:1px; border-color:#EFEFEF; border-collapse:collapse;
	word-wrap:break-word;
	word-break:break-all;
}

.body {
	body-bgcolor:"#ffffff";
}

.left {
	font-size: 9pt;
	color: #ffffff;
}

/*********************************************
* Æû °ü·Ã ½ºÅ¸ÀÏ ½ÃÆ®
*********************************************/
.textarea	{border:1px solid #CCCCCC;font-family:"verdana";overflow:auto; font-size:9pt; color:#3C713A; background-color:#ffffff;}
.input		{border:1px solid #646464;background-color:#FFFFFF; font-size:9pt ;}
.btn		{font-family:"verdana"; padding:0; height:19; color:#333333; background-color:reb(255,255,255); BORDER: #666666 1px outset; font-size:9pt ;}
.select		{font-family:"verdana" ; font-size:9pt ; background-color:#eeeeee ;}

/****************************************
*À̹ÌÁö
*****************************************/
.noImg {border:0px; visibility:hidden}


/****************************************
*main
*****************************************/
.thumb_tit{text-align:center;font-size:37.1px;color:#2355b4;padding-top:66px;margin-bottom:55px;}
.main_item {
	width: 400px;
	height: 400px;
	border: 1px solid silver;
	display: inline-block;
	vertical-align: middle;
	margin: 5px;
	float: left;
	}

	#main_content {
	width: 1250px;
	position: relative;
	border: 0px solid #bcbcbc;
	padding: 15px 5px 10px 10px;
	display: inline-block;
	text-align: center;
	}

/****************************************
*top
*****************************************/
#header{width:100%;}

#header > header{
	position:relative;
	top:0px;
	width: 100%;
	min-width:1050px;
	height: 208px;
	background-color:#ffffff;
	z-index:10;
}

#header .header_logo{padding-top:48px;text-align:center;}
#header .header_mn_area{background:#2355b4;height:59px;position:relative;margin-top:38px;width:100%;}
#header .header_mn_area ul{margin:0 auto;}

#top_icon {
    width: 50px;
	height: 50px;
    margin: 0px auto;
    padding: 0px;
    border: 1px solid red;
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 10;
	display: none;
  }

  #top_mobile_menu {
	width: 100px;
	height: 100px;
	border: 1px solid black;
	position: absolute;
	left: 10px;
	top:20px;
	z-index: 10;
	display: none;
  }

  #bottom_copy_normal {
    padding: 0 0 80 0;
    border: 0px solid red;
	display: block;
  }

  #bottom_copy_normal ul {color:#FFF;text-align:left;}
  #bottom_copy_normal ul li{color:#9fa0a0;text-align:left;}
  #bottom_copy_normal ul li a{color:#9fa0a0;text-align:left;}

  #bottom_copy_mobile {
    padding: 0px;
    border: 1px solid blue;
	height: 100px;
	display: none;
  }

  #jb-content {
	width: 1300px;
	padding: 5px 5px 5px 5px;
	position: relative;
	border: 1px solid #bcbcbc;
	display:inline-block;
  }

/*
  @media screen and (max-width:480px) {
		#jb-content {
		  float: none;
		  width: auto;
		  display: none;
		}
		#top_icon {
		display: block;
		}

		#bottom_copy_normal {
		display: none;
		}

		#bottom_copy_mobile {
		display: block;
		}

		#main_content {
		width: 100%;
		}
	}

  }
*/


/****************************************
* image slider
*****************************************/

.sliderbutton {float:left; width:32px; padding-top:0px}
.sliderbutton img {cursor:pointer}
.sliderbutton img:hover {background:#666}
#slider {float:left; position:relative; overflow:auto; width:500px; height:300px; border:2px solid #fff; background:#fff}
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; width:500px; height:300px; padding-right:10px}

/*.pagination {float:left; list-style:none; height:25px; margin:15px 0 0 32px}
.pagination li {float:left; cursor:pointer; padding:5px 8px; background:#666; border:1px solid #999; margin:0 4px 0 0; text-align:center; color:#222}
.pagination li:hover {background:#777; border:1px solid #bbb; color:#000}*/
li.current {border:1px solid #ccc; background:#888}

li#content {width:464px; height:270px; padding:15px 28px 15px 18px}
#content h1 {font:22px Georgia,Verdana; margin-bottom:15px; color:#036}

.film_roll_wrapper .active img {
  border: 0px solid yellow;4
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);
  zoom: 1;
  opacity: 1;
}

.film_roll_wrapper img {
  border: 0px solid silver;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50);
  zoom: 1;
  opacity: 0.5;
}

/* .film_roll_next  {
border: 1px solid silver;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90);
  opacity: 0.9;
  right: 135px;
  z-index: 11;
  font-size: 150;
}
*/

.film_roll {
	position:relative;
	top:0px;
	border:0px solid red"
}

/*LEFT MENU*/
.prod_left{padding:38px 31px;border:1px solid #d9d9d9;border-top:4px solid #1b53af;box-shadow: 0px 0px 1px 1px #d9d9d9;}
.prod_left ul{width:184px;}
.prod_left ul li{border-bottom:1px solid #b5b5b5;padding:16px 0px;}
.prod_left ul li a{color:#595757;font-size:16px;}
.prod_left ul li a:hover{color:#1b53af;font-weight:500;}
.left_img_mn{ margin-top:28px;}

/* »óÇ° »ó¼¼ */
.pr_body{width:974px;margin:30px auto;overflow:hidden;}
.pr_con{width:655px;border:1px solid #9fa0a0;border-top:4px solid #1b53af;padding:26px;}
.pr_con .pr_t_img{padding:25px 0px 45px 0px;}
.pr_con .pr_t_name {}
.pr_con .pr_t_name a{font-size:24px;color:#9fa0a0;margin-left:17px;}
.pr_con .pr_t_name a.curr{color:#123881;padding-bottom:1px;border-bottom:2px solid #123881;}
.pr_top_nm{}
.pr_top_nm li{float:left;}
.pr_top_nm li a{color:#9fa0a0;font-size:34px;margin:0 18px;line-height:34px;}
.pr_top_nm li a:hover{font-weight:500;color:#123881;}
.pr_top_nm li a.current{color:#123881;padding-bottom:2px;border-bottom:2px solid #123881;}
.pr_detail_mn_area{width:100%;margin:0 auto;}
.pr_detail_mn_area ul{margin:0px;width:100%;}
.pr_detail_mn_area ul li{float:left;width:20%;text-align:center;font-size:14px;color:#3e3a39;background:#d3d3d3;cursor:pointer;padding:12px 0px;font-weight:600;}
.pr_detail_mn_area .cur{color:#fffefe;background:#5e5e5e;float:left;}
#pr_deatil_content{clear:both;width:100%;margin:0 auto;padding-top:50px;}

.pr_highlight{padding:0px 17px 0px 17px;margin-top:50px;}
.pr_highlight .pr_highlight_title{font-size:22.5px;font-weight:600;color:#3e3a39;border-bottom:1px solid #b5b5b5;padding-bottom:19px;}
.pr_highlight .hi_img_area{padding:9px 16px;width:197px;position:relative;}
.pr_highlight .hi_txt_area{vertical-align:bottom;padding-bottom:18px;padding-left:10px;}
.pr_highlight .hi_img{border:1px solid #a7a8a8;width:197px;height:189px;}
.pr_highlight .hi_title{color:#19469b;font-size:21px;}
.pr_highlight .hi_con{margin-top:14px;font-size:14px;width:100%;white-space:normal;word-break:break-all;}

.pr_acc{border-top:1px solid #c4c4c4;margin-bottom:5px;}
.pr_acc .acc_img_area{padding:9px 26px;width:197px;position:relative;}
.pr_acc .acc_img_area #pop_img{position:absolute;bottom:15px;right:31px;}
.pr_acc .acc_txt_area{border-bottom:1px solid #c4c4c4;vertical-align:top;padding-top:38px;padding-left:10px;}
.pr_acc .acc_img{border:1px solid #a7a8a8;}
.pr_acc .acc_title{color:#19469b;font-size:21px;}
.pr_acc .acc_content{word-break:break-all;text-overflow:ellipsis;margin-top:14px;font-size:14px;}

.dn_area{padding:0px 17px 0px 17px;}
.dn_area .dn_area_title{font-size:22.5px;font-weight:600;color:#3e3a39;border-bottom:1px solid #b5b5b5;padding-bottom:19px;}
.dn_area table{}
.dn_area table td{padding:24px 0px;font-size:18px;color:#4c4948;letter-spacing:-1px;}

/* ¾Ç¼¼¼­¸® */
.acc_con{border:1px solid #9fa0a0;border-top:4px solid #1b53af;padding:50px 58px 50px 58px;}
.acc_con .acc_top_nm{color:#2355b4;font-size:40px;margin-bottom:30px;font-family:"Titillium Web";}
.acc_con .acc_top_img{margin-bottom:45px;}
.acc_con .acc_cate_title{font-size:20px;color:#fffefe;cursor:pointer;background-color:#3d3d3f;padding:11px 10px 11px 13px;margin-top:8px;letter-spacing:-0.3px;font-family:"Titillium Web";}
.acc_con .sub_acc_area{width:805px;margin:0 auto;}
.acc_con .sub_acc_area .sub_acc_title{font-size:22px;color:#3e3a39;padding-bottom:13px;border-bottom:1px solid #b5b5b6;margin-top:36px;font-weight:600;}
.acc_con .sub_acc_area .acc_list_list_area{padding:27px 0px;}
.acc_con .sub_acc_area .acc_list_list_area .acc_list_list{width:100%;padding:0px;margin:0px;overflow:hidden;}
.acc_con .sub_acc_area .acc_list_list_area .acc_list_list li{float:left;margin-left:8px;}
.acc_con .sub_acc_area .acc_list_list_area .acc_list_list .acc_list_list_img{}
.acc_con .sub_acc_area .acc_list_list_area .acc_list_list .acc_list_list_img img{border:1px solid #cccccc;}
.acc_con .sub_acc_area .acc_list_list_area .acc_list_list .acc_list_list_name{color:#2355b4;font-size:21px;margin-top:10px;}
.acc_con .sub_acc_area .acc_list_list_area .acc_list_list .acc_list_list_con{font-size:12.5px;color:#3e3a39;}

/* µð½ºÆ®¸®ºäÅÍ */
.dis_con{border:1px solid #9fa0a0;border-top:4px solid #1b53af;padding:50px 58px 50px 58px;}
.dis_con .acc_top_nm{color:#2355b4;font-size:40px;font-family:"Titillium Web";}
.dis_con .acc_top_img{margin-bottom:45px;}
.dis_con .acc_cate_title{font-size:20px;color:#fffefe;cursor:pointer;background-color:#3d3d3f;padding:11px 10px 11px 13px;margin-top:8px;letter-spacing:-0.3px;font-family:"Titillium Web"}
.dis_con .sub_dis_area{width:805px;margin:0 auto;}
.dis_con .sub_dis_area .sub_acc_title{font-size:19px;color:#3e3a39;padding-bottom:13px;border-bottom:1px solid #b5b5b6;margin-top:36px;font-weight:500;font-family:"Titillium Web"}
.dis_con .sub_dis_area .acc_list_list_area{padding:27px 0px;}
.dis_con .sub_dis_area .acc_list_list_area .acc_list_list{width:100%;padding:0px;margin:0px;overflow:hidden;}
.dis_con .sub_dis_area .acc_list_list_area .acc_list_list li{float:left;margin-left:8px;}
.dis_con .sub_dis_area .acc_list_list_area .acc_list_list .acc_list_list_img{}
.dis_con .sub_dis_area .acc_list_list_area .acc_list_list .acc_list_list_img img{border:1px solid #cccccc;}
.dis_con .sub_dis_area .acc_list_list_area .acc_list_list .acc_list_list_name{color:#3e3a39;font-size:16px;margin-top:10px;font-family:"Titillium Web";font-weight:600;}
.dis_con .sub_dis_area .acc_list_list_area .acc_list_list .acc_list_list_con{font-size:14px;color:#3e3a39;font-family:"Titillium Web";line-height:120%;}


/* Contact us */
.g_map{float:left;width:423px;height:415px;border:1px solid #9ea09f;margin-left:76px;}
.contact_area{float:right;margin-right:48px;padding-top:96px;}
.contact_area .contact_txt{margin-top:40px;padding-left:14px;font-size:14px;}
.contact_area .contact_txt a{color:#005dff;}
.contact_btn{clear:both;text-align:center;padding-top:90px;}
/*
°¢Á¾ ¼³Á¤
*/
ul{list-style:none; margin:0;padding:0}
ol{padding-left:20px}

.strong{font-weight:bold !important;}
.small { font-size:8pt; font-family:µ¸¿ò; }
.cloudy, a.cloudy {color:#888888;} /* È帲 */
.w25{width:25%}
.w33{width:33% !important;}
.w50{width:50%}
.w60{width:60%}
.wpx78{width:78px !important;}
.wpx128{width:128px !important;}
.wpx180{width:180px !important;}
.wpx248{width:248px !important;}

.h980{height:980px;}

.f_left{text-align:left !important;}
.f_right{text-align:right !important;}
.f_center{text-align:center !important;}
.tr{text-align:right !important;}
.tl{text-align:left !important;}
.float_left{float:left !important;}
.float_right{float:right !important;}
.float_clear{clear:both !important;}

/* ÆùÆ®»ö»ó */
.f_navy{color:#4e4e6a !important;}
.f_gray{color:#989898 !important;}
.f_red{color:#d02a30 !important;}
.f_blue{color:#1e64c8 !important;}
.f_green{color:#177b2f !important;}
.f_green2{color:#759319 !important;}
.f_orange{color:#ff9c00 !important;}
.f_white{color:#FFFFFF !important;}
.f_gold{color:#cc9f17 !important;}

/* ¹è°æ»ö */
.bg_wine{background:#780d0d !important;}
.bg_gray{background:#f0f0f0 !important;}
.bg_gray2{background:#f5f5f5 !important;}

.f14{font-size:14px;}
.f20{font-size:20px;}

/* ¸¶Áøž|Æеùž */
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt55{margin-top:55px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mb10{margin-bottom:10px !important;}

.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}

.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl25{padding-left:25px !important;}

.pb10{padding-bottom:10px !important;}
.pb25{padding-bottom:25px !important;}
.pb40{padding-bottom:40px !important;}

.div_line_B{border-bottom:1px solid #322d2a;}
.div_line_dash{border-bottom:1px dashed #322d2a;}

.padding-h5{padding-top:5px !important;padding-bottom:5px !important;}
.padding-h10{padding-top:10px !important;padding-bottom:10px !important;}

/* ¹öÆ° ½ºÅ¸ÀÏ ADD 16.11.18 */
.inp_black1 input {border:0px;color:#FFFFFF;height:20px;border-radius: 2px;line-height:150%;font-size:11px;padding:0px 15px 0px 15px;background:rgb(92,92,92);}
.inp_black2 input {border:0px;color:#FFFFFF;height:20px;border-radius: 2px;line-height:150%;font-size:11px;padding:0px 15px 0px 15px;background:rgb(0,0,0);}
.inp_orange input {border:0px;color:#FFFFFF;height:20px;border-radius: 2px;line-height:150%;font-size:11px;padding:0px 15px 0px 15px;background:rgb(242,136,0);}
.inp_blue1 input {border:0px;color:#FFFFFF;height:24px;border-radius: 5px;line-height:150%;font-size:16px;padding:0px 15px 0px 15px;background:#1d62af;font-weight:500;font-family:"Titillium Web Semi-Bold";}
.inp_blue2 input {border:0px;color:#FFFFFF;height:20px;border-radius: 2px;line-height:150%;font-size:11px;padding:0px 15px 0px 15px;background:#6799FF;}
.inp_green1 input {border:0px;color:#FFFFFF;height:20px;border-radius: 2px;line-height:150%;font-size:11px;padding:0px 15px 0px 15px;background:rgb(141,199,63);}
.inp_green2 input {border:0px;color:#FFFFFF;height:20px;border-radius: 2px;line-height:150%;font-size:11px;padding:0px 5px 0px 5px;background:rgb(112,140,21);} /* ´Þ·Â¿ë¹öÆ° */
.inp_red1 input {border:0px;color:#FFFFFF;height:20px;border-radius: 2px;line-height:150%;font-size:11px;padding:0px 15px 0px 15px;background:rgb(255,0,0);}
.inp_red2 input {border:0px;color:#FFFFFF;height:20px;border-radius: 2px;line-height:150%;font-size:11px;padding:0px 15px 0px 15px;background:rgb(255,151,151);}
.inp_write1 input {border:1px solid #333333;color:#333333;height:20px;border-radius: 2px;line-height:100%;font-size:11px;padding:0px 15px 0px 15px;background:rgb(246,246,246);}