@import url('http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css');
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css"); 

a:link{color: #3c3c3c;text-decoration:none;}
a:visited{color: #3c3c3c;text-decoration:none;}
a:active{color: #3c3c3c;text-decoration:none;}
a:hover{color: #3c3c3c;text-decoration:none;}
body,div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,form{margin:0; padding:0;font-family:'Nanum Gothic',sans-serif; font-weight:300 }
html{overflow-y:scroll;}
ul,ol,dl{list-style:none}
li{float:left; text-decoration:none;}
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:13px}
input{background-color:#fff; border:1px solid #fff; color:#555555; font-size:13px;height:23px;   }
textarea{background-color:#fff; border:1px solid #fff; color:#555555; font-size:13px;height:25px;}
form img {vertical-align:top !important;}
input[type="image"] { height:auto; border:none; background:none}

/*템플릿 구간*/
h1{font-size:16px; color:#4161c8;   font-style:normal; font-weight:bold;  letter-spacing:-1px; padding:20px 0 0px 0; clear:both}
h2{font-size:24px; color:#223707;   font-style:normal; font-weight:bold;  padding-left:10px; margin:10px 0 10px 0;}
h3{font-size:20px; line-height:25px; color:#484848; font-weight:800; letter-spacing:-1px; width:100%; padding:0px 0 10px 16px; font-family:"NanumSquare", sans-serif; background:url(ds_imgs/sub/dot.png)0 5px no-repeat}
h4{font-family:"NanumSquare", sans-serif;  font-size:17px; margin:0; color:#4b4b4b; font-weight:800; padding:5px 0 0 0; width:100%; line-height:19px; letter-spacing:-1px;}
h5{}
h6{}
p{margin:0; padding:0;    font-style:normal;  font-size:16px; text-align:left; line-height:160%; color:#5c5c5c;}
.text_box{background:#f6f6f6; border:1px solid #e2e2e2; padding:20px; margin:0 auto; width:690px; margin-top:10px; margin-bottom:10px}
.normal{font-weight:normal; font-size:16px}
.ellipsis {display: block; word-wrap:break-word; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hidden {display:none}

/* 마진 */
.m0{margin:0 !important}

.mt_5{margin-top:5px}
.mt_10{margin-top:10px}
.mt_15{margin-top:15px}
.mt_20{margin-top:20px}
.mt_25{margin-top:25px}
.mt_30{margin-top:30px}
.mt_35{margin-top:35px}
.mt_40{margin-top:40px}
.mt_45{margin-top:45px}
.mt_50{margin-top:50px}

.mb_5{margin-bottom:5px}
.mb_10{margin-bottom:10px}
.mb_15{margin-bottom:15px}
.mb_20{margin-bottom:20px}
.mb_25{margin-bottom:25px}
.mb_30{margin-bottom:30px}
.mb_35{margin-bottom:35px}
.mb_40{margin-bottom:40px}
.mb_45{margin-bottom:45px}
.mb_50{margin-bottom:50px}

.ml_5{margin-left:5px}
.ml_10{margin-left:10px}
.ml_15{margin-left:15px}
.ml_20{margin-left:20px}
.ml_25{margin-left:25px}
.ml_30{margin-left:30px}
.ml_35{margin-left:35px}
.ml_40{margin-left:40px}
.ml_45{margin-left:45px}
.ml_50{margin-left:50px}

.mr_5{margin-right:5px}
.mr_10{margin-right:10px}
.mr_15{margin-right:15px}
.mr_20{margin-right:20px}
.mr_25{margin-right:25px}
.mr_30{margin-right:30px}
.mr_35{margin-right:35px}
.mr_40{margin-right:40px}
.mr_45{margin-right:45px}
.mr_50{margin-right:50px}

/* 패딩 */
.p0{padding:0 !important}
.pt_5{padding-top:5px}
.pt_10{padding-top:10px}
.pt_15{padding-top:15px}
.pt_20{padding-top:20px}
.pt_25{padding-top:25px}
.pt_30{padding-top:30px}
.pt_35{padding-top:35px}
.pt_40{padding-top:40px}
.pt_45{padding-top:45px}
.pt_50{padding-top:50px}

.pb_5{padding-bottom:5px}
.pb_10{padding-bottom:10px}
.pb_15{padding-bottom:15px}
.pb_20{padding-bottom:20px}
.pb_25{padding-bottom:25px}
.pb_30{padding-bottom:30px}
.pb_35{padding-bottom:35px}
.pb_40{padding-bottom:40px}
.pb_45{padding-bottom:45px}
.pb_50{padding-bottom:50px}

.pl_5{padding-left:5px}
.pl_10{padding-left:10px}
.pl_15{padding-left:15px}
.pl_20{padding-left:20px}
.pl_25{padding-left:25px}
.pl_30{padding-left:30px}
.pl_35{padding-left:35px}
.pl_40{padding-left:40px}
.pl_45{padding-left:45px}
.pl_50{padding-left:50px}

.pr_5{padding-right:5px}
.pr_10{padding-right:10px}
.pr_15{padding-right:15px}
.pr_20{padding-right:20px}
.pr_25{padding-right:25px}
.pr_30{padding-right:30px}
.pr_35{padding-right:35px}
.pr_40{padding-right:40px}
.pr_45{padding-right:45px}
.pr_50{padding-right:50px}



/*기본 틀 CSS*/
#top{width:100%; height: 72px; margin:0 auto; border-top:3px solid #007fc3;}
.topLog{width:1077px; height:72px; margin:0 auto;}
.topLog_m{display:none}
.logo{float:left; padding-top:10px}
.topNavi{float:right; padding-top:28px}
.topNavi ul{float:left;}
.topNavi ul li{padding-left:12px}
.topNavi ul.logB li{padding-left:5px}
.topNavi ul.flag{padding-top:1px}
.topNavi ul.flag li.op{opacity: 0.5; filter: alpha(opacity=50);}
.topNavi ul.flag li img{width:41px}

@media screen and (max-width:1000px) {
 #top{height:auto}
  .mNavibox{float:right; padding:9px 5% 0 0}
  .mNavi{background:#f8f8f8; border-top:1px solid #dde2e3; clear:both}
  .mNavi:after {content: "."; display: block; clear: both; height:0; font-size: 0; visibility: hidden;}
  .topLog{width:94%; padding:0 3%}
}

#navi{width:100%; border-top:1px solid #dde2e3; border-bottom:1px solid #dde2e3; background:#f8f8f8; height:46px}

@media screen and (max-width:767px) {
	.topLog {display:none}
	#navi{display:none}
	.topLog_m{display:block}
	.logo{padding:0 0 0 5%; float:left}
	.topNavi{padding:10px 5%; width:90%; background:#fff}
	.topNavi ul.flag{float:right}
	.topNavi ul.logB li{padding:0 5px 0 0}
	.topNavi ul.logB li img{height:19px}
	.topNavi ul.flag li img{width:37px}
}

#visual{width:100%; clear:both; margin:0 auto;}
#visual div.v_box {height:358px; width:1200px; margin:0 auto; clear:both;}
#visual_sub {width:100%; background:#ffffff; height:186px;}
#visual_sub div.v_box {height:186px; margin:0 auto; clear:both; background-position:center}


#mbanner{width:100%; height:162px;}
.quickicon{width:1077px; margin:0 auto;}
.quickicon ul li{width:20%; background:url(ds_imgs/main/icon_line.png)0 0 no-repeat; text-align:center; margin-top:22px}
.quickicon ul li:first-child{background:none;}
.quickicon p{text-align:center; color:#333333; font-family:"NanumSquare", sans-serif; font-size:15px; padding-top:8px}
@media screen and (max-width:1000px) {
	#mbanner{height:auto;}
	#mbanner:after {content: "."; display: block; clear: both; height: 22px; font-size: 0; visibility: hidden;}
	.quickicon{width:100%}
	.quickicon ul li{width:20%; background:url(ds_imgs/main/icon_line.png)0 0 no-repeat; text-align:center; margin-top:22px}
	.quickicon ul li:first-child{background:none;}
	.quickicon p{text-align:center; color:#333333; font-family:"NanumSquare", sans-serif; font-size:3vw; font-weight:500; letter-spacing:-1px; padding-top:8px}
}
@media screen and (max-width:600px) {
	.quickicon ul li{width:33%}
	.quickicon img{width:60%}
	.quickicon p{font-size:4vw}
	.mpadding{margin-left:17%; background:none !important}
}

#mcontents{background:#f4f7fa; width:100%; height:458px; padding-top:35px}
#mcontents:after {content: "."; display: block; clear: both; height: 0; font-size: 0; visibility: hidden;}
.mBox{width:1077px; margin:0 auto;}
.box01{float:left; width:201px; height:363px; margin-right:11px; background:#fff; padding:30px}
.box02{float:left; width:461px; height:146px; margin-right:11px; background:#fff; padding:30px 36px}
.box03{float:left; width:261px; height:206px; background:#50667e}
.box04{float:left; width:261px; height:206px; margin-top:11px; margin-right:11px; background:#3c6aa1}
.box05{float:left; width:261px; height:206px; margin-top:11px; margin-right:11px; background:#83a5d4}
.box06{float:left; width:261px; height:206px; margin-top:11px; background:#fff}
.miconbox{text-align:center}
.miconbox h1{font-size:18px; font-family:"NanumSquare", sans-serif; color:#fff; text-align:center; padding:27px 0 12px 0}
.miconbox p{font-size:12px; font-family:"NanumSquare", sans-serif; color:#fff; text-align:center; padding-top:10px}
.miconbox a{width:261px; height:206px; display:block}
.box06 h1,.box06 p{color:#50667e}

.notice h1{color:#232323; font-family:"NanumSquare", sans-serif; font-size:26px; float:left; padding:0; margin:0}
.notice span{background:url(ds_imgs/main/more.png)0 0 no-repeat; background-position:center; float:right; color:transparent; width: 20px; font-size: 8px;}
.notice span a{color:transparent; width:20px; height:30px; display:block}
.notice_box{clear:both; padding-top:15px}
.notice_box ul li{height:25px}
.notice_box ul li.txt{background:url(ds_imgs/main/dot.png)0 10px no-repeat; color:#464646; font-size:13px; float:left; width:380px; padding-left:7px;}
.notice_box ul li.date{color:#464646; font-size:13px; float:left; width:74px; text-align:right}

.csicon{padding-top:30px; clear:both;}
.csicon ul li{font-family:"NanumSquare", sans-serif; clear:both; width:197px;}
.csicon ul li p{padding-left:30px}
.csicon ul li.call{background:url(ds_imgs/main/cs_icon01.png)5px 4px no-repeat; border-bottom:1px solid #ebebeb; height:36px}
.csicon ul li.fax{background:url(ds_imgs/main/cs_icon02.png)5px 2px no-repeat; height:28px; margin-top:15px; padding-top:1px}
.csicon ul li.mail{background:url(ds_imgs/main/cs_icon03.png)5px 1px no-repeat; border-bottom:1px solid #ebebeb; height:35px;}
.csicon ul li.call p{color:#3c6aa1; font-weight:900; font-size:18px; }
.csicon ul li.fax p{color:#6e6e6e; font-weight:700; font-size:13px;}
.csicon ul li.mail p{color:#6e6e6e; font-weight:700; font-size:13px;}

.time{clear:both; padding-top:18px;}
.time h2{font-family:"NanumSquare", sans-serif; color:#494949; font-size:17px; font-weight:900; padding:7px 0; margin:0;}
.time p{color:#6e6e6e; font-size:13px; line-height:17px}
.csBtn{clear:both; margin-top:25px; width:100%; background:#ffc03a; text-align:left; line-height:50px; height:50px; font-weight:800; font-size:15px; font-family:"NanumSquare", sans-serif;}
.csBtn a{background:url(ds_imgs/main/cs_btn.png)0 0 no-repeat; background-position:right; display:block; width:90%; margin:0 5%}
.csBtn a:link,
.csBtn a:visited,
.csBtn a:active{color: #fff;text-decoration:none;}
.csBtn a:hover{color: #fff;text-decoration:none;}

.time_m{display:none}

@media screen and (max-width:1000px) {
	#mcontents{height:auto; padding-top:10px}
	.mBox{width:100%;}
	.box01{width:86%; margin:0 2%; padding:5%}
	.box02{clear:both; margin:2%; padding:5%; width:86%; height:auto}
	.box03{clear:both; width:47%; margin:0 0 2% 2%}
	.box04{width:47%; margin:0 2% 2% 2%}
	.box05{clear:both; width:47%; margin:0 0 2% 2%}
	.box06{width:47%; margin:0 2% 2% 2%}
	.miconbox a{width:100%; display:block}
	.notice_box ul li.txt{background:url(ds_imgs/main/dot.png)0 6px no-repeat; color:#464646; font-size:13px; float:left; width:70%; padding-left:7px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.notice_box ul li.date{color:#464646; font-size:13px; float:right; width:25%; text-align:right; letter-spacing: -1px; font-size:13px}

	.csicon{padding-top:30px; clear:both;}
	.csicon ul li{font-family:"NanumSquare", sans-serif; clear:both; width:100%; padding-left:0}
	.csicon ul li p{padding-left:30px}
	.csicon ul li.call{background:url(ds_imgs/main/cs_icon01.png)5px 4px no-repeat; border-bottom:1px solid #ebebeb; height:36px}
	.csicon ul li.fax{background:url(ds_imgs/main/cs_icon02.png)5px 2px no-repeat; height:28px; margin-top:15px; padding-top:1px}
	.csicon ul li.mail{background:url(ds_imgs/main/cs_icon03.png)5px 1px no-repeat; border-bottom:1px solid #ebebeb; height:35px;}
	.csicon ul li.call p{color:#3c6aa1; font-weight:900; font-size:18px; }
	.csicon ul li.fax p{color:#6e6e6e; font-weight:700; font-size:13px;}
	.csicon ul li.mail p{color:#6e6e6e; font-weight:700; font-size:13px;}
	.csicon ul li.call p a:link,
	.csicon ul li.call p a:visited,
	.csicon ul li.call p a:active{color: #3c6aa1;text-decoration:none;}
	.csicon ul li.call p a:hover{color: #3c6aa1;text-decoration:none;}

	.time{display:none}
	.time_m{display:block; clear:both; padding-top:18px;}
	.time_m{clear:both; padding-top:18px;}
	.time_m h2{font-family:"NanumSquare", sans-serif; color:#494949; font-size:17px; font-weight:900; padding:7px 0; margin:0;}
	.time_m p{color:#6e6e6e; font-size:13px; line-height:17px; letter-spacing: -0.5px;}
}

@media screen and (max-width:600px) {
	.box03{clear:both; width:96%; margin:0 0 2% 2%}
	.box04{width:96%; margin:0 2% 2% 2%}
	.box05{clear:both; width:96%; margin:0 0 2% 2%}
	.box06{width:96%; margin:0 2% 2% 2%}
}


#footer{clear:both; width:100%;}
.copyright {margin:0 auto; display:block; padding-top: 25px; width:1077px; height:100px} 
.copyText{float:left;}
.copyText p {color:#6e6e6e;  margin-bottom:3px !important; font-size:13px; letter-spacing:-0.2px; line-height:22px}
.copylogo{float:right;}
.footer_line{border-top:1px solid #eeeff0}
.copyright_m{display:none}

@media screen and (max-width:1000px) {
	.copyright{display:none}
	.copyright_m{display:block; padding-bottom:20px; padding:25px 2% 0 2%}
	.copyright_m .copylogo{clear:both; text-align:center; float: inherit;}
	.copyright_m .copyText{clear:both; float: inherit; padding:10px 0 20px 0}
	.copyright_m .copyText p{text-align:center; font-size:12px; line-height:20px; letter-spacing: -1px;}
}


/*마이페이지*/
.login_box {width:785px;}
.login_box .txtareabox {border:1px solid #cecece; background:#e4e4e4; color:#333;padding:20px; width:100%; font-size:13px;}
.loginbox_s {width:637px; height:100px; padding:20px 70px; border:4px solid #dfdfdf;}
.loginbox_s ul {clear:both; padding-top:10px;}
.loginbox_s li.txt {float:left; font-size:18px; color:#333; font-style:normal; font-weight:bold; padding-right:20px; letter-spacing:-1px; width:100px; margin-top:3px;}
.loginbox_s li.txt_s {float:left; font-size:18px; color:#333; font-style:normal; font-weight:normal; padding-right:20px; letter-spacing:-1px; width:10px; margin-top:3px;}
.loginbox_s li.input {float:left;border:1px solid #e7e7e7;width:155px;height:30px;}
.loginbox_s li.input_l {float:left;border:1px solid #e7e7e7;width:200px;height:30px;}
.loginbox_s li {float:left;padding-left:10px; }
.login_box div.joinbox {width:725px; height:800px; padding:20px 30px; border:1px solid #dfdfdf;}
.login_box div.joinbox ul {clear:both; padding-top:10px;}
.login_box div.joinbox li.txt {float:left; font-size:16px; color:#333; font-style:normal; font-weight:bold; padding-right:20px; letter-spacing:-1px; width:120px; margin-top:5px;}
.login_box div.joinbox li.input {float:left;border:1px solid #e7e7e7;width:200px;height:30px;}
.login_box div.joinbox li.input_ad{float:left;border:1px solid #e7e7e7;width:450px;height:30px;}
.login_box div.joinbox li.input_txtarea {float:left;border:1px solid #e7e7e7;width:550px;height:200px;}
.login_box div.joinbox li.input_s {float:left;border:1px solid #e7e7e7;width:69px;height:30px;}
.login_box div.joinbox li {float:left;padding-left:5px; }
.login_box div.joinbox li p {float:left;font-size:14px; line-height:250%; padding-right:10px;}

.find_box {width:785px; margin:30px 0px;}
.find_box_l {float:left;width:320px; height:260px; padding:20px 30px; border:1px solid #dfdfdf; }
.find_box_l ul {clear:both; padding-top:10px;}
.find_box_l li.txt {float:left; font-size:13px; color:#333; font-style:normal; font-weight:bold; padding-right:20px; letter-spacing:-1px; width:50px;margin-top:6px;}
.find_box_l li.input {float:left;border:1px solid #e7e7e7;width:155px;height:30px; padding-left:5px;}
.find_box_l li.input_l {float:left;border:1px solid #e7e7e7;width:240px;height:30px; padding-left:5px;}
.find_box_l li.input_s {float:left;border:1px solid #e7e7e7;width:45px;height:30px; padding-left:5px;}
.find_box_l li.txt_s {float:left; font-size:13px; color:#333; font-style:normal; font-weight:bold; padding:0 5px; letter-spacing:-1px; width:5px; margin-top:6px;}
.find_box_r {float:right;width:320px; height:260px; padding:20px 30px; border:1px solid #dfdfdf;}
.find_box_r ul {clear:both; padding-top:10px;}
.find_box_r li.txt {float:left; font-size:13px; color:#333; font-style:normal; font-weight:bold; padding-right:20px; letter-spacing:-1px; width:50px; margin-top:6px;}
.find_box_r li.txt_s {float:left; font-size:13px; color:#333; font-style:normal; font-weight:bold; padding:0 5px; letter-spacing:-1px; width:5px; margin-top:6px;}
.find_box_r li.input {float:left;border:1px solid #e7e7e7;width:155px;height:30px; padding-left:5px;}
.find_box_r li.input_s {float:left;border:1px solid #e7e7e7;width:45px;height:30px; padding-left:5px;}
.find_box_r li.input_l {float:left;border:1px solid #e7e7e7;width:240px;height:30px; padding-left:5px;}
.find_box_l_btn {float:left;clear:both;  width:380px; margin-top:20px;}
.find_box_r_btn {float:right;clear:both;  width:380px; margin-top:-60px;}

.btn_join {width:345px; float:left; text-align:center; height:60px; font-size:18px;color:#fff;background:#3e9cde; line-height:350%; margin-left:220px;}
.btn_yes {width:250px; float:left; text-align:center; height:60px; font-size:18px;color:#fff;background:#3e9cde; line-height:350%;}
.btn_yes a:link,
.btn_yes a:visited,
.btn_yes a:active,
.btn_yes a:hover {color:#fff;}
.btn_yes_r {width:250px; float:right; text-align:center; height:60px; font-size:18px;color:#fff;background:#3e9cde; line-height:350%;}
.btn_yes_r a:link,
.btn_yes_r a:visited,
.btn_yes_r a:active,
.btn_yes_r a:hover {color:#fff;}
.btn_yes_s {width:150px; float:left; text-align:center; height:40px; font-size:14px;color:#fff;background:#3e9cde; line-height:300%;margin:30px 10px 0 0 ;}
.btn_yes_s a:link,
.btn_yes_s a:visited,
.btn_yes_s a:active,
.btn_yes_s a:hover {color:#fff;}
.btn_no {width:250px; float:right; text-align:center; height:60px;font-size:18px;color:#333;background:#fff; line-height:350%; border:1px solid #dfdfdf; }
.btn_no a:link,
.btn_no a:visited,
.btn_no a:active,
.btn_no a:hover {color:#333;}
.btn_no_s {width:150px; float:left; text-align:center; height:40px;font-size:14px;color:#333;background:#f3f3f3; line-height:300%;border:1px solid #dfdfdf;margin:30px 0px 0 0 ;}
.btn_no_s a:link,
.btn_no_s a:visited,
.btn_no_s a:active,
.btn_no_s a:hover {color:#333;}

.btn_yangdo {padding:5px; text-align:center; background:#106fc8; color:#fff;font-size:13px; }
.btn_yangdo a:link,
.btn_yangdo a:visited,
.btn_yangdo a:active,
.btn_yangdo a:hover {color:#fff; text-decoration:none;}
.btn_yangdoing {padding:5px; background:#ff4a12; color:#fff;font-size:13px;}
.btn_yangdoing a:link,
.btn_yangdoing a:visited,
.btn_yangdoing a:active,
.btn_yangdoing a:hover {color:#fff;}
.btn_end {padding:5px; background:#9f9f9f; color:#fff;font-size:13px;}
.btn_end a:link,
.btn_end a:visited,
.btn_end a:active,
.btn_end a:hover {color:#fff;}

.inputbox { font-size:14px;ime-mode:inactive;margin-top:6px;margin-left:-5px; height:20px;width:100%;border:1px solid #fff; color:#333; }
.inputbox_txtarea { font-size:14px;ime-mode:inactive;margin-top:6px;margin-left:-5px; height:180px;width:99%;border:1px solid #fff; color:#333;}



/*서브디자인공란부분*/
#subV{width:100%; background:url(ds_imgs/sub/vi_bg.png); background-position:center; height:140px;}
#subV h1{font-family:"NanumSquare", sans-serif; color:#fff; font-size:38px; text-align:center; font-weight:700; padding-top:38px;}
#subV p{font-family:"NanumSquare", sans-serif; color:#d0dfec; font-size:13px; text-align:center; font-weight:500}
#subt_navi{background:#f8f8f8; border-bottom:1px solid #ededed; width:100%; height:37px}
#subt_navi div{width:1077px; margin:0 auto; font-size:12px; color:#878787; letter-spacing: 1px; padding-top:11px}
#subt_navi div img{vertical-align: initial;}
@media screen and (max-width:1000px) {
	#subt_navi{display:none}
	#subV{height:auto; padding:25px 0}
	#subV h1{padding-top:0}
	#subV p{padding:0 15%}
}


#back{background:#f7f7f7; border-top:1px solid #f4f4f4; height:5px; clear:both}
#body_con{width:1077px; margin:0 auto; clear:both; margin-top:31px;}
.top_go {clear: both; text-align: right;}
.left {width:227px; float: left;}
.s_sub{background:#f2f2f2; padding:10px 0 5px 20px; width:182px; border:1px solid #e2e2e2; border-top:0px}
.font {color:#787878; height:22px; font-size:11px;  letter-spacing:-0.5px;}
.font a:link,
.font a:visited,
.font a:active{color:#787878}/* 기본 a 태그 상태일 때 */
.font a:hover{color:#3e3e3e; text-decoration: underline;}/* a 태그 마우스 오버 할대*/

#body_con div.body {width:787px; margin-left:63px;float:left; text-align:left;}
.subtitle{font-family:"NanumSquare", sans-serif; color:#484848; font-size:40px; font-weight:900}
.body_contents{float:left; padding:25px 0 65px 0; width:100%}
.left_m{display:none}

@media screen and (max-width:1000px) {
	#body_con{width:92%; padding:0 4%; margin-top:20px}
	#body_con:after {content: "."; display: block; clear: both; height: 0; font-size: 0; visibility: hidden;}
	.left{width:100%;}
	.left_menu{display:none}
	.left_m{display:block}
	.left_m .select_box{display:inline-block; width:100%; vertical-align:middle; margin:0}
	.left_m .select_box label{position:absolute; font-size:14px; font-weight:300; color:#666; top:6px; left:9px; letter-spacing:1px;}
	.left_m .select_box select{width:100%; height:32px; min-height:32px; line-height:32px; padding:0 50px 0 10px; opacity:0; filter:alpha(opacity=0); box-sizing:border-box;}
	#body_con div.body{width:100%; margin-left:0; clear:both; padding-top:20px}
	.body_contents{padding:15px 0 20px 0}
	.subtitle{font-size:24px; letter-spacing: -1px;}
}

/*서브페이지*/
.intro_box {background:url(ds_imgs/page/bg_1_1.png);}
.intro_teach {width:777px; clear:both;}
.intro_teach div.teach_img {float:left; width:200px; padding-right:20px;}
.intro_teach div.teach_txt {float:left; width:500px; }
.intro_teach div.teach_txt p {background:url(ds_imgs/page/ic_bg.png) no-repeat; padding-left:20px; clear:both;}
.dot_line {height:12px; background:url(ds_imgs/page/dot_bg.png) no-repeat; clear:both; }


.s_tit {float:left; width:850px; margin-bottom:10px;}
.s_con {width:850px; float:left;}
.s_text_box {background:#f9f9ed; padding:20px;}
.s11_1_pic {width:325px; float:left;}
.s11_1_text {width:490px; margin-left:35px; float:left;}
.s11_2_text {width:850px; float:left;}


.s13_1_pic {width:572px; float:left; }
.s13_1_text {width:248px; float:left;  margin-left:30px;}

.s14_tab {width:850px; float:left; height:45px; border-bottom:3px solid #eec400; margin-bottom:50px;}
.s14_tab ul li {float:left; margin-right:5px;}

.s14_tabc_w {float:left; width:100%; margin:15px 0 15px 0;}
.s14_tabc_left {float:left; width:140px; padding-left:10px; padding-right:30px;}
.s14_tabc_right {float:left; width:670px;}
.s14_tabc_right  ul {float:left; margin-bottom:10px;}
.s14_tabc_right ul li {float:left; width:670px; margin:2px 0;}
.s14_tabc_text_tit p {float:left; font-weight:bold; font-size:20px; color:#447900;}
.s14_tabc_text p {float:left; font-size:15px; background:url(ds_imgs/sub/icon_text_s_s.png) no-repeat 0 8px; padding:0 0 0 14px;}

.s21_1_text {float:left; width:100%;}
.s21_1_text ul li {float:left; width:100%;}

.s22_1_text{float:left; width:100%;}
.s22_1_text ul li {float:left; width:100%;}

.s22_2_text{float:left; width:100%;}
.s22_2_text ul li {float:left; width:100%;}
.s22_2_text_w {float:left; width:100%;}
.s22_2_text_pic {float:left; width:251px;}
.s22_2_text_tt {float:left; width:579px; margin-left:20px;}
.s22_2_text_tt p.s22_1_tit_b {font-weight:bold; font-size:18px; color:#2a7c16}

.s41_1_text {float:left; width:100%;}
.s41_1_text ul li {float:left; width:100%; line-height:25px; height:25px;}

.s41_2_text {float:left; width:794px; border:3px solid #e3e3e3; padding:30px 25px;}
.s41_2_text ul li {float:left; width:100%; line-height:25px; height:25px;}

/*테이블구간*/
caption.caption {display: none;}
.table_con {clear: both; table-layout: fixed; border-collapse: collapse; border: 0; border-spacing: 0; border-top: 1px solid #D8D8D8;  color:#595959; text-align:center; }
.table_con thead th.cell {padding:7px; border: 1px solid #D8D8D8; background-color: #F7F7F7;  color:#595959; font-size:14px}
.table_con thead td.cell {border: 0; padding:15px 10px; background-color: white; border: 1px solid #D8D8D8; color:#595959; text-align:left; font-size:14px}
.table_con tbody td.cell {border: 0; padding:15px 10px; background-color: white; border: 1px solid #D8D8D8; color:#595959; font-size:14px}

caption.caption {display: none;}
.edu_tb2 {margin-top:10px; width:1044px; border-collapse: collapse;}
.edu_tb2 tbody th.cell {padding:7px; border: 1px solid #fff; background-color: #e9edef;  color:#333;font-size:13px; height:30px;}
.edu_tb2 tbody th.cell_l {text-align:left;padding:7px; border: 1px solid #fff; background-color: #e9edef; font-size:13px; color:#333; height:30px;}
.edu_tb2 tbody th{padding:7px; border: 1px solid #fff; background-color: #3e9cde; color:#fff; height:30px;font-size:15px; text-align:center;}
.edu_tb2 tbody td{font-size:14px;letter-spacing: -0.5px;border: 1px solid #fff;text-align: center; color:#666666; padding: 6px 15px; height:30px;}
.edu_tb2 tbody td.cell{font-size:14px;letter-spacing: -0.5px;border: 1px solid #fff;text-align: center; color:#666666; padding: 10px 15px; border-bottom:1px solid #d5d5d5; height:30px;}
.edu_tb2 tbody td.cell_l{font-size:13px;letter-spacing: -0.5px;border: 1px solid #fff;text-align: left; color:#666666; padding: 10px 7px 30px 7px; border-bottom:1px solid #d5d5d5; height:30px;}


/*게시판*/
.board_list{width:100%; border:0; border-collapse:collapse; font-size:14px}
caption{width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; z-index:-1;}
.board_list th{padding:10px 0 10px 0; border-bottom:1px solid #d0d0d0; border-top:2px solid #727272; text-align:center; color:#565e63; background:#f8f8f8}
.board_list td{padding:5px 5px 9px 10px; border-bottom:1px solid #e0e6ea; text-align:center; background:#fff; color: #767676;}
.board_list td.t1{text-align:left;}
.board_list tr:first-child td{padding-top:10px}
.infoTxt{padding:10px 0 10px 0}

.pageinate{text-align:center; margin-top:30px}
.pageinate a.p_btn{padding:0px 3px 0 3px; background:none}
.pageinate a{margin-right:-6px; padding:10px 10px 2px 11px; color:#333; text-decoration:none; line-height:normal; font:11px Tahoma, Serif;}
.pageinate a:link,
.pageinate a:visited,
.pageinate a:active{color: #333; text-decoration:none;}
.pageinate a:hover{color: #333; text-decoration: underline;}
.pageinate strong{margin-right:-6px; padding:10px 10px 2px 11px; color:black; font-weight:bold; text-decoration: underline; font-size:11px; font-family:Tahoma, Serif;}

.searchB {background: #f1f1f1; padding: 20px; height: 30px; border: 1px solid #dedede; margin-top: 30px; }
.searchC {margin: 0 auto; width: 350px;}
.searchC ul li {padding: 0 2px 0 2px; height: 22px;}
.kstyle{padding:1px 0 0 0; height:19px; border:1px solid #cdcdcd}
.sub_combo{padding:1px 0 0 0; height:22px}

.board_view{width:850px; border:0; border-collapse:collapse;}
.board_view th{padding:13px 10px 13px 10px; border-bottom:1px solid #b9b9b9; text-align:center; color:#484848; font-family:dotum}
.t1{text-align:left;}
.board_view td{padding:13px 10px 13px 15px; border-bottom:1px solid #b9b9b9; background:none; color:#484848}
.board_view td.bTitle{padding:11px 0 10px 0; font-weight:bold; color:#484848; font-size:1.2em; border-bottom:1px solid #e7e7e7; border-top:2px solid #727272; text-align:center}
.board_view td.view_txt{text-align:left; padding:20px 0 40px 0; border:none}
.btnSet{clear:both; margin-top:10px; height:40px}
.btnSet ul li{padding-right:5px}

.btnTxt{clear:both; margin-top:30px; height:30px}
.btnTxt ul li{padding-right:5px}

.btnTxt2{clear:both; margin-top:30px; padding-bottom:5px; border-top:1px solid #e7e7e7; padding-top:20px;}
.btnTxt2 ul li{padding-right:5px}
.boxReply{background:#f1f1f1; border:1px solid #dedede; padding:10px;}

.inTxt{border:1px solid #cdcdcd;}
.btnlist{float:right}
.view_mov_list{height:80px; clear:both;margin-top:20px; border-top:1px solid #e8e8e8; }
.view_mov_list dt{float:left; padding:10px 0; width:10%;border-bottom:1px solid #e8e8e8; margin:0; }
.view_mov_list dd{float:left;margin:0; padding:10px 0; width:90%; border-bottom:1px solid #e8e8e8;  }


/*이미지게시판*/
.board_photo{width:100%; border:0; border-collapse:collapse; border-bottom:1px solid #efefef}
.board_photo td{text-align:center}
.board_photo p.img_photo img {padding:4px; border: 1px solid #dbdbdb; width: 220px; height: 150px; overflow: hidden;}
.board_photo p.photo_info {margin-top: 10px; text-align:center; width: 220px; height:30px}

/*이슈게시판*/
.board_issues{width:100%; border:0; border-collapse:collapse; border-top:2px solid #727272;}
.board_issues td{padding:10px 0 10px 0; border-bottom:1px solid #efefef;}
.board_issues p.img_photo{width:170px; float:left}
.board_issues p.img_photo img {padding:4px; border: 1px solid #dbdbdb; width: 150px; height: 100px; overflow: hidden;}
.board_issues h2{background:none; font-size:1.3em; padding-top:10px}
.board_issues p.issuesDate{font-size:0.9em; padding-top:10px}
.replyList {float:left; padding:10px 0;}
.replyList ul .reTitle {margin-left:20px;}
.replyList ul .reBox {margin-left:7px;}
.replyList ul .reBox input {border:1px solid #ddd; border-radius:2px; width:100%;}

/*비밀번호 확인*/
.password{background: #f1f1f1; padding: 40px 20px 40px 20px; height: 25px; border: 1px solid #dedede; clear: both; width:300px; margin:0 auto}
.searchC ul li p.pTitle{padding-top:2px}

/*글삭제 확인*/
.txtDel{background: #f1f1f1; padding: 20px 20px 40px 20px; height:180px; border: 1px solid #dedede; clear: both; width:250px; margin:0 auto}
.delBtn{margin:0 auto; width:132px;}
.delBtn ul li{padding:7px 1px 0 4px;}
.txtDel h2.delTitle{font-size:1.5em; background:none; text-align:center; padding:0;}
.txtDel p.delSub{font-size:1em; text-align:center; padding-bottom:10px}

/*글쓰기*/
.board_write{ border:0; border-collapse:collapse; border-top:2px solid #727272;}
.board_write th{padding:13px 10px 13px 10px; border-bottom:1px solid #dfdfdf; text-align:center; color:#484848; font-family:dotum}
.t1{text-align:left;}
.board_write td{padding:13px 0px 13px 0px; border-bottom:1px solid #dfdfdf; background:none; color:#484848}
.kstyle2{padding:1px 0 0 0; height:19px; border:1px solid #cdcdcd; width:640px}
.board_write td input[type=checkbox] {margin-right: 4px; vertical-align: middle; margin-top:0px}
.wriDate{padding:1px 0 0 0; height:19px; border:1px solid #cdcdcd; width:75px; padding-left:5px; margin-right:5px}
.kstyle3{padding:1px 0 0 0; height:19px; border:1px solid #cdcdcd; width:130px}
.dateImg{padding:3px 3px 0 0}
.writeBtn{ margin:0 auto; padding-top:20px; }
.writeBtn ul li{padding:4px}
.kstyle4{padding:1px 0 0 0; height:28px; border:1px solid #cdcdcd; width:430px !important; display:inline !important;}
.boxReply p span{display:block; width:70px; float:left; padding:2px 0 0 10px}
.boxReply p.fileList{padding:3px 0 3px 0}

.left_menu{ width:227px;}
.leftTop{width:227px; height:60px; padding-top:10px}
.leftTop h2 {font-size:28px; color:#595959;  padding:0; margin:0; font-weight:400; text-align:center; font-family:"NanumSquare", sans-serif;}

.leftText ul li{width:227px; font-size:14px; margin-bottom:6px}
.leftText ul li a {color:#606060; font-family:"NanumSquare", sans-serif; font-weight: 500; padding:15px 0 14px 15px; border:1px solid #e7e7e7;}

.leftText ul li a:link,
.leftText ul li a:visited,
.leftText ul li a:active {display:block; text-decoration:none; background-repeat: no-repeat; }
.leftText ul li:hover> a {color:#2881ce; display:block;  text-decoration:none;  background:#fff; border:1px solid #007fc3}
.leftText ul li.active {color:#fff; display:block;  text-decoration:none;  background:url(ds_imgs/sub/left_bg.png); background-position:center; font-weight:500}
.leftText ul li.active a{color:#fff; border:1px solid #007fc3}
.leftText ul li.active:hover> a{background:url(ds_imgs/sub/left_bg.png); background-position:center; color:#fff}

.pullbox{padding:30px}
.pullbox p{clear:both; padding-top:20px}

/*버튼종류*/
.normalBtn{float:left; margin:5px; font-weight:bold; text-align:center; border:1px solid #e3e3e3;}
.normalBtn a:link,
.normalBtn a:visited,
.normalBtn a:active{display:block; padding:7px 15px 7px 15px; background:url(ds_imgs/img/btn2_bg4.png); color:#737373}
.normalBtn a:hover{display:block; padding:7px 15px 7px 15px; background:url(ds_imgs/img/btn2_bg41.png); color:#383838}

.blue{border:1px solid #0b3373}
.blue a:link,
.blue a:visited,
.blue a:active{background:url(ds_imgs/img/btn2_bg1.png); color:#e6edf7}
.blue a:hover{background:url(ds_imgs/img/btn2_bg11.png); color:#fff}

.orange{border:1px solid #ea5e00}
.orange a:link,
.orange a:visited,
.orange a:active{background:url(ds_imgs/img/btn2_bg3.png); color:#fef4ee}
.orange a:hover{background:url(ds_imgs/img/btn2_bg31.png); color:#fff}

.green{border:1px solid #509610}
.green a:link,
.green a:visited,
.green a:active{background:url(ds_imgs/img/btn2_bg2.png); color:#f4fae6}
.green a:hover{background:url(ds_imgs/img/btn2_bg21.png); color:#fff}

.large a:link,
.large a:visited,
.large a:active{padding:10px 15px 10px 15px; font-size:14px;}
.large a:hover{padding:10px 15px 10px 15px; font-size:14px;}

.big a:link,
.big a:visited,
.big a:active{padding:15px 20px 15px 20px; font-size:18px;}
.big a:hover{padding:15px 20px 15px 20px; font-size:18px;}

/*p_style*/
.p_12 {font-size:13px; color:#333;letter-spacing:-1px;}
.p_blue_18 {font-size:18px; color:#058dc7; font-weight:bold; letter-spacing:-1px;}
.p_blue_14 {font-size:14px; color:#058dc7;letter-spacing:-1px;}
.p_org_14 {font-size:14px; color:#ff4200;letter-spacing:-1px;}
.p_list {margin-left:20px;background:url(ds_imgs/page/ic_bg2.png) no-repeat; padding-left:15px; clear:both;}

/*padding*/
.pt_3 {padding-top:3px; clear:both;}
.pt_5 {padding-top:5px; clear:both;}
.pt_20 {padding-top:20px; clear:both;}
.pt_30 {padding-top:30px; clear:both;}
.pt_50 {padding-top:50px; clear:both;}
.pt_70 {padding-top:70px; clear:both;}


/*회원가입*/
.member_title{clear:both; padding:20px 0 10px 0; width:777px;}
.registerbox1 {height: 200px; width: 673px; BACKGROUND-COLOR: #ffffff; COLOR: #666666; FONT-SIZE: 12px; border:1px solid #d7d7d7; padding:20px}
.member_ok{margin:7px 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{border-top:2px solid #A9A9A9; clear:both; width:790px;}
.en_title{border-bottom:1px solid #E4E4E4; height:30px; background:#F1F1F1; color:#575757; width:140px; padding:10px 0 0 10px; font-weight:bold;}
.en_text{border-bottom:1px solid #E4E4E4; height:32px; width:630px; padding:8px 0 0 10px; font-size: 11px; letter-spacing: -1px; line-height: 15px; color:#666666;}
.en_text_s{border-bottom:1px solid #E4E4E4; height:32px; width:230px; padding:8px 0 0 10px; font-size: 11px; letter-spacing: -1px; line-height: 15px; color:#666666;}
.en_text_b{border-bottom:1px solid #E4E4E4; height:32px; width:400px; padding:8px 0 0 0px; font-size: 11px; letter-spacing: -1px; line-height: 15px; color:#666666;}

.m_title{font-size:13px; color:#666666;  width:150px; clear:both; margin-bottom:15px;}
.m_con{}
input.text {height: 22px;font-size: 11px;line-height: 23px;vertical-align: middle;margin-right: 1px;padding: 0 4px;border: 1px solid #d1d1d1;background: #fff;}
select.text {height: 22px;font-size: 11px;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{float:right; padding-top:10px; height:100px; clear:both; width:777px; margin:0 auto}
.info_btn li{padding:0 5px 0 5px}

.mem_tabbox {width:780px;height:49px;border:1px solid #e1e1e1; padding:0; margin:0 auto; margin-bottom:30px;; }
.mem_tabbox ul {list-style:none; width:100%;; }
.mem_tabbox li {float:left; width:25%;height:44px; text-align:left;padding-top:5px; background:url(ds_imgs/member/bg_step_off.png); background-repeat:no-repeat; background-position:100% 50%; font-size:16px; color:#272727; font-weight:bold; }
.mem_tabbox ul li.end {float:left; width:25%;height:44px; background:#fff;text-align:left;padding-top:5px; font-size:16px; color:#272727; font-weight:bold; }
.mem_tabbox ul li.on { width:25%;background-image:url(ds_imgs/member/bg_step_on.png); background-position:100% 50%; background-color:#d74c00; color:#fff;}
.mem_tabbox ul li.prev { width:25%;background-image:url(ds_imgs/member/bg_step_prev.png); background-position:100% 50%; text-align:left;padding-top:5px; font-size:16px; color:#272727; font-weight:bold;}
.mem_tabbox ul li.inr { margin-left:10%; border:1px solid red}
.mem_tabbox ul li span {display:block; font-size:13px; line-height:14px; margin-bottom:3px; font-weight:normal;}

/*약관*/
.policy{height: 400px; width: 691px; BACKGROUND-COLOR: #ffffff; COLOR: #666666; FONT-SIZE: 12px; border:1px solid #d7d7d7; padding:20px; 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 p {font-size:13px}
.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; font-size:11px}
.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:750px; 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; font-size:11px; clear:both}

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:13px}
.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:13px; 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}

/*퀵메뉴*/
#quick_menu{ position:fixed;
 right:2%;
 top:505px;
 width:160px;
 height:75px;
 z-index:1;
}



/*폼관련*/
.exTable{width:100%; border-style:solid none none; border-width:3px 0 0; border-color:#d9d9d9}
.exTable tbody th{padding:7px 0 7px 15px; border-style:none solid solid none; border-width:0 1px 1px 0; border-color:#e5e5e5; background-color:#f4f4f4; text-align:left}
.exTable tbody td{padding:7px; border-style:none solid solid none; border-width:0 0px 1px 0; border-color:#e5e5e5; text-align:left; color:#767676}
.popBtn{margin:5px; font-weight:bold; text-align:center; border:1px solid #dedede; text-align:center;}
.exTable tbody td a:link,
.exTable tbody td a:visited,
.exTable tbody td a:active{padding:4px 10px 6px 10px; background:url(img/btn2_bg4.png); color:#6E6E6E; height:12px;}
.exTable tbody td a:hover{padding:4px 10px 6px 10px; background:url(img/btn2_bg41.png); color:#525252; height:12px;}

.box{height: 24px; font-size: 12px; line-height: 23px; vertical-align: middle; margin-right: 1px; padding:0px 4px 3px 4px; border: 1px solid #d1d1d1; background: #fff; border-color: #c5c5c5 #eaeaea #eaeaea; border-radius: 2px;}


.roll  {  border-top : 1px solid #bebebe; }




/*서브페이지*/
.siteMap{float:left; width:238px; padding-right:60px; height:350px}
.siteMap h3{color:#2780cd; font-size:25px; background:none; padding:0 0 15px 15px;  letter-spacing:-2px;}
.siteMap ul{background:#f1f1f1; width:188px; padding:20px 25px 20px 25px}
.siteMap ul li{clear:both; padding:0 0 10px 0; font-size:15px;}
.last{padding-right:0}
.siteMap ul.back01{background:url(ds_imgs/sub/back01.png); height:180px; }
.siteMap ul.back02{background:url(ds_imgs/sub/back02.png); height:203px; }
.siteMap ul li a{color:#626262}
.siteMap ul li a:hover{color:#2780cd}

.vision{height:226px; width:100%; background:url(ds_imgs/sub/s1_2back.png); padding-top:52px}
.vision p{text-align:center; font-size:15px}
.vision p.title{color:#005aab; line-height:1.5; letter-spacing:-2px; font-weight:400; font-size:26px; margin-bottom:15px}

table, th, td, div{border-collapse:collapse}
.subTable{width:100%; border-top:2px solid #404040; margin-top:10px; margin-bottom:60px}
.subTable th{background:#f7f7f7; text-align:center; border:1px solid #eaeaea; padding:14px; color:#404040; font-size:14px;}
.subTable tbody th.ti{background:#f7f7f7; text-align:center; border:1px solid #eaeaea; padding:14px 10px 14px 10px; color:#404040; font-size:13px;}
.subTable tbody th{background:#fff; font-weight:400; color:#5f5f5f;}
.subTable td{border:1px solid #eaeaea; padding:14px; color:#5f5f5f; font-size:13px; text-align:center !important;}



h3 span{font-size:15px; font-weight:normal; color:#878787}
.cibox{float:left;}
.cibox2{float:left; padding-left:12px}

.vision2{height:165px; width:100%; background:url(ds_imgs/sub/s6_5back.png); padding-top:52px}
.vision2 p{text-align:center; font-size:15px}
.vision2 p.title{color:#005aab; line-height:1.5; letter-spacing:-2px; font-weight:400; font-size:26px; margin-bottom:15px}

.tabnav{margin-bottom:20px; height:70px}
.tabnav ul li{width:166px; float:left; border:1px solid #e8e7e6; border-left:0; text-align:center; font-family:'Noto Sans Kr'; padding:13px 0 13px 0; font-size:15px; }
.tabnav ul li:first-child{border-left:1px solid #e8e7e6}
.tabnav ul li.on{background:#005198; border:1px solid #497fd0 !important; width:165px}
.tabnav ul li a{color:#282828;}
.tabnav ul li a:hover{color:#005198; font-weight:400;}
.tabnav ul li.on a{color:#fff; font-weight:400;}

.tabnav2{margin-bottom:20px; height:70px}
.tabnav2 ul li{width:138px; float:left; border:1px solid #e8e7e6; border-left:0; text-align:center; padding:13px 0 13px 0; font-size:15px;  font-family:'Noto Sans Kr'; }
.tabnav2 ul li:first-child{border-left:1px solid #e8e7e6}
.tabnav2 ul li.on{background:#005198; border:1px solid #497fd0 !important; width:137px}
.tabnav2 ul li a{color:#282828;}
.tabnav2 ul li a:hover{color:#005198; font-weight:400;}
.tabnav2 ul li.on a{color:#fff; font-weight:400;}

.boxTxt{float:left; width:50%}
.boxTxt p{font-weight:bold; font-size:18px; color:#3b3b3b; padding:10px 0 7px 2px; color:#497fd0}
.boxLine{clear:both; border-bottom:1px solid #f2f2f2; padding-top:50px; margin-bottom:50px}
p.h4title{font-weight:bold; font-size:18px; color:#3b3b3b; padding:10px 0 7px 0px; color:#497fd0}

.location_info{position: relative; border-top:1px solid #f2f2f2;  }
.location_info li img{float:left; }
.location_info li {border-bottom:1px solid #f2f2f2; padding:20px 0}
.location_info p{margin-left:135px; padding:10px 0 0 30px; border-left:1px solid #f2f2f2; }
.location_info p strong{font-weight:bold; font-size:16px; color:#000}
.location_info p.stxt{padding:10px 0 0 48px; font-size:13px}

.ceo span{text-align:right; display: inline-block;  width: 100%; padding:0 0 30px 0}
.ceo p{padding-bottom:20px; font-size:16px; font-family:'Nanum Gothic',sans-serif;}

.history .year{margin-bottom:50px}
.history .year h4{float:left; width:203px; font-family:"NanumSquare", sans-serif; font-size:40px; color:#007fc3; padding:30px 0 0 0; border-top:1px solid #007fc3; background:none; letter-spacing: -2px;  font-weight: 600;}
.history .year ul{float:right; width:584px; border-top:1px solid #e6e6e6}
.history .year ul li{position:relative; padding:25px 0 25px 30px; border-bottom:1px solid #e6e6e6; width:554px}
.history .year ul li .month{position:absolute; left:0; top:26px; font-size:16px; color:#333; font-style:normal; font-weight:700}
.history .year ul li p{position:relative; font-size:16px; color:#666; line-height:21px; padding:0 0 10px 10px; background:url(ds_imgs/sub/s_dot.png)0 8px no-repeat;}
.history .year ul li p:last-child{padding-bottom:0;}
.history .year:after {content: "."; display: block; clear: both; height: 0; font-size: 0; visibility: hidden;}

.question table{font-size:15px; text-align:left; border-top:1px solid #00466b; width:100%; color:#666}
.question table th{padding-left:28px; font-weight:300; border-bottom:1px solid #d6d6d6; background:#f7f7f7}
.question table td{padding:10px 15px; border-bottom:1px solid #d6d6d6}
.question table td input{margin:0 5px}
.question table td input[type="text"]{padding:10px; width:218px; height:36px; box-sizing:border-box; border:1px solid #d6d6d6; vertical-align: middle; font-size:14px}
.question .import{color:#cc0000}
.question table td input.gShort{width:96px}
.question table td input.gShort1{width:130px}
.question table td input.gShort2{width:150px}
.question table td input[type="text" i]:disabled{background:rgb(235, 235, 228)}
.question table td textarea{margin:0 5px; padding:10px; width:570px; height:247px; border:1px solid #d6d6d6}
.question table td .plusline{padding-top:5px}
.question table td .plusline:first-child{padding-top:0}

.select_box{position: relative; margin: 0 5px; width: 180px; height: 36px; vertical-align: top; border: 1px solid #d7dae1; box-sizing: border-box; background: url(ds_imgs/sub/ico_select.gif) no-repeat 100% center;}
.question .select_box{display:inline-block; width:219px; vertical-align:middle}
.question .select_box label{position:absolute; font-size:14px; font-weight:300; color:#666; top:6px; left:9px; letter-spacing:1px;}
.question .select_box select{width:100%; height:32px; min-height:32px; line-height:32px; padding:0 50px 0 10px; opacity:0; filter:alpha(opacity=0); box-sizing:border-box;}

.btn_ac{width:100%; display:inline-block; text-align:center; vertical-align:top; clear:both; padding-top:50px}
.btn_ac button{margin:0 4px;  font-family:"NanumSquare", sans-serif; font-weight:700}
.btn_type1{display: inline-block; width:160px; height: 50px; font-family: nbb; font-size: 16px; color: #fff; text-align: center; line-height: 50px;  text-decoration: none; vertical-align: middle; background: #007fc3; border:1px solid #007fc3}
.btn_type2{display: inline-block; width: 160px; height: 50px; font-family: nbb; font-size: 16px; color: #666; text-align: center; line-height: 50px; text-decoration: none; vertical-align: middle; background: #fff; border: 1px solid #ddd;}

.jop h3{padding-bottom:0}
.jop p{padding-bottom:20px}
.jop table{font-size:15px; text-align:left; border-top:1px solid #00466b; width:100%; color:#666}
.jop table th{padding-left:28px; font-weight:300; border-bottom:1px solid #d6d6d6; background:#f7f7f7}
.jop table td{padding:10px 15px; border-bottom:1px solid #d6d6d6}
.jopT{padding:5px 0 30px 0}

.tap{padding-bottom:30px}
.tap table{text-align:center; width:100%; font-size:15px}
.tap table td{padding:15px 0; font-weight:300; border:1px solid #dfe3e6; background:#f6f7f8; color:#9ca5ae; border-bottom:2px solid #007fc3}
.tap table td.on{background:#fff; border:2px solid#007fc3; border-bottom:0; color:#007fc3; font-weight:800}
.tap table td a:link,
.tap table td a:visited,
.tap table td a:active{color: #9ca5ae;text-decoration:none;}
.tap table td a:hover{color: #3c3c3c;text-decoration:none;}
.tap table td.on a:link,
.tap table td.on a:visited,
.tap table td.on a:active{color: #007fc3;text-decoration:none;}
.tap table td.on a:hover{color: #007fc3;text-decoration:none;}

.prod h3{font-size:26px; background:none; padding:30px 0 20px 0; margin:0; font-weight:900; color:#007fc3; letter-spacing: -1px; clear:both; height: auto;}
.prod p{font-size:14px; letter-spacing:-1px; color:#434343}
.prod_txt{border-bottom:1px solid #e6e6e6; padding:25px 0;}
.prod_top{border-top:1px solid #e6e6e6;}
.prod_txt:after {content: "."; display: block; clear: both; height: 0; font-size: 0; visibility: hidden;}
.prod_txt h4{float:left; width:140px; padding:3px 0 0 15px}
.prod_txt span{float:left;}
.prod_txt h5{background:url(ds_imgs/sub/s_dot.png)0 9px no-repeat; padding:0 0 3px 10px; line-height:21px; color:#434343; font-size:14px;}

.prod_box{border:1px solid #eaeaea; float:left; width:387px}
.prod_box p{text-align:center; font-size:14px; padding:20px 0}
.ml_9{margin-left:9px}
.prod_full:after {content: "."; display: block; clear: both; height: 0; font-size: 0; visibility: hidden;}

.prod_imgbox{padding-bottom:20px}
.prod_imgbox ul li{width:388px; padding-left:10px; padding-bottom:10px}
.prod_imgbox ul li.pnone{padding-left:0}
.prod_imgbox img{width:100%}
.prod_imgbox:after {content: "."; display: block; clear: both; height: 0; font-size: 0; visibility: hidden;}

.map{border:1px solid #eaeaea; width:100%; height:450px}
.map_txt{float:left; width:226px; padding:30px}
.map_box{float:left; width:500px; border-left:1px solid #eaeaea;}
.map_txt h3{background:none; padding:0}
.map_txt p{padding-bottom:10px}
.nanobox{padding:5px 0 20px 0}
.nanobox:after {content: "."; display: block; clear: both; height: 0; font-size: 0; visibility: hidden;}
.nano_img{height:278px; width:448px; float:left; background:url(ds_imgs/sub/5_3_01.png)}
.nano_txt{padding-top:50px; height:228px; width:339px; float:left; background:url(ds_imgs/sub/5_3_02.png)}
.nano_txt h5{background:url(ds_imgs/sub/s_dot.png)0 9px no-repeat; padding:0 0 10px 10px; line-height:21px; color:#434343; font-size:14px; font-weight:500}
.nano_txt h5 font{color:#aa1616}
.nano{color:#007fc3; display:block}


#Pop {width:100%; height:100%; margin:0 auto; position:absolute; top:0px; right:0; z-index:999; position:fixed;}
.mNavi_box{height:100%; background:#fff; border-top:1px solid #dde2e3; overflow-y:auto;}
.mNavi_box .siteh1{position: relative; width:100%;}
.mNavi_box .siteh1:before{content: ''; position: absolute; z-index: 2; left: 15px; top: 23px; width: 3px; height: 3px; background-color: #dcddde; border-radius: 50%;}
.mNavi_box .siteh1:after {content: "."; display: block; clear: both; height: 0; font-size: 0; visibility: hidden;}
.mNavi_box .siteh1 span{font-family:"NanumSquare", sans-serif; font-size:17px; font-weight:700; padding-left:27px; border-bottom:1px solid #e1e1e1; line-height:50px; display:block; width:100%}
.mNavi_box .siteh1 span:before{content: ""; display: inline-block; background: url(ds_imgs/main/mnavi_arrow.png) no-repeat; position: absolute; right: 20px; top:26px; margin-top: -4px; width:10px; height:7px;}
.mNavi_box .siteh1 ul li{width:100%; background:#f1f2f2; border-bottom:1px solid #e3e6e8; font-size:15px; font-family:"NanumSquare", sans-serif;}
.mNavi_box .siteh1 ul li a{padding-left:27px; font-size:15px; font-weight:500; line-height:40px}

.site ul li{width:30%; margin:1.5%}

.nanobox_m{display:none}
.board_list tbody tr.moon{display:none}
@media screen and (max-width:1000px) {
	.history .year h4{width:100%; padding:20px 0 15px 0; line-height:30px}
	.history .year ul{width:100%; clear:both}
	.history .year ul li{width:100%; padding:25px 0}
	.history .year ul li p{font-size:14px; margin-left:30px}
	.map{height:auto; 100%}
	.map:after {content: "."; display: block; clear: both; height: 0; font-size: 0; visibility: hidden;}
	.map_txt{width:80%; padding:10%}
	.map_box{width:100%; border:0}
	.prod h3{font-size:20px; padding:20px 0 10px 0; line-height: 23px; height: auto;}
	.prod_txt h4{width:auto;}
	.prod_txt span{clear:both; padding:15px 0 0 15px}
	.question table td input{margin:0 2px}
	.question table td input[type="text"]{width:100%; padding:2%}
	.question table td input.gShort{width:24%}
	.question table td input.gShort1{width:28%; margin-top:4px}
	.question table td input.gShort2{width:42%}
	.question table td textarea{margin:0 2px; padding:10px; width:90%; height:100px; border:1px solid #d6d6d6}
	.question .select_box{width:100%}
	.question table th{padding-left:10px; letter-spacing: -1px;}
	.btn_ac{padding-top:20px}
	.select_box{margin:0 2px}
	.mpt{margin-top:4px}
	.imgmpt{margin-top:4px}
	.jop table th{padding:15px}
	.infoTxt{font-size:13px; padding-top:0}
	.board_list{font-size:12px}
	.board_list caption{padding:0}
	.board_list thead{display:none}
	.board_list tbody{border-top:1px solid #bcc4ca}
	.board_list tbody tr.deon{display:none}
	.board_list tbody tr.moon{display: table-row;}
	.board_list tbody tr.moon td{text-align:left}
	.board_list tbody tr.moon td div.b_ti{font-weight:bold; padding:10px 0 3px 0; font-size:16px; color:#3c3c3c}
	.board_list tbody tr.moon td div.b_tim{font-weight:normal; padding:10px 0 3px 0; font-size:16px; color:#3c3c3c}
	.board_list tbody tr.moon td div.b_tis{padding:3px 0 10px 0;}
	.board_list tbody tr.moon td div.b_tis span{padding-right:20px}
	.board_view{width:100% !important; font-size:12px}
	.view_mov_list{font-size:13px}
	.view_mov_list dt{width:15%}
	.view_mov_list dd{width:85%}
	.prod_box{width:100%}
	.ml_9{margin:9px 0 0 0}
	.prod_imgbox ul li{padding-left:0px; width:100%}
	.nano{display:block}
	.nanobox{display:none}
	.nanobox_m{display:block; padding-top:25px}
	.nano_txt{background:#f7f8fb; padding:0 10% 15px 10%; width:80%; height:auto;}
	.mcl{clear:both}
	.subTable td, .subTable th{font-size:12px; padding:10px 5px}
	h3{height: auto; line-height: 24px;  background: url(ds_imgs/sub/dot.png)0 4px no-repeat;}
}

@media screen and (max-width:500px) {
	.site ul li{width:47%; margin:1.5%}
}
.btnSet ul li button{vertical-align:top;}