@charset "utf-8";

@font-face{

font-family: 'NanumSquare';
 src: url('../font/NanumSquareR.eot');
 src: url('../font/NanumSquareR.eot?#iefix') format('embedded-opentype'),
      url('../font/NanumSquareR.woff') format('woff'),
      url('../font/NanumSquareR.ttf') format('truetype');

}


body {

  color: #666666;
  font-family:'NanumSquare',sans-serif,'맑은 고딕',Malgun Gothic;
  padding: 0;
  margin: 0;
}

*{ margin:0; padding:0; vertical-align:top}
body,button,table{font-size: 1em;font-family:/*'NanumSquare',sans-serif,*/'맑은 고딕',Malgun Gothic,'돋움', 'Dotum', 'sans-serif', 'Tahoma'; color:#4a4a4a; font-weight:normal;line-height:1.6em;} 
textarea,input,select{ font-size:1em; color:#4a4a4a; font-weight:normal;}
img,fieldset{border:0} 
img, video { max-width:100%}
i,em,address{font-style:normal; font-weight:normal} 
ul,ol,li{list-style:none;}
select,textarea {vertical-align:middle;}

table { border-collapse:collapse; border-spacing:0;}
a {text-decoration:none; color:#353535 }
a:hover{color:#000 }
label { cursor:pointer;}
.blind, legend, hr, caption { display:block; overflow:hidden; position:absolute; top:0; left:-1000em;}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
input{ padding-left:3px;  vertical-align:middle;}
input[type="text"] {border:1px solid #CCC;}
input[type="password"] {border:1px solid #CCC;}
input[type="radio"] { padding-right:2px}
select{border:1px solid #CCC;vertical-align:middle;}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
audio, canvas, progress, video {display:inline-block; vertical-align:baseline;}

#sub_continer { width:100%; min-height:700px; position:relative; background:url(../img/bg_img.png) no-repeat top right; padding-left:315px; box-sizing:border-box;}
#sub_continer .inner { float:left; width:1000px;}
.sub_header { float:left; width:100%; height:160px; border-bottom:solid 1px #000000; text-align:center; padding:40px 0; box-sizing:border-box}
.title_bx {float:left; width:100%; position:relative; text-align:center; border-top:solid 5px #66696e; padding:44px 0; border-bottom:solid 1px #f8f8f9}
.title_bx .cate { font-size:0.875em; color:#8a8a8a}
.title_bx .b_cate { font-size:2em; color:#2c2c2c}
.title_bx .b_cate span { padding-left:5px; color:#595959}
.title_bx .history { position:absolute; width:100%; text-align:right; top:5px; font-size:0.65em; font-family:'맑은 고딕','Malgun Gothic'}
.title_bx .history em { color:#B8B8B8; padding:0 6px}

.contents { font-size:1em; font-family:'맑은 고딕','Malgun Gothic'; letter-spacing:-0.075em; float:left; width:100%; padding-bottom:100px}
.img_bx img { width:100%; height:auto}

.txt_bx .title_hd { font-family:'NanumSquare'; font-size:1.4em; color:#333333; margin-bottom:20px; margin-top:40px; line-height:1.5em; letter-spacing:-0.04em}
.txt_bx .eng { letter-spacing:-0.00em; font-size:0.95em}


.funtion_wrp {float:left; width:100%; position:relative; margin-top:20px }
/*.funtion_wrp .srh-wrp { position:absolute; width:auto; right:0 }*/
.funtion_wrp .srh-wrp { position:relative; width:100%; right:0; text-align:right; }
.funtion_wrp .srh-wrp input { height:32px; width:180px; background-color:#fff; border:solid 1px #D0D0D0; padding-left:3px}
.funtion_wrp .srh-wrp select {height:32px; margin-right:3px}
.funtion_wrp .srh-wrp img {display:inline-block; margin-left:2px}


/*.funtion_wrp .list_choice { float:right;margin-top:40px; height:25px; }*/
.funtion_wrp .list_choice { float:right;margin-top:20px; height:25px; }
.funtion_wrp .list_choice li{position:relative;float:right; width:auto;margin:0 2px 0 18px;color:#7c818f;font-size:12px; margin-top:8px; z-index:999;  }
.funtion_wrp .list_choice .choice{width:auto;background:url(../img/ico_viewtype.png) no-repeat right 7px;padding:0 30px 5px 0; display:block}
.funtion_wrp .list_choice .choice:hover div{display:block;}
.funtion_wrp .list_choice .choice div{display:none;position:absolute;height:auto;border:solid 1px #e6e6e6;background:#FFFFFF;z-index:110; padding:3px; font-size:11px;color:#666;width:90px; top:25px;left:-7px;}
	.list_choice .choice div:hover{display:block}
	.list_choice .choice div li {float:left;width:90px;line-height:22px; margin:0; padding:0 2px}
	.list_choice .choice div li:hover {background-color:#efefef}
	.list_choice .choice div li .select{color:#e27b0d}
	.list_choice a{ color:#666666;}
	.list_choice a:hover{ color:#000; text-decoration:none}
	
  
ul.Proj_list_box { float:left; width:100%; border-top:solid 1px #ebe9e6; padding-top:30px; margin-top:20px }
ul.Proj_list_box li{ float:left; width:31%; box-sizing:border-box; margin-bottom:34px; margin-right:3%;box-sizing:border-box; }
ul.Proj_list_box li:nth-child(3n+3){border-right:0;padding-right:0; margin-right:0}
.Proj_list_box dl { float:left; width:100%; height:300px}
.Proj_list_box dl dt { background-position:center;width:100%; border:solid 1px #d8d5d1; background-size:cover; margin-bottom:10px; background-position:center}
.Proj_list_box dl dt a { width:100%; height:190px;  display:block; overflow:hidden}
/*.Proj_list_box dl dt img { width:100%; height:190px}*/
.Proj_list_box dl dd a{ font-size:1em; font-weight:600; color:#2d2d2d; }
.Proj_list_box dl dd .local { font-size:0.875em; color:#85a4be}
.Proj_list_box dl dd em {font-size:0.875em; color:#EDEDED; padding:0 5px }
.Proj_list_box dl dd span { font-size:0.875em; color:#7c7e80; line-height:1.8 }


/*페이징*/
.paginate_complex{padding:0;line-height:normal;text-align:center; margin:30px 0; float:left; width:100%}
.paginate_complex a{display:inline-block;position:relative;z-index:2;margin:0 -1px; width:36px; height:36px;border:1px solid #dedede; background-color:#fff; font-size:14px;color:#868686;text-decoration:none;vertical-align:middle; box-sizing:border-box; line-height:36px; text-align:center}
.paginate_complex strong{display:inline-block;position:relative;z-index:2;margin:0 -5px; width:36px; height:36px;border:1px solid #dedede; background-color:#fff; font-size:14px;color:#868686;text-decoration:none;vertical-align:middle; box-sizing:border-box; line-height:36px; text-align:center}
.paginate_complex a:hover,
.paginate_complex a:active,
.paginate_complex a:focus{background-color:#f8f8f8; color:#000}
.paginate_complex strong{color:#002a40; background-color:#dedede !important}
.paginate_complex .select{color:#002a40; background-color:#dedede !important; font-weight:600}
.paginate_complex .prev{padding:0}
.paginate_complex .next{padding:0}
.paginate_complex .btn_prev { background:url(../img/btn_prev.png) no-repeat center; width:36px; height:36px; display:inline-block; top:0; margin:0 1px; border:none}
.paginate_complex .btn_next { background:url(../img/btn_next.png) no-repeat center; width:36px; height:36px; display:inline-block; top:0; margin:0 1px; border:none}
.paginate_complex .btn_prevgrp { background:url(../img/btn_p_prev.png) no-repeat center; width:36px; height:36px; display:inline-block; top:0; margin:0 -9px; border:none}
.paginate_complex .btn_nextgrp { background:url(../img/btn_p_next.png) no-repeat center; width:36px; height:36px; display:inline-block; top:0; margin:0 -9px; border:none}
.paginate_complex .strong_sel {border-left:solid 1px #FFFFFF}


.Projinfo_box {float:left; width:100%; padding-bottom:30px; position:relative}
.Projinfo_box .pro_tit {float:left; width:100%; margin-bottom:20px;font-size:1.6em; color:#000; letter-spacing:-0.09em; text-align:center; border-top:solid 1px #E4E4E4; padding:25px 0 5px 0}

.sns_wp { float:left; width:100%; height:43px; margin-bottom:20px; margin-top:20px }
.sns_wp li {float:right; width:auto}
.sns_wp li a{overflow:hidden;display:block;text-indent:-9999em; width:auto;background:url(../img/ico_sns.png) no-repeat left top; margin:0 2px}
.sns_wp li.face a{ width:43px; height:43px; background-position:5px 6px; border:solid 1px #dfdfdf; border-radius:43px}
.sns_wp li.twiter a{ width:43px; height:43px; background-position:-31px 6px; border:solid 1px #dfdfdf; border-radius:43px}
.sns_wp li.print a{ width:43px; height:43px; background-position:-72px 6px; border:solid 1px #dfdfdf; border-radius:43px}

.Projinfo_box ul.proj_txt { position:relative; width:100%; float:left; margin-top:20px}
.Projinfo_box ul.proj_txt li { background:url(../img/bullet_proj.png) no-repeat 0 11px; color:#5e5e5e; padding:3px 0 3px 0}
.Projinfo_box ul.proj_txt li .tit_info { display:inline-block;font-size:1em; color:#000; font-weight:600; width:12%;}
.Projinfo_box ul.proj_txt li .info { display:inline-block; width:88%;}

.proj_info_box .pjimg_box { float:left;width:100%;position:relative}
.proj_info_box .pjimg_box .jbig_img { float:left; width:100%; height:570px; border:solid 1px #d8d5d1;display:block; background-position:center}
.proj_info_box ul.proj_thumb { float:left; width:100%; margin-top:7px}
.proj_info_box ul.proj_thumb li{ float:left; width:19%; height:110px; border:solid 1px #bfbfbf; box-sizing:border-box; display:block; margin-right:1%;-ms-behavior: url(../css/backgroundsize.min.htc);}
.proj_info_box ul.proj_thumb li.on { float:left; width:19%; height:110px; border:solid 5px #ee8f29; box-sizing:border-box; display:block}
.proj_info_box ul.proj_thumb li.on a:hover{ float:left; width:19%; height:110px; border:0; box-sizing:border-box; display:block}
.proj_info_box ul.proj_thumb li a:hover { float:left;width:100%; height:110px;border:solid 5px #ee8f29; box-sizing:border-box; display:block;-ms-behavior: url(../css/backgroundsize.min.htc);}
.proj_info_box ul.proj_thumb li a{width:19%; height:110px;display:block;-ms-behavior: url(../css/backgroundsize.min.htc);}

.proj_info_box .pjimg_box .img_prev,.pro_info_box .img_box .img_next  { display:block;}
.proj_info_box .pjimg_box .img_prev a {position:absolute;width:37px; height:37px;left:5px; top:50%; background:url(../img/ico_arrow_bg.png) no-repeat -2px -27px; display:block}
.proj_info_box .pjimg_box .img_next a {position:absolute;width:37px; height:37px;right:5px; top:50%; background:url(../img/ico_arrow_bg.png) no-repeat -43px -27px;display:block}

dl.pro_info_txt { float:left; width:100%; border-bottom:solid 1px #d9d9d9;border-top:solid 1px #d9d9d9; margin-bottom:30px;}
dl.pro_info_txt dt{ float:left; width:100%; font-weight:600; color:#000; text-align:center; padding:18px 0; box-sizing:border-box; border-bottom:solid 1px #EBEBEB}
dl.pro_info_txt dd { padding:18px 0; float:left; width:100%; box-sizing:border-box; }


.history_lst { float:left; width:97%; background:url(../img/history_line.png) repeat-y 80px bottom; margin-top:70px; margin-left:5%}
.history_lst dl { float:left; width:100%; margin-bottom:10px}
.history_lst dl dt { float:left; width:160px; border:solid 1px #e4851d; border-radius:60px; font-family:'NanumSquare'; text-align:center; padding:14px 0; font-size:1.125em; color:#292a2c; background-color:#fff }
.history_lst dl dd { float:left; width:75%; box-sizing:border-box}
.history_lst dl dd ul.kor { float:left; width:45%; border-top:solid 1px #D4D4D4; margin-top:26px; padding:20px}
.history_lst dl dd ul li { float:left; width:100%; background:url(../img/jum.png) no-repeat left center; padding-left:12px; box-sizing:border-box}
.history_lst dl dd ul.eng { float:left; width:55%; border-top:solid 1px #D4D4D4; margin-top:26px; padding:20px; font-size:0.9em; letter-spacing:-0.05em}


/* 버튼*/
.lst_btn_wp { float:left; width:100%; text-align:right; margin-top:30px; line-height:1.8}
.lst_btn_wp a:hover { background:#00b18a}

.btn_basic a{ background-color:#2c2c2c; width:auto; padding:4px 30px; font-size:1.2em; display:inline-block; color:#FFFFFF !important; margin-left:2px; border-radius:5px}
.btn_gray a{ background-color:#5a5a5a; width:auto; padding:4px 30px; font-size:1.2em; display:inline-block; color:#FFFFFF !important; margin-left:2px; border-radius:5px}


/* 컬럼 5개*/
.list_5culm { float:left;border-top:solid 2px #2b2b2b; margin-top:20px; width:100%; position:relative; text-align:left}
.list_5culm .bbs_head {float:left; width:100%; border-bottom:1px solid #ebe9e6; padding:18px 0 18px 0; color:#242424; line-height:18px; font-weight:600;text-align:center; font-size:1em}
.list_5culm .bbs_head .num{ float:left; width:7%;}
.list_5culm .bbs_head .subject {float:left;width:63%; }
.list_5culm .bbs_head .date {float:left;width:10%; text-align:center;}
.list_5culm .bbs_head .write {float:left;width:10%; text-align:center;}
.list_5culm .bbs_head .hit {float:left;width:10%; text-align:center;}
.list_5culm .bbs_lst {float:left; width:100%; border-bottom:1px solid #efefef; padding:18px 0 18px 0; color:#656565; line-height:18px;font-size:1em }
.list_5culm .bbs_lst .num{ float:left; width:7%;text-align:center; color:#8c8c8c}
.list_5culm .bbs_lst .subject {float:left;width:63%; }
.list_5culm .bbs_lst .subject a {float:left; padding-left:10px; color:#3e3e3e; font-size:1em;padding-bottom:2px}
.list_5culm .bbs_lst .write {float:left;width:10%; text-align:center !important; display:block; height:10px;}
.list_5culm .bbs_lst .date {float:left;width:10%; text-align:center;}
.list_5culm .bbs_lst .hit {float:left;width:10%; text-align:center;}



/*상세페이지*/
.view_header{float:left;border-top:solid 2px #000000;border-bottom:solid 1px #a5a5a5;width:100%; padding:18px 0 20px 0; position:relative;}
.view_header .subject { float:left; color:#1e1e1e; font-size:1.05em; font-weight:600; width:100%; line-height:1.6;}
.view_header .subject a { margin-left:4px}
.view_header .subject .t_notice { display:inline-block; width:auto; padding:0 20px; height:30px;line-height:30px;
background-color:#6ec3f5; color:#fff; text-align:center; border-radius:14px; font-size:15px; margin:11px 5px 0 0;}

.view_culm {width:100%; float:left; font-size:0.875em; color:#808080; line-height:14px;border-bottom:solid 1px #e2e2e2; padding:14px; box-sizing:border-box}
.view_culm .write {float:left; width:auto; text-align:left;}
.view_culm .date {float:right; width:auto; text-align:right;}
.view_culm em { color:#D4D4D4; padding:0 4px}
/*.view_culm.file a { display:block; padding-top:5px}*/
.view_culm strong { font-weight:600; color:#1A1A1A; padding-right:10px}
.view_culm a { color:#555 !important; letter-spacing:0}
.view_culm .file_tit { float:left; width:65px; display:inline-block;font-weight:600; color:#1A1A1A; }
.view_culm .link_url { float:left; width:50%;}

.view_body{width:100%; text-align:center; margin-top:5px; float:left; border-bottom:solid 1px #383838; padding-bottom:10px}
.view_body .text{float:left; text-align:left; padding:10px; font-weight:normal; line-height:1.8}

.view_list{margin-top:20px;color:#000000;float:left; width:100%; border-bottom:solid 2px #cacaca; padding-bottom:22px}
	.view_list p{letter-spacing:-0.05em; font-weight:600; font-size:14px; height:30px; background-color:#efefef; display:inline-block; padding:0 20px; letter-spacing:-0.09em}
	.view_list ul {	margin-top:12px;color: #999900;}
	.view_list li a{line-height:22px; color:#2f3443;font-size:14px; }
 
  
/* 쓰기*/
.form_box { float:left; width:100%;border-top:solid 2px #000000;}
.form_box dl{ float:left; width:100%;border-bottom:1px solid #efefef;}
.form_box dl dt { width:18%; float:left; font-weight:600; color:#1A1A1A; padding:14px 0 0 0; box-sizing:border-box; text-align:left; min-height:60px;}
.form_box dl dd { width:82%; float:left; padding:10px 0;text-align:left;}
.form_box dl dd input { height:38px; margin-bottom:1px; }
.form_box dl dd select { height:38px; margin-bottom:1px; font-size:0.875em}
.form_box dl dd em { padding:0 4px}
.form_box dl dd a { width:79px; text-align:center; font-size:13px; color:#fff; display:inline-block; line-height:32px}
.ex { font-size:0.8em; color:#88a87a; line-height:1.2; display:inline-block; }
.ex_blk { font-size:0.8em; color:#88a87a; line-height:1.2; display:block; margin-top:3px }
.form_box dl dd textarea {border:solid 1px #e5e5e5;  width:100%; height:200px}
.form_box dl dd .sbtn a { width:auto; height:38px; padding:0 10px; font-size:13px; letter-spacing:-0.08em; background-color:#c14e00; border-radius:3px; display:inline-block; color:#fff !important; line-height:38px; box-sizing:border-box; margin-left:7px}


/* 폼디자인*/
.form_tag{position:relative; display:inline-block;}
.form_tag input[type="text"],
.form_tag select,
.form_tag textarea{width:100%; text-indent:8px;}
.form_tag.w80 { width:80%}
.form_tag.phone { width:70px; margin:0 2px}
.form_tag.mail {width:200px; margin:0 2px}
.form_tag.file {width:200px; margin:0 2px}
.form_tag.choice {width:50%;}
.form_tag.mail_choice {width:140px;}
.form_tag.subject {width:100%;}


.list_box { float:left; width:100%; margin-top:20px}
.list_box .list_head { float:left; width:100%; border-top:solid 1px #9398bb; border-bottom:solid 1px #9398bb; padding:10px 0; text-align:center; font-weight:500; color:#1a2765 }
.list_box .list_head .pic { float:left; width:13%; }
.list_box .bbs_lst { float:left; width:100%; padding:17px 0; border-bottom:solid 1px #dfdfe3; }
.list_box .bbs_lst .info { float:left; width:87%;}
.list_box .bbs_lst .picimg { float:left; width:14%; min-width:120px;}
.list_box .bbs_lst .picinfo { float:left;  width:84%; }
.list_box .bbs_lst .picinfo p { margin-bottom:0px}
.list_box .bbs_lst .picinfo p a{ font-weight:500; color:#1a2765; line-height:1.5 } 
.list_box .bbs_lst .picinfo .stxt a{ color:#7e8090; line-height:1.5; font-size:0.95em  } 
.list_box .bbs_lst .picinfo ul { float:left; width:100%; color:#7e8090; font-size:0.95em }
.list_box .bbs_lst .picinfo ul li { float:left; width:50%; color:#7e8090; line-height:1.5}
.list_box .bbs_lst .picinfo ul li.num { text-align:right; font-size:0.85em; letter-spacing:0}


.people_bx { float:left; width:100%;}
.people_bx ul {float:left; width:100%;}
/*.people_bx li { float:left; width:19%; height:auto; margin-right:1.2%; margin-bottom:3.6%}*/
.people_bx li {float:left;width:19%;height: 300px;margin-right:1.2%;margin-bottom:3.6%;}
.people_bx li a { width:100%; height:auto; }
.people_bx li p {font-size:0.8em; padding-top:10px; color:#000000; display:block}
.people_bx li:nth-child(5n+5) { margin-right:0%}
.people_bx li img { width:100%}
.people_bx li p .eng_name { display:block; color:#333333; font-weight:600; font-size:1.35em; line-height:1.2;letter-spacing:0; padding:8px 0 8px 0}
.people_bx li p .kr_name {display:block; line-height:1.2}
.people_bx li p .position {display:block; color:#888888; letter-spacing:0}


.people_detail { float:left; width:100%;}
.people_detail dl { float:left; width:100%;}
.people_detail dl dt { float:left; width:35%}
.people_detail dl dt img { width:100%}
.people_detail dl dd { float:left; width:65%; padding-left:40px; }
.people_detail dl dd .detail_txt { display:block; font-size:0.895em; line-height:1.6; margin-top:20px; color:#636363}
.people_detail dl dt p { margin-top:10px}
.people_detail dl dt .eng_name { font-size:1.25em; padding-right:6px; letter-spacing:0}
.people_detail dl dt .eng_grade {font-size:0.875em; color:#333333; letter-spacing:0; line-height:2.3}
.people_detail dl .eng_people { letter-spacing:0; padding-top:50px}
.people_detail dl .eng_people p { font-size:1.6em; color:#333333;font-weight:600}
.people_detail dl .eng_people p span { font-size:13px; color:#333333; display:block; line-height:2.4}
.people_detail dl .kr_people { letter-spacing:-0.075em; padding-top:50px}
.people_detail dl .kr_people p { font-size:1.5em; color:#333333;}
.people_detail dl .kr_people p span { font-size:13px; color:#333333; display:block; line-height:2.4}

.people_detail .eng_people2 { float:left; width:100%; letter-spacing:0; padding-top:40px}
.people_detail .eng_people2 p { font-size:1.05em; color:#333333; font-weight:600}
.people_detail .kr_people2 { float:left; width:100%;letter-spacing:-0.075em; padding-top:40px}
.people_detail .kr_people2 p { font-size:1.05em; color:#333333; font-weight:600}
.people_detail .detail_txt { display:block; font-size:0.895em; line-height:1.6; margin-top:10px; color:#636363}



@media screen and (max-width:1400px) {
#sub_continer {padding-left:295px; padding-right:90px; background-size:20%}
#sub_continer .inner { float:left; width:100%; }  

.history_lst { float:left; width:100%; background:url(../img/history_line.png) repeat-y 12% bottom; margin-top:50px; margin-left:0}
.history_lst dl { float:left; width:100%; margin-bottom:10px}
.history_lst dl dt { float:left; width:24%; }
.history_lst dl dd { float:left; width:76%; box-sizing:border-box}
.history_lst dl dd ul li { background:url(../img/jum.png) no-repeat left 10px;}
}


@media screen and (max-width:1024px) {
#sub_continer {padding-left:50px; padding-right:50px}
#sub_continer .inner { float:left; width:100%; } 
.sub_header { height:auto; padding:30px 0;} 
.sub_header img { height:60px; width:auto}


}


@media screen and (max-width:768px) {
#sub_continer {padding-left:10px; padding-right:10px}


ul.Proj_list_box { float:left; width:100%; border-top:solid 1px #ebe9e6; padding-top:30px; margin-top:20px }
ul.Proj_list_box li{ float:left; width:47%; box-sizing:border-box; margin-bottom:34px; margin-right:3%;box-sizing:border-box; }
ul.Proj_list_box li:nth-child(3n+3){border-right:0;padding-right:0; margin-right:3%}
  ul.Proj_list_box li:nth-child(2n+2){border-right:0;padding-right:0; margin-right:3%}
.Proj_list_box dl { float:left; width:100%; height:300px}
.Proj_list_box dl dt { background-position:center;width:100%; border:solid 1px #d8d5d1; background-size:cover; margin-bottom:10px}
.Proj_list_box dl dt a { width:100%; height:200px;  display:block; overflow:hidden}
.Proj_list_box dl dd a{ font-size:1em; font-weight:600; color:#2d2d2d; }
.Proj_list_box dl dd .local { font-size:0.875em;}
.Proj_list_box dl dd em {font-size:0.875em; color:#EDEDED; padding:0 5px }
.Proj_list_box dl dd span { font-size:0.875em; color:#A06831; line-height:1.8 }

.proj_info_box .pjimg_box { width:100%;}
.proj_info_box .pjimg_box .jbig_img { width:100%;height:420px; margin:0 }
.proj_info_box ul.proj_thumb { float:left; width:100%; margin-top:4px; margin-left:0}
.proj_info_box ul.proj_thumb li{ float:left; width:19.5%;margin-right:0.6%;height:75px}
.proj_info_box ul.proj_thumb li:last-child{ margin-right:0}
.proj_info_box ul.proj_thumb li.on { float:left; width:19.5%;height:75px}
.proj_info_box ul.proj_thumb li a:hover { float:left;width:100%;height:75px}
.proj_info_box ul.proj_thumb li a{width:100%;}

dl.pro_info_txt { float:left; width:100%; border-bottom:solid 1px #e6e6e6;border-top:solid 1px #d9d9d9; margin-bottom:30px;background:none;}
dl.pro_info_txt dt{ float:left; width:100%;font-weight:600; color:#000; text-align:left; padding:14px 10px; box-sizing:border-box; background-color:#f7f7f7; border-bottom:solid 1px #EAEAEA}
dl.pro_info_txt dd { padding:18px 10px; float:left; width:100%; box-sizing:border-box}

.Projinfo_box ul.proj_txt li .tit_info { width:15%;}
.Projinfo_box ul.proj_txt li .info { width:85%;}

.list_box .list_head .pic { float:left; width:18%; }
.list_box .bbs_lst .info { float:left; width:80%;}
.list_box .bbs_lst .picimg { float:left; width:20%;  min-width:120px}
.list_box .bbs_lst .picinfo { float:left;  width:78%;font-size:0.875em; }



.history_lst dl dd ul li {background:url(../img/jum.png) no-repeat left 8px;}

}



@media screen and (max-width:640px) {
body { font-size:0.875em} 
  
#sub_continer {padding-left:10px; padding-right:10px}
.sub_header { display:none;} 
.title_bx {border-top:none; padding:26px 0} 
.title_bx .history { display:none }

  
ul.Proj_list_box li{ float:left; width:100%; }
ul.Proj_list_box li:nth-child(3n+3){margin-right:0}
.Proj_list_box dl { float:left; width:100%; height:360px}
.Proj_list_box dl dt { background-position:center;width:100%; border:solid 1px #d8d5d1; background-size:cover; margin-bottom:10px}
.Proj_list_box dl dt a { width:100%; height:300px;display:block;}
.Proj_list_box dl dt img { width:100%; height:auto;}
.Proj_list_box dl dd a{ font-size:1em; font-weight:600; color:#2d2d2d; }
.Proj_list_box dl dd .local { font-size:0.875em;}
.Proj_list_box dl dd em {font-size:0.875em; color:#EDEDED; padding:0 5px }
.Proj_list_box dl dd span { font-size:0.875em; color:#A06831; line-height:1.8 }

/* 컬럼 5개*/

.list_5culm .bbs_head .num{ float:left; width:7%;}
.list_5culm .bbs_head .subject {float:left;width:63%; }
.list_5culm .bbs_head .date {float:left;width:13%;}
.list_5culm .bbs_head .write {float:left;width:17%;}
.list_5culm .bbs_head .hit {display:none}

.list_5culm .bbs_lst .num{ float:left; width:7%;}
.list_5culm .bbs_lst .subject {float:left;width:63%; box-sizing:border-box}
.list_5culm .bbs_lst .write {float:left;width:13%;}
.list_5culm .bbs_lst .date {float:left;width:17%;}
.list_5culm .bbs_lst .hit {display:none}


/* 쓰기*/
.form_box dl dt { width:100%; float:left; padding:4px 0 2px 0;min-height:30px;}
.form_box dl dd { width:100%; float:left; padding:4px 0 8px 0;}
.form_box dl dd em { padding:0 2px}
.form_box dl dd .ex { font-size:0.8em; color:#88a87a; line-height:1.2; display:inline-block; }
.form_box dl dd textarea {border:solid 1px #e5e5e5;  width:100%; height:200px}
.form_box dl dd .blk { display:block}
.form_box dl dd .sbtn_ck a:before{content:"확인"}


.form_tag.basic {width:85%}
.form_tag.w80 { width:85%}
.form_tag.phone { width:50px; margin:0 2px}
.form_tag.mail {width:85%; margin:0 2px}
.form_tag.file {width:70%; margin:0 2px}
.form_tag.post {width:80px;}
.form_tag.choice {width:85%;}
.form_tag.mail_choice {width:86%;}


.list_box .list_head .pic { width:22%;}
.list_box .bbs_lst .info { width:78%;}
.list_box .bbs_lst .picimg { width:22%;padding-right:20px; box-sizing:border-box}
.list_box .bbs_lst .picinfo { width:70%; }


.people_bx li p {padding-top:7px;}
.people_bx li { float:left; width:32%; height:auto; margin-right:2%;}
.people_bx li:nth-child(3n+3) { margin-right:0%}
.people_bx li:nth-child(5n+5) { margin-right:2%}
.people_bx li img { width:100%}



}



@media screen and (max-width:480px) {
#sub_continer {padding-left:10px; padding-right:10px}
.history_lst { background:none; margin-top:50px;}
.history_lst dl { float:left; width:100%; margin-bottom:10px}
.history_lst dl dt { float:left; width:100%; }
.history_lst dl dd { float:left; width:100%; padding-bottom:20px }
.history_lst dl dd ul { float:left; width:100%; }
.history_lst dl dd ul.kor { float:left; width:100%; border-top:none; padding:10px 10px 0 10px ; margin-top:5px}
.history_lst dl dd ul.eng { float:left; width:100%; padding:10px 10px 0 10px; margin-bottom:20px; margin-top:10px }

.proj_info_box .pjimg_box .jbig_img { height:270px;}
.proj_info_box ul.proj_thumb li{ height:55px}
.proj_info_box ul.proj_thumb li:last-child{ margin-right:0}
.proj_info_box ul.proj_thumb li.on { height:55px}
.proj_info_box ul.proj_thumb li a:hover { height:55px}

.Projinfo_box ul.proj_txt li .tit_info { width:22%; min-width:auto;}
.Projinfo_box ul.proj_txt li .info { width:74%;}

.title_bx .b_cate { font-size:1.6em; color:#2c2c2c; letter-spacing:-0.05em}
.Projinfo_box .pro_tit {margin-bottom:20px;font-size:1.3em;padding:25px 0 0px 0}

.Proj_list_box dl { height:310px}
.Proj_list_box dl dt a { width:100%; height:250px;display:block}

.list_box .list_head .pic { width:30%;}
.list_box .bbs_lst .info { width:70%;}
.list_box .bbs_lst .picimg { width:30%; }
.list_box .bbs_lst .picinfo { width:65%; }
.list_box .bbs_lst .picinfo ul li { width:100%}

/*.funtion_wrp .srh-wrp { position:relative; width:auto; right:0; text-align:center }*/
.funtion_wrp .srh-wrp { position:relative; width:100%; right:0; text-align:right; }
.funtion_wrp .list_choice { float:right;margin-top:20px; height:25px; }


.people_detail dl dt { float:left; width:100%}
.people_detail dl dd { float:left; width:100%; padding-left:0;}
.people_detail dl .eng_people { letter-spacing:0; padding-top:30px}
.people_detail dl .kr_people { letter-spacing:0; padding-top:30px}



}

@media screen and (max-width:390px) {
.Proj_list_box dl { height:260px}
.Proj_list_box dl dt a { width:100%; height:200px;display:block}
  
.list_box .list_head .pic { width:30%; display:none}
.list_box .bbs_lst .info { width:100%;}
.list_box .bbs_lst .picimg { width:100%; margin-bottom:10px }
.list_box .bbs_lst .picinfo { width:100%; }


.people_bx li p .eng_name { font-size:1.2em; line-height:1.2;letter-spacing:0; padding:8px 0 8px 0}
}