@charset "UTF-8"; 
/**********************************************************************
ILEAD Style Sheet
version : 0.0.1
data : 2017-07-19
**********************************************************************/

/*ž¸Þ´º´Â °¢°¢ main_top.asp / sub_top.asp·Î ³ª´® */
/*ž¸Þ´º ¹× Àüü¸Þ´º CSS´Â °¢°¢ main_top.css / sub_top.css·Î ³ª´® */
/* Àüü¸Þ´º ³ôÀÌÁ¶ÀýÀº °¢ CSS¿¡¼­ .navigation Ŭ·¡½º¸í¿¡¼­ Á¶ÀýÇÏ¸é µÊ*/


/*±¸±Û¿µ¹®ÆùÆ® ÁöÁ¤ CSS */
.Junge { font-family: 'Junge', serif;  letter-spacing:0.01em;}
.Lato { font-family: 'Lato', serif;  letter-spacing:0.01em;}
.Karla { font-family: 'Karla', serif;  letter-spacing:0.01em;}
.t_kor { font-family: "Malgun Gothic",  sans-serif;   letter-spacing:0.01em;}


*{margin:0; padding:0;}
body, html{overflow-x: hidden}
body{font-size:13px;font-weight:none; font-family: "Karla", "Malgun Gothic",  sans-serif; color:#303030; letter-spacing:-0.01em; line-height:20px; text-align:justify;} /* ¼öÁ¤ : ±âº»ÆùÆ®¼³Á¤*/
table {border-spacing:0; border-collapse:collapse; font-size:1em;}
dd,dt,ol,dl,ul,li {list-style:none;margin:0;padding:0;}
form {display:inline;}
label {cursor:pointer;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;}
legend,caption {display:none; height:0; width:0; font-size:0;}
img,fieldset {vertical-align:top; border:0;}
p {margin:0; }
blockquote, q {quotes: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
/*hr {display: none;}*/
a				{ color:#101010; text-decoration: none; }
a:hover		{   text-decoration: none;  }
/*table.nowrap th, table.nowrap td		{ white-space:nowrap; }*/
.clear, .clear:after, .clear:before	{ clear:both; }
.skip, .blind, caption, legend, label	{ position:absolute; width:0; height:0; margin:0 !important; padding:0 !important; font-size:0; line-height:0; text-indent:-3000px; border:none; overflow:hidden; }
.hidden {position:absolute;left:-1000%;top:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;}

h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, font, img, ins, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, 
caption, tbody, tfoot, thead, tr, th, td 
{ margin:0; padding:0; border:0; line-height:none; }

input{outline: none;/*-webkit-appearance:none;*/}
input[type="submit"], input[type="button"]{cursor: pointer;}
textarea{outline: none;resize:none;font-family: "Malgun Gothic",  sans-serif;}

.clearfix:before,.clearfix:after {content: ".";display: block;height: 0;overflow: hidden;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1; /* IE < 8 */}
.clearleft{clear: left;}

.f11				    {  font-size:11px; }
.f12				    {  font-size:12px; }
.f13				    {  font-size:13px; }
.f14				    {  font-size:14px; }
.f15				    {  font-size:15px; }
.f16				    {  font-size:16px; }
.f18				    {  font-size:18px; }
.f20				    {  font-size:20px; }
.f22				    {  font-size:22px; }
.f24				    {  font-size:24px; }
.f26				    {  font-size:26px; }
.f28				    {  font-size:28px; }
.f30				    {  font-size:30px; }
.f32				    {  font-size:32px; }
.f34				    {  font-size:34px; }
.f36				    {  font-size:36px; }
.f38				    {  font-size:38px; }
.f40				    {  font-size:40px; }
.f42				    {  font-size:42px; }
.f44				    {  font-size:44px; }
.f46				    {  font-size:46px; }

.space5 {float:left; width:100%; height:5px;}
.space10 {float:left; width:100%; height:10px;}
.space20 {float:left; width:100%; height:20px;}
.space30 {float:left; width:100%; height:30px;}
.space40 {float:left; width:100%; height:40px;}
.space50 {float:left; width:100%; height:50px;}
.space60 {float:left; width:100%; height:60px;}
.space70 {float:left; width:100%; height:70px;}
.space80 {float:left; width:100%; height:80px;}
.space90 {float:left; width:100%; height:90px;}
.space100 {float:left; width:100%; height:100px;}


 /* ¹Ú½º Å©±â °íÁ¤(Æеù°ª ¿µÇâ¾øÀ½)*/
*, *:before, *:after {-moz-box-sizing: border-box;box-sizing: border-box;}
:after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.middle_wrapper{position: relative;width: 980px;margin: 0 auto; } /* ¼öÁ¤ : ºñÁÖ¾ó ¾ÈÂÊ 980 Æø ¼³Á¤*/

/* :::::::::::::::::::::::::::header ¸Þ´º ½ÃÀÛ :::::::::::::::::::::::::::*/
/* Style for header */
.header{position: relative;padding: 20px 0;position: fixed;left: 0;top: 0;width: 100%;z-index: 500}

/* Common easing style ¸Þ´º ½½¶óÀ̵ù ¾Ö´Ï */
.header{-moz-transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
#menu{-moz-transition: all 0.3s eas´®-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

/* ±âÁ¸¼Ò½º #menu *, #white_overlay, .home_section_3 *, .home_section_3 *:before, .home_section_3 *:after, .header, 
.header *, .h_news_list *, #as_bottom_section *, #as_bottom_section *:before, #as_bottom_section *:after{-moz-transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
#menu{-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}*/


/*¸ÞÀΰú ¼­ºê ž¸Þ´º ³ª´©±â À§ÇØ main_top.css / sub_top.css ·Î ³ª´®*/

/* :::::::::::::::::::::::::::header ¸Þ´º ³¡ :::::::::::::::::::::::::::*/



/* ¡é¡é¡é¡é¡é¡é¡é¡é¡é¡é¡é¡é »õ·ÎÀÛ¾÷ ¡é¡é¡é¡é¡é¡é¡é¡é¡é¡é¡é¡é */

/* :::::::::::::::::::::::::::¸ÞÀÎ ÆäÀÌÁö ½ÃÀÛ::::::::::::::::::::::::::: */

/* ¸ÞÀÎ ºñÁÖ¾ó */
#m_products_banner1 {height:500px; background-image: url(../images/main/main_visual1.png)  !important;background-size: cover; background-position:0% 0%;}
#m_products_banner1 h1{ font-size:45px; color:#ffffff; margin-bottom: 15px; line-height: 56px  }
#m_products_banner1 p{ font-size:16px; font-style: normal; line-height: 26px }


/* ¸ÞÀÎ ºñÁÖ¾ó */
@media all and (min-width:0px) and (max-width:1336px){
#m_products_banner2 {height:500px; background-image: url(../images/main/main_visual2.png)  !important;background-size: cover; background-position:0% 0%;}
}
@media all and (min-width:1337px) and (max-width:1920px){
#m_products_banner2 {height:500px; background-image: url(../images/main/main_visual02.png)  !important;background-size: cover; background-position:0% 45%;}
}
@media all and (min-width:1921px){
#m_products_banner2 {height:500px; background-image: url(../images/main/main_visual002.png)  !important;background-size: cover; background-position:0% 60%;}
}
#m_products_banner2 h1{ font-size:45px; color:#ffffff; margin-bottom: 15px; line-height: 56px  }
#m_products_banner2 p{ font-size:16px; font-style: normal; line-height: 26px }

#m_products_banner3 {height:500px; background-image: url(../images/main/main_visual3.png)  !important;background-size: cover; background-position:0% 0%;}
#m_products_banner3 h1{ font-size:45px; color:#ffffff; margin-bottom: 15px; line-height: 56px  }
#m_products_banner3 p{ font-size:16px; font-style: normal; line-height: 26px }

#m_products_banner4 {height:500px; background-image: url(../images/main/main_visual4.png)  !important;background-size: cover; background-position:0% 0%;}
#m_products_banner4 h1{ font-size:45px; color:#ffffff; margin-bottom: 15px; line-height: 56px  }
#m_products_banner4 p{ font-size:16px; font-style: normal; line-height: 26px }

#m_products_banner {height:500px; background-image: url(../images/main/main_visual.png)  !important;background-size: cover; background-position:0% 20%;}
#m_products_banner h1{ font-size:45px; color:#ffffff; margin-bottom: 15px; line-height: 56px  }
#m_products_banner p{ font-size:16px; font-style: normal; line-height: 26px }
.m_page_banner {position: relative;clear: both;height: auto;padding: 175px 0 40px; }
.m_page_banner_data { float: left;position: relative;top:-15px; left:5px; width: 500px;font-size:25px;color:#ffffff; }

/* ¸ÞÀκñÁÖ¾ó ´º½º ¹è³Ê */
#learn { font-size:14px; font-weight:bold; color:#ffffff;  }
a.arrow { color:#ffffff;  }
a.arrow:after{content:""; display:inline-block; margin-left:7px; }

a.arrow2 { color:#006EB7; }
a.arrow2:after{content:""; display:inline-block; margin-left:7px; }

.card-module{  background-color:#000000;margin:0px 0px 0px 0px;position:relative;width:251px; height:295px; text-align:center; border:1px solid #ffffff; background-color: rgba(0,0,0,0.4); border-color: rgba(255,255,255,0.3);}
.card-module .card-content { color:#ffffff;  text-align:center;position:relative;z-index:3}
.card-module .card-content .content-centering{position:relative;padding:35px;top:50%;transform:translateY(0);-webkit-transform:translateY(0)}
.card-module a.card-link{ position:absolute;top:0;bottom:0;left:0;right:0;z-index:9} /*¸¶¿ì½ºÆ÷ÀÎÅÍ°ü·Ã*/
.card-module:hover a.arrow:after{margin-left:15px;transition:all ease .4s} /*È­»ìÇ¥¾Ö´Ï¸ÞÀ̼Ç*/
/*.card-module:hover{-webkit-box-shadow:0 7px 15px 0 rgba(135,135,135,0.6);-moz-box-shadow:0 7px 15px 0 rgba(135,135,135,0.6);box-shadow:0 7px 15px 0 rgba(135,135,135,0.6);transition:all ease .4s}
.card-module:hover { background-color: rgba(255,255,255,0.8);transition:all ease .4s} /*¹Ú½º±×¸²ÀÚ*/

.card-module2 {   background-color:#ffffff;margin:0px 0px 7px 0px;position:relative;width:251px; height:245px; text-align:center;  }
.card-module2 .card-content { color:#ffffff;  text-align:center;position:relative;z-index:3}
.card-module2 .card-content .content-centering{position:relative;padding:35px;top:50%;transform:translateY(0);-webkit-transform:translateY(0)}
.card-module2 a.card-link{ position:absolute;top:0;bottom:0;left:0;right:0;z-index:9} /*¸¶¿ì½ºÆ÷ÀÎÅÍ°ü·Ã*/
.card-module2:hover a.arrow2:after{margin-left:15px;transition:all ease .4s} /*È­»ìÇ¥¾Ö´Ï¸ÞÀ̼Ç*/
.poster2 {  float:left; position:relative;top:0px; left:24px; width:202px; height:122px; margin:0px 18px 0px 0px; border:1px solid #BFBFBF;  }
/*.card-module:hover{-webkit-box-shadow:0 7px 15px 0 rgba(135,135,135,0.6);-moz-box-shadow:0 7px 15px 0 rgba(135,135,135,0.6);box-shadow:0 7px 15px 0 rgba(135,135,135,0.6);transition:all ease .4s}
.card-module:hover { background-color: rgba(255,255,255,0.8);transition:all ease .4s} /*¹Ú½º±×¸²ÀÚ*/

/* ¼­ºê ºñÁÖ¾ó */
/* PRODUCT */
/*#m_products_banner2{height:320px; background-image: url(../images/include/product_visual.png)  !important;background-size: cover; background-position:0% 20%;}
#m_products_banner2 h1{ font-size:45px; color:#B2BA42; margin-bottom: 15px; }
#m_products_banner2 p{ font-size:16px; font-style: normal; line-height: 26px }
.m_page_banner2 {position: relative;clear: both;height: auto;padding: 0px 0 40px; }
.m_page_banner_data2 { float: left;position: relative;top:155px; left:5px; width: 500px;font-size:25px;color:#ffffff; }*/

/* ::: Top member ¹öÆ° ::: */
#member { float:right; position:relative; top:5px; :width:241px;height:0px; }
#member ul {}
#member ul li {  float:right; }
a.bt_login  { float:left; font-size:12px; padding:1px 6px 2px 22px; color:#ffffff;   margin-left:5px; background:#F1592A url(../images/include/log_ico.png) no-repeat 0px 4px; text-align:center; border-radius:3px;}
a.bt_logout  { float:left; font-size:12px; padding:1px 6px 2px 22px; color:#ffffff;  margin-left:5px; background:#F1592A url(../images/include/log_ico.png) no-repeat 0px 4px; text-align:center; border-radius:3px;}
a.bt_join  { float:left; font-size:12px; padding:1px 6px 2px 22px; color:#ffffff;  margin-left:5px; background:#F1592A url(../images/include/join_ico.png) no-repeat 0px 4px; text-align:center; border-radius:3px;}


/* ¸ÞÀÎ ¼­ºê Æû */
#main_wrap {  float:left; width:100%; padding:0px 0px 0px 0px; background:#efefef; }
#sub_wrap {  float:left; width:100%; padding:0px 0px 35px 0px;  }
#main_con_980  {  width:980px; margin:0 auto;  }
#sub_con_980  {  width:980px; margin:0 auto; background:#ffffff;  }

/* ¸ÞÀÎ ÄÁÅÙÃ÷ */
#wh_tit1 { float:right; margin:46px 0px 0px 0px; width:260px; border:1px solid; color:#ffffff; padding:15px 0px 17px 42px; border-color: rgba(255,255,255,0.4); background-color: rgba(0,0,0,0.5); }
#wh_tit2 { float:right; margin:20px 0px 0px 0px; width:260px; }
#wh_tit2 p.t1{ float:left; margin:0px 12px 0px 0px; width:124px; font-size:16px; border:1px solid; color:#ffffff; padding:5px 0px 5px 0px; border-color: rgba(255,255,255,0.4); background-color: rgba(0,0,0,0.5); text-align:center;}
#wh_tit2 p.t2 { float:left; margin:0px 0px 0px 0px; width:124px; font-size:16px; border:1px solid; color:#ffffff; padding:5px 0px 5px 0px; border-color: rgba(255,255,255,0.4); background-color: rgba(0,0,0,0.5); text-align:center;}

/* ½½¶óÀÌµå ¹è³Ê */
.imgcarousel { padding: 0; position: relative; width:704px;  }
.imgcarousel .lo { float:left; margin-top:10px }
.imgcarousel .ex { float:left; width:100%; margin-top:8px }
.imgcarousel .more { float:left; width:100%; margin-top:15px; color:#006eb7; font-weight:bold; }

.imgcarousel:after { content: ""; display: block; clear: both; }
.imgcarousel img { padding:0; margin:0; display:block; float:left; width:200px; }

.pro_con {  height:292px; padding:10px; text-align:center;  background:#ffffff; }
.pro_con:hover{-webkit-box-shadow:0 7px 7px 0 rgba(135,135,135,0.6);-moz-box-shadow:0 7px 7px 0 rgba(135,135,135,0.6);box-shadow:0 4px 6px 0 rgba(135,135,135,0.6);transition:all ease .4s} /*¹Ú½º±×¸²ÀÚ*/

#carouselimg { display:block; float:left;  }
#carouselimg a { float:left; width:220px; height:305px; margin:0px 11px 0px 11px; display: inline-block; }
#carouselimg img { float:left; margin:0px 0px 0px 0px; display: inline-block; }

.imgcarousel > a.prev, .imgcarousel > a.next { background: url(/images/main/btn_arrow.png) no-repeat transparent; width: 24px; height: 53px; display: block; position: absolute; vertical-align: middle; margin-top: -31px; }
.imgcarousel > a.prev { left: -12px; top: 50%; background-position: 0 0; }
.imgcarousel > a.prev:hover { background-position: -24px 0; }
.imgcarousel > a.next { right: -12px; top: 50%; background-position: -72px 0; }
.imgcarousel > a.next:hover { background-position: -48px 0; }
		
.imgcarousel > a.prev span, .imgcarousel > a.next span { display: none; }



#right_con  { float:right; width:251px;}
#right_con .center_bnr  { float:left; width:251px;  color:#ffffff;  padding:14px 0px 12px 14px; background:#40c1ac url(../images/main/banner.png) no-repeat; background-position:182px 27px; }
#right_con .center_bnr p  { font-size:18px; color:#ffffff; margin-bottom:8px; }
#right_con .center_bnr span  {color:#ffffff;  }

#right_con .contact_bnr  { float:left; width:251px;  color:#ffffff; margin:12px 0px 12px 0px;  padding:14px 0px 12px 14px; background:#87c540 url(../images/main/banner2.png) no-repeat; background-position:180px 27px; }
#right_con .contact_bnr p  { font-size:18px; color:#ffffff; margin-bottom:8px; }
#right_con .contact_bnr span  {color:#ffffff;  }

/* °øÁö»çÇ× ¸®½ºÆ® ¹ÙÀÌÆ®¼ö Á¶Àý */
#notice_list {float:left; width:275px; background:#ffffff }
.article_list { width:247px;  margin:0 auto; position:relative;  }
.article_list .tab_ui {display:inline-block; margin:20px 0px 2px 0px ;overflow:hidden; padding:0px 0px 0px 0px;}
/* ¹ÙÀÌÆ®¼ö ÀÚµ¿ Á¶Àý */
.list_content .n_list {clear:both; padding:0px 0px 0px 0px; width:100%;}
.list_content .n_list ul {  position:relative;padding:10px 0px 12px 0px;  }
.list_content .n_list ul li {overflow:hidden; padding:0px 0px 0px 0px; font-weight:normal;text-overflow: ellipsis;overflow: hidden; white-space: nowrap; width: 247px;/*background:url(/images/main/b_dot.png) no-repeat left 14px;*/}
.list_content ul li a { line-height:24px;letter-spacing:none;}
.list_content ul li a:hover {}

/* :::::::::::::::::::::::::::¸ÞÀÎ ÆäÀÌÁö ³¡::::::::::::::::::::::::::: */

/* PRODUCT ŸÀÌƲ ¹× ¸Þ´º */
#product_area {  width:100%; margin-top:120px; padding-top:35px;border-top:1px solid #F3F3F3;  border-bottom:1px solid #F3F3F3; background:#F8F8F8; text-align:center; }
#product_area p { padding:0px 0px 20px 0px; }
#product_area .line2 { position: relative; margin:0 auto; width:100px; height:3px;border-top:1px solid #333333; border-bottom:1px solid #333333;  }
#product_area .line3 { position: relative; margin:0 auto; margin-bottom:35px; width:100px; height:3px;border-top:1px solid #333333; border-bottom:1px solid #333333;  }

#product_area2 {  width:100%; margin-top:120px; padding-top:35px padding-bottom:35px;;border-top:1px solid #F3F3F3;  border-bottom:1px solid #F3F3F3; background:#F8F8F8; text-align:center; }
#product_area2 p { padding:0px 0px 20px 0px; }
#product_area2 .line2 { margin:0 auto; width:100px; height:3px;border-top:1px solid #333333; border-bottom:1px solid #333333;  }


#pro_menu  {  width:980px;margin:0 auto; padding:22px 0px 40px 0px; text-align:center; }
#pro_menu ul {  }
#pro_menu ul li { display:inline; margin:0px 10px 0px 10px; padding-bottom:0px; font-size:16px;  }
#pro_menu ul li a {color:#606060; font-weight:none;}
#pro_menu ul li.on { color:#F47320; border-bottom:0px solid #F47320;}

#nomal_txt  {  float:left; font-size:16px; width:980px; margin:0px 0px 0px 0px; background:#ffffff; line-height:28px;   }
#nomal_txt2  {  float:left; font-size:16px; margin:0px 0px 0px 0px; line-height:28px;   }
#nomal_txt3  {  float:left; font-size:18px; width:980px; margin:20px 0px 0px 0px; background:#ffffff; line-height:28px; text-align:center;   }

#box_img_txt1  {  float:left; width:980px; margin:5px 0px 0px 0px;  }
#box_img_txt1 .nm_img  {  float:left; width:280px;   }
#box_img_txt1 .nm_txt  { float:left; width:680px;  }

#box_img_txt2  {  float:left; width:980px; margin:0px 0px 0px 0px;  }
#box_img_txt2 .nm_img  {  float:left; width:350px;   }
#box_img_txt2 .nm_txt2  { float:right; width:590px;   }

#box_img_txt3  {  float:left; width:980px; margin:0px 0px 0px 0px;  }
#box_img_txt3 .nm_img  {  float:right; width:350px; text-align:right;   }
#box_img_txt3 .nm_txt2  { float:right; width:630px;   }

#box_img_txt4  {  float:left; width:980px; margin:0px 0px 0px 0px;  }
#box_img_txt4 .nm_img  {  float:left; width:140px;   }
#box_img_txt4 .nm_txt2  { float:right; width:800px;   }

#box_img_txt44  {  float:left; width:980px; margin:0px 0px 0px 0px;  }
#box_img_txt44 .nm_img  {  float:left; width:140px;   }
#box_img_txt44 .nm_txt2  { float:right; width:800px;   }

#box_img_txt5  {  float:left; width:980px; margin:0px 0px 0px 0px;  }
#box_img_txt5 .nm_img  {  float:left; width:160px;   }
#box_img_txt5 .nm_txt  { float:right; width:790px; }

#box_img_txt6  {  float:left; width:980px; margin:0px 0px 0px 0px;  }
#box_img_txt6 .nm_img  {  float:left; width:400px;   }
#box_img_txt6 .nm_txt  { float:right; width:550px; }

.pro_img  {  float:left;  margin:15px 0px 0px 0px;  }
.pro_img2  {  margin:15px 0px 0px 0px;  text-align:center; }

#tit_1 {  float:left; width:100%; font-size:40px; font-family: "Junge"; padding:0px 0px 0px 0px; ; margin:45px 0px 15px 0px; letter-spacing:-0.01em; line-height:none; }
#tit_2 {  float:left; width:100%;   font-family: "Junge"; color:#003E6A; padding:0px 0px 0px 0px; ; margin:35px 0px 15px 0px; letter-spacing:-0.01em; line-height:none;  }
#tit_02 {  float:left; width:100%;   font-family: "Junge"; color:#003E6A; padding:0px 0px 0px 0px; ; margin:0px 0px 15px 0px; letter-spacing:-0.01em; line-height:none;  }
#tit_3 {  float:left; width:100%;   font-family: "Junge"; color:#003E6A; padding:0px 0px 0px 0px; ; margin:35px 0px 0px 0px; letter-spacing:-0.01em; line-height:none;  }
#tit_2_kor {  float:left; width:100%;  color:#003E6A; padding:0px 0px 0px 0px; ; margin:35px 0px 15px 0px; letter-spacing:-0.01em; line-height:none;  }
#tit_002 {  float:left; width:100%;   font-size:20px; padding:0px 0px 0px 0px; ; margin:0px 0px 15px 0px; letter-spacing:-0.01em; line-height:none;  }
#tit_03 {  float:left; width:100%; font-size:34px;  padding:0px 0px 0px 0px; ; margin:45px 0px 15px 0px; letter-spacing:-0.01em; line-height:none; }

span.al { font-size:26px;}
span.al2 { font-family: "Karla", "Malgun Gothic",  sans-serif; font-size:26px;}
span.bl { font-size:18px; color:#F47320;}


/* Aprinnova */
#Aprinnova_bg { float:left; position: relative; width:100%; height:185px; margin:40px 0px 0px 0px;  }
#Aprinnova_bg .bg_txt { position: absolute; top:45%; width:100%; font-size:56px; color:#9DD29C; margin:0px 0px 0px 0px; text-align:center;  }
.Aprinnova_box1 {  float:left; width:100%; font-size:24px; color:#ffffff; padding:16px 0px 18px 0px; background:#003E6A;text-align:center; }

.Aprinnova_box2 {  float:left; width:100%; font-size:24px; color:#ffffff; padding:16px 0px 18px 0px; background:#768692;text-align:center; }
.Aprinnova_box2 p { font-size:24px; color:#9DD29C; margin:0px 0px 10px 0px; line-height:28px; }
.Aprinnova_box2 .wt { margin:0 auto; width:90%; font-size:16px; color:#ffffff;  line-height:28px; }

.Aprinnova_box3 {  float:left; width:100%; font-size:24px; color:#ffffff; margin:30px 0px 0px 0px; padding:16px 0px 18px 0px; background:#9DD29C;text-align:center; }
.Aprinnova_box3 p { font-size:24px; color:#003E6A; margin:0px 0px 10px 0px; }
.Aprinnova_box3 .wt { margin:0 auto; width:90%; font-size:22px; color:#ffffff;  line-height:28px; }

.Aprinnova_box4 {  float:left; width:100%; font-size:24px; color:#ffffff; margin:30px 0px 0px 0px; padding:16px 0px 18px 0px; background:#9DD29C;text-align:center; }
.Aprinnova_box4 p { font-size:24px; color:#003E6A; margin:0px 0px 0px 0px; }


/* Aprinnova 3,4¹ø ÆäÀÌÁö Çϴܱ׷ìµé */
#a_product {  float:left; width:100%; margin:30px 0px 30px 0px; }
#a_product3 {  float:left; width:100%; margin:30px 0px 10px 0px; }
#a_product .pimg {  float:left; width:300px; }
#a_product .ptxt {  float:right; width:640px; margin:50px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:center; }
#a_product .ptxt2 {  float:right; width:640px; margin:70px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:center; }

#a_product3 {  float:left; width:100%; margin:30px 0px 10px 0px; }
#a_product3 .pimg3 {  float:left; width:300px; }
#a_product3 .ptxt3 {  float:right; width:550px; margin:90px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:center; }

.ap1 {  color:#9DD29C; font-size:22px;  }
.ap2 {  color:#003E6A; font-size:26px; line-height:40px;   }

/* toa_kasei */
#toa_kasei_bg { float:left; position: relative; width:100%; height:185px; margin:40px 0px 0px 0px;  }
#toa_kasei_bg .bg_txt { position: absolute; top:45%; width:100%; font-size:56px; color:#ffffff; margin:0px 0px 0px 0px; text-align:center;  }
.toa_kasei_box1 {  float:left; width:100%; font-size:24px; color:#ffffff; padding:16px 0px 18px 0px; background:#00ADAC;text-align:center; }

.toa_kasei_box2 {  float:left; width:100%; font-size:24px; color:#ffffff; padding:8px 0px 2px 0px; background:#768692;text-align:center; }
.toa_kasei_box2 p { font-size:22px; color:#ffffff; margin:0px 0px 10px 0px; line-height:28px; }

/* sakamoto */
#sakamoto_bg { float:left; position: relative; width:100%; height:185px; margin:40px 0px 0px 0px;  }
#sakamoto_bg .bg_txt { position: absolute; top:34px; width:100%; font-size:56px; color:#ffffff; margin:0px 0px 0px 0px; text-align:center;  line-height:56px;  }

/* natural_curl */
#natural_curl_bg { float:left; position: relative; width:100%; height:185px; margin:40px 0px 0px 0px;  }
#natural_curl_bg .bg_txt { position: absolute; top:45%; width:100%; font-size:56px; color:#ffffff; margin:0px 0px 0px 0px; text-align:center;  }

/* nippon_starch */
#nippon_starch_bg { float:left; position: relative; width:100%; height:185px; margin:40px 0px 0px 0px;  }
#nippon_starch_bg .bg_txt { position: absolute; top:45%; width:100%; font-size:56px; color:#9B7253; margin:0px 0px 0px 0px; text-align:center;  }

/* CtiBiotech */
#CtiBiotech_bg { float:left; position: relative; width:100%; height:185px; margin:40px 0px 0px 0px;  }
#CtiBiotech_bg .bg_txt { position: absolute; top:45%; width:100%; font-size:56px; color:#ffffff; margin:0px 0px 0px 0px; text-align:center;  }

/* tanglewood */
#tanglewood_bg { float:left; position: relative; width:100%; height:185px; margin:40px 0px 0px 0px;  }
#tanglewood_bg .bg_txt { position: absolute; top:45%; width:100%; font-size:56px; color:#ffffff; margin:0px 0px 0px 0px; text-align:center;  }

/*alpha */
#alpha_bg { float:left; position: relative; width:100%; height:185px; margin:40px 0px 0px 0px;  }
#alpha_bg .bg_txt { position: absolute; top:45%; width:100%; font-size:56px; color:#ffffff; margin:0px 0px 0px 0px; text-align:center;  }

/* tanglewood */
#woojin_powder_bg { float:left; position: relative; width:100%; height:300px; margin:40px 0px 0px 0px;  }
#woojin_powder_bg .bg_txt { position: absolute; top:45%; width:100%; font-size:56px; color:#ffffff; margin:0px 0px 0px 0px; text-align:center;   }

/* woojin_powder */
#woojin_powder2_bg { float:left; position: relative; width:100%; height:300px; margin:40px 0px 0px 0px;  }
#woojin_powder2_bg .bg_txt { position: absolute; top:45%; width:100%; font-size:56px; color:#ffffff; margin:0px 0px 0px 0px; text-align:center;   }

/* RILIS */
#RILIS_bg { float:left; position: relative; width:100%; height:200px; margin:10px 0px 0px 0px;  }
#RILIS_bg .bg_txt { position: absolute; top:18%; width:100%; font-size:40px; color:#ffffff; margin:0px 0px 0px 0px; text-align:center; line-height:1.5em;}

/* LKPEPTIMO */
#LKPEPTIMO_bg { float:left; position: relative; width:100%; height:300px; margin:40px 0px 0px 0px;  }
#LKPEPTIMO_bg .bg_txt { position: absolute; top:45%; width:100%; font-size:56px; color:#ffffff; margin:0px 0px 0px 0px; text-align:center;   }

/* RnD center */
#rndcenter_bg { float:left; position: relative; width:100%; height:405px; margin:40px 0px 0px 0px;  }
#rndcenter_bg .bg_txt { position: absolute; top:372px; width:100%; font-size:19px; color:#ffffff; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:center;line-height:none; }

#p_group {  float:left; width:100%; margin:0px 0px 0px 0px;  }
#p_group ul {float:left; width:220px; height:180px; margin:0px 17px 0px 0px; }
#p_group ul.middle {float:left; width:200px; margin:0px 10px 0px 20px;  }
#p_group ul.last {float:left; width:268px; margin:0px 0px 0px 0px;  }
#p_group ul p { color:#9DD29C;  font-size:18px; line-height:28px;   }
#p_group ul li { font-size:16px; line-height:28px; }

#p_group2 {  float:left; width:100%; margin:0px 0px 0px 0px;  }
#p_group2 ul {float:left; width:463px; height:180px; margin:0px 27px 0px 0px; }
#p_group2 ul p { color:#9DD29C;  font-size:18px; line-height:28px;   }
#p_group2 ul li { font-size:16px; line-height:28px; }

#p_group3 {  float:left; width:100%; margin:0px 0px 0px 0px;  }
#p_group3 ul {float:left; width:463px; height:210px; margin:0px 27px 0px 0px; }
#p_group3 ul p { color:#9DD29C;  font-size:18px; line-height:28px;   }
#p_group3 ul li { font-size:16px; line-height:28px;}

#p_group4 {  float:left; width:100%; margin:0px 0px 0px 0px;  }
#p_group4 ul {float:left; width:463px; margin:0px 27px 0px 0px; }
#p_group4 ul p { color:#9DD29C;  font-size:18px; line-height:28px;   }
#p_group4 ul li { font-size:16px; line-height:28px; }

#p_group5 {  float:left; width:100%; margin:0px 0px 0px 0px;  }
#p_group5 ul {float:left; width:100%; margin:0px 0px 20px 0px; }
#p_group5 ul p { color:#9DD29C;  font-size:18px; line-height:28px;   }
#p_group5 ul li { font-size:16px; line-height:28px;  padding:0px 0px 0px 12px; background: url(../images/sub/gray_arrow.png) no-repeat 2px 10px; }

#p_group05 {  float:left; width:100%; margin:0px 0px 0px 0px;  }
#p_group05 ul {float:left; width:100%; margin:0px 0px 0px 0px; }
#p_group05 ul p { color:#9DD29C;  font-size:18px; line-height:28px;   }
#p_group05 ul li { font-size:16px; line-height:28px;  padding:0px 0px 0px 12px; background: url(../images/sub/gray_arrow.png) no-repeat 2px 10px; }
#p_group05 li.gr { color:#828282; line-height:24px;  background: url(../images/sub/h_ar.gif) no-repeat 0px 12px; }

#p_group6 {  float:left; width:100%; margin:0px 0px 0px 0px;  }
#p_group6 ul {float:left; width:100%; margin:0px 0px 20px 0px; }
#p_group6 ul p { color:#9DD29C;  font-size:18px; line-height:28px;   }
#p_group6 ul li { font-size:16px; line-height:28px;  }

#p_group7 {  float:left; width:100%; margin:0px 0px 0px 0px;  }
#p_group7 ul {float:left; width:100%; margin:0px 0px 0px 0px; }
#p_group7 ul p { color:#9DD29C;  font-size:18px; line-height:28px;   }
#p_group7 ul li { font-size:16px; line-height:28px;  margin-bottom:8px; padding:0px 0px 0px 12px;background: url(../images/sub/gray_arrow.png) no-repeat 2px 10px; }

#p_group8 {  float:left; width:100%; margin:0px 0px 0px 0px;  }
#p_group8 ul {float:left; width:100%; margin:0px 0px 0px 0px; }
#p_group8 ul p { color:#9DD29C;  font-size:18px; line-height:28px;   }
#p_group8 ul li { font-size:16px; line-height:28px;  margin-bottom:8px; }

#p_group9 {  float:left; width:100%; margin:0px 0px 0px 0px;  }
#p_group9 ul {float:left; width:100%; margin:0px 0px 0px 0px; }
#p_group9 ul p { color:#9DD29C;  font-size:18px; line-height:28px;   }
#p_group9 ul li {  font-size:16px; line-height:28px;  padding:0px 0px 0px 12px; background: url(../images/sub/gray_arrow.png) no-repeat 2px 10px; }
#p_group9 li.gr { color:#828282; line-height:24px;  background: url(../images/sub/h_ar.gif) no-repeat 0px 12px; }

#p_group10 {  float:left; width:100%; margin:0px 0px 0px 0px;  }
#p_group10 ul {float:left; width:100%; margin:0px 0px 20px 0px; }
#p_group10 ul p { color:#9DD29C;  font-size:18px; line-height:28px;   }
#p_group10 ul li { font-size:16px; line-height:28px; text-align:left;  }

/* MFCI »çÁø¸®½ºÆ®*/
#certificate {}
#certificate ul  {}
#certificate ul li {float:left; margin-right:17px;  display:inline; }
#certificate ul li.last {margin-right:0px;}
#certificate ul li img { border:1px solid #CCCCCC;}


/* Å×ÀÌºí µðÀÚÀÎ*/
#box_table1 { float:left; width: 100%; margin:5px 0px 0px 0px; border-collapse: collapse; }
#box_table1 th {  font-size:16px;  font-family: "Karla", "Malgun Gothic",  sans-serif; text-align: center;background: #363636; padding:10px 0px 12px 0px; border-top: 4px solid #222222; border-bottom: 1px solid #ffffff; color: #ffffff; }
#box_table1 th.left { padding-left:180px; text-align: left;}
#box_table1 tr.st1 {  background: #F4F4F4;  }
#box_table1 tr.st2 {  background: #FAFAFA;  }
#box_table1 td {  font-size:15px;  font-family: "Karla", "Malgun Gothic",  sans-serif;  padding:10px 5px 12px 5px; border-bottom: 1px solid #ffffff;  border-top: 1px solid ; }

#box_table2 { float:left; width: 100%; margin:5px 0px 20px 0px;border-collapse: collapse; }
#box_table2 th {  font-size:16px;  font-family: "Karla", "Malgun Gothic",  sans-serif; text-align: center;background: #363636; padding:10px 0px 12px 0px; border-top: 4px solid #222222; border-bottom: 1px solid #ffffff; color: #ffffff; }
#box_table2 td {  font-size:15px;  font-family: "Karla", "Malgun Gothic",  sans-serif;  background: #F4F4F4; padding:10px 5px 12px 5px; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff;  border-top: 1px solid; }
#box_table2 td.last {  border-right: none; }

#box_table22 { float:left; width: 100%; margin:5px 0px 20px 0px;border-collapse: collapse; }
#box_table22 th {  font-size:16px;  font-family: "Karla", "Malgun Gothic",  sans-serif; text-align: center;background: #363636; padding:10px 0px 12px 0px; border-top: 4px solid #222222; border-bottom: 1px solid #ffffff; color: #ffffff; }
#box_table22 th.a2 {  border-top: 4px solid #363636; border-bottom: 1px solid #ffffff; color: #ffffff; }
#box_table22 td {  font-size:15px;  font-family: "Karla", "Malgun Gothic",  sans-serif;  background: #F4F4F4; padding:10px 5px 12px 5px; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff;  border-top: 1px solid; }
#box_table22 td.last {  border-right: none; }

#box_table1 img {  width:80px;  }

#box_table3 { float:left; width: 100%; margin-top:5px; border-collapse: collapse; }
#box_table3 th {  font-size:16px;  font-family: "Karla", "Malgun Gothic",  sans-serif; text-align: center;background: #363636; padding:10px 0px 12px 0px; border-top: 4px solid #222222; border-bottom: 1px solid #ffffff; color: #ffffff; }
#box_table3 tr.st1 {  background: #F4F4F4;  }
#box_table3 tr.st2 {  background: #FAFAFA;  }
#box_table3 td {  font-size:15px;  font-family: "Karla", "Malgun Gothic",  sans-serif;  padding:10px 5px 12px 5px; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff;  border-top: 1px solid; }
#box_table3 td.last {  border-right: none; }

/* Customer */
#data {   float:left; width:980px; margin-bottom:10px;  }
#data .poster {  float:left; position:relative;top:20px; width:202px; height:122px; margin:0px 18px 0px 0px; border:1px solid #BFBFBF;  }
#data .poster img { border:1px solid #BFBFBF;  }
#data_list {  float:left; position:relative;top:-1px; width:760px; padding:0px 0px 8px 0px; }
#data_list p {  color:#003E6A; overflow:hidden; text-overflow: ellipsis;overflow: hidden; white-space: nowrap; width: 730px;}
#data_list ul {  }
#data_list ul li {  padding:14px 15px 14px 5px; border-bottom:1px dashed #C2C2C2; }
#data_list ul li.data_txt {  font-size:16px; overflow:hidden; text-overflow: ellipsis;overflow: hidden; white-space: nowrap; width: 760px;}

#data_list2 {  float:left; position:relative;top:-1px; width:980px; padding:0px 0px 8px 0px; }
#data_list2 p {  color:#003E6A; overflow:hidden; text-overflow: ellipsis;overflow: hidden; white-space: nowrap; width: 950px;}
#data_list2 ul {  }
#data_list2 ul li {  padding:14px 15px 14px 5px; border-bottom:1px dashed #C2C2C2; }
#data_list2 ul li.data_txt {  font-size:16px; overflow:hidden; text-overflow: ellipsis;overflow: hidden; white-space: nowrap; width: 980px;}

a.bt_go  { float:left; font-size:16px; margin-top:9px; padding:9px 8px 10px 30px; color:#ffffff;   background:#404040 url(../images/sub/check_ar.png) no-repeat 8px 14px; text-align:center; }
a:hover.bt_go  {background:#242424 url(../images/sub/check_ar.png) no-repeat 8px 14px; }

/** Customer »ó¼¼ ÆäÀÌÁö **/
#board_title {  float:left; width:980px;  font-size:22px;  padding:20px 0px 20px 0px; color:#003E6A; border-top:2px solid #575757; border-bottom:1px solid #C4C4C4; background:#F8F8F8; text-align: center; }
#desk {  float:left; width:980px; padding:8px 0px 9px 0px;  border-bottom:1px solid #D9D9D9;}
.file {  float:left; width:900px; padding:0px 0px 0px 0px; }
.file dl {}
.file dt {  float:left; width:70px;   text-align: center; padding-left:20px;  background: url(../images/sub/file.gif) no-repeat 10px 2px;  }
.file dd {  float:left; width:830px; }
/*.day {  float:right; width:300px; padding:0px 0px 0px 0px; font-size:12px; text-align: right;  }*/

#detail_wrap  {  float:left;  font-size:16px; border-bottom:1px solid #D9D9D9; }
#detail_wrap .detail_con  {  line-height:28px; width:980px; padding:20px 0px 20px 0px; border-bottom:0px solid #D9D9D9;  }
#detail_wrap .picture_con  {  line-height:28px; width:980px; padding:20px 0px 0px 0px; border-bottom:0px solid #D9D9D9; text-align:center; }
#detail_wrap .picture_con img  {  margin:10px 0px 10px 0px;  border:0px;  }

/** ±¹¿µ¹®ÅÇ **/
/*ul {list-style-type: none; }
div.demolayout { width:266px; margin: 0px 0px 0px 0px; background:pink}
ul.demolayout {list-style-type: none; float: left; background: url(pixel.gif) bottom left repeat-x;}
ul.demolayout li {float: left;  margin: 0px 0px 5px 0px; text-align:center;}
ul.demolayout li.last {margin: 0px 0px 0px 0px;float: left;}
ul.demolayout a {float: left; width: 125px; display: block; font-size:14px; padding: 10px 10px 10px 10px;  color: #ffffff ;background: #555555;text-decoration: none;font-weight: bold; border-radius:3px;}
ul.demolayout a:hover {  background: #6D6D6D;  }
ul.demolayout a.active {background: #222222; padding: 10px 10px 10px 10px; cursor: default;color: #FFFFFF;  }
.tabs-container {clear: left; border: 0px solid #ccc;border-top: 0;padding: 15px 0px 0px 0px;}*/

/** ¿¬Çõ **/
#his_box{ float:left; position:relative;width:980px;padding:0px;margin:0px 0px 0px 0px; background: url(/images/sub/m13_bg.png) no-repeat center 30%; background-size:100%; }
#his_box .history{ position:relative;width:980px;height:960px; background:url(/images/sub/m13_bg2.png) no-repeat center 20px }
.history_tit{ margin-left:35px;}
#his_box .history .year{ font-family: "Malgun Gothic",  sans-serif; margin-bottom:12px; font-size:34px; color:#003E6A; font-weight:none}
#his_box .history .cont{ font-size:16px;font-weight:none}
#his_box .history .cont ul{}
#his_box .history .cont ul li { padding-left:0px;line-height:26px; /*background:url(/images/sub/m13_dot.gif) no-repeat left 6px*/}
#his_box .history .cont ul li.eng { font-size:13px; font-family: 'Lato', serif; color:#828282; line-height:18px; letter-spacing:-0.01em;}
#his_box .history .cont ul.ul2 li {padding-right:0px;line-height:24px; background:url(/images/sub/m13_dot.gif) no-repeat right 6px}
#his_box .history .blue{color:#1c649d}
.y2019 { position:absolute;left:515px;top:105px;text-align:left;}
.y2018 { position:absolute;right:515px;top:230px;text-align:right;}
.y2017 { position:absolute;left:515px;top:340px;text-align:left;}
.y2016_1 { position:absolute;right:515px;top:450px;text-align:right;}
.y2016_2 { position:absolute;left:515px;top:510px;text-align:left;}
.y2014_1 { position:absolute;right:515px;top:620px;text-align:right;}
.y2014_2 { position:absolute;left:515px;top:680px;text-align:left;}
.y2012 { position:absolute;right:515px;top:790px;text-align:right;}
.deco1{position:absolute;right:20px;top:450px;}
.deco2{position:absolute;left:60px;top:730px;}

/** °æ¿µ°¡Ä¡ **/
#dow { float:left; width:980px; height:235px; margin-bottom:40px}
.tp1  {background:url(/images/sub/top_gray1.png) no-repeat; }
.tp2  {background:url(/images/sub/top_gray2.png) no-repeat; }
#dow .tp_line { float:left; width:55px; margin:26px 0px 10px 0px; border-bottom:1px solid #ffffff; }
#dow .dow_txt { float:left; width:500px; margin:68px 0px 0px 60px; color:#ffffff; }
#dow p { float:left; width:500px; }
#dow span { float:left; width:500px; line-height:26px;}

#dow2 { float:left; width:980px; height:235px; margin-bottom:20px}
.tp3  {background:url(/images/sub/top_gray3.png) no-repeat; }
#dow2 .tp_line { float:left; width:55px; margin:26px 0px 10px 0px; border-bottom:1px solid #ffffff; }
#dow2 .dow_txt { float:left; width:980px; margin:68px 0px 0px 60px; color:#ffffff; }
#dow2 p { float:left; width:980px; }
#dow2 span { float:left; width:980px; line-height:26px;}

.value { float:left; width:980px;}
.value_box{overflow:hidden;}
.value_box span.eng1 { font-size:13px; font-family: 'Lato', serif; line-height:24px; letter-spacing:none;}
.value_box span.eng2 { float:left; font-size:13px; font-family: 'Lato', serif; margin-top:5px; line-height:18px; color:#828282; letter-spacing:none;}
.value_box dl{float:left; width:318px;height:435px;background:#F8F8F8;text-align:center; margin-right:13px}
.value_box dl.last{margin-right:0;}
.value_box dl dt{padding-top:200px;margin-bottom:20px; font-size:20px;font-weight:none}
.value_box dl dt.list1{ background:url(/images/sub/value_bg1.png) no-repeat center 59px; color:#F47320;}
.value_box dl dt.list2{ background:url(/images/sub/value_bg2.png) no-repeat center 59px; color:#6FAF25;}
.value_box dl dt.list3{ background:url(/images/sub/value_bg3.png) no-repeat center 59px; color:#44BAC1;}
.value_box dl dd{padding:0px 30px 0px 30px;line-height:150%;font-size:16px;word-break:keep-all}

/** ¿À½Ã´Â ±æ **/
.butxt1 {  float:left; width:100%;  font-size:22px;   color:#003E6A; padding:0px 0px 0px 0px; margin:15px 0px 10px 0px; letter-spacing:-0.01em; line-height:none;  }
.butxt3 {  float:left; width:100%;  font-size:18px;   color:#003E6A; padding:0px 0px 0px 0px; margin:15px 0px 10px 0px; letter-spacing:-0.01em; line-height:none;  }
#well_con { width:980px; font-family: "Lato", "Malgun Gothic",  sans-serif; padding:30px 0px 0px 0px; text-align:justify;  line-height:28px;  }
#well_con ol li.s_menu p.butxt2 { float:left; width:100%; font-size:16px; padding-left:10px; background:url(/images/sub/gray_arrow.png) no-repeat 0px 11px; }
#well_con .m_menu li {   float:left; width:100%; font-size:16px; padding-left:20px; background:url(/images/sub/h_ar.gif) no-repeat 10px 50%;    }

#well_con2 { float:left; width:500px; font-family: "Lato", "Malgun Gothic",  sans-serif; padding:0px 0px 0px 0px; text-align:justify;  line-height:28px;  }
#well_con2 ol li.s_menu p.butxt2 { float:left; width:100%; font-size:16px; padding-left:10px; background:url(/images/sub/gray_arrow.png) no-repeat 0px 11px; }
#well_con2 .m_menu li {   float:left; width:100%; font-size:16px; padding-left:20px; background:url(/images/sub/h_ar.gif) no-repeat 10px 50%;    }

/* ´Ù¿î·Îµå */
#down {  float:left; width:980px;}
#down ul {   }
#down ul li {  float:left; width:470px; height:160px; padding: 30px 20px 0px 20px; margin:0px 40px 30px 0px; border:1px solid #D2D2D2;   }
#down ul li .pdf {  float:left; width:36px; height:62px; background:url('/images/sub/down_pdf.png') no-repeat; background-size:36px; }
#down ul li .gt {  float:right; width:370px; color:#003E6A;  font-size:20px; margin-top:5px; line-height:22px; text-align:left; }
#down ul li.last {  float:left; margin-right:0px; }

/* ȸ¿ø°¡ÀÔ ÀýÂ÷ */
#mem_step {float:left;  width:980px;}
#mem_step ul.mst {  }
#mem_step ul.mst li { float:left;margin-right:14px; color:#8E8E8E; font-weight:bold; }
#mem_step ul.mst li.on { float:left;margin-right:14px; color:#101010; }
.orange_off {width:317px; height:10px; margin-top:8px; border:1px solid #B8B8B8; background:none; border-radius:5px; }
.orange_on {width:317px; height:10px; margin-top:8px; border:1px solid #F6921E; background:#F48137; border-radius:5px; }

.guide_box {   width:975px; height:170px;  margin:10px 0px 5px 0px; padding:10px; overflow-x:hidden; overflow-y:scroll; }
.guide_box2 {  width:975px; height:80px;  margin:10px 0px 5px 0px; padding:10px; overflow-x:hidden; overflow-y:scroll; }
.guide_box3 {  width:975px; height:600px;  margin:10px 0px 5px 0px; padding:10px; overflow-x:hidden; overflow-y:scroll; }
.guide_btn { display:block;padding-bottom:10px; }
.guide_btn ul { display:inline-block; overflow:hidden; }
.guide_btn ul li { display:block; float:left; position:relative;left:-4px;  }
.guide_btn ul li.end { margin-right:0; }
.guide_btn ul input [type=radio] { margin-left:0px; vertical-align:middle; }
.guide_btn ul label { display:inline-block; vertical-align:middle; }
#pop_pw_join { width:100%; padding:0px 0px 5px 0px; }

#pop_pw_join .m_menu li {padding-left:10px; background: url(../images/sub/h_ar.gif) no-repeat 0px 10px;  }
#pop_pw_join ol li.s_menu {padding-left:8px; background: url(../images/sub/f_ar.png) no-repeat 0px 7px;   }

.bold_title {
	font-size:16px;
	font-weight:bold;
	display:block;
	margin-top:15px;
	line-height:26px;
	color:#003E6A;
}

.bold_title02 {
	font-size:14px;
	font-weight:bold;
	display:block;
	margin-top:15px;
	color:#000;
}

.bold_title03 {
	font-size:14px;
	font-weight:bold;
	display:block;
	margin-top:25px;
	color:#000000;
	text-align:center;


}

/*--- ¾ÆÀ̵ð/ºñ¹øã±â ÅÇ---*/
div.demolayout {width: 604px;margin:0 auto; }
ul.demolayout {list-style-type: none; width: 604px; float: left; background: url(/images/sub/pixel.png) bottom left repeat-x;}
ul.demolayout li {float: left; margin: 0px 0px 0px 0px; border-left: 1px solid #ccc;  text-align:center;}
ul.demolayout a {float: left;display: block; padding: 16px 0px 16px 0px;color: #666666; border-top: 2px solid #ccc; text-decoration: none;}
ul.demolayout a:hover {background: #ffffff; }
ul.demolayout a.active {background: #ffffff; padding: 13px 0px 17px 0px;cursor: default;color: #101010; border-top: 5px solid #F6921E; font-weight:bold;  }
.tabs-container {clear: left; border-top: 0;padding: 20px 8px 0px 0px;}

.idpw {}
.idpw ul {}
.idpw ul li { margin-bottom:10px;}


/** ȸ¿ø¾È³» °ü·Ã **/
.mem_txt1 { float:left; width:100%; margin:0 auto; text-align:center;}

#con_data { width:600px; margin:0 auto; background:pink;}
.con_in {float:left; width:600px; }
.con_in ul {}
.con_in ul li {float:left; margin-bottom:10px;  }

#loginform {width:600px; margin:0 auto;  }
.login {float:left; width:100%; }
.login ul {}
.login ul li {float:left;  padding-left:50px;  }
.login ul li.l1 {margin-bottom:10px; border:1px #B8B8B8 solid;background:#FAFAFA url(../images/sub/log_1.png) no-repeat 10px 50%; }
.login ul li.l2 {border:1px #B8B8B8 solid;background:#FAFAFA url(../images/sub/log_2.png) no-repeat 10px 50%; }
input.logintxt {  font-size:16px; height:47px; padding:0px 0px 3px 5px; border-left:1px #B8B8B8 solid; border-top:0px #B8B8B8 solid; border-right:0px #B8B8B8 solid; border-bottom:0px #B8B8B8 solid; background:#ffffff;  }

#info_form  {  float:left;  width:100%; border-top:1px solid #686868; border-bottom:1px solid #686868;  }
#info_form dl {  float:left; width:100%;border-bottom:1px solid #D9D9D9;   } 
#info_form dl.last {  float:left; width:100%; border-bottom:0px solid #D9D9D9;   } 
#info_form dt {  float:left;  width:19%;  font-size:16px;  font-weight:none;  padding:24px 0px 6px 10px;  }
#info_form dd {  float:left;  width:81%;  font-size:16px; padding:10px 0px 10px 10px;}

a.bt_idcheck  {  float:left; font-size:14px; padding:13px 10px 14px 10px;  margin-left:5px; background:#E3E3E3 }
a:hover.bt_idcheck  {  background:#D5D5D5 }

 /** INPUT ,TEXTAREAÆû **/
input.nomal {  font-size:16px; height:47px; padding:0px 0px 3px 10px; border:1px #B8B8B8 solid; background:#ffffff; }
textarea {   font-size:16px; color:#6D6D6D; padding:10px;border:1px solid #B8B8B8; background:#ffffff;}
input.btn_login {  font-size:16px; width:600px; padding:15px 0px 13px 0px; color:#ffffff; background: #3EA1B0; border:0px solid #404040; text-decoration: none; cursor:pointer;}
input.btn_login:hover  { background: #2095A6;  }

select.nomal { font-size:16px; height:47px;  border:1px #B8B8B8 solid; background:#ffffff; }
select.nomal2 {  font-family: "Malgun Gothic", "dotum", "sans-serif"; font-size:16px; height:32px;  border:1px #B8B8B8 solid; background:#ffffff; }

input:hover, textarea:hover,
input:focus, textarea:focus,
select:hover, textarea:hover,
select:focus, textarea:focus { 
border-color: #101010; 
-webkit-box-shadow: rgba(0, 0, 0, 0.0) 0px 0px 8px;
}



/*Ä¿¹Â´ÏƼ ¹öÆ°*/
#community_btn { float:left; width:100%; font-size:16px; margin:0px 0px 0px 0px; text-align:center; }
#community_btn .com_b {width:100%;  }

#community_btn .com_b a.wh { padding:11px 50px 12px 50px; color:#ffffff; /*font-weight:bold;*/ background: #404040; text-decoration: none; text-decoration: none;}
#community_btn .com_b a:hover.wh {  background: #242424; }

#community_btn .com_b a.wh_center1 { padding:11px 50px 12px 50px; color:#101010; /*font-weight:bold;*/  border:1px solid #B8B8B8; background: #ffffff; text-decoration: none;}
#community_btn .com_b a:hover.wh_center1 {  border:1px solid  #242424;  }

#community_btn .com_b a.wh_center2 { padding:12px 50px 13px 50px; color:#ffffff; /*font-weight:bold;*/  background: #3EA1B0; text-decoration: none; }
#community_btn .com_b a:hover.wh_center2 { background: #2095A6; }

#community_btn .com_b a.wh_center3 { float:left; width:400px; padding:12px 50px 13px 50px; color:#ffffff; /*font-weight:bold;*/  background: #3EA1B0; text-decoration: none; }
#community_btn .com_b a:hover.wh_center3 { background: #2095A6; }

#community_btn .com_b a.wh1 { padding:9px 70px 14px 70px; color:#ffffff; /*font-weight:bold;*/  background: #697185; text-decoration: none; }
#community_btn .com_b a:hover.wh1 { background: #494C55; }

#community_btn .com_b a.wh2 {  width:102px; padding:6px 0px 6px 0px; margin-right:5px; color:#101010; /*font-weight:bold;*/ border:1px solid #B8B8B8; background: #F8F8F8; text-decoration: none;}
#community_btn .com_b a:hover.wh2 {  border:1px solid  #242424;  }

#community_btn .com_b a.wh3 { float:left; width:410px; padding:10px 0px 14px 0px; font-size: 16px; color:#ffffff; font-weight:bold;  background: #009494; text-decoration: none; }/*ÇÁ·Î±×·¥ ½ÅûÇϱâ*/
#community_btn .com_b a:hover.wh3 { background: #007E7E; }

#community_btn .com_b a.wh4 { padding:8px 69px 13px 69px;color:#ffffff; /*font-weight:bold;*/ background: #009494; text-decoration: none;}
#community_btn .com_b a:hover.wh4 {background: #007E7E;  }

#community_btn2 { float:left; width:100%; font-size:16px; margin:0px 0px 0px 0px; text-align:center; }
#community_btn2 .com_b a.wh2 { float:left; width:296px; padding:11px 0px 14px 0px; color:#101010; /*font-weight:bold;*/ border:1px solid #B8B8B8; background: #ffffff; text-decoration: none;}
#community_btn2 .com_b a:hover.wh2 { border:1px solid  #242424;  }



#community_btn .com_b a.down1 {  float:left; width:102px; padding:6px 0px 6px 0px; margin-right:5px; color:#101010; /*font-weight:bold;*/ border:1px solid #B8B8B8; background: #F8F8F8; text-decoration: none;}
#community_btn .com_b a:hover.down1 {  border:1px solid  #242424;  }

#community_btn .com_b a.down2 {padding:5px 15px 4px 15px; margin-right:5px; color:#ffffff; /*font-weight:bold;*/ background: #777777; text-decoration: none;}
#community_btn .com_b a:hover.down2 {  background:  #626262;  }



#footer {  float:left; width:100%; border-top:1px solid #F3F3F3; }
#f_con  { margin:0 auto; width:980px; padding:10px 0px 0px 0px; }
#f_con .map { float:left; width:740px; line-height:18px; letter-spacing:-0.04em; margin:5px 0px 0px 0px;  }
#f_con .f_logo { float:right; width:204px; margin:0px 0px 10px 0px;   }
a.bt_privacy  { float:right; font-size:11px; padding:0px 5px 1px 5px; color:#ffffff;  margin-left:6px; background:#003E6A; border-radius:0px;text-align:center; }

 #site_go { float:left; width:100%; height:10px;}
 #site_go .site_go980 { width:980px; margin:0 auto; }
 #site_go .btn_ar { float:right; position: relative;top:-42px; }
a.go_home { float:left; font-size:14px; padding:1px 6px 2px 26px; color:#ffffff;  background:#507F9F url(/images/sub/site_go.png) no-repeat 0px 4px; text-align:center; border-radius:3px; }
a:hover.go_home  { background:#396B8F url(/images/sub/site_go.png) no-repeat 0px 4px; }


/*#product_area {  width:100%; padding-top:35px;border-top:1px solid #E0E0E0;  border-bottom:1px solid #E0E0E0; background:#F8F8F8; text-align:center; }
#product_area p { padding:0px 0px 20px 0px; }
#product_area .line2 { margin:0 auto; width:100px; height:3px;border-top:1px solid #333333; border-bottom:1px solid #333333;  }

#pro_menu  {  width:980px;margin:0 auto; padding:20px 0px 40px 0px; text-align:center; }
#pro_menu ul {  }
#pro_menu ul li { display:inline; margin:0px 10px 0px 10px; font-size:16px;  }
#pro_menu ul li a {color:#606060; font-weight:none;}
#pro_menu ul li.on { color:#006EB7;}

#footer {  float:left; width:100%; border-top:1px solid #d4d4d4; }
#f_con  { margin:0 auto; width:980px; padding:10px 0px 0px 0px; }
#f_con .map { float:left; width:720px; line-height:18px; margin:5px 0px 0px 0px;  }
#f_con .f_logo { float:right; width:204px; margin:0px 0px 10px 0px;   }*/


/** ÆäÀÌ¡ **/
.page_wrap  {   float:left;  width:100%; margin-top:25px;   text-align:center;  }
.page{  overflow:hidden;display: inline-block;*zoom:1;*display:inline;}
.page a{  display:inline-block;height:30px;padding:5px 0px 3px 0px !important;border: 1px solid #D0D0D0;  text-align: center;  text-decoration:none; }
.page_first,
.page_prev,
.page_num,
.page_next,
.page_last{ display:inline-block;float:left;padding:0px;vertical-align: top;padding:0px 3px;}
.page_num li{ display:inline-block;float:left;padding:0px 0px 0px 3px;}
.page_prev,
.page_next{ padding:0px;}
.page_first a,
.page_prev a,
.page_last a,
.page_next a{ width:48px;}
.page_num li:first-child{padding:0px;}
.page_num li a{ width:32px; text-decoration:none;}
.page_num li a.on { border: 1px solid #282828; background:#282828; color:#ffffff; font-weight: bold;}


#btn_id {float:right;
background-color:none;
padding:0px 0px 0px 0px;
margin-top:0px;}

ul.bott_right li{
float:left;
font-weight: none; 
list-style:none;
padding:0px 0px 0px 0px;
padding-bottom:0px; }

.large5.button, .large5.button:visited 	{ float:left; font-size: 14px; font-weight:none; width:100px; padding:10px 0px 12px 0px; color:#404040;  text-align:center;  text-decoration: none;}
.blue5.button, .blue5.button:visited		{ background-color: #E3E3E3; }
.blue5.button:hover						    { background-color: #D5D5D5; }



/* :::::::::::::::::::::::::::±âÁ¸CSS::::::::::::::::::::::::::: */

@font-face {font-family: 'FontAwesome';
src: url('fonts/fontawesome-webfont.eot?v=4.3.0');
src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}