@charset "utf-8";

#mainWrap { width:100%; overflow:hidden; padding:0px 0 0 0; background:url('/')  top no-repeat;position:relative;z-index:900; top:0px; }
#mainTop { position:relative; width:1080px; height:122px; overflow:hidden; margin:0 auto; padding-left:0px;padding-top:-10px;z-index:-900; }





#smainWrap { width:100%; overflow:hidden;
position:relative;z-index:900; top:0px;margin-bottom:70px;position: relative;
width: 100%;
padding: 0px 0 0 0;
overflow: hidden; }



#mainBottom2 { position:relative; width:1080px; overflow:hidden; margin:0 auto; padding-left:0px;height:222px;top:0px;border:0px solid #bbddf2;}
#mainBottom2 .left { float:left; width:390px;margin-top:1px; }
#mainBottom2 .center { float:left; width:351px;border:1px solid #eee;margin-left:3px;height:218px;margin-top:1px;}
#mainBottom2 .right { float:right; width:331px;border:1px solid #eee;height:218px;margin-top:1px;margin-left:1px;background-color:#fff;}
#mainBottom2 .right img{ float:left;margin-left:0px;margin-top:0px;}


div.mainCenter {float:left; width:356px; overflow:hidden;}
div#recent {float:left; clear:both; padding-bottom:25px;}
div#recent a {text-decoration:none;}
div#recent h2 {padding:0; margin:0;}
div#recent ol {display:block; list-style:none; padding:0 0 0 15px; margin:10px 0 0;}
div#recent li {padding-left:8px;  letter-spacing:-0.05em; background:url('http://www.kuh.ac.kr/hcenter/images/common/bul/bulMiddot.gif') 0 40% no-repeat;}
div#recent li img {vertical-align:middle; margin-left:3px;}
div#recent.script {position:relative; width:356px;background:url('http://www.kuh.ac.kr/hcenter/images/main/bgRecent.gif') right 0 repeat-x;}
div#recent.script h2 {position:absolute; top:0; font-size:0; line-height:0;}
div#recent.script h2.recentTab01 {left:0px;}
div#recent.script h2.recentTab02 {left:107px;}
div#recent.script ol {padding-top:28px;}

div#bannerArea {clear:both; position:relative; overflow:hidden;}
div#bannerArea ol{width:100%; height:100px; padding:0; margin:0; overflow:hidden;}
div#bannerArea ol * {display:block; line-height:0; font-size:0;}
div#bannerArea li {padding:0; margin:0; line-height:0; font-size:0;}
div#bannerArea li img {width:356px; height:100px;}
div#bannerArea li a{ line-height:0; font-size:0; padding:0; margin:0;}
div#bannerArea li a:focus,
div#bannerArea li a.On {height:auto; position:static;}

div#bannerArea #bannerCtrl {
	display:none; position:absolute; top:6px; right:6px; width:99px; height:12px; padding:2px; z-index:10; overflow:hidden; font-size:0; line-height:0;
	white-space:nowrap; /*background:url('/hcenter/images/main/bgNum.gif') no-repeat*/;
}
div#bannerArea #bannerCtrl.script {display:block;}
div#bannerArea #bannerCtrl * {vertical-align:middle; cursor:pointer; _margin-right:-1px;}



.accessib {visibility:hidden; width:0; height:0; font-size:0; overflow:hidden; position:absolute;}

#mainBottom { position:relative; width:1080px; overflow:hidden; margin:0 auto; padding-left:38px;height:200px;}
#mainBottom .left { float:left; width:373px; }
#mainBottom .center { float:left; width:412px; border:1px solid #f2f2f2; border-top:0; border-bottom:0;  background:#fff; }
#mainBottom .right { float:left; width:293px; }
.conWrap { position:relative; overflow:hidden; }

#visualBox { position:relative; width:1080px; height:353px; }
#visualBox h1 { padding:25px 34px 0 0; text-align:right;margin-left:265px;margin-top:20px; }
#visualBox h1 em { display:block; font-style:normal; color:#e60013; opacity:0;  }
#visualBox h1 span { display:block; overflow:hidden;  margin:4px 0 13px 0;  opacity:0;  }
#visualBox h1 strong { display:block; color:#9a9a9a; opacity:0;  }
#visualBox .object { position:absolute; bottom:-100%; }
#visualBox .object img {  }
#visualBox #person { position:absolute; right:0px;top:0px; bottom:-100%; z-index:100; width:333px; height:176px; opacity:0; background:url('') 0 0 no-repeat; }
#visualBox #obj01 { left:-100%; z-index:0; }
#visualBox #obj02 { left:-100%; width:68px; height:17px; background:url('') 0 0 no-repeat; }
#visualBox #obj03 { right:-100%; }
#visualBox #obj04 { right:-100%;; width:29px; height:20px; background:url('') 0 0 no-repeat; }
#mobilePic { display:none; width:100%; height:auto; }

