@charset "utf-8";
/* CSS Document */
/* domfam Team by willy 2014_01_07 ver3.0 */

@import url("common.css");

/* Main Contents CSS */

/****************************************************************************************************************
	wrap
*****************************************************************************************************************/
#wrap_bg { background:url(/assets/images/main/bg_top_btn.gif) repeat-x 0 0; }
#wrap { width:1100px; margin:0 auto; overflow:hidden;}
#wrap.Main {padding:0 50px;}

/****************************************************************************************************************
	header
*****************************************************************************************************************/
#header { height:120px;  }

/* 최상단 기타 메뉴 */
#area_util {height:32px; padding-right:2px; background:url(/assets/images/common/bg_util_line.png) no-repeat right 0;}
#area_util p { float:left; background:url(/assets/images/common/bg_util_line.png) no-repeat 0 0; padding-left:2px; }
#area_util p>a { display:block; height:32px; text-indent:-9999px; text-align:left }
#area_util .eng a { width:64px; background:url(/assets/images/common/btn_top_eng.png) no-repeat 50% 50%; }
#area_util .blog a { width:45px; background:url(/assets/images/common/btn_top_blog.png) no-repeat 50% 50%; }
#area_util .facebook a { width:77px; background:url(/assets/images/common/btn_top_facebook.png) no-repeat 50% 45%; }
#area_util>div{ float:right}
#area_util .btn_sitemap{ float:left;background:url(/assets/images/common/bg_util_line.png) no-repeat 0 0; padding-left:2px; }
#area_util .btn_sitemap>a{ display: block; position:relative; z-index:1; width:76px; height:32px; color:#c0c0c2; font-size:14px; font-weight:bold;  padding:0 10px }
#area_util .btn_sitemap em { display:block; height:32px; padding-right:20px; text-indent:-9999em; position:relative; z-index:1; cursor:pointer}
#area_util .btn_sitemap a .txt_off{ background:url(/assets/images/common/btn_top_menu_off.png) no-repeat center 45%; }
#area_util .btn_sitemap a .txt_on{ display: none; background:url(/assets/images/common/btn_top_menu_on.png) no-repeat center 45%; }
#area_util .btn_sitemap.on>a{background: url(/assets/images/common/bg_all_menu.gif) repeat 0 0;color:#9b7342; }
#area_util .btn_sitemap.on>a>.txt_on { display: block;}
#area_util .btn_sitemap.on>a>.txt_off{ display: none;}

/* 전체 메뉴 */
#all_menu{ display: none; position:absolute; min-width:1100px; top:32px; height:844px; left:0; width:100%; background: url(/assets/images/common/bg_all_menu.gif) no-repeat center 0; z-index:250;}
#area_util .btn_sitemap.on #all_menu { display:block;}
#all_menu>div{ width:1100px; margin:0 auto;}
#all_menu .depth01{ height:727px; padding-top:2px;}
#all_menu .depth01>ul>li{ width:150px; padding:0 2px; float:left;}
#all_menu .depth01>ul>li>a{  display:block; height:32px; padding-top:16px; margin-bottom:20px; font-size:16px; font-weight:bold; color:#747578; text-align: center; }
#all_menu .depth02>ul>li{ padding-left:12px; margin-bottom:12px;}
#all_menu .depth02>ul>li>a{ font-size:15px; color:#bb8844; font-weight:bold;}
#all_menu .depth02>ul>li>a.on,
#all_menu .depth02>ul>li>a:hover,
#all_menu .depth02>ul>li>a:focus{ color:#e67e22;}
#all_menu .depth03{ padding-top:3px;}
#all_menu .depth03>ul>li{ padding-left:2px; line-height:20px}
#all_menu .depth03>ul>li>a{ font-size:13px; color:#c0c0c2; }
#all_menu .depth03>ul>li>a:hover,
#all_menu .depth03>ul>li>a:focus{ color:#ffffff;}

