@charset "euc-kr";

/**************************************************
ÇÁ·Î±×·¥ ID : kor_main_new.css
ÇÁ·Î±×·¥ ¸í : kor_main_new Cascading Style Sheets
ÀÛ  ¼º   ÀÚ : ±è¶õ¿µ(sksdu@icak.or.kr)
ÃÖÃÊ ÀÛ¼ºÀÏ : 2014/10/15
ÃÖÁ¾ ÀÛ¼ºÀÏ :
Âü°í   »çÇ× :
**************************************************/

@import url("base_en.css");
@import url("layout.css");
@import url("style.css");

/* 
------------------------------------------------------------------------------- */
.main_photo { width:960px; margin:0 auto; padding:0; height:288px;}
.left_col{border-right:solid 1px #dfdfdf; float:left;width:338px;padding-top:30px; padding-bottom:21px;}

/* Çùȸµ¿Á¤
------------------------------------------------------------------------------- */
.main_news { width:338px; float:left; position:relative; padding-bottom:25px;}
.main_news dl {padding-top:40px; width:300px; float:left; padding-bottom:5px; position:relative;}
.main_news dl dd.tit{ position:absolute; left:0; top:13px;text-overflow:ellipsis;-o-text-overflow:ellipsis; -ms-text-overflow:ellipsis;overflow:hidden;white-space:nowrap;  width:300px;}
.main_news dl dd.tit a { color:#45678f; text-decoration:none;}
.main_news dl dd.tit a:hover{color:#45678f; text-decoration:underline;}
.main_news dt {position:relative; width:120px;font-weight:bold; padding-bottom:5px; float:left;}
.main_news dd {line-height:20px; float:left; width:174px; word-break: break-all;}
.main_news dd a:link, .main_news dd a:visited, .main_news dd a:active{ color:#666; text-decoration:none;}
.main_news dd a:hover{color:#45678f; text-decoration:underline;}
.main_news ul { width:300px; float:left;}
.main_news ul li{ position:relative; width:292px; padding-left:8px;line-height:20px; float:left; background:url(../../images/etc/not_dot.gif) 0 6px no-repeat;}
.main_news ul li .date{ font-size:11px; color:#a2a2a2; position:absolute; right:0; top:0;}
.main_news ul li p {text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;overflow:hidden;white-space:nowrap; width:230px;}
.main_news ul li a { color:#666; text-decoration:none;}
.main_news ul li a:link, .main_news ul li a:visited, .main_news ul li a:active{color:#666; text-decoration:none;}
.main_news ul li a:hover{color:#45678f; text-decoration:underline;}
.main_news .more{ position:absolute; right:38px; top:9px;}
.main_line{background:url(../../images/etc/etc_line.gif) 0 0 repeat-x; height:1px; width:300px; clear:both; float:left;}

/* ¿µ»ó´º½º
------------------------------------------------------------------------------- */
.main_mov { width:338px; border-right:solid 1px #dfdfdf; float:left; position:relative; padding-top:20px;}
.main_mov dl {padding-top:40px; width:300px; float:left; padding-bottom:10px; position:relative;}
.main_mov dl dd.tit{ position:absolute; left:0; top:13px;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;overflow:hidden;white-space:nowrap; width:300px;}
.main_mov dl dd.tit a { color:#45678f; text-decoration:none;}
.main_mov dl dd.tit a:hover{color:#45678f; text-decoration:underline;}
.main_mov dt {position:relative; width:120px;font-weight:bold; padding-bottom:5px; float:left;}
.main_mov dd {line-height:20px; width:174px; float:left; word-break: break-all;}
.main_mov dd a:link, .main_mov dd a:visited, .main_mov dd a:active{ color:#666; text-decoration:none;}
.main_mov dd a:hover{color:#45678f; text-decoration:underline;}
.main_mov ul { width:300px; float:left;}
.main_mov ul li{ position:relative; width:292px; padding-left:8px;line-height:20px; float:left; background:url(../../images/etc/not_dot.gif) 0 6px no-repeat;}
.main_mov ul li .date{ font-size:11px; color:#a2a2a2; position:absolute; right:0; top:0;}
.main_mov ul li p {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;  width:230px;}
.main_mov ul li a { color:#666; text-decoration:none;}
.main_mov ul li a:link, .main_mov ul li a:visited, .main_mov ul li a:active{color:#666; text-decoration:none;}
.main_mov ul li a:hover{color:#45678f; text-decoration:underline;}
.main_mov .more{ position:absolute; right:38px; top:38px;}

.center_col{border-right:solid 1px #dfdfdf; float:left;width:368px;}

/*ÁÖ¿ä»ç¾÷ 
------------------------------------------------------------------------------- */
.main_company{padding-left:25px; float:left;padding-top:30px; position:relative;}
.main_company .more{ position:absolute; right:33px; top:38px;}
.main_company ul { padding-top:18px; float:left;}
.main_company li { float:left; padding:10px 20px 10px 0;}

/* ºü¸¥¼­ºñ½º
------------------------------------------------------------------------------- */
.main_ser { padding-top:35px; float:left; width:368px;}
.main_ser h3 { background:#adadad; padding-top:15px; padding-bottom:10px; text-align:center;}
.main_ser ul {background:url(../../images/bg/bg_main_ser.gif) left top no-repeat; float:left;}
.main_ser ul li {background:url(../../images/etc/ser_dot.gif) 23px 25px no-repeat; width:152px; float:left; padding:22px 0 17px 32px;}
.main_ser li a:link, .main_ser li a:visited, .main_ser li a:active{ color:#666; text-decoration:none;}
.main_ser li a:hover{color:#45678f; text-decoration:underline;}

.right_col{float:left;width:225px;padding-top:30px; padding-left:17px;}

/*È«º¸µ¿¿µ»ó 
------------------------------------------------------------------------------- */
.video_box {float:left; position:relative; padding-bottom:25px;}
.video_box .more{ position:absolute; right:0; top:9px;}
.video_box p{ padding-top:20px; line-height:18px; float:left;width:100%; height:180px; }
.video_box .txt{ color:#666; font-size:11px;}

/*ºê·Î½´¾î 
------------------------------------------------------------------------------- */
.brochure_box{float:left; position:relative; width:233px;}
.brochure_box .more{ position:absolute; right:0; top:5px;}
.brochure_box ul{ padding-top:15px;}
.brochure_box li{ float:left; padding-left:13px;}

/* BI(¹è³Ê)
------------------------------------------------------------------------------- */
.bi {clear:both; height:56px; width:958px;border:solid 1px #e4e4e4;}
.bi li {float:left; font-size:0;}
.bi li h2 {font-size:0; line-height:0;}
.bi .sliderkit-nav {position:relative; width:958px;}
.bi .sliderkit-nav-clip {position:relative; width:900px !important; height:56px; margin:0 auto; overflow:hidden;}
.bi .sliderkit-nav-clip ul {position:relative; left:0; top:0;  height:auto; border:none;}
.bi .sliderkit-nav-clip li {float:left; width:150px; padding:17px 15px 10px 15px; text-align:center;}
.bi .sliderkit-nav-clip ul li a {font-size:0; line-height:0; display:block; }
.bi .sliderkit-nav-btn {position:absolute; top:10px;}
.bi .sliderkit-nav-prev {left:0; top:0; width:18px;}
.bi .sliderkit-nav-next {right:0; top:0; width:19px;}