.move #eventBox { right:0; bottom:-500px; }
.move #box_03 { right:0; bottom:-1500px; }
.move #box_02 { right:0; bottom:-500px; }
.move #box_01 { right:0; bottom:-500px; }
.move #bannerBox { bottom:-1000px; }

#eventBox { position:absolute;left:2px;top:9px; bottom:0; width:390px; height:353px; overflow:hidden; }
#eventBox .conWrap { height:353px; }
#eventBox ul {  }
#eventBox ul li { height:353px; }
#eventBox ul li a { display:block; overflow:hidden; }
#eventBox ul li a img { width:176px; height:176px; }
#eventBox .slidePage { position:absolute; bottom:20px; left:35px; z-index:100; }
#eventBox .slidePage .bx-pager-item { float:left; margin:0 5px 0 0; }
#eventBox .slidePage .bx-pager-item a { display:block; width:7px; height:8px; text-indent:1000px; background:url('http://www.nongshim.com/resources/images/main/bgPageNav_small.png') 0 0 no-repeat; }
#eventBox .slidePage a.active { width:14px; background-position:-10px 0; }
#eventBox .auto { position:absolute; left:10px; bottom:15px; width:16px; overflow:hidden; }
#eventBox .bx-start { display:block; width:16px; height:16px; overflow:hidden; text-indent:-1000px; background:url('http://www.nongshim.com/resources/images/main/btnPlay.png') 0 0 no-repeat; }
#eventBox .bx-stop { display:block; width:16px; height:16px; overflow:hidden; text-indent:-1000px; background:url('http://www.nongshim.com/resources/images/main/btnStop.png') 0 0 no-repeat;  }









#box_03 { position:absolute; left:2px; bottom:177px; width:391px; height:176px; overflow:hidden; padding:0px; }
#box_03 a { position:relative; display:block; height:136px;color:#502f00; font-family:"NanumGothicB"; }
#box_03 h1 { font-size:1.2em; }
#box_03 p { margin-top:10px; line-height:160%; }
#box_03 span span { position:absolute; bottom:0; left:0; right:0;}

#box_03s { position:absolute;right:0px; bottom:-4px; width:333px; height:176px; overflow:hidden; padding:0px; }
#box_03s a { position:relative; display:block; height:136px;color:#502f00; font-family:"NanumGothicB"; }
#box_03s h1 { font-size:1.2em; }
#box_03s p { margin-top:10px; line-height:160%; }
#box_03s span span { position:absolute; bottom:0; left:0; right:0;}



#box_02 { position:absolute; left:199px; bottom:0; width:194px; height:220px; overflow:hidden;top:1px; }
#box_02  a { position:relative; display:block; overflow:hidden; text-align:center;  }
#box_02  span { position:absolute; bottom:0; left:0; right:0;}
#box_02  strong { position:absolute; bottom:0; left:0; z-index:100; width:100%; color:#fff; line-height:34px; font-weight:normal; font-family:"NanumGothic";  }
#box_02  a img { width:194px; height:220px; }


#box_01 { position:absolute;left:2px; bottom:0; width:196px; height:220px; overflow:hidden; top:1px;}
#box_01  a { position:relative; display:block; overflow:hidden; text-align:center;  }
#box_01  span { position:absolute; bottom:0; left:0; right:0;}
#box_01  strong { position:absolute; bottom:0; left:0; z-index:100; width:100%; color:#fff; line-height:34px; font-weight:normal; font-family:"NanumGothic";  }
#box_01  a img { width:196px; height:220px; }


#boxNotice { right:0; top:0; width:351px; overflow:hidden; background:#fff; }
#boxBoard { position:relative; width:320px; height:175px; padding:20px;  }
#boxBoard h1 { float:left; margin:0 3px 0 0; }
#boxBoard div { display:none; position:absolute; top:56px; left:25px;  }