/* 네비게이션 영역 */
h1 { float:left; padding-top:25px;}
#gnb{  float:left; position:relative; margin-left:63px; padding-top:34px; z-index:110; }
#gnb a { text-decoration:none }
#gnb>ul { letter-spacing:-1px; position:relative; z-index:10; }
#gnb>ul:after{display:block;clear:both;content:""}
#gnb>ul>li { float:left; display:block; height:49px; margin:0 30px 0 30px ; position:relative; }
#gnb>ul>li>a { display:block; font-size:0; line-height:0; height:17px; background-repeat:no-repeat; background-position:0 0; }
#gnb .m1 { width:61px; margin-left:0; margin-top:-11px}
#gnb .m2 { width:62px; }
#gnb .m3 { width:61px; }
#gnb .m4 { width:77px; }
#gnb .m5 { width:76px; }
#gnb .m6 { width:61px; }
#gnb .m1>a { height:28px; background-image:url(/assets/images/common/gnb01.png); }
#gnb .m2>a { background-image:url(/assets/images/common/gnb02.png); }
#gnb .m3>a { background-image:url(/assets/images/common/gnb03.png); }
#gnb .m4>a { background-image:url(/assets/images/common/gnb04.png); }
#gnb .m5>a { background-image:url(/assets/images/common/gnb05.png); }
#gnb .m6>a { background-image:url(/assets/images/common/gnb06.png); }
#gnb>ul>li.on>a,
#gnb>ul>li>a:hover,
#gnb>ul>li>a:focus { height:49px; background-position:0 -17px }
#gnb>ul>li.m1.on>a,
#gnb>ul>li.m1>a:hover,
#gnb>ul>li.m1>a:focus { height:71px !important; background-position:0 -28px !important }
#gnb .dep2 { display:none; position:absolute; left:0; top:64px; width:140px; }
#gnb .m1 .dep2 { left:-27px; top:75px }
#gnb .m2 .dep2 { left:-27px }
#gnb .m3 .dep2 { left:-25px }
#gnb .m4 .dep2 { left:-24px }
#gnb .m5 {margin-left:25px;}
#gnb .m5 .dep2 { left:-23px }
#gnb .m6 {margin-left:20px;}
#gnb .m6 .dep2 { left:-29px }
#gnb .dep2>ul>li { line-height:19px;}
#gnb .dep2>ul>li>a { display:block; font-size:13px; color:#43464d; padding-left:14px; margin-bottom:6px; }
#gnb .dep2>ul>li.on>a,
#gnb .dep2>ul>li>a:hover,
#gnb .dep2>ul>li>a:focus { color:#d35400; text-decoration:underline }
.bg_gnb { display:none; position:absolute; left:-25px; top:76px; width:739px; height:212px; background:url(/assets/images/common/bg_gnb07.png) no-repeat 0 0; }
#gnb.on .bg_gnb { display:block }
#gnb.on .dep2 { display:block }
#gnb>ul>li.on .dep2>ul>li>a { color:#d35400 }

/* Search */
#search { float: right; padding-top:30px;width:220px}
#search p { float:left; width:166px; height:23px; border:1px solid #c0c0c2; background:#f9f9f9 }
#search p input { padding: 1px 4px; width: 155px; height: 18px; font-size: 12px; color: rgb(85, 85, 85); background: rgb(255, 255, 255); border: 0px;  }
#search span { float:left; padding-left:5px; }

/****************************************************************************************************************
	container
*****************************************************************************************************************/
#container:after{display:block;clear:both;content:""}

/****************************************************************************************************************
	footer
*****************************************************************************************************************/
#footer_wrap { padding-bottom:50px }
#footer{ width:1100px; margin:0 auto; }

/* 패밀리 사이트 */
.family { height:43px; padding:27px 0 0 21px; position:relative }
.family_mask { width:1078px; height:14px; position:relative}
.family ul { height:14px; float:left }
.family li { height:14px; line-height:14px; padding:0 38px; float:left; background:url(/assets/images/common/bg_family_line.gif) no-repeat 0 0;  }
.family li:first-child {background:none }
.family li a { display:block }
.family .bx-prev {position:absolute; left:-21px; top:-4px; display:block; width:13px; height:21px; background:url(/assets/images/common/btn_prev_family.gif) no-repeat 0 0; text-indent:-9999px; }
.family .bx-next { position:absolute; right:-21px; top:-4px;display:block; width:13px; height:21px; background:url(/assets/images/common/btn_next_family.gif) no-repeat 0 0; text-indent:-9999px; }

