@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

a:link{color: #0080C0;text-decoration:none;}
a:visited{color: #0080C0;text-decoration:none;}
a:active{color: #4b4b4b;text-decoration:none;}
a:hover{color: #0099CC;text-decoration:none;}
body,div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,form{margin:0; padding:0;}
html{height:100%; overflow-y:scroll;}
body{font:normal dotum, 'µ¸¿ò'; font-size:12px; height:100%}
ul,ol,dl{list-style:none}
li{float:left}
img{border:0; vertical-align:top;}
ul{list-style:none; padding:0; margin:0}
.inputbox {background-color:#fff; border:black 1px solid; color:#555555; font-size:12px}

@font-family-korean: "¸¼Àº °íµñ", "Malgun Gothic", "³ª´®°íµñ", NanumGothic, "µ¸¿ò", dotum, "Georgia Pro", Arial;
@font-family-base: @font-family-korean;


/*ÅÛÇø´ ±¸°£*/
h1{font-size:30px; color:#4161c8; font-family: "Nanum Gothic", sans-serif; font-style:normal; font-weight:bold; src:url('font/NanumGothic.eot');  text-shadow: #d2d2d2 1px 1px 1px;  letter-spacing:-1px; padding:20px 0 20px 0; clear:both}
h2{font-size:20px; color:#473c34; font-family: "Nanum Gothic", sans-serif; font-style:normal; font-weight:bold; src:url('font/NanumGothic.eot'); background:url(ds_imgs/template/icon.png) no-repeat; padding:0 0 10px 15px}
h3{font-size:14px; color:#323232; font-family: "Nanum Gothic", sans-serif; font-style:normal; font-weight:normal; src:url('font/NanumGothic.eot'); background:url(ds_imgs/template/dot.png) no-repeat; padding:0 0 5px 8px}
h4{font-family: "Nanum Gothic", sans-serif; font-style:normal; src:url('font/NanumGothic.eot'); font-size:12px; color:#5c5c5c; font-weight:normal; padding:0 0 5px 20px}
h5{}
h6{}
p{	margin:0; padding:0; font-family: "Nanum Gothic", sans-serif; font-style:normal; src:url('font/NanumGothic.eot');  text-align:left; line-height:15px;font-size:13px;color:#473c34;}
.text_box{background:#f6f6f6; border:1px solid #e2e2e2; padding:20px; margin:0 auto; width:690px; margin-top:10px; margin-bottom:10px}


/*±âº» Ʋ CSS*/
#top{height:30px; width:100%; padding-top:10px}
#navi{height:50px; width:100%;}
#visual{height:703px; width:100%; background:#d9ccc2; clear:both;}
#sub_visual{height:194px; width:100%; background:#eaddd4; clear:both;}
#contents{height:100px; width:100%; padding:20px 0 20px 0px}
#bottom{height:80px; width:100%; background:#534b46; clear:both; padding-top:20px}
#sub_menu {width:100%;height:52px;background:url(ds_imgs/leftmenu/bg.png) repeat-x;}
.box{width:1079px; margin:0 auto;}
.box_menu{width:100%; height:80px;margin:0 auto;border-bottom:1px solid #cbb7a9;}

.v_box{width:1079px; margin:0 auto;}
.left{float:left; width:330px;}

.leftmenu{float:left; width:1079px;  height:52px; margin:0;padding:0px;}


.body{float:left; width:1079px;  text-align:left; padding-bottom:50px;}
.short{float:left;}
.short ul li{padding-right:10px}
.topnavi{float:right}
.topnavi ul li{padding-left:5px}



.banner{float:left; width:248px; height:110px; text-align:left; border:1px #eeeeee solid; margin-top:13px}

.board_title{width:250px; height:34px;}
.board_box{width:314px; height:auto; clear:both;padding:20px 10px 10px 10px}
.b_text{width:173px; padding-left:10px; color:#6b6b6b; clear:both; height:25px}
.b_data{width:auto; float:right;color:#a2a2a2; font-size:11px; padding-right:30px;}

.g_img{width:420px; padding-top:10px}
.g_img ul li {width:126px; height:73px; padding:3px; border:1px #bcbcbc solid;}

.rolling_banner{z-index:1; border:#dcdcdc 1px solid; width:248px; height:110px; left:0; top:0; position:relative;}
.icon{z-index:2; position:absolute; margin:7px 0 0 11px; width:236px}
.play{float:left; padding-left:5px}
.play ul li{float:left; padding-right:5px}
.rolling_icon{float:right; padding-right:10px}
.rolling_icon ul li{float:left; padding-left:5px}

.subtitle{height:78px; width:1079px;}
.subtitle_img{float:left; padding-top:30px}
.subtitle_text{float:right; color:#a7a7a7; padding:30px 10px 0 0; font-size:12px; font-family:Dotum}

/*main*/
.visual_rolling {width:635px; margin:0 auto;float:left;padding-top:35px;}


.notice_box{float:left; width:314px;height:177px; text-align:left;background:url(ds_imgs/main/m_boardbg.png);}
.notice_box a:link {color:#6b6b6b;}
.notice_box a:visited {color:#6b6b6b;}
.notice_box a:active{color:#6b6b6b}/* ±âº» a ÅÂ±× »óÅÂÀÏ ¶§ */
.notice_box a:hover{color:#0a84d2;}/* a ÅÂ±× ¸¶¿ì½º ¿À¹ö ÇÒ´ë*/

.qna_box{float:left; width:314px;height:177px; text-align:left;background:url(ds_imgs/main/m_boardbg2.png);}
.qna_box a:link {color:#6b6b6b;}
.qna_box a:visited {color:#6b6b6b;}
.qna_box a:active{color:#6b6b6b}/* ±âº» a ÅÂ±× »óÅÂÀÏ ¶§ */
.qna_box a:hover{color:#2eb709;}/* a ÅÂ±× ¸¶¿ì½º ¿À¹ö ÇÒ´ë*/

.support {width:220px;margin:0 auto;float:left;padding-top:37px;}

.gallery_box{position:relative;float:left; width:224px; height:180px; float:left; margin-top:37px;background:url(ds_imgs/main/gallery_box.png) no-repeat;z-index:50;}
.g_imgbox {padding:0px 7px 26px 4px;}
.g_txtbox {width:213px; height:40px; position:absolute;z-index:100; background:url(ds_imgs/main/gallery_bottom.png) no-repeat; padding-top:130px; color:#fff;font-family: "Nanum Gothic", sans-serif;}
.g_title {color:#fff;font-size:16px;padding-left:10px;}
.g_title a:link {color:#fff;}
.g_title a:visited {color:#fff;}
.g_title a:active{color:#fff}/* ±âº» a ÅÂ±× »óÅÂÀÏ ¶§ */
.g_title a:hover{color:#ffa15b;}/* a ÅÂ±× ¸¶¿ì½º ¿À¹ö ÇÒ´ë*/
.g_date {color:#cecece;font-size:12px;padding:3px 0 0 10px;}



.surve {width:220px;margin:0 auto;float:left;height:185px;}
.imgbox {width:224px;float:right;}
.program_box {width:220px;height:271px;float:left;}
.state {float:right;}
.r_lebox {width:220px;float:left;}
.r_ribox {width:224px;float:right;}
.leftbox{width:635px;float:left;}
.rightbox{width:444px;float:right;}


/*padding*/
.pad_top_70 {padding-top:70px; clear:both;}
.pad_top_50 {padding-top:50px; clear:both;}
.pad_top_30 {padding-top:30px; clear:both;}
.pad_top_10 {padding-top:10px; clear:both;}

/*page°ü·Ã*/
.img_center {width:1079px;text-alilgn:center;}

.insa_box {background:url(ds_imgs/ds1/img1_1.png) no-repeat;padding:60px 0px 30px 0px; }
.insa_box p {font-family: "Nanum Gothic", sans-serif; font-style:normal; font-weight:normal; src:url('font/NanumGothic.eot'); font-size:13px;line-height:20px;color:#473c34;}

.purpose_box {background:url(ds_imgs/ds1/img2_1.png) no-repeat;height:400px;padding:10px 0px 30px 0px; }
.purpose_box p {font-family: "Nanum Gothic", sans-serif; font-style:normal; font-weight:normal; src:url('font/NanumGothic.eot'); font-size:13px;line-height:20px;color:#473c34;}
.history_date {width:atuo;float:left;color:#df461d; font-size:13px; font-family: "Nanum Gothic", sans-serif; font-style:normal; font-weight:bold; src:url('font/NanumGothic.eot'); line-height:20px;}
.history_txt {width:atuo; float:left;font-size:13px; font-family: "Nanum Gothic", sans-serif; font-style:normal; font-weight:normal; src:url('font/NanumGothic.eot'); line-height:20px;padding-left:20px;color:#473c34;}

.fac_date {width:70px;float:left;color:#df461d; font-size:13px; font-family: "Nanum Gothic", sans-serif; font-style:normal; font-weight:bold; src:url('font/NanumGothic.eot'); line-height:30px;}
.fac_txt {width:atuo; float:left;font-size:13px; font-family: "Nanum Gothic", sans-serif; font-style:normal; font-weight:normal; src:url('font/NanumGothic.eot'); line-height:30px;padding-left:20px;color:#473c34;}
.fac_left {width:650px; float:left;}
.fac_right {width:400px; float:right;}

.map_img {width:60px;;float:left;}
.map_txt {width:340px;float:left}
.map_txt h3 {color:#ba514e;}
.map_txt p {font-size:12px;color:#473c34;}

.pro_imgbox {width:550px;float:left;}
.pro_txtbox {width:400px;float:left}
.pro_txtbox h3 {font-size:16px;color:#ba514e;font-weight:bold}

.spon_box {background:url(ds_imgs/ds5/img1_1.png) no-repeat;padding:60px 0px 30px 0px; }
.spon_box p {font-family: "Nanum Gothic", sans-serif; font-style:normal; font-weight:normal; src:url('font/NanumGothic.eot'); font-size:15px;line-height:30px;color:#473c34;}

.spon_box2 {background:url(ds_imgs/ds5/img2_1.png) no-repeat;padding:60px 0px 30px 0px; }
.spon_box2 p {font-family: "Nanum Gothic", sans-serif; font-style:normal; font-weight:normal; src:url('font/NanumGothic.eot'); font-size:15px;line-height:30px;color:#473c34;}

.login_txt p {font-family: "Nanum Gothic", sans-serif; font-style:normal; font-weight:normal; src:url('font/NanumGothic.eot'); font-size:15px;line-height:30px;color:#473c34;}
.join_txt {width:1072px;text-align:center;font-family:³ª´®°íµñ; font-style:normal; font-weight:normal; src:url('font/NanumGothic.eot'); font-size:14px;line-height:25px;color:#473c34;}
.join_box {width:1032px;height:100px;border:1px solid #cba49a;font-family:³ª´®°íµñ; font-style:normal; font-weight:normal; src:url('font/NanumGothic.eot'); font-size:14px;line-height:25px;color:#473c34;}

/*¾à°ü*/
.policy{height: 400px; width: 1032px; BACKGROUND-COLOR: #ffffff; COLOR: #666666; FONT-SIZE: 12px;padding:20px; border:1px solid #cba49a; overflow-y: scroll; border-right: 0; color:#666666;}
.p_tit{font-weight:bold; padding-bottom:40px}
.s_tit{font-weight:bold; clear:both}

.policy dl dt{color:#666666; font-weight:bold; clear:both}
.policy dl dd{color:#666666; padding:15px 0 30px 0}
.p_list li{margin-bottom: 8px; padding-left: 15px; text-indent: -15px; line-height: 18px; text-align: justify; clear:both}
.s_list{clear:both; padding-bottom:10px}
.s_list li{margin-bottom: 0px; padding-left: 15px; line-height: 18px; text-align: justify; clear:both}
.ps_list li{margin-bottom: 8px; padding-left: 10px; text-indent: -10px; line-height: 18px; text-align: justify; clear:both}
.p1_list li{margin-bottom: 8px; padding-left: 10px; text-indent: -10px; line-height: 18px; text-align: justify; width:300px; float:left}

.policy_box{ width:696px; height:25px; color:#666666; padding:10px;
       border: 7px solid #d7d7d7; 
       /*È®ÀÎÀ» À§ÇØ Å׵θ®¸¦ÁÜ*/ 
       background:#fff;
       /*IE¿¡¼­´Â Å׵θ®°¡ ¹è°æ»öÀ̵ȴÙ*/
       -moz-border-radius: 11px;
        /*ÆÄÀ̾îÆø½º*/
        -webkit-border-radius: 11px;
        /*À¥Å¶±â¹Ý ºê¶ó¿ìÀú ±¸±ÛÅ©·Ò »çÆĸ®*/
        border-radius: 11px;
        /* ¿ÀÆä¶ó 10.5ÀÌ»ó */
        behavior: url(ie-css3.htc);
        /*IE6ÀÌ»ó IE-CSS3 ÇÙ»ç¿ë*/
       }
.policy_box_u{ width:680px; color:#666666; padding:20px; text-align:center; font-weight:bold; font-size:16px; font-family:Dotum;
       border: 7px solid #d7d7d7; 
       /*È®ÀÎÀ» À§ÇØ Å׵θ®¸¦ÁÜ*/ 
       background:#fff;
       /*IE¿¡¼­´Â Å׵θ®°¡ ¹è°æ»öÀ̵ȴÙ*/
       -moz-border-radius: 11px;
        /*ÆÄÀ̾îÆø½º*/
        -webkit-border-radius: 11px;
        /*À¥Å¶±â¹Ý ºê¶ó¿ìÀú ±¸±ÛÅ©·Ò »çÆĸ®*/
        border-radius: 11px;
        /* ¿ÀÆä¶ó 10.5ÀÌ»ó */
        behavior: url(ie-css3.htc);
        /*IE6ÀÌ»ó IE-CSS3 ÇÙ»ç¿ë*/}
       
.privacy_tb {margin-top: 20px; width:680px}
.privacy_tb tbody td.align_L {text-align: left; padding-left:10}
.privacy_tb thead th, .privacy_tb tbody th, .privacy_tb tbody td {font-size: 11px;letter-spacing: -1px;padding: 6px 15px;border: 1px solid #f0f0f0;text-align: center;}
.p_text{color:#666666; padding-top:20px}

caption.caption {display: none;}
.edu_tb {margin-top: 20px; width:733px}
.edu_tb tbody td.align_L {text-align: left;}
.edu_tb thead th, .edu_tb tbody th {font-size: 12px;letter-spacing: -1px;padding: 6px 15px;border: 1px solid #f0f0f0;text-align: center; color:#4d78b8; background:#F6F6F6; border-top:2px solid #4d78b8}
.edu_tb tbody td{font-size: 12px;letter-spacing: -1px;border: 1px solid #f0f0f0;text-align: center; color:#666666; padding: 6px 15px;}
.edu_tb tbody td.done{color:#B63B3B; font-weight:bold}
.sw_title{background:#F6F6F6; font-weight:bold; width:100px;}

.edu{padding:10px 0 10px 0; margin:0 auto; width:100px; height:50px}

.edu_t{padding:10px 0 10px 0; margin:0 auto; width:100%; height:15px;text-align:center;}
.edu ul li{padding:0 5px 0 5px; font-size:12px}
.edu_number_t{font-weight:bold;text-align:center;width:100%;}
.edu_number{font-weight:bold; color:red;text-align:center;}

.edu_list ul li.title{background:url(ds_imgs/sub19/dot.png)no-repeat 0 2px; font-size:12px; color:#666666; padding-left:20px; width:100px; clear:both; margin-bottom:15px; font-weight:bold; color:#404040}
.edu_list ul li.con{width:570px}

.edu_box{ width:696px; color:#666666; padding:10px;
       border: 7px solid #d7d7d7; 
       /*È®ÀÎÀ» À§ÇØ Å׵θ®¸¦ÁÜ*/ 
       background:#fff;
       /*IE¿¡¼­´Â Å׵θ®°¡ ¹è°æ»öÀ̵ȴÙ*/
       -moz-border-radius: 11px;
        /*ÆÄÀ̾îÆø½º*/
        -webkit-border-radius: 11px;
        /*À¥Å¶±â¹Ý ºê¶ó¿ìÀú ±¸±ÛÅ©·Ò »çÆĸ®*/
        border-radius: 11px;
        /* ¿ÀÆä¶ó 10.5ÀÌ»ó */
        behavior: url(ie-css3.htc);
        /*IE6ÀÌ»ó IE-CSS3 ÇÙ»ç¿ë*/
       }
.edu_btn{padding:20px 0 10px 0}
.edu_btn ul li{padding-right:10px}

.colum_box{ width:690px; padding:20px; height:55px;
       background:#E4EBF4;
       /*IE¿¡¼­´Â Å׵θ®°¡ ¹è°æ»öÀ̵ȴÙ*/
       -moz-border-radius: 11px;
        /*ÆÄÀ̾îÆø½º*/
        -webkit-border-radius: 11px;
        /*À¥Å¶±â¹Ý ºê¶ó¿ìÀú ±¸±ÛÅ©·Ò »çÆĸ®*/
        border-radius: 11px;
        /* ¿ÀÆä¶ó 10.5ÀÌ»ó */
        behavior: url(ie-css3.htc);
        /*IE6ÀÌ»ó IE-CSS3 ÇÙ»ç¿ë*/
       }
.colum{color:#3B3B3B;}
.colum ul li{padding-right:20px}
.colum_select{color:#3B3B3B; font-size:11px; font-family:Dotum; letter-spacing:1px; height:22px; vertical-align: middle;margin-right: 1px; border: 1px solid #d1d1d1;background: #fff; }
.radio{padding:0 10px 0 5px}



/*ȸ¿ø°¡ÀÔ*/
.member_title{clear:both; padding:20px 0 10px 0}
.registerbox1 {height: 200px; width: 673px; BACKGROUND-COLOR: #ffffff; COLOR: #666666; FONT-SIZE: 12px; border:1px solid #d7d7d7; padding:20px}
.member_ok{margin:-2px 0 0 3px; color:#666666}
.inputbox{background-color: #ffffff; border-bottom: #d9d9d9 1px solid; border-left: #d9d9d9 1px solid; border-right: #d9d9d9 1px solid; border-top: #d9d9d9 1px solid; color:#330000;width:150px; height:20px}
.member{clear:both}
.en_title{height:30pxwidth:200px; padding:10px 0 0 10px; font-weight:bold}
.en_text{border-bottom:1px solid #E4E4E4; height:32px; width:673px; padding:8px 0 0 10px; font-size: 11px; line-height: 15px; color:#666666}

.report{border-top:2px solid #A9A9A9; width:540px; float:left;}
.pr_title{border-bottom:1px solid #E4E4E4; height:23px; background:#F1F1F1; color:#575757; width:100px; padding:8px 0 0 10px; font-weight:bold;}
.pr_text{border-bottom:1px solid #E4E4E4; height:26px; width:420px; padding:5px 0 0 10px; font-size: 11px; line-height: 15px; color:#666666}
.pr_text1{border-bottom:1px solid #E4E4E4; height:26px; width:150px; padding:5px 0 0 10px; font-size: 11px; line-height: 15px; color:#666666}
.rep_img{width:155px; height:173px; float:left; border:1px solid #dcdcdc; margin-right:13px; text-align:center; padding:10px}

p.enn{font-weight:bold; color:#0B50B8; font-family:Dotum}

.m_title{background:url(ds_imgs/sub19/dot.png)no-repeat 0 2px; font-size:12px; color:#666666; padding-left:20px; width:70px; clear:both; margin-bottom:15px;}
.m_con{}
input.text {height: 22px;font-size: 11px;letter-spacing: -1px;line-height: 23px;vertical-align: middle;margin-right: 1px;padding: 0 4px;border: 1px solid #d1d1d1;background: #fff;}
input.text, textarea {border-color: #c5c5c5 #eaeaea #eaeaea;border-radius: 2px;}
span.required {width: 10px;height: 1em;color: #ff9a4f;display: inline-block;overflow: hidden;text-indent: -999em;background: url(ds_imgs/member/bull_required.gif) no-repeat 50% 50%;}
.required_txt {font-size: 11px;letter-spacing: -1px;font-weight: bold;margin-bottom: 10px; color:#666666}
span.withip {vertical-align: middle; margin-left: 5px; display: inline-block;}

.info_btn{padding-top:20px; height:auto; clear:both;  margin:0 auto; width:1072px; text-align:center; }
.info_btn ul{padding:0 5px 0 5px; width:100%; text-align:center;}







/*¾ÆÀ̵ð/ºñ¹Ð¹øÈ£ ã±â*/
.ip{width:643px; height:206px; text-align:left; background:url(ds_imgs/login/ip_bg.png); padding-top:17px}
.id_title{float:left; width:76px; clear:both; padding-bottom:10px}
.id_text{float:left; width:160px;}