#boxBoard ul { margin-top:10px; background:#fff;width:300px; }
#boxBoard ul li { position:relative; overflow:hidden; margin:0 0 5px 0; line-height:1.9;border-bottom:1px solid #eee; }
#boxBoard ul li a { color:#666; font-size:1.0em;margin:0 0 5px 0;}
#boxBoard ul li span { display:inline-block; margin:0 10px 0 0; }
#boxBoard ul li em { position:absolute; right:0; top:0; font-style:normal; font-size:1.0em; }

#boxBoard a.more { position:absolute; top:-36px; right:0px; padding:0 0px 0 0; color:#444; font-size:0.88em; font-family:dotum; }









#bannerBox { position:absolute; left:393px; bottom:0; z-index:0; width:353px; height:353px; overflow:hidden;background-color:#fff;}
#bannerBox ul {  }
#bannerBox ul li { position:relative; height:353px;width:353px; }
#bannerBox .bx-clone{ margin-left:1px; }
#bannerBox ul li p { position:absolute; left:0; right:0; bottom:23px; text-align:center; }
#bannerBox ul li a { display:inline-block; width:64px; line-height:31px; margin-left:5px; padding-left:25px; color:#fff; font-size:1em; text-align:center; background:url('') 0 0 no-repeat; }
#bannerBox ul li a.cf { margin-left:0; }

#bannerBox .slidePage { position:absolute; top:20px; right:40px; z-index:100; }
#bannerBox .slidePage .bx-pager-item { float:left; margin-left:5px; }
#bannerBox .slidePage .bx-pager-item a { display:block; width:10px; height:10px; text-indent:1000px; background:url('/m_img/pager.png') 0 0 no-repeat; }
#bannerBox .slidePage a.active { width:10px; background-position:-14px 0; }
#bannerBox .auto { position:absolute; right:10px; top:17px; }
#bannerBox .bx-start { display:block; width:16px; height:16px; overflow:hidden; text-indent:-1000px; background:url('/m_img/btn_play.png') 0 0 no-repeat; }
#bannerBox .bx-stop { display:block; width:16px; height:16px; overflow:hidden; text-indent:-1000px; background:url('/m_img/btn_stop.png') 0 0 no-repeat;  }













#investBox { clear:both; float:right; width:205px; height:116px; overflow:hidden; padding:20px 15px 0 15px; background:#fff; }
#investBox.mobile { display:none; border-bottom:0; }
#stockMain h1 { position:relative; margin:0 0 16px 0; padding:0 6px; font-size:1.2em; }
#stockMain h1 strong { margin-left:10px; font-size:1.15em; color:#615d4e; font-family:arial; }
#stockMain h1 em { position:absolute; right:6px; top:4px; font-size:0.85em; font-style:normal; letter-spacing:-1px; }
#stockMain h1 em.stockUp { color:#e60013;  }
#stockMain h1 em.stockDown { color:#004884;  }
#stockMain h1 em img { margin:0 3px 0 0; }
#stockMain ul { padding:14px 6px; border-top:1px dotted #d8d8d8; }
#stockMain ul li { position:relative; padding-left:10px; line-height:170%; color:#666; background:url('') 0 center no-repeat; font-size:0.9em; }
#stockMain ul li span { position:absolute; right:0; top:0; min-width:50px; }
#stockMain ul li span img { margin:0 5px 0 0; }


#boardBox { position:relative; width:362px; overflow:hidden; min-height:140px; padding:25px 25px 20px 25px; }
#boardBox h1 { position:absolute; left:20px; top:20px; }
#boardBox h1 a { color:#9f9f9f; font-size:1.2em; }
#boardBox h1 a:hover,
#boardBox h1 a:focus,
#boardBox h1 a:active,
#boardBox h1 a.on { color:#222; }
#boardBox h1.tit02 { left:90px; padding-left:10px; background:url('') 0 center no-repeat; }
#boardBox ul { margin-top:30px; background:#fff; }
#boardBox ul.list02 { position:absolute; left:100%; top:25px; z-index:100; width:362px; height:100%; padding:0 25px; }
#boardBox ul li { position:relative; overflow:hidden; margin:0 0 5px 0; line-height:1.6; }
#boardBox ul li a { color:#666; font-size:0.9em;}
#boardBox ul li span { display:inline-block; margin:0 10px 0 0; }
#boardBox ul li em { position:absolute; right:0; top:0; font-style:normal; font-size:0.85em; }
#boardBox a.moreLink { position:absolute; top:25px; right:25px; padding:0 8px 0 0; color:#444; font-size:0.88em; font-family:dotum; background:url(') right 3px no-repeat; }

