/* Font */
@font-face {
  font-family: 'notokr-regular';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/notokr-regular.eot);
  src: url(/fonts/notokr-regular.eot?#iefix) format('embedded-opentype'),
	   url(/fonts/notokr-regular.woff2) format('woff2'),
	   url(/fonts/notokr-regular.woff) format('woff'),
	   url(/fonts/notokr-regular.ttf) format('truetype');
}
@font-face {
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: 400;
  src: url(/lib/font-awesome/fonts/fontawesome-webfont.eot);
  src: url(/lib/font-awesome/fonts/fontawesome-webfont.eot?#iefix) format('embedded-opentype'),
	   url(/lib/font-awesome/fonts/fontawesome-webfont.woff2) format('woff2'),
	   url(/lib/font-awesome/fonts/fontawesome-webfont.woff) format('woff'),
	   url(/lib/font-awesome/fonts/fontawesome-webfont.ttf) format('truetype'),
	   url(/lib/font-awesome/fonts/fontawesome-webfont.svg) format('svg');
}
@font-face {
  font-family: 'NanumMyeongjoBold';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/NanumMyeongjoBold.eot);
  src: url(/fonts/NanumMyeongjoBold.eot?#iefix) format('embedded-opentype'),
	   url(/fonts/NanumMyeongjoBold.woff) format('woff'),
	   url(/fonts/NanumMyeongjoBold.ttf) format('truetype');
}

/* Base */
html,body,div,span,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,blockquote,p,address,pre,cite,form,fieldset,legend,input,label,button,textarea,select,table,caption,thead,tfoot,tbody,tr,th,td,img{margin:0;padding:0;}
body,table,th,tr,td,select,input,div,form,button,textarea,h1,h2,h3,h4,h5,h6{color:#000;font-size:12px;}
body{background-color:#FFF;}
img{vertical-align:top;}
img,fieldset,input{border:0;}
input,select,button{vertical-align:middle;}
input,textarea{outline-style:none}
button{cursor:pointer;background:none;border:0;}
li{list-style:none;}
address{font-style:normal;}
table{border-collapse:collapse;}
a{text-decoration:none;}
a:link{color:#000;}
a:visited{color:#000;}
a:hover{color:#000;text-decoration:underline;}
a:active{color:#777;}

/* Clearfix */
.clearfix{*zoom:1;}
.clearfix:after{display:block;clear:both;content:"";}

/* Layout */
body{width:100%;overflow-x:hidden;}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hidden{border:0;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;}

/* Common-Header */
#header{text-align:center;margin:10px 0 20px 0;}
#header h1{margin:40px 0;}
#header h1 img{width:70%;}
#main-logo{line-height: 100px; margin: 10px;text-align: center;}
#main-logo img{width:70%;}
#header > ul > li{display:inline;position:relative;margin:0 1em;font-size:1.3em;z-index: 99999;}
#header > ul > li > a{display:inline-block;line-height:100px;z-index: 99999;}
#header > ul > li ul{display:none;position:absolute;left:50%;margin-left:-50px;top:25px;z-index: 99999;}
#header > ul > li ul a{display:block;width:100px;height:25px;line-height:25px;background-color:#aaa;color:#FFF;font-size:13px;z-index: 99999;}
#header > ul > li.on ul{display:block;}
#header > ul > li ul li{margin-bottom:1px;}
#header > ul > li > ul > li ul{display:none;position:absolute;left:50%;margin-left:51px;top:52px;}
#header > ul > li > ul > li ul a{display:block;width:100px;height:25px;line-height:25px;background-color:#aaa;color:#FFF;font-size:13px;}

.admin_login{position:absolute;top:20px;right:20px;}

/* Common-Main */
#main .main_slider img{width:80%;}
#main .bx-wrapper {position:relative;}
#main .bx-wrapper .bx-controls-direction a{color:#FFF;font-size:50px;}
#main .bx-wrapper .bx-controls-direction a:hover{text-decoration:none;}
#main .bx-wrapper .bx-prev{position:absolute;top:35%;left:3%;font-family:'NanumMyeongjoBold';}
#main .bx-wrapper .bx-next{position:absolute;top:35%;right:3%;font-family:'NanumMyeongjoBold';}
.about_bumsong{ padding:30px;}
.about_bumsong dt{font-size:19px;font-weight:bold;margin-bottom:10px;}
.about_bumsong dd{color:#777; font-size:13px; vertical-align: middle;}

/* Common-Footer */
#footer{margin-top:40px;}
#footer .footer_wrap{border-top:1px solid #aaa;color:#777;padding:30px 0 0 30px;}
#footer .footer_sub_wrap{background-color:#F0F0F0;padding:30px 0 30px 30px;}
#footer h2{color:#777;font-size:15px;font-weight:bold;margin-bottom:20px;}
#footer dl{color:#777;}
#footer .company_wrap{margin-bottom:30px;}
#footer .company_wrap dl{margin-bottom:5px;}
#footer .company_wrap dt{display:inline-block;font-weight:bold;width:90px;}
#footer .company_wrap dd{display:inline-block;}
#footer .contact_wrap dl{margin-bottom:5px;}
#footer .contact_wrap dt{display:inline-block;width:25px;}
#footer .contact_wrap dd{display:inline-block;}
#footer .copyright{margin:30px auto;font-size:13px; text-align: center;}
#footer .copy_sub{padding-left:30px;}
#footer .copyright dt{display:inline-block;}
#footer .copyright dd{display:inline-block;}

#footer .footer_sub_wrap > .footer_content {
    display: flex;
    justify-content: space-between; /* 좌우 끝 정렬 */
    flex-wrap: wrap; /* 화면 좁아지면 줄바꿈 */
}

#footer .company_wrap,
#footer .contact_wrap {
    flex: 1 1 200px; /* 최소 폭 200px, 공간 가변 */
    margin-bottom: 20px; /* 모바일 줄바꿈 시 아래 여백 */
}

/* Landing page*/
.landing-wrap {
    max-width: 1600px;
    margin: auto;
    text-align: center;
    padding-top: 0;
    border-top: 1px solid #aaa;
}

.landing-contents {
    margin-top: 20px;
}

.slogan {
    font-size: 30px;
    font-family: 'NanumMyeongjoBold';
    font-weight: bold;
    margin: 40px 0 20px;
}

/* Common-About */
#contents{text-align:center;padding-top:50px;border-top:1px solid #aaa;}
#contents.project{padding-top:20px;}
#contents h2{font-size:30px;}
#contents .contents_wrap{margin-top:80px;}
#contents > ul{margin-top:30px;}
#contents > ul li{font-size:1.2em;display:inline;padding: 0 1.2em}
#contents > ul li a{color:#777;}
#contents > ul li.on a{color:#000;}
#contents > ul li.activated a{font-weight: bold!important;color:#000;}

/**/
#contents > ul > li {display: inline;position: relative;margin: 0.1em;font-size: 1.3em;}
#contents > ul > li > a {display: inline-block;height: 30px;}
#contents > ul > li ul {display: none;position: absolute;left: 50%;margin-left: -50px;top: 30px;}
#contents > ul > li ul a {display: inline-block;width: 80px;height: 25px;line-height: 25px;background-color: #aaa;color: #FFF;font-size: 13px;cursor:pointer;}
#contents > ul > li.on ul {display: inline-block;}
#contents > ul > li ul li {margin-bottom: 1px;}
#contents > ul > li > a {display: inline-block;height: 30px;}
/**/

/* product */
#contents .product > ul{font-size:0;}
#contents .product > ul li{display:inline-block;font-size:13px;margin:8px;width:317px;height:auto;vertical-align:top;}
#contents .product > ul li img{width:320px;height:auto;}
/* product */

#contents .about img{width:50%;}
#contents .about p{font-size:13px;margin-bottom:30px;line-height:20px;padding:0 30px;text-align:left;}
#contents .about p.about_title{font-size:20px;margin:70px 0 50px;text-align:center;}


/* Common-Contact */
#contents .contact img{width:100%;}
#contents .contact > dl{text-align:left;padding:30px;color:#777;}
#contents .contact > dl dt{font-weight:bold;font-size:15px;margin:30px 0 10px;}
#contents .contact > dl dd{font-size:13px;line-height:20px;}
.map {
    max-width: 670px;
    margin: auto;
    margin-bottom: 50px;
    padding: 20px;
}
.map #kakaoMap {
    min-height: 345px;
}

/* Common-Qna */
#contents .qna dl{font-size:15px;background-color:#aaa;color:#FFF;width:145px;height:30px;line-height:30px;margin:0 auto;}
#contents .qna dt{display:inline;}
#contents .qna dd{display:inline;}
#contents .qna dd a{color:#FFF;text-decoration:none;}
#contents .qna table{table-layout:fixed;width:100%;margin:50px auto 20px;border-top:1px solid #aaa;}
#contents .qna th{font-size:13px;border-bottom:1px solid #aaa;line-height:40px;color:#777;}
#contents .qna td{font-size:13px;border-bottom:1px dashed #aaa;line-height:40px;color:#777;}
#contents .qna td.qna_subject{text-align:left;}
#contents .qna td.qna_subject a{color:#777;}
#contents .qna td.qna_subject span{color:#006cff;display:block;margin-top:-20px;}
#contents .qna .write_btn{padding-right:5%;}
#contents .qna .write_btn a{float:right;display:block;background-color:#aaa;color:#FFF;width:85px;height:30px;line-height:30px;}
#contents .qna .qna_write{border-top:0;table-layout:auto;}
#contents .qna .qna_write th{width:20%;border-bottom:1px dashed #aaa;padding:5px 0;}
#contents .qna .qna_write td{text-align:left;padding:5px 0;}
#contents .qna .qna_write td span{margin-left:10px;font-size:12px;}
#contents .qna .qna_write td p{font-size:12px;}
#contents .qna .qna_write input{width:30%;height:30px;line-height:30px;padding-left:5px;border:1px solid #aaa;font-size:15px;}
#contents .qna .qna_write input.subject_area{width:92%;}
#contents .qna .qna_write textarea{width:91%;padding:5px;border:1px solid #aaa;font-size:15px;vertical-align:middle;margin:5px 0;}
#contents .qna .write_ok button{background-color:#aaa;color:#FFF;width:100px;height:30px;line-height:30px;}
#contents .qna td.contents_view{line-height:25px;padding:10px 0;}
#contents .qna td.reply_view{line-height:25px;padding:20px;}
#contents .qna td.reply_view p{padding:20px;font-size:13px;}
#contents .qna td.reply_view p span{color:#aaa;margin-right:10px;}
#contents .qna td.reply_view p .reply_date{border-left:1px solid #aaa;padding-left:10px;}
#contents .qna td.reply_view .reply_contents{padding-left:30px;}
#contents .qna td.reply_area{padding:0;}
#contents .qna .reply_area > div{padding:20px;text-align:center;}
#contents .qna .reply_area textarea{width:70%;height:70px;}
#contents .qna .reply_area button{background-color:#aaa;color:#FFF;width:70px;height:82px;line-height:82px;}
#contents .qna .btn_wrap{width:100%;}
#contents .qna .btn_wrap ul{float:left;font-size:0;margin-left:20px;}
#contents .qna .btn_wrap li{display:inline;margin-right:10px;}
#contents .qna .btn_wrap li button{border:1px solid #aaa;color:#777;width:70px;height:30px;line-height:30px;}
#contents .qna .btn_wrap .list_btn{float:right;margin-right:20px;}
#contents .qna .btn_wrap .list_btn a{display:block;width:70px;height:30px;line-height:30px;background-color:#aaa;color:#FFF;}
#contents .qna .delete_p{margin-bottom:20px;font-size:13px;}
#contents .qna .delete_input{width:120px;height:30px;line-height:30px;padding-left:5px;border:1px solid #aaa;font-size:15px;margin-left:10px;}
#contents .qna .delete_btn{background-color:#aaa;color:#FFF;width:70px;height:32px;line-height:32px;}

/* Common-Project */
#contents .project > ul{font-size:0;}
#contents .project > ul li{display:inline-block;font-size:13px;margin:8px;width:238px;height:198px;vertical-align:top;}
#contents .project > ul li a{display:block;width:240px;height:200px;border:1px solid #DBDBDB;}
#contents .project > ul li a:hover{background-color:#aaa;color:#FFF;}
#contents .project > ul li p{width:220px;padding:0 10px;line-height:60px;}
#contents .project > ul li img{width:240px;height:141px;}
#contents .project > a{display:inline-block;background-color:#aaa;color:#FFF;width:70px;height:30px;line-height:30px;margin-top:30px;}
#contents .project_view .move_btn{width:100%;margin:0 auto;text-align:right;}
#contents .project_view .move_btn ul{vertical-align:middle;}
#contents .project_view .move_btn li{display:inline-block;margin:0 5px;font-size:30px;vertical-align:middle;}
#contents .project_view .move_btn li.project_state{font-size:13px;color:#777;}
#contents .project_view .move_btn li a{color:#777;}
#contents .project_view .move_btn li a:hover{color:#006cff;}
#contents .project_view .project_slider img{width:100%;}
#contents .bx-wrapper {width:950px; position:relative; margin: 0 auto; padding: 0;}
#contents .bx-wrapper .bx-controls-direction a{color:#aaa;font-size:50px;}
#contents .bx-wrapper .bx-controls-direction a:hover{text-decoration:none;}
#contents .bx-wrapper .bx-prev{position:absolute;top:40%;left:3%;font-family:'NanumMyeongjoBold';}
#contents .bx-wrapper .bx-next{position:absolute;top:40%;right:3%;font-family:'NanumMyeongjoBold';}
#contents .bx-wrapper .bx-prev, #contents .bx-wrapper .bx-next{top:46%;}
#contents .project_view{margin-top:0;}
#contents .project_view .project_contents{margin-top:30px;}
#contents .project_view .contents_subject{display:none;}
#contents .project_view .contents_subject h3{color:#777;font-size:13px;font-weight:normal;}
#contents .project_view .contents_detail{line-height:20px;}
#contents .project_view .contents_detail h3{font-size:15px;margin-bottom:30px;font-weight:normal;}
#contents .project_view .contents_detail img{width:100%;margin:3px 0;}
#contents .project_view .contents_detail > a{display:inline-block;width:70px;height:30px;line-height:30px;background-color:#aaa;color:#FFF;text-align:center;margin-top:60px;}
#contents .project_write table{width:100%;margin:0 auto 20px;}
#contents .project_write caption{font-size:15px;margin-bottom:40px;}
#contents .project_write th{width:20%;border-bottom:1px dashed #aaa;padding:5px 0;line-height:40px;color:#777;}
#contents .project_write td{text-align:left;border-bottom:1px dashed #aaa;padding:5px 0;line-height:40px;}
#contents .project_write input[type=text]{width:30%;height:30px;line-height:30px;padding-left:5px;border:1px solid #aaa;font-size:15px;}
#contents .project_write input.subject_area{width:92%;}
#contents .project_write select{width:30%;height:30px;line-height:30px;border:1px solid #aaa;background-color:#FFF;}
#contents .project_write textarea{width:91%;padding:5px;border:1px solid #aaa;font-size:15px;vertical-align:middle;margin:5px 0;}
#contents .project_write input[type=file]{width:50%;height:30px;padding-left:5px;background-color:#FFF;border:0;font-size:13px;line-height:13px;padding:0;}
#contents .project_write input[type=checkbox]{width:15px;height:15px;margin:0 5px 0 10px;}
#contents .project_write .write_ok button{background-color:#aaa;color:#FFF;width:100px;height:30px;line-height:30px;}

/* Common-Admin(join/login) */
#contents .admin table{width:100%;margin:0 auto 20px;}
#contents .admin caption{font-size:15px;margin-bottom:40px;text-align: center;}
#contents .admin th{width:33%;border-bottom:1px dashed #aaa;padding:5px 0;line-height:40px;color:#777;text-align: center;}
#contents .admin td{text-align:left;border-bottom:1px dashed #aaa;padding:5px 0;line-height:40px;}
#contents .admin input{width:80%;height:30px;line-height:30px;padding-left:5px;border:1px solid #aaa;font-size:15px;}
#contents .admin button{background-color:#aaa;color:#FFF;width:100px;height:30px;line-height:30px;}

/* Common-Paging */
.paging{margin-top:20px;}
.paging li{display:inline;margin:0 0.7em;}
.paging li a{color:#777;}
.paging li.on a{color:#006cff;}

/* Mobile-Slides lnb */
html.open{overflow:hidden;}
.m_lnb .btn{position:absolute;padding:10px;left:5px;top:5px;z-index:1;cursor:pointer;color:#777;}
.m_lnb .close{position:absolute;padding:10px;left:5px;top:5px;cursor:pointer;color:#777;}
.m_lnb #menu{width:150px;height:100%;overflow-y:scroll;position:fixed;top:0;left:-152px;z-index:10;border:1px solid #c9c9c9;background-color:#FFF;text-align:center;transition:All 0.2s ease;-webkit-transition:All 0.2s ease;-moz-transition:All 0.2s ease;-o-transition:All 0.2s ease;}
.m_lnb #menu.open{left:0;}
.m_lnb #menu > ul{margin-top:80px;}

.m_lnb #menu > ul > li{font-size:1.3em;line-height:2.5em;margin-bottom:30px;}
.m_lnb #menu > ul > li > a{line-height:2.5em;display:block;background-color:#F0F0F0;font-weight:bold;}

.m_lnb #menu > ul > li > ul > li{border-bottom:1px solid #F0F0F0;}
.m_lnb #menu > ul > li > ul > li a{display:block;}
.m_lnb .page_cover.open{display:block;}
.m_lnb .page_cover{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0, 0, 0, 0.4);z-index:4;display:none;}

/* Media Query */

@media all and (max-width:768px) {
    #main-logo { text-align: center;}
    #footer .footer_sub_wrap{padding:10px 10px 10px 20px;}
    #footer > div > div{margin:0 auto;}
    #footer .company_wrap{float:left; margin: 10px; }
    #footer .company_wrap dt{width:120px}
    #footer .contact_wrap{float:left; margin: 10px;}
}

@media all and (min-width:768px) and (max-width:1024px){
    body,table,th,tr,td,select,input,div,form,button,textarea,h1,h2,h3,h4,h5,h6{font-family:'notokr-regular','Malgun Gothic','�������','Nanum Gothic','����',dotum,sans-serif;}
    #header h1 img{width:40%;}
    #header { line-height: 100px; }
    #main-logo img{width:320px;}
    #main .bx-wrapper .bx-prev, #main .bx-wrapper .bx-next{top:40%;}
    #main .about_bumsong dd {display:inline-block;font-size:15px;line-height:30px;text-align: center;padding-left: 20px;vertical-align: top;}
    #contents .bx-wrapper .bx-prev, #contents .bx-wrapper .bx-next{top:46%;}
    #footer .footer_sub_wrap{padding-bottom:0;}
    #footer > div > div{width:750px;margin:0 auto;}
    #footer .company_wrap{float:left;width:350px;}
    #footer .company_wrap dt{width:120px}
    #footer .contact_wrap{float:left;width:400px;}
    #footer .copyright{width:750px;}
}
@media all and (min-width:1025px){
    body,table,th,tr,td,select,input,div,form,button,textarea,h1,h2,h3,h4,h5,h6{font-family:'notokr-regular','Malgun Gothic','�������','Nanum Gothic','����',dotum,sans-serif;}
    #header { line-height: 100px; }
    #header h1{margin:40px 0 60px;}
    #header h1 img{width:320px;}
    #main-logo img{width:320px;}
    .m_lnb{display:none;}
    #header > ul > li{margin:0 30px;}
    #header > ul > li > a{font-family:'NanumMyeongjoBold';}
    .admin_login{position:absolute;top:10px;right:30px;text-align:right;}
    #main .bx-wrapper .bx-prev, #main .bx-wrapper .bx-next{top:46%;}
    #main .about_bumsong { display: inline;}
    #main .about_bumsong dt{display:inline-block;font-size:16px;line-height:120px;border-right:1px solid #EAEAEA;margin-bottom:0;font-family:'NanumMyeongjoBold';padding-right: 20px;}
    #main .about_bumsong dd{display:inline-block;font-size:15px;line-height:30px;text-align: left;padding-left: 20px;vertical-align: top;}
    #footer{margin-top:40px;padding:60px 0 0;}
    #footer .footer_sub_wrap{padding-bottom:0;}
    #footer > div > div{width:1000px;margin:0 auto;}
    #footer .company_wrap{float:left;width:410px;font-size:15px;}
    #footer .company_wrap dt{width:120px}
    #footer .contact_wrap{float:left;width:590px;font-size:15px;}
    #footer .copyright{width:1000px;}
    #contents{padding-top:100px;}
    #contents.project{padding-top:60px;}
    #contents h2{font-family:'NanumMyeongjoBold';}
    #contents .about img{width:324px;}
    #contents .about p{font-size:17px;margin-bottom:50px;line-height:25px;text-align:center;}
    #contents .about p.about_title{font-size:30px;font-family:'NanumMyeongjoBold';margin:130px 0 90px;}
    #contents .contact img{width:638px;}
    #contents .contact > dl{width:1000px;margin:0 auto;padding:30px 0 0 400px;}
    #contents .qna table{table-layout:auto;width:800px;}
    #contents .qna td.qna_subject{width:50%;padding-left:20px;}
    #contents .qna td.qna_subject span{display:inline;margin-left:5px;}
    #contents .qna .write_btn{width:800px;margin:0 auto;padding-right:0;}
    #contents .qna .reply_area textarea{width:82%;height:100px;}
    #contents .qna .reply_area button{width:114px;height:112px;line-height:112px;}
    #contents .qna .btn_wrap{width:800px;margin:0 auto;}
    #contents .qna .btn_wrap ul{margin-left:0;}
    #contents .qna .btn_wrap .list_btn{margin-right:0;}
    #contents .project > ul{width:1200px;margin:0 auto;}
    #contents .project_view .move_btn{width:950px;}
    #contents .project_view .contents_detail{display:inline-block;width:950px;text-align:right;padding-top:30px;}
    #contents .project_view .contents_detail h3{font-size:20px;}
    #contents .project_view .contents_detail img{width:580px;}
    #contents .project_view .contents_detail div{font-size:14px;}
    #contents .project_write table{width:800px;}
    #contents .project_write select{width:20%;}
    #contents .admin table{width:300px;}
    .paging li{margin:0 0.5em;}
    .paging li.arrow{font-size:17px;margin:0 0.3em;}
}

/**/
.mb50 {margin-bottom:50px;}
/**/