body {background-color:#efefef;}
.btn_more a,
.box_winner_1 .list_arrow li a,
.box_counsel .map a:before,
.box_winner h3 a span,
.lecture_area .btn_more a span,
.box_photo .btn_more a span,
.left_right li > a,
.left_right li > span,
.box_ad .bx-pager-item a,
.main_board .btn_more a span {background-image:url(/2012/img/main/sp_main.png); background-repeat:no-repeat}
/*ºñÁÖ¾ó*/
.mobileVideo{display:none;}
.visual {height:370px; position:relative;margin:0 auto;width:1180px}
.visual_box { position:absolute; z-index:10; top:0; left:85%; width:500px; height:60px; margin-left:-520px;}

.bg_visual1 {/*background:url(/2012/img/main/visual_1.jpg) no-repeat center top;*/ height:100%; position:absolute; top:100px; left:0; width:100%}
.bg_visual1.bg_visual .area_visual {position:absolute; top:0; left:0; width:1180px; margin-left:0;}
.bg_visual1.bg_visual .area_visual > ul {position:relative; width:1700px; height:520px; margin:0 auto; background-position:center top;}
.bg_visual1.bg_visual .area_visual > ul > li {background-position:center top;}

.visual_box .list_txt_2 li {position:absolute; bottom:0; left:50%; width:200px; height:56px;}
.visual_box .list_txt_2 li a {display:block; font-size:18px; line-height:56px; color:#fff; text-align:center;}
.visual_box .list_txt_2 li.li_1 {margin-left:-572px; background:url(/2012/img/main/bg_content_1.png);}
.visual_box .list_txt_2 li.li_2 {margin-left:-370px; background:url(/2012/img/main/bg_content_2.png);}

.visual_box .list_txt_1 li {display:none; position:absolute; top:30px; left:40%; margin-left:-310px; font-size:35px; line-height:1.5em; font-family:'Nanumbold'; color:#f23737; -webkit-text-shadow:1px 1px 4px rgba(0,0,0,.7); -moz-text-shadow:1px 1px 4px rgba(0,0,0,.7); -o-text-shadow:1px 1px 4px rgba(0,0,0,.7); -ms-text-shadow:1px 1px 4px rgba(0,0,0,.7); text-shadow:1px 1px 4px rgba(0,0,0,.7);}
.visual_box .list_txt_1 li span {font-size:26px; color:#fff568;}
.visual_box .list_txt_1 li.on {display:block;}
.box_ad .bx-controls {position: absolute; bottom:13px; left:36px; z-index:51; width:310px;}
.box_ad .bx-pager-item {display:inline-block; margin:0 2px;}
.box_ad .bx-pager-item a {display:block; overflow:hidden; width:14px; height:0; padding-top:16px; background-position:-150px -130px; text-indent:-10000px;}
.box_ad .bx-pager-item a.active {background-position:-170px -130px;}

.visualTxtbox{position:absolute;top:0;right:0;width:230px;height:520px;background:url(/2012/img/main/visual_bg.png) repeat left top;padding:30px 20px}
.visualTxtbox .txt01{margin:0 0 20px 0;padding:0 0 10px 0;color:#fff;font-size:20px;line-height:30px;text-shadow:#000 3px 3px 3px;border-bottom:2px solid #fff;letter-spacing:-2px;display:inline}
.visualTxtbox .txt02{margin:20px 0 20px 0;color:#fff;font-size:18px;line-height:26px;text-shadow:#000 3px 3px 3px;letter-spacing:-2px}
.visualTxtbox .txt03{margin:0 0 20px 0;color:#fff;font-size:18px;line-height:26px;text-shadow:#000 3px 3px 3px;letter-spacing:-2px}
.bx-controls{display:none !important}
/*°­»ç*/
.lecture_area {float:left; position: relative; width:580px; height:177px; border:1px solid #d7d7d7; background-color:#fff;}
.lecture_area h3 {position: absolute; top:10px; left:10px; font-weight:600; font-size:16px; color:#282828;}
.lecture_area .area_slide {overflow:hidden; position: absolute; top:17px; right:20px; width:450px; height:145px;}
.lecture_area .link_lecture li {float:left; margin:0 15px 10px 15px; width:120px; text-align:center;}
.lecture_area .link_lecture li img {height:120px}
.lecture_area .link_lecture li a {text-align:center; color:#000;}
.lecture_area .link_lecture li a span.txt {display:block; font-size:13px; line-height:22px; color:#28282;}
.lecture_area .link_lecture li a span span {font-weight:600;}
.main_board .btn_more {position:absolute; right:0; top:0;}
.box_photo .btn_more,
.lecture_area .btn_more {position:absolute; right:10px; top:5px;}
.main_board .btn_more a,
.box_photo .btn_more a,
.lecture_area .btn_more a {display:block; width:10px; height:10px; padding:5px;}
.main_board .btn_more a span,
.box_photo .btn_more a span,
.lecture_area .btn_more a span {display:block; overflow:hidden; width:10px; height:0; padding-top:10px; background-position:-360px 0;}
.left_right li {position: absolute; bottom:20px; left:20px;}
.left_right li.li2 {left:40px;}
.left_right li > a {display:block; overflow:hidden; width:20px; height:0; padding-top:20px;}
.left_right li.li1 > a {background-position:-70px -110px;}
.left_right li.li2 > a {background-position:-70px -90px;}

/* ½Ã¼³¾È³» */
.box_photo {float:right; position: relative; width:580px; height:177px;  border:1px solid #d7d7d7; background-color:#fff;}
.box_photo h3 {position: absolute; top:10px; left:10px; font-weight:600; font-size:16px; color:#282828;}
.box_photo .area_slide {overflow:hidden; width:475px; height:128px;}
.box_photo .link_lecture li {float:left; margin:0 15px 10px 15px; width:120px; text-align:center;}
.box_photo .link_lecture li img {height:120px}
.box_photo .link_lecture li a {text-align:center; color:#000;}
.box_photo .link_lecture li a span.txt {display:block; font-size:13px; line-height:22px; color:#28282;}
.box_photo .link_lecture li a span span {font-weight:600;}

/*·Î±×ÀÎ S*/
.main_logn h2 {font-weight:600; font-size:16px; color:#282828;}
.main_login .box_login_1 {padding-top:10px; margin:0 auto; text-align:center}
.main_login .box_login_1 .type {width:85px; float:left}
.main_login .box_login_1 .type li {padding-bottom:2px; color:#8d8d8d; font-size:13px; vertical-align:top}
.main_login .box_login_1 dl {width:165px; float:left}
.main_login .box_login_1 dd {padding:1px 0}
.main_login .box_login_1 dd input {width:165px; border:1px solid #ccc; background-color:#fafafa; padding:3px 5px}
.main_login .box_login_1 .btn_login input {float:right; width:50px; height:46px;  border:none; background-color:#429ec0; font-size:13px; color:#fff; text-align:center; cursor:pointer;}
.main_login .link {padding:3px 0 0 85px;}
.main_login .link li a {display:inline-block; position: relative; margin:0 3px; padding-left:10px; font-size:12px; color:#676767;}
.main_login .link li a:before {display:block; position: absolute; top:10px; left:0; width:2px; height:2px; background-color:#000; content:'';}

/*ÀÔÇлó´ã*/
.box_counsel {position: relative;}
.box_counsel > div {position: relative; height:160px; margin-bottom:12px; padding-right:100px;}
.box_counsel h3 {padding:10px 0 13px; font-size:20px; font-family:'NanumBold'; color:#282828;}
.box_counsel .txt {font-size:25px; color:#0d8ce9;  font-family:'NanumBold';padding:0px 0 10px;}
.box_counsel .map {position: absolute; top:28px; right:20px; width:100px; height:80px;}
.box_counsel .map a {display:block; width:100px; padding-top:65px; font-size:12px; color:#3295ec; text-align:center;}
.box_counsel .map a:before {display:block; position: absolute; top:5px; left:50%; width:61px; height:61px; margin-left:-30px; background-position:0 -90px; content:'';}
.box_counsel .tit-ip{font-size:25px; color:#000;  font-family:'NanumBold';padding:15px 0 25px;}

/*°øÁö»çÇ×*/
.main_board {position:relative; padding-top:30px;}
.main_board h3 {position:absolute; top:0;}
.main_board2 h3 {left:100px;}
.main_board h3 a {display:block; width:90px; font-size:16px; color:#888; line-height:24px;} 
.main_board .on h3 a {font-weight:600; color:#282828;}
.main_board .btn_more {top:0; right:10px;}
.on .btn_more a {display:block;}
.main_board ul {display:none;}
.main_board .on ul {display:block;}
.main_board li {position: relative; padding:3px 50px 3px 0;}
.main_board li a {display:block; position: relative; padding-left:10px;}
.main_board li a:before {display:block; position: absolute; top:10px; left:0; width:2px; height:2px; background-color:#000; content:'';}
.main_board li span {position: absolute; top:3px; right:0; color:#666; font:13px;}
.main_board li a {color:#7f7f7f}

/*¼­ºñ½º¸µÅ©*/
.list_link{margin:0 0 15px 0;}
.list_link li a {float:left; position: relative; width:186px; height:180px; margin-left:18px; padding-top:0; background:none/*url(/2012/img/main/bg_box_2.png) no-repeat*/; font-size:20px; color:#282828; text-align:center;}
.list_link li:first-child a {margin-left:0;}
.list_link li a span span {display:block; font-size:12px; color:#0d8ce9;}
.list_link li a:before {background:none !important;display:block; position: absolute; top:0; left:50%; width:90px; height:90px; margin-left:-45px; content:'';}
.list_link li.li1 a:before {background-position:0 0 ;}
.list_link li.li2 a:before {background-position:-90px 0;}
.list_link li.li3 a:before {background-position:-180px 0;}
.list_link li.li4 a:before {background-position:-270px 0;}
.list_link li a img{box-shadow:#666 2px 2px 2px;border-radius:4px 4px 4px 4px;width:100%;max-width:186px;max-height:180px;}
.actinfo{margin:0 auto;text-align:center;border-radius:4px 4px 4px 4px}
.actinfo img{width:100%;max-width:365px;height:183px;border-radius:4px 4px 4px 4px}

/* network */
.net_work {position:relative;}
.net_work > p > a:before{display:block; position:absolute; top:14px; right:10px; width:20px; height:20px; background:url(/2012/img/main/btn_arrow.png) no-repeat center top; content:'';}
.net_work.on > p > a:before{background-position:0 -20px;}
.net_work > p > a:before{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.area_net {display:none; position: absolute; top:46px; left:0; z-index:5; width:360px; height:355px; background:url(/2012/img/main/img_new_work1.png) no-repeat;}
.area_net a {display:block; overflow:hidden; position: absolute; width:72px; height:0; padding-top:72px; text-indent:0;}
.area_net .li_1 a {top:2px; left:107px;}
.area_net .li_2 a {top:35px; left:242px;}
.area_net .li_3 a {top:175px; left:278px;}
.area_net .li_4 a {top:278px; left:179px;}
.area_net .li_5 a {top:239px; left:44px;}
.area_net .li_6 a {top:100px; left:6px;}
.net_work.on .area_net {display:block;}
.net_work.on .area_net {-webkit-animation: opview .7s; -moz-animation: opview .7s; -o-animation: opview .7s; -ms-animation: opview .7s; animation: opview .7s;}
@-webkit-keyframes opview {
    from {top:86px; opacity:0;}
    to {top:46px; opacity:1;}
}

/*ÇÕ°ÝÀÚ*/
.box_winner {position: relative; padding-left:276px; padding-top:15px; padding-bottom:15px;margin:0 auto;}
.box_winner h3 {position: absolute; top:33px; left:11px; width:230px; font-size:16px; color:#282828; text-align:center;}
.box_winner h3 a {color:#282828;}
.box_winner h3 a span {display:block; overflow:hidden; width:230px; height:0; padding-top:30px; background-position:-150px -90px; text-indent:-10000px;}
.box_winner_1  {position:relative; padding:0 40px 0 0px;}
.box_winner_1 .list_winner {overflow:hidden; position:relative; width:850px;}
.box_winner_1 .list_winner li {float:left; width:110px; height:77px; margin:0 2px; text-align:center;}
.box_winner_1 .list_arrow li {position: absolute; top:26px;}
.box_winner_1 .list_arrow li a {display:block; overflow:hidden; width:23px; height:0; padding-top:43px; }

/*.box_winner {position: relative; padding-left:276px; padding-top:15px; padding-bottom:15px;}
.box_winner h3 {position: absolute; top:33px; left:11px; width:230px; font-size:16px; color:#282828; text-align:center;}
.box_winner h3 a {color:#282828;}
.box_winner h3 a span {display:block; overflow:hidden; width:230px; height:0; padding-top:30px; background-position:-150px -90px; text-indent:-10000px;}
.box_winner_1  {position:relative; padding:0 40px 0 50px;}
.box_winner_1 .list_winner {overflow:hidden; position:relative; width:850px;}
.box_winner_1 .list_winner li {float:left; width:110px; margin:0 2px; text-align:center;}
.box_winner_1 .list_arrow li {position: absolute; top:26px;}
.box_winner_1 .list_arrow li a {display:block; overflow:hidden; width:23px; height:0; padding-top:43px; }8/
/*
.box_winner_1 .list_arrow li.li_prev {left:0;}
.box_winner_1 .list_arrow li.li_next {right:0;}
.box_winner_1 .list_arrow li.li_prev a {background-position:-90px -90px;}
.box_winner_1 .list_arrow li.li_next a {background-position:-120px -90px;}
*/
.list_arrow li.li_prev {left:0;} 
.list_arrow li.li_next {right:0;}
.list_arrow li.li_prev a {background-position:-90px -90px;}
.list_arrow li.li_next a {background-position:-120px -90px;}

/*jscm*/
.box_jscm a {background-position:0 -190px; padding-top:75px; width:300px; margin:0 auto}

/*¹è³Ê*/
.box_banner {position:relative; width:301px; left:17px; top:0;}
.box_banner .link {position:absolute; top:4px; right:18px; width:54px}
.box_banner .img_banner {height:73px; overflow:hidden; width:300px; margin:0 auto}
.box_banner .link li a {padding-top:15px; width:15px; float:left; margin-right:3px}
.box_banner .link li.li1 a {background-position:-560px 0}
.box_banner .link li.li2 a {background-position:-580px 0}
.box_banner .link li.li3 a {background-position:-600px 0}
.slides_container {position:relative; z-index:10}
.pagination {position:absolute; top:3px; right:-10px; z-index:100}
.pagination li {display:inline}
.pagination li a {display:inline-block; margin:0 1px; *zoom:1; background-image:url(/2012/img/main/pagination.png); background-repeat:no-repeat; padding-top:12px; height:0; width:12px; overflow:hidden; text-indent:-10000px}
.pagination li.current a {background-position:0 -12px}
.main_lnb,
.right_link li.mo_link1 a,
.right_link li.mo_link2 a,
.right_link li.mo_link3 a {display:none}

/*.visual {position:fixed; top:0; left:0; z-index:1; 100px;h:100%; height:503px;}*/
.visual {top:0; left:0; z-index:1; width:1180px; height:100px;}
#container {width:auto; padding-top:15px;}
.box_ad {position: relative;}
.box_ad .list_indicator {display:none;}
.box_ad,
.box_link {float:left; width:800px;}
.right_area {float:right; width:365px;}
.list_ad {position: relative; width:799px; height:315px;}
.list_ad li {display:none;}
.list_ad li.on {display:block;}
.main_login,
.main_login > div,
.box_board,
.box_board > div,
.box_counsel,
.box_counsel > .box_counsel_1 {background-image:url(/2012/img/main/bg_box_1.png); background-repeat:no-repeat;}
.main_login,
.box_board,
.box_counsel {padding-top:8px; background-position:center top;}
.main_login > div,
.box_board > div,
.box_counsel > div {padding-bottom:20px; padding-left:22px; padding-right:22px; background-position:center bottom;}
.box_board {margin-top:5px;}
.box_ad .list_indicator {position: absolute; bottom:10px; left:10px;}
#container > div {width:1180px; margin:0 auto;}
#container > div.area_content_2,
#container > div.area_content_3 {margin-top:20px;}
.area_container {position:relative; z-index:2;  background-color:#efefef;}
.area_footer {position:relative; z-index:1; border-top:1px solid #e1e1e1; background-color:#fff;}
.footer {position: relative; z-index:2; background-color:#fff;}

#container1 > div {width:1180px; margin:0 auto; height:520px;}
.area_container1 {position:relative; z-index:2;}
/*.visual_box1 { float:right;}*/
.visual_box1 { float:left;}
.visual_box1 li{padding-bottom:2px;-webkit-margin-after:-7px;}

.detail_view{position:absolute;right:40px;bottom:44px;}
.box_counsel > .box_counsel_1{padding:15px 22px 0 22px;}