@charset "utf-8";


@import url("reset.css");  
@import url("default.css");  

/* common */
header{text-align:center;}
header .util{background:#3e3e3e;text-align:center;padding:4px 0;}
header .util ul{width:960px;height:22px;margin:0 auto;_margin-left:-10px;}
header .util ul li{float:right;margin-left:4px;}
header .header_cnt{position:relative;width:960px;height:96px;margin:0 auto;text-align:left;}
header .header_cnt h1{position:absolute;top:17px;left:0;height:100px;}
header .header_cnt nav{position:absolute;top:20px;left:200px;z-index:10;}
header .header_cnt nav ul{margin-left:50px;display:inline-block;}
header .header_cnt nav li{float:left;padding:20px 25px;}
#apDiv1,
#apDiv2,
#apDiv3,
#apDiv4,
#apDiv5{position:absolute;top:35px;height:40px;z-index:1;visibility: hidden;z-index:10;}

#apDiv1 ul,
#apDiv2 ul,
#apDiv3 ul,
#apDiv4 ul,
#apDiv5 ul{display:inline-block;padding:0;_width:700px;}
#apDiv1 li,
#apDiv2 li,
#apDiv3 li,
#apDiv4 li,
#apDiv5 li{padding:0;padding:10px 5px;}

#apDiv1{left:15px;display:inline-block;}
#apDiv2{left:120px;}
#apDiv3{left:140px;}
#apDiv4{left:457px;}
#apDiv5{left:415px;}

footer{clear:both;margin:35px auto;text-align:center;}
footer .footer_cnt{background:#f4f4f4;}
footer .foot_banner{width:960px;height:57px;margin:0 auto;padding:8px 0;text-align:center;}
footer .foot_banner ul{display:inline-block;.width:832px;margin:0 auto;}
footer .foot_banner li{float:left;margin:0 3px;}
footer .copyright {position:relative;width:960px;margin:0 auto;text-align:left;padding:25px 0;}
footer .copyright p{position:absolute;top:38px;left:170px;width:600px;}
footer .copyright_admin{position:absolute;top:35px;left:720px;width:50px;}

/* aside{position:fixed;_position:absolute;top:132px;left:50%;margin-left:500px;width:216px;height:340px;z-index:100;background:url(../images/c_img/quick.png) no-repeat left top;}
aside .quick{position:relative;}
aside .quick table{margin:115px 0 0 25px;width:160px;background:#f3f3f3;color:#605f5f;}
aside .quick input{width:90px;}
aside .quick input.radio{width:10px;margin-top:5px;}
aside .quick th,
aside .quick td{padding:3px 0;text-align:center;border-top:1px solid #c1c1c1;border-bottom:1px solid #c1c1c1;}
aside .quick th{border-right:1px solid #c1c1c1;font-size:11px;font-family: '맑은 고딕', 'Malgun Gothic','NanumGothic'}
aside .quick td p{font-size:11px;text-align:right;margin-right:10px;padding:4px 0;font-family: '맑은 고딕', 'Malgun Gothic','NanumGothic'}
aside .quick td label{font-size:12px;line-height:10px;}
aside .quick p.btn{margin-top:10px;text-align:center;}
aside .quick .close {position:absolute;top:-103px;right:16px;} */


aside{position:fixed;_position:absolute;top:132px;left:50%;margin-left:-800px;width:300px;height:323px;z-index:100;}
aside .board{position:relative;}


/* main */

article{text-align:center;}

article section.visual_banner{width:960px;height:80px;margin:0 auto;text-align:center;}
article section.notice_wrap{width:966px;margin:0 auto;text-align:left;position:relative;z-index:1;}
article section.visual_banner{height:80px;margin-top:55px;}
article section.notice_wrap div{float:left;}
article section.notice_wrap div h2{position:relative;margin-bottom:10px;}
article section.notice_wrap div h2 span{position:absolute;top:0;right:1px;}
article section.notice_wrap{margin-top:35px;height:136px;}
article section.visual_banner li{float:left;margin:0 1px;}

article section.notice_wrap div.center{width:355px;}
article section.notice_wrap div.center h2 span{right:7px;}
article section.notice_wrap div.center li{float:left;margin-right:6px;}
article section.notice_wrap div.center li.last{margin-right:0;}

article section.notice_wrap div.notice{width:270px;margin-right:35px;}
article section.notice_wrap div.notice li{position:relative;margin:9px 0;padding-left:12px;background:url(../images/m_img/bu_notice.gif) no-repeat left center;}
article section.notice_wrap div.notice li a {color:#919191;}
article section.notice_wrap div.notice li span{position:absolute;right:0;}

article section.visual {background:url(../images/m_img/bg_visual.jpg) no-repeat center 120px;height:345px;text-align:center;position:relative;z-index:0;}
article section.visual .visual_cnt{position:relative;width:960px;margin:0 auto;text-align:left;}
article section.visual .visual_cnt p{position:absolute;top:30px;}
article section.visual .visual_cnt .visual_1{position:absolute;top:100px;left:700px;.left:600px;opacity:0;}
article section.visual .visual_cnt .visual_2{position:absolute;top:60px;left:530px;opacity:0;}
article section.visual .visual_cnt .visual_3{position:absolute;top:30px;.top:170px;left:100px;opacity:0;}

article section.visual_sub {background:url(../images/s_img/bg_sub_visual.jpg) no-repeat center top;height:164px;text-align:center;position:relative;z-index:0;}
article section.visual_sub .visual_cnt{position:relative;width:960px;margin:0 auto;text-align:left;z-index:0;}
article section.visual_sub .visual_cnt p{position:absolute;top:30px;}
article section.visual_sub .visual_cnt .visual_4{position:absolute;top:-5px;left:700px;.left:600px;opacity:0;z-index:0;opacity:0;}
article section.visual_sub .visual_cnt .visual_5{position:absolute;top:-10px;left:530px;opacity:0;z-index:0;}
article section.visual_sub .visual_cnt .visual_6{position:absolute;top:-60px;.top:37px;left:100px;z-index:0;opacity:0;}
article section.visual_sub .visual_cnt .visual_4 img{width:250px}
article section.visual_sub .visual_cnt .visual_5 img{width:70%}
article section.visual_sub .visual_cnt .visual_6 img{width:300px;}

/* sub */
article div.sub_wrap {display:inline-block;width:960px;margin:30px auto;}
article section.lnb {width:193px;float:left;text-align:left;}
article section.lnb h1{background:url(../images/s_img/bg_tit_lnb.jpg) no-repeat;height:90px;padding-top:60px;_height:150px;color:#fff;text-align:center;font:bold 20px '맑은 고딕', 'Malgun Gothic','NanumGothic';}
article section.lnb h1.lnb4{height:100px;padding-top:50px;_height:150px;}
article section.lnb li{border-top:1px solid #fff;list-style:none;}
article section.lnb li a{width:100%;.width:163px;_width:193px;.margin-left:-16px;_margin-left:-17px;display:inline-block;font-weight:bold;background:#eaeaea;padding:15px;box-sizing:border-box;}
article section.lnb li a:hover,
article section.lnb li a:focus,
article section.lnb li a.on{background:#5b5b5b;color:#fff;text-decoration:none;}
article section.contents{margin-left:49px;width:718px;float:left;text-align:left;}
article section.contents h2{position:relative;color:#5b5b5b;font:bold 30px '맑은 고딕', 'Malgun Gothic','NanumGothic';}
article section.contents h2 span{position:absolute;top:20px;right:0;font:normal 12px '맑은 고딕', 'Malgun Gothic','NanumGothic';letter-spacing:-1px;}
article section.contents h2 span b{color:#0966bc;}
article section.contents div.sub{margin-top:40px;min-height:400px;}
article section.contents div.notice table{width:100%;margin-top:40px;}
article section.contents div.notice table th{background:#f1f1f1;padding:10px 0;text-align:center;font-family:'맑은 고딕', 'Malgun Gothic','NanumGothic';color:#444;}
article section.contents div.notice table td{text-align:center;color:#444;padding:10px 0;border-bottom:1px solid #efefef;font-family:'맑은 고딕', 'Malgun Gothic','NanumGothic';}
article section.contents div.program table{width:100%;border-top:1px solid #eeeeee;margin-top:40px;}
article section.contents div.program table th{background:#f1f1f1;padding:10px 0 10px 15px;text-align:left;color:#444;font:normal 12px '맑은 고딕', 'Malgun Gothic','NanumGothic';border-bottom:1px solid #dadada;border-top:1px solid #dadada;}
article section.contents div.program table td{text-align:left;color:#444;padding:10px 0 10px 15px;border-bottom:1px solid #eeeeee;font:normal 12px '맑은 고딕', 'Malgun Gothic','NanumGothic';}
article section.contents div.program table td input{border:1px solid #c2c2c2;padding:3px 5px;}
article section.contents div.program table td input.none{border:none;}
article section.contents div.program div{min-height:auto;}

article section.contents div.list table{width:100%;}
article section.contents div.list table th{background:#f1f1f1;padding:10px 0;text-align:center;font-family:'맑은 고딕', 'Malgun Gothic','NanumGothic';color:#444;}
article section.contents div.list table td{text-align:center;color:#444;padding:10px 0;border-bottom:1px solid #efefef;font-family:'맑은 고딕', 'Malgun Gothic','NanumGothic';}

article section.contents div.tab{position:relative;}
article section.contents div.tab ul{height:47px;margin-bottom:20px;}
article section.contents div.tab ul li{float:left;margin:0 1px;}
article section.contents div.tab ul li.first{margin-left:2px;}
article section.contents div.tab ul li a{display:inline-block;width:117px;height:47px;line-height:57px;text-align:center;background:url(../images/s_img/bg_ad.gif) no-repeat right top;}
article section.contents div.tab ul li a:hover,
article section.contents div.tab ul li a:focus,
article section.contents div.tab ul li a.on{background-position:left top;text-decoration:none;color:#fff;font-weight:bold;font-size:16px;line-height:47px;}
article section.contents div.tab span{position:absolute;top:47px;display:inline-block;width:100%;height:1px;border-top:1px solid #d7d7d7;}

article section.contents div.test{margin-top:15px;}
article section.contents div.test table{width:100%;border-top:2px solid #fd3665;border-left:1px solid #d8d8d8;border-right:1px solid #d8d8d8;}
article section.contents div.test table th{/* background:#f1f1f1; */padding:10px 0;text-align:center;font-family:'맑은 고딕', 'Malgun Gothic','NanumGothic';color:#444;font-size:14px;}
article section.contents div.test table th.pink {color:#fd3665;font-size:18px;}
article section.contents div.test table td{text-align:center;color:#444;padding:10px 0;border:1px solid #d8d8d8;font-size:13px;font-family:'맑은 고딕', 'Malgun Gothic','NanumGothic';}

article section.contents div.result{margin-top:20px;text-align:center;border:7px solid #ebebeb;padding:10px;font:bold 18px '맑은 고딕', 'Malgun Gothic','NanumGothic';color:#1872c5;}
article section.contents div.btn_result{text-align:center;margin-top:20px;}
article section.contents div.btn_result a{display:inline-block;width:158px;height:42px;_height:55px;text-align:center;color:#fff;padding-top:13px;font:bold 18px '맑은 고딕', 'Malgun Gothic','NanumGothic';background:url(../images/s_img/btn_bg.jpg) left bottom;}
article section.contents div.btn_result a:hover{text-decoration:none;background-position:left top}
article section.contents div.grade {text-align:right;font:bold 18px '맑은 고딕', 'Malgun Gothic','NanumGothic';color:#444;}
article section.contents div.grade input {.margin-top:8px;width:50px;border:1px solid #ccc}

article section.contents div.treat{min-height:145px;position:relative;margin-top:20px;text-align:center;border:7px solid #ebebeb;padding:10px;font:bold 18px '맑은 고딕', 'Malgun Gothic','NanumGothic';color:#444;}
article section.contents div.treat p{position:absolute;top:10px;left:10px;width:140px;height:140px;border:1px solid #efefef;}
article section.contents div.treat h3{font-size:15px;text-align:left;margin-left:160px;padding:0 0 10px 0;border-bottom:2px solid #efefef;color:#1872c5;}
article section.contents div.treat h3 span{font-size:22px;}
article section.contents div.treat ul{margin-left:160px;margin-top:7px;}
article section.contents div.treat li{text-align:left;margin:3px 0;font:bold 13px '맑은 고딕', 'Malgun Gothic','NanumGothic';}