@import url(sub_content.css);

body {background:url(/2012/img/sub/bg_sub.png) repeat-x left top;}
.lnb_hid {display:none;}
.area_top {height:80px; border-bottom:1px solid #4b9ed4;}
.sub_visual li a,
.lecture_area .btnDetail a,
.tab_lecture li a,
.main_board h3 a,
.btn_more a,
.board_pass li,
.board_pass h3 a,
.btn_pass a {background-image:url(/2012/img/main/sp_main.png); background-repeat:no-repeat}
.area_top {background-image:url(/2012/img/common/bg_gnb_2.png);}

.box_parent a,
.box_jscm a,
.lnb_area h2 span,
.right_link li a:before,
.stit_area p a:before,
.tab_link li.on a:after,
.box_safe_1:before {background-image:url(/2012/img/sub/sp_sub.png); background-repeat:no-repeat}

.lnb_area h2 span {display:block; height:0; overflow:hidden; text-indent:-10000px}

.lnb_area h2 span {background-position:0 -270px; padding-top:61px; width:250px; margin-top:15px}
/*ºñÁÖ¾ó*/
.sub_visual {background-repeat:no-repeat; background-position:center top; height:178px}
.sub_visual1 {background-image:url(/2012/img/sub/imgSub1.jpg)}
.sub_visual2 {background-image:url(/2012/img/sub/imgSub2.jpg)}
.sub_visual3 {background-image:url(/2012/img/sub/imgSub3.jpg)}
.sub_visual4 {background-image:url(/2012/img/sub/imgSub4.jpg)}
.sub_visual5 {background-image:url(/2012/img/sub/imgSub5.jpg)}
.sub_visual6 {background-image:url(/2012/img/sub/imgSub6.jpg)}
.sub_visual7 {background-image:url(/2012/img/sub/imgSub7.jpg)}
.sub_visual8 {background-image:url(/2012/img/sub/imgSub8.jpg)}
.sub_visual9 {background-image:url(/2012/img/sub/imgSub9.jpg)}
.sub_visual_box {width:1000px; margin:0 auto; position:relative; z-index:10}
.sub_visual_box p {background-image:url(/2012/img/sub/txt_subVisual.png); background-repeat:no-repeat; width:218px; height:0; padding-top:130px; overflow:hidden; text-indent:-10000px; position:absolute; top:40px; right:355px}
.sub_visual_box p.txt_visual1 {background-position:0 0px;}
.sub_visual_box p.txt_visual2 {background-position:0 -130px; display:none}
.sub_visual_box p.txt_visual3 {background-position:0 -260px; display:none}
.sub_visual li a {width:133px; padding-top:133px; position:absolute}
.sub_visual li.li1 a {background-position:0 -340px; left:650px; top:32px; z-index:20}
.sub_visual li.li2 a {background-position:-140px -340px; left:860px; top:32px; z-index:30}
.sub_visual li.li3 a {background-position:-280px -340px; left:755px; top:32px; z-index:40}
/*lnb_area*/
.sub_container {margin-bottom:20px; padding-top:80px;}
.lnb_area {width:248px; float:left; padding-top:50px}
.lnb_hide {display:none;}
#content {width:890px; float:right; margin-bottom:20px;}
/*·Î±×ÀÎ S*/
.sub_login {padding:10px;  border:1px solid #e5e5e5; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px;}
.sub_login fieldset .type {padding:5px 0 5px 12px}
.sub_login fieldset .type li {display:inline; color:#8d8d8d; font-size:13px; vertical-align:top}
.sub_login fieldset dl {width:170px; float:left}
.sub_login fieldset dd {padding:1px 0}
.sub_login fieldset dd input {padding:3px 5px}
.sub_login fieldset dd input {width:157px; border:1px solid #ccc; background-color:#fafafa; padding:2px 5px}
.sub_login fieldset .btn_login input {width:50px; float:right; width:49px; height:44px; border:none; background-color:#429ec0; font-size:13px; color:#fff; text-align:center; cursor:pointer;}
.sub_login .link {padding:3px 0 0 0;}
.sub_login .link li a {display:inline-block; position: relative; margin:0 3px; padding-left:10px; font-size:12px; color:#676767;}
.sub_login .link li a:before {display:block; position: absolute; top:10px; left:0; width:2px; height:2px; background-color:#000; content:'';}
.sub_login .link li {display:inline}
/*¼­ºñ½º¸µÅ©*/
.right_link {margin:15px 0;}
.right_link ul {padding:10px; border:1px solid #e5e5e5; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; border-radius:10px;}
.right_link li {float:left; width:112px; height:87px; border:1px solid #e9f2fe;}
.right_link li.li1,
.right_link li.li2 {border-top:none;}
.right_link li.li1,
.right_link li.li3,
.right_link li.li5 {border-left:none;}
.right_link li.li5,
.right_link li.li6 {border-bottom:none;}
.right_link li.li2,
.right_link li.li4,
.right_link li.li6 {border-right:none;}
.right_link li a {display:block; position: relative; padding-top:60px; font-weight:600; font-size:14px; color:#295a8b; text-align:center;}
.right_link li a:before {display:block; position: absolute; top:0; left:50%; width:60px; height:60px; margin-left:-30px; content:'';}
.right_link li.li1 a:before {background-position:0 0;}
.right_link li.li2 a:before {background-position:-60px 0;}
.right_link li.li3 a:before {background-position:-120px 0;}
.right_link li.li4 a:before {background-position:-180px 0;}
.right_link li.li5 a:before {background-position:-240px 0;}
.right_link li.li6 a:before {background-position:-300px 0;}
/* ¾È½É¼­ºñ½º */
.box_safe {overflow:hidden; margin-top:15px;  padding:5px; border:1px solid #b2b2b2; background-color:#f3f3f3; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; border-radius:10px;}
.box_safe_1 {position: relative; padding:10px 10px 10px 90px; background-color:#fff; -webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; -ms-border-radius:8px; border-radius:8px;}
.box_safe_1:before {display:block; position: absolute; top:5px; left:0; width:70px; height:49px; background-position:-360px 0; content:'';}
.box_safe h3 {font-weight:600; font-size:16px; color:#295a8b;}
.box_safe p {font-size:12px; color:#2182de;}
.box_safe .link a {display:block; overflow:hidden; position: absolute; top:0; left:0; width:100%; height:0; padding-top:100%; background-image:url(about:blank); text-indent:-10000px;}
/*ÀÔÇлó´ã*/
.box_counsel {padding:10px; border:1px solid #3a94cd; background-color:#4ea9e2; color:#fff; -webkit-text-shadow:1px 1px 2px rgba(0,0,0,.5); -moz-text-shadow:1px 1px 2px rgba(0,0,0,.5); -o-text-shadow:1px 1px 2px rgba(0,0,0,.5); -ms-text-shadow:1px 1px 2px rgba(0,0,0,.5); text-shadow:1px 1px 2px rgba(0,0,0,.5);}
.box_counsel h3 {padding-left:24px; font-weight:600; font-size:18px;}
.box_counsel p {padding-left:24px; font-weight:600; font-size:21px;}
/*jscm*/
.box_jscm a {background-position:0 -190px; padding-top:74px; width:250px}
/*lnb*/
.area_sub_1 {position: relative; margin-top:15px; padding-bottom:10px; background:url(/2012/img/sub/bg_snb_box.png) no-repeat left bottom;}
.area_sub_1 > h3 {height:62px; padding:25px 0 0 75px; background:url(/2012/img/sub/bg_snb_tit.png) no-repeat; font-size:18px; font-weight:600; line-height:24px; color:#295a8b; white-space:nowrap; letter-spacing:-0.09em;}
.area_sub_1 > ul {padding:0 15px 10px; background:url(/2012/img/sub/bg_snb_1.png) repeat-y;}
.lnb_ul > li > a {display:block; padding-left:10px; font-size:14px; line-height:30px; color:#656464; background:url(/2012/img/sub/bg_snb_3.png) repeat-x;}
.lnb_ul > li.on > a {background-image:url(/2012/img/sub/bg_snb_2.png); font-weight:600px; line-height:31px; color:#fff;}
.lnb_ul li ul {padding:5px 0;}
.lnb_ul li li a {position: relative; padding-left:20px; font-size:12px; line-height:22px; color:#808080;}
.lnb_ul li li.on a {color:#69a1d6;}
.lnb_ul li li.on a:before {display:block; position: absolute; top:6px; left:10px; width:2px; height:2px; background-color:#000; content:'';}
/*¼­ºêŸÀÌƲ*/
.stit_area {position: relative; height:35px; padding:80px 0 15px; background:url(/2012/img/sub/bg_tit_top.png) no-repeat right bottom;}
.stit_area h2 {font-size:24px; color:#000; }
.mo_place1 {display:none}

.stit_area p.mo_place2 {position: absolute; top:8px; right:0; color:#656565; font-size:12px;}
.stit_area p a.hr {display:inline-block; position: relative; padding-left:20px; color:#656565;}
.stit_area p a:before {display:block; position: absolute; top:6px; left:0; width:11px; height:10px; background-position:-430px -10px; content:'';}
/*ÅǸ޴º*/
.tab_link {overflow:hidden; margin:0 0 20px;}
.tab_link ul:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.tab_link li {float:left; padding-bottom:9px;}
.tab_link li a {display:block; position: relative; margin:0 1px; padding:0;}
.tab_link li span {display:block; background-color:#e2e8f1; font-size:15px; line-height:40px; color:#4d4c4c; text-align:center;}
.tab_link li.on a span {background-color:#12b5cb; font-weight:600; color:#fff;}
.tab_link li.on a:after {display:block; position: absolute;bottom:-9px; left:50%; width:14px; height:9px; margin-left:-7px; background-position:-430px 0; content:'';}
.bg_gnb {top:80px;}


/* 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;}
}


.green_box{background:#e0eed1;padding:30px;border:1px solid #333;font-size:14px}
.green_box .blue{text-align:center;color:#0046e1;font-size:16px;}
.mt20{margin-top:20px;}
.fs14{font-size:14px;}


.area_net1  {position:relative; background:url(/2012/img/common/2.png)no-repeat left top; padding-top:250px}
.area_net1 a {  position:absolute; width:55px; height:20px; padding-top:30px; text-indent:0;}
.area_net1 .li_1 a {top:15px; left:72px;}
.area_net1 .li_2 a {top:40px; left:165px;}
.area_net1 .li_3 a {top:130px; left:185px;}
.area_net1 .li_4 a {top:190px; left:120px;}
.area_net1 .li_5 a {top:170px; left:32px;}
.area_net1 .li_6 a {top:75px; left:5px;}

.btn-down-pdf01{float:right;margin:-110px 0 0 0;text-align:center;}
.btn-down-pdf01 a{display:block;color:#fff;background:#006618;border:1px solid #000;width:190px;padding:10px;font-size:17px;line-height:27px;font-weight:bold;border-radius:10px;}
.btn-down-pdf01.bg02{margin:-120px 0 0 0;}
.btn-down-pdf01.bg02 a{background:#1b2db3}