/* 유틸리티, 기타메뉴, 회사정보 */
.footer_area { height:132px; background:url(/assets/images/common/bg_footer.gif) no-repeat 0 0; position:relative; }
.footer_area .policy { position:absolute; left:21px; top:20px; }
.footer_area .policy ul { height:12px }
.footer_area .policy li { float:left; height:12px; line-height:12px; padding:0 14px; background:url(/assets/images/common/bg_policy_line.gif) no-repeat 0 2px; }
.footer_area .policy li:first-child { background:none; padding-left:0; }
.footer_area .etc_menu { position:absolute; right:2px; top:16px; }
.footer_area .etc_menu p { float:left; margin-right:20px; }
.footer_area .etc_menu p:first-child { margin-right:9px; padding-top:5px }
.footer_area .etc_menu p.rss { padding-top:6px }
.footer_area .footer_logo { position:absolute; left:21px; top:69px; }
.footer_area address { position:absolute; left:125px; top:63px; }
.footer_area address p { line-height:18px; color:#747578 }
.footer_area address p:first-child { font-weight:bold }
.footer_area address span { padding-right:12px; font-size:12px;}
.footer_area .mark_list { position:absolute; right:25px; top:75px; }
.footer_area .mark_list p { display:inline; padding-left:2px;  }


/*****************************************************************************************************************
	Main Content
*****************************************************************************************************************/

#content.main {position:relative; width:1100px; padding-top:716px; margin:0 auto;}
#content.main #screen_01 {position:absolute; top:0; left:0; height:0; z-index:0;}
#content.main #screen_01.on {z-index:1; display:block;}
#content.main #screen_01.off {display:none;}
#content.main #screen_02 {position:absolute; top:0; left:0; height:0; z-index:0;}
#content.main #screen_02.on {z-index:1; display:block;}
#content.main #screen_02.off {display:none;}

/*Main Page BTN */
.page_btns {position:absolute; top:453px; left:0; width:1100px;}
.page_btns .pageBtn {position:absolute;}
.page_btns .pageBtn a {text-indent:-9999px; display:block; width:24px; height:40px; overflow:hidden; background:url(/assets/images/main/bg_page_arrow.gif) no-repeat 0 0;}
.page_btns .pageBtn.btn_left {left:-50px;}
.page_btns .pageBtn.btn_left a.off {background-position:0 0;}
.page_btns .pageBtn.btn_left a.on {background-position:0 -40px;}
.page_btns .pageBtn.btn_right {right:-50px;}
.page_btns .pageBtn.btn_right a.off {background-position:-36px 0;}
.page_btns .pageBtn.btn_right a.on {background-position:-36px -40px;}

/* Main Column 구분 01 */
#screen_01 .col_left { float:left; width:542px; margin-right:18px }
#screen_01 .col_center { float:left; width:302px; margin-right:18px; z-index:223;}
#screen_01 .col_right { float:left; width:220px;}

#screen_02 .col_left { float:left; width:218px; margin-right:20px }
#screen_02 .col_center { float:left; width:622px; margin-right:20px; z-index:223;}
#screen_02 .col_right { float:left; width:220px;}

/* (공통) 최신글 리스트 */
.column .list li { padding:9px 0 9px 15px; background:url(/assets/images/main/bg_dash_list.gif) repeat-x 0 top;  position:relative }
.column .list li a { padding-left:2px; display:block; width:185px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal}
.column .list li em { position:absolute; right:13px; top:9px; color:#bb8844; font-size:12px; }

/* 좌측 컬럼 */
.col_left .visual { width:542px; height:502px; position:relative; margin-bottom:12px }
.col_left .visual .btn_sub  { height:110px; background:url(/assets/images/main/bg_visual_img_btn.png) no-repeat 0 0; padding-left:1px; padding-top:1px; }
.col_left .visual li img { width:542px; height:358px }
.col_left .visual .btn_sub>div { float:left; width:179px; height:110px; position:relative;}
.col_left .visual .btn_sub>div span { display:block }
.col_left .visual .btn_sub a { display:block; height:95px; padding:15px 10px 0 10px; }
.col_left .visual .btn_sub>div:first-child { background-image:none }
.col_left .visual .btn_sub .label { display:none; position:absolute; left:79px; top:-1px; width:21px; height:9px; padding-top:7px; background:url(/assets/images/main/bg_visual_label.png) no-repeat 0 0;}
.col_left .visual .btn_sub .tit { font-size:16px; color:#2e3036; font-weight:bold; margin-bottom:12px; letter-spacing:-1px }
.col_left .visual .btn_sub .on .tit { color:#d35400; }
.col_left .visual .btn_sub .txt { font-size:12px; color:#747578; line-height:18px; }

.col_left .visual .btn_sub>div.on { background-color:#fff }
.col_left .visual .btn_sub>div.on .label { display:block }

.col_left .visual .bx-controls-auto{ height:12px; position: absolute; bottom:10px; right:15px;}
.col_left .visual .bx-controls-auto div{ float:left}
.col_left .visual .bx-controls-auto div a{ display:  block; width:8px; height:12px; background-image: url(/assets/images/main/sprite_bxslider_btn.gif); background-repeat: no-repeat; text-indent:-999em;}
.col_left .visual .bx-controls-auto div a.bx-start{display:none;  background-position:0 0; }
.col_left .visual .bx-controls-auto div a.bx-stop{background-position:-8px 0;}


/*
.col_left .visual ul { padding-top:494px; text-align:center; font-size:0; }
.col_left .visual li { display:inline-block; width:13px; height:13px; margin:0 5px; *zoom:1; *display:inline; vertical-align:top }
.col_left .visual p { position:absolute; left:0; top:0; display:none }
.col_left .visual .btn { display:block; height:13px; text-indent:-9999px; background:url(/assets/images/main/btn_visual_nav.png) no-repeat 0 0; position:relative; z-index:2; vertical-align:top }
.col_left .visual li.on p { display:block }
.col_left .visual li a { display:block }
*/
.col_left .visual .bx-pager { position:absolute; top:469px; height:26px; padding-top:9px; width:100%; font-size:0; text-align:center; background:url(/assets/images/main/bg_visual_btns.png) no-repeat 0 0; }
.col_left .visual .bx-pager div { display:inline-block; width:13px; height:13px; margin:0 5px; /**zoom:1; *display:inline;*/ vertical-align:top; position:relative; z-index:2; vertical-align:top }
.col_left .visual .bx-pager div a { display:block; height:13px;background:url(/assets/images/main/btn_visual_nav.png) no-repeat -13px 0; text-indent:-9999px;   }
.col_left .visual .bx-pager div a.active { background:url(/assets/images/main/btn_visual_nav.png) no-repeat 0 0; }

.col_left .visual .bx-controls-auto{ height:12px;position: absolute; bottom:10px; right:15px;}
.col_left .visual .bx-controls-auto div{ float:left}
.col_left .visual .bx-controls-auto div a{ display:  block; width:8px; height:12px; background-image: url(/assets/images/main/sprite_bxslider_btn.gif); background-repeat: no-repeat; text-indent:-999em;}
.col_left .visual .bx-controls-auto div a.bx-start{display:none;  background-position:0 0; }
.col_left .visual .bx-controls-auto div a.bx-stop{background-position:-8px 0;}

/* 하단 배너 */
.col_left .banner { width:542px; height:194px; position:relative; background:url(/assets/images/main/left_bn_bg.gif) no-repeat 0 0; }
.col_left .banner li { vertical-align:top; height:48px }
.col_left .banner .btn { width:207px; height:64px;  display:block; }
.col_left .banner .bn4 { height:50px; }
.col_left .banner .section { display:none; position:absolute; left:181px; top:0; width:320px; padding:14px 0 0 20px; }
.col_left .banner li.on .section { display:block }
.col_left .banner .section .title { margin-bottom:16px }
.col_left .banner .bn1 .section .title { margin-bottom:16px;  }
.col_left .banner .bn2 .section .title { margin-bottom:3px;  }
.col_left .banner .section .article { margin-bottom:24px }
.col_left .banner .section .article .txt { margin-bottom:7px }
.col_left .banner .section .article .txt.txt_03 { margin-bottom:7px }
.col_left .banner .section .article .img { margin-bottom:10px;  }
.col_left .banner .section .article .img.img_03 { margin-bottom:8px; }
.col_left .banner .section .article .btn_link { text-align:center }

/* 중앙 컬럼 */
/* 2014-05-29 수정전
.col_center .column { padding:0 3px 0 1px; position:relative; margin-bottom:10px; z-index:100;}
.col_center .column h2 { height:47px; padding:14px 0 0 15px; }
.col_center .column .btn_more { position:absolute; right:22px; top:15px }
.col_center .column .desc { margin-bottom:23px }
.col_center .column.result { height:372px; background:url(/assets/images/main/bg_result.gif) no-repeat 0 0;  }
.col_center .column.result .img { width:258px; margin:0 auto 8px; }
.col_center .column.result .img .thum { border:1px solid #d6d6d6; font-size:0; height:128px; overflow:hidden; }
.col_center .column.result .img .tit { padding:10px 0 13px 2px; text-align:center  }
.col_center .column.result .img .tit a { font-size:14px; font-weight:bold; }
.col_center .column.result .img .txt { margin-bottom:18px; padding-left:2px }
.col_center .column.result .img .txt a { font-size:12px; color:#747578 }
.col_center .column.report { height:173px; background:url(/assets/images/main/bg_report.gif) no-repeat 0 0; }
.col_center .column.thesis { height:173px; background:url(/assets/images/main/bg_report.gif) no-repeat 0 0; margin-bottom:0}
*/
/* 2014-05-29 수정 후 */
.col_center .column { padding:0 3px 0 1px; position:relative; margin-bottom:10px; z-index:100;}
.col_center .column h2 { height:27px; padding:14px 0 0 15px; }
.col_center .column .btn_more { position:absolute; right:22px; top:15px }
.col_center .column .desc { margin-bottom:23px }
.col_center .column.result { height:372px; background:url(/assets/images/main/bg_result.gif) no-repeat 0 0;  }
.col_center .column.result .img { width:298px; margin:1px auto 10px; }
.col_center .column.result .img .thum { border:1px solid #d6d6d6; font-size:0; height:176px; overflow:hidden; }
.col_center .column.result .img .tit { padding:9px 0 0 2px; text-align:center  }
.col_center .column.result .img .tit a { font-size:14px; font-weight:bold; }
.col_center .column.result .img .txt { margin-bottom:18px; padding-left:2px }
.col_center .column.result .img .txt a { font-size:12px; color:#747578 }
.col_center .column.result .list li:first-child {background:none;}
.col_center .column.report { height:173px; background:url(/assets/images/main/bg_report.gif) no-repeat 0 0; }
.col_center .column.thesis { height:173px; background:url(/assets/images/main/bg_report.gif) no-repeat 0 0; margin-bottom:0}
.col_center .column.research { height:122px; background:url(/assets/images/main/bg_research.gif) no-repeat 0 0; padding:0; }
.col_center .column.research h2 { padding:14px 0 0 16px; height:28px; }
.col_center .column.research .btn_research  a { float:left }
.col_center .column.research .btn_more { right:18px; top:14px; }

/* 논문/특허 추가 */
.col_center .col_paper { height:122px; padding:0; margin-bottom:10px; overflow:hidden;}
.col_center .col_paper .box_hit_s {float:left; width:146px; height:122px; text-align:center; background:url(/assets/images/main/bg_hit_s.gif) no-repeat 0 0; position:relative;}
.col_center .col_paper .tit { padding:15px 0 18px; }
.col_center .col_paper .num {font-family:"Dinbol"; font-size:25px; font-weight:bold; color:#43464d; line-height:30px; padding-bottom:6px;}
.col_center .col_paper .box_hit_s:first-child { margin-right:10px }

/* 교정 시험 CRM보급 국제비교 건수 */
/* 2015.11.10 변경
.col_hit { overflow:hidden; }
.col_hit .box_hit { float:left; width:146px; height:194px; text-align:center; background:url(/assets/images/main/bg_hit.gif) no-repeat 0 0; position:relative; z-index:210;}
.col_hit .box_hit .tit { padding:15px 0 37px; }
.col_hit .box_hit .num { height:56px; background:url(/assets/images/main/bg_hit_num.gif) no-repeat 50% bottom; margin-bottom:19px; }
.col_hit .box_hit:first-child { margin-right:10px }
*/
.col_count { overflow:hidden; }
.col_count .box_count {float:left; width:144px; height:90px; text-align:center; background:url(/assets/images/main/bg_counter_box.gif) no-repeat 0 0; position:relative; z-index:210;}
.col_count .box_count.p_left {margin-right:12px;}
.col_count .box_count.p_top {margin-bottom:12px;}
.col_count .box_count .count {padding-top:16px;}
.col_count .box_count .name {padding-top:21px;}

/* 우측 컬럼 */
.col_right .column { margin-bottom:11px }
.col_right .column.latest { height:185px; background:url(/assets/images/main/bg_report.gif) no-repeat 0 0; position:relative; z-index:200;}/* 수정20140321_pmj */
.col_right .column.latest>ul:after{display:block;clear:both;content:""}
.col_right .column.latest>ul>li { height:35px; float:left; width:110px;}
.col_right .column.latest .tab { height:21px; display:block; padding-top:14px; padding-left:17px; }
.col_right .column.latest .list { display:none; position:absolute; left:1px; top:41px; width:215px;  }
.col_right .column.latest>ul>li.on .list { display:block }
.col_right .column.latest .list li:first-child { background:none }
.col_right .column.latest .list li { padding:9px 0 5px 15px; line-height:16px;}
.col_right .column.latest .list li a { padding:0; }
.col_right .column.latest .list li em { position:static; font-size:10px; }
.col_right .column.latest p.btn_more {position:absolute; right:16px; top:14px;}

/* 대한민국표준시 */
.col_right .column.clock {position:relative; display:block; width:220px; height:77px; background:url(/assets/images/main/bg_standard_clock.gif) no-repeat 0 0;}
.col_right .column.clock .title {display: block; position:absolute; top:8px; left:65px;}
.col_right .column.clock .time {display: block; padding-top:26px; padding-left:13px; font-size:30px; line-height:30px; color:#e1e1e3; font-family:arial;}
.col_right .column.clock .time span {display:inline-block; width:62px; text-align:center; margin-right:3px;}
.col_right .column.clock .warning {display: block; text-align:center; color:#999; font-size:0.7em;}

/* 견학신청 팝업 칼렌더 */
.col_right .column.calender {position:relative; height:77px; z-index:240;}/* 수정20140321_pmj */
.col_right .column.calender .calender_pop {position:absolute; top:0; left:0; width:220px; z-index:240;}
.col_right .column.calender .calender_pop.none {display:none;}
.col_right .column.calender .cal_body {background:url(/assets/images/main/bg_calendar.gif) no-repeat 0 0;}
.col_right .column.calender .title {padding-top:14px; padding-left:46px;}
.col_right .column.calender .month {margin:25px 0 10px; text-align:center; padding:0 18px 0 15px; line-height:15px; }
.col_right .column.calender .month em {font-size:15px; font-weight:bold; color:#2e3036;}
.col_right .column.calender a.btn_month {position:absolute; top:58px; display:block; height:14px; overflow:hidden;}
.col_right .column.calender a.btn_month:hover {background-position:0 0;}
.col_right .column.calender a.prev_month {left:17px; width:9px; background:url(/assets/images/main/btn_calendar_month_left.gif) no-repeat 0 -14px;}
.col_right .column.calender a.next_month {right:20px; width:9px;background:url(/assets/images/main/btn_calendar_month_right.gif) no-repeat 0 -14px;}
.col_right .column.calender .calender_table {padding:0 18px 8px 15px;}
.col_right .column.calender table {width:100%;}
.col_right .column.calender table th {background-color:#545558; color:#ffffff; font-size:9px; line-height:14px;}
.col_right .column.calender table td {border:1px solid #ececec; border-top:0; padding:1px 0 4px; text-align:center;}
.col_right .column.calender table td .am {display:none;}
.col_right .column.calender table td a {position: relative;}
.col_right .column.calender table td a .tooltip {display: none; position: absolute; top: -20px; left: -40px; z-index: 100;}
.col_right .column.calender table td a:hover .tooltip {display:block; }
.col_right .column.calender table td a:focus .tooltip {display:block; }
.col_right .column.calender table .num_line td {padding:0; text-align:right; padding-right:5px; line-height:14px; height:14px; color:#747578; font-size:9px; font-family:arial; border-bottom:0;}
.col_right .column.calender .cal_footer {position:relative; height:41px; background:url(/assets/images/main/bg_calendar.gif) no-repeat 0 bottom;}
.col_right .column.calender .footer_text {position:absolute; top:21px; left:28px;}
.col_right .column.calender .btn {position:absolute; top:6px; left:180px;}

.col_right .column.sns { height:178px; padding:15px 0 0 14px; position:relative; background:url(/assets/images/main/bg_sns.gif) no-repeat 0 0; margin-bottom:0; z-index:150;}/* z-index수정20140304 */
.col_right .column.sns h2{ height:34px; position:relative; z-index:151;}/* z-index수정20140304 */
.col_right .column.sns .section_img { width:200px; height:133px; overflow:auto; position:relative }
.col_right .column.sns .section_img .article { position:relative; border-top:1px dashed  #d6d6d6; padding:10px 10px 0 0; } /* 보더값은 임의로 설정함 (디자인이 없어서) */
.col_right .column.sns .section_img .thum { position:absolute; left:0; top:12px; width:43px; height:32px; border:1px solid #dadada; overflow:hidden; }
.col_right .column.sns .section_img .thum img { width:43px; height:32px; }
.col_right .column.sns .section_img .txt { margin:0 0 13px 54px;  }
.col_right .column.sns .section_img .txt a { font-size:13px; font-weight:bold; line-height:18px; }
.col_right .column.sns .section_img .desc { margin-bottom:13px; line-height:17px; }
.col_right .column.sns .section_img .desc a { color:#747578 }
.col_right .column.sns .section_img .date { display:inline-block; padding-right:17px; background:url(/assets/images/main/bg_clock.gif) no-repeat right 50%; /* *zoom:1; *display:inline; */ margin-bottom:10px; font-size:12px; }
.col_right .column.sns .section_img>div:first-child { border-top:0; padding-top:0 }
.col_right .column.sns .section_img>div:first-child .thum { top:2px; }
.col_right .column.sns .btn_sns { position:absolute; right:10px; top:12px; z-index:151;}
.col_right .column.sns .btn_sns a { padding:0 4px; }
.col_right .etc_banner { margin-bottom:0 }
.col_right .etc_banner p { float:left; }
.col_right .etc_banner p:first-child { margin-right:10px }

.col_right .bn_right { position:relative; height:138px; margin-bottom:10px; z-index:160; }/* z-index수정20140304 */
.col_right .bn_right li img { width:218px; height:111px }
.col_right .bn_right .bx-controls { position:absolute; top:111px; height:25px; padding-top:7px; width:100%; font-size:0; text-align:center; background:url(/assets/images/main/bg_bn_right.gif) no-repeat 0 0; }
.col_right .bn_right .bx-controls:after {display:block; clear:both; content:""}
.col_right .bn_right .bx-pager {display:inline-block; width:80px;}
.col_right .bn_right .bx-pager .bx-pager-item { display:block; float:left; width:10px; height:10px; margin:0 3px; /* *zoom:1; *display:inline; */vertical-align:top; position:relative; z-index:2; vertical-align:top }
.col_right .bn_right .bx-pager .bx-pager-item a { display:block; height:10px;background:url(/assets/images/main/btn_bn_right.png) no-repeat -10px 0; text-indent:-9999px;   }
.col_right .bn_right .bx-pager .bx-pager-item a.active { background:url(/assets/images/main/btn_bn_right.png) no-repeat 0 0; }
.col_right .bn_right .bx-controls-auto{ height:12px;position: absolute; bottom:13px; right:15px;}
.col_right .bn_right .bx-controls-auto div{ float:left}
.col_right .bn_right .bx-controls-auto div a{ display:  block; width:8px; height:12px; background-image: url(/assets/images/main/sprite_bxslider_btn.gif); background-repeat: no-repeat; text-indent:-999em;}
.col_right .bn_right .bx-controls-auto div a.bx-start{display:none;  background-position:0 0; }
.col_right .bn_right .bx-controls-auto div a.bx-stop{background-position:-8px 0;}

.btn_links { clear:both; padding-top:18px; margin-bottom:10px }
.btn_links>div {  height:73px; padding-top:21px; background:url(/assets/images/main/bg_link.gif) no-repeat 0 0; }
.btn_links ul { overflow:hidden }
.btn_links li { float:left; width:108px; background:url(/assets/images/main/bg_link_line.gif) no-repeat 0 0; padding-top:5px; text-align:center; }
.btn_links li:first-child { background:none; width:236px;}

/* iframe 위치조정 */
.col_right .column iframe {position:absolute; top:-30px; left:0; width:210px; /*background-color:#eea;*/ z-index:90;}
.col_right .column .hidden_box {width:200px; height:60px; position:absolute; top:-16px; left:10px; z-index:101; background:#fff url(/assets/images/etc/bg_top_hidden.gif) no-repeat 0 16px;}
.col_right .column .hidden_box_line {width:200px; height:2px; position:absolute; top:40px; left:10px; z-index:95; z-index:110; background:url(/assets/images/etc/hidden_line.gif) no-repeat 0 center;}
.col_right .column .hidden_box_bg {width:62px; height:228px; position:absolute; top:-39px; left:-52px; background:#fff url(/assets/images/etc/hidden_line_left.gif) no-repeat right 39px; z-index:100;}
.col_right .column .hidden_box_bg .hidden_top_bg {width:62px; height:40px; position:relative; top:0; background:url(/assets/images/etc/hidden_top_bg.gif) no-repeat left top;}

/*메인 슬라이드 네비버튼영역 140310*/
.col_left .visual .visual_navi_left {width:40px; height:358px; text-align:center; position:absolute; left:0; top:0; z-index:100;}
.col_left .visual .visual_navi_left span {position:relative;top:164px;}
.col_left .visual .visual_navi_right {width:40px; height:358px; text-align:center; position:absolute; right:0; top:0; z-index:100;}
.col_left .visual .visual_navi_right span {position:relative;top:164px;}

/* 메인 페이지 팝업 140318 */
.main_popup {height:100%; background-color:#a2afb3;}
.board_foot {width:100%; position:absolute; bottom:0; height:31px; line-height:31px; padding:0 10px; border:1px solid #c0c0c2; background-color:#fefefe;}
.board_foot.layer_foot {border:none; border-top:1px solid #c0c0c2; padding:0;}
.board_foot.layer_foot input {margin-left:10px;}
.board_foot span {margin-left:2px;}
.board_foot .board_btn {position:absolute; display:inline-block; right:27px; height:31px; padding:0 27px 0 5px; background:url(/assets/images/main/bg_btn_close.gif) no-repeat 40px center;}
.board_foot .board_btn:hover {text-decoration:none;}

/* 메인 페이지 2Page 151110 */
#screen_02 .col_left a {display:block;}
.col_left_01 {margin-bottom:12px;}
.col_left_02 {margin-bottom:12px;}

.col_center .colum.k_lib {width:622px; height:502px; position:relative; margin-bottom:12px;}
.col_center .colum.k_lib li {display:block; width:622px !important; height:469px !important;}
.col_center .colum.k_lib li > a {display:block;}
.col_center .colum.k_lib li > a > img {width:622px; height:469px;}
.col_center .colum.k_lib .bx-pager { position:absolute; top:469px; height:24px; padding-top:9px; width:100%; font-size:0; text-align:center; background:url(/assets/images/main/bg_kidBanner_bottom.gif) no-repeat 0 0; }
.col_center .colum.k_lib .bx-pager div { display:inline-block; width:13px; height:13px; margin:0 5px; /* *zoom:1; *display:inline; */vertical-align:top; position:relative; z-index:2; vertical-align:top }
.col_center .colum.k_lib .bx-pager div a { display:block; height:13px;background:url(/assets/images/main/btn_kids_nav.png) no-repeat -13px 0; text-indent:-9999px;   }
.col_center .colum.k_lib .bx-pager div a.active { background:url(/assets/images/main/btn_kids_nav.png) no-repeat 0 0; }
.col_center .colum.k_lib .bx-controls-auto{ height:12px; position: absolute; bottom:10px; right:15px;}
.col_center .colum.k_lib .bx-controls-auto div{ float:left}
.col_center .colum.k_lib .bx-controls-auto div a{ display:  block; width:8px; height:12px; background-image: url(/assets/images/main/sprite_bxslider_btn_02.png); background-repeat: no-repeat; text-indent:-999em;}
.col_center .colum.k_lib .bx-controls-auto div a.bx-start{display:none;  background-position:0 0; }
.col_center .colum.k_lib .bx-controls-auto div a.bx-stop{background-position:-8px 0;}
.col_center .colum.k_lib .bx-controls-direction {display:none;}
.col_center .colum.k_lib:hover .bx-controls-direction {display:block;}
.col_center .colum.k_lib .bx-controls-direction a.bx-prev {
	position:absolute; display:block; z-index:1;
	top:40px; left:0px;
	width:40px; height:400px;
	text-indent:-999em;
	background:url(/assets/images/main/btn_mian_navi_prev.png) no-repeat center center;
}
.col_center .colum.k_lib .bx-controls-direction a.bx-next {
	position:absolute; display:block; z-index:1;
	top:40px; right:0px;
	width:40px; height:400px;
	text-indent:-999em;
	background:url(/assets/images/main/btn_mian_navi_next.png) no-repeat center center;
}
.col_center .colum.life {position:relative; height:192px; background:url(/assets/images/main/bg_life.gif) no-repeat 0 0; }
.col_center .colum.life .title {position:absolute; top:14px; left:16px;}
.col_center .colum.life .img {position:absolute; top:56px; left:16px;}
.col_center .colum.life .txt {padding:65px 40px 0 196px;}
.col_center .colum.life .txt p.sub_title {font-size:16px; line-height:18px; color:#43464d; font-weight:bold; margin-bottom:9px;}
.col_center .colum.life .txt p.desc {font-size:14px; line-height:20px; color:#747578; height:80px; overflow:hidden;}
.col_center .colum.life .btn_more { position:absolute; right:22px; top:15px }

.col_right_01 {margin-bottom:12px;}
.col_right_01 a {display:block;}
.col_right_02 {margin-bottom:12px;}
.col_right_02 a {display:block;}

.col_right .colum.story {position:relative; height:298px; background:url(/assets/images/main/bg_story.gif) no-repeat 0 0; margin-bottom:12px; z-index:221;}
.col_right .colum.story .title {position:absolute; top:14px; left:16px;}
.col_right .colum.story .btn_more { position:absolute; right:22px; top:15px }
.col_right .colum.story .img {padding-top:42px; height:154px;}
.col_right .colum.story .txt {padding:12px 17px 0;}
.col_right .colum.story .txt p.sub_title {font-size:14px; line-height:18px; color:#43464d; font-weight:bold; margin-bottom:4px;}
.col_right .colum.story .txt p.desc {font-size:12px; line-height:18px; color:#747578; height:36px; overflow:hidden;}

#area_util .btn_box {position:relative; width:1600px; margin:0 auto; float:left;}
#area_util .btn_box a {display:block; position:absolute; top:0; width:123px; height:32px; overflow:hidden; text-indent:-9999px;}
#area_util .btn_box .page01 a {left:0px; background:url(/assets/images/main/btn_bg_page_01.gif) no-repeat 0 0;}
#area_util .btn_box .page02 a {left:123px; background:url(/assets/images/main/btn_bg_page_02.gif) no-repeat 0 0;}
#area_util .btn_box .page03 a {left:246px; width:190px; background:url(/assets/images/main/btn_bg_page_03.gif) no-repeat 0 0;}
#area_util .btn_box a.off {background-position:0 -32px;}
#area_util .btn_box .page03 a.off {background-position:0 0;}

/* 메인 페이지 화면 전환 에니메이션 관련 스타일 */
/*
#screen_01 .col_left { float:left; width:542px; margin-right:18px }
#screen_01 .col_center { float:left; width:302px; margin-right:18px;}
#screen_01 .col_right { float:left; width:220px; overflow:hidden;}

#screen_02 .col_left { float:left; width:218px; margin-right:20px }
#screen_02 .col_center { float:left; width:622px; margin-right:20px;}
#screen_02 .col_right { float:left; width:220px; overflow:hidden;}
*/
.col_left {position:relative;}
.col_center {position:relative;}
.col_right {position:relative;}

.colum {position:relative;}


#screen_01 .col_left .visual {position:relative; left:0;}
#screen_01 .col_left .visual .bx-viewport ul li {width:542px !important; height:358px !important;}
#screen_01 .col_left .banner {position:relative; left:0;}
#screen_01 .col_center .col_paper {position:relative; left:0;}
#screen_01 .col_center .column.result {left:0;}
#screen_01 .col_center .col_count {position:relative; left:0;}
#screen_01 .col_right .clock {left:0;}
#screen_01 .col_right .calender {left:0;}
#screen_01 .col_right .latest01 {left:0;}
#screen_01 .col_right .latest02 {left:0;}
#screen_01 .col_right .bn_right {left:0;}

#screen_02 .colum.col_left_01 {left:1200px;}
#screen_02 .colum.col_left_02 {left:1200px;}
#screen_02 .colum.col_left_03 {left:1200px;}
#screen_02 .colum.k_lib {left:1200px;}
#screen_02 .colum.life {left:1200px; width:622px;}
#screen_02 .colum.col_right_01 {left:1200px;}
#screen_02 .colum.col_right_02 {left:1200px;}
#screen_02 .colum.story {left:1200px;}
#screen_02 .column.sns {left:1200px;}