#etcBox { width:412px; overflow:hidden; border-top:1px solid #f2f2f2; }
#etcBox .poll { float:left; width:195px; background:url('') right bottom no-repeat; }
#etcBox .poll a { display:block; overflow:hidden; }
#etcBox .poll a img {  }
#etcBox section { position:relative; float:left; height:156px; overflow:hidden; padding:20px; }
#etcBox .contact { width:136px; border-left:1px solid #f2f2f2; }
#etcBox h1 { color:#000; font-size:1.2em; }
#etcBox h1 span { display:block; margin-top:10px; font-size:0.8em; line-height:150%; font-family:"NanumGothic"; color:#6c6962; }
#etcBox .contact strong { display:block; margin:20px 0 0 0; font-size:1.2em; color:#6f6142; }
#etcBox .infoTel { margin-top:5px; font-size:0.9em; }
#etcBox .contact a { display:block; margin-top:20px; }
#etcBox .btnPoll { position:absolute; bottom:45px; left:30px; }

#socialBox { position:relative; width:253px; height:330px; overflow:hidden; padding:20px; background:#fff;  }
#socialBox h1 { padding:0 0 20px 0; color:#000; font-size:1.2em; }
#socialBox h1 img { margin-left:5px; }
#socialBox .btnSns { position:absolute; right:20px; top:15px; }

#visualBox, #eventBox, #healthBox, #recipeBox {
    -webkit-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
}










.latest_wrap .latest_notice_box{position:absolute;top:0px;right:0;width:351px;height:113px;overflow:hidden;height:220px;}
.latest_wrap .latest_notice_box.bt{position:absolute;top:0px;left:0;width:351px;height:113px;overflow:hidden;}
.latest_board_tab>li{position:absolute;top:0;left:0;padding:0;margin:0;border:1px solid #000;}
.title_notice{position:absolute;top:0;left:0;display:block;width:76px;height:30px;line-height:30px;text-align:center;border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #fff;}
.title_notice:hover{border-top:1px solid #ed1c24;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #fff;}
.title_notice.active{border-top:1px solid #ed1c24;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #fff;}
.title_event{position:absolute;top:0;left:76px;display:block;width:64px;height:30px;line-height:30px;text-align:center;border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #fff;}
.title_event:hover{border-top:1px solid #ed1c24;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #fff;}
.title_event.active{border-top:1px solid #ed1c24;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #fff;}
.title_winner{position:absolute;top:0;left:139px;display:block;width:90px;height:30px;line-height:30px;text-align:center;border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #fff;}
.title_winner:hover{border-top:1px solid #ed1c24;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #fff;}
.title_winner.active{border-top:1px solid #ed1c24;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #fff;}


/* UI Object */
/* 기본 간격없음 */
.tab_menu{overflow:hidden;width:100%;background:url('http://www.yoons.com/images/renewal2013/bg_tab.gif') repeat-x 0 100%;padding-top:1px;}
.tab_menu li{_display:inline;float:left;margin-right:-1px;border:0px solid #E3E3E3;color:#505050;border-right:1px solid #E3E3E3;}
.tab_menu li a{display:block;_float:left;height:20px;padding:7px 18px 3px 19px;color:#666;text-decoration:none}
.tab_menu li.selected{border-bottom:1px solid #fff;background:#fff;border-top:1px solid #54B0EB;border-left:1px solid #E3E3E3;}
.tab_menu li.selected a{color:#333;font-weight:bold;}
.lbl_box{position:relative;width:350px;height:83px;}
.lbl_box ul{position:relative;width:100%;padding-top:20px;padding-left:10px;}
.lbl_box ul li{float:left;position:relative;display:block;*display:inline;zoom:1;width:100%;height:26px;line-height:26px;overflow:hidden;background:url('http://www.yoons.com/images/renewal2013/notice_arr.png') 0 11px no-repeat;}
.lbl_box ul li a{position:relative;display:block;*display:inline;zoom:1;padding-left:10px;padding-right:70px;text-align:left;color:#999;font-size:11px;height:26px;line-height:26px;overflow:hidden;}
.lbl_box ul li a:hover{color:#333}
.lbl_box ul li a span{color:#333}
.lbl_box ul li .datetime{position:absolute;top:0;right:0;font-size:11px;line-height:26px;}
.lbl_box .btn_more_list_view{position:absolute;top:-26px;right:0;}
.lbl_box .btn_more_list_view a{color:#fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}