@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);


/* BOOTSTRAP ANIMATION CSS */
@import url('./animate.css');

html {font-family: 'Nanum Gothic'; overflow-x: hidden;}
a {color:#3f3f3f;}

@media (min-width: 769px) {
	.subpgtitle {font-size: 28px; color: #333; padding-top: 46px; margin-top: 0px; margin-bottom: 45px; padding-bottom: 19px; border-bottom: 2px solid #838383;}
	#content {padding: 0px;}
}
@media (max-width: 768px) {
	.subpgtitle {font-size: 22px; color: #333; text-align: left; margin-top: 20px; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 2px solid #838383;}
	#content {padding-left: 15px; padding-right: 15px;}
}

header .navbar .nav li a {font-family:'NanumGothic', '나눔고딕', ng;}  /* 탑 1차 메뉴 */
.cust_contents {font-family:'NanumGothic', '나눔고딕', ng; letter-spacing:1.2px;}

/*** 헤더 탑 컬러 스타일링(로고 위 부분) ***/
#header-top {background:#2C3E50;} /* 배경 컬러 */
#header-top .navbar-nav > li > a {color:#7393B3;} /* 로그인 폰트 컬러 */


/*** 메인 메뉴 폰트 스타일링 ***/
header {padding:0; }
header .navbar .nav > li > a {
	font-size: 11px;   /* 폰트사이즈 */
	color:#fff;  /* 폰트컬러 */
	/*text-transform:uppercase;*/
	white-space:nowrap;
	/*font-weight:bold;*/
	font-family:'돋음';
	background-color:#2b4a81;
}
.nav-pills > li.active > a, .dropdown-menu > .active > a,
header .navbar .nav li a:hover {color:#fff !important; font-weight:500; color: #} /* 마우스 오버시 폰트컬러 */
#responBoard .nav.nav-pills a:hover, #responBoard .nav-pills>li.active>a, #responBoard .nav-pills>li.active>a:focus, #responBoard .nav-pills>li.active>a:hover {color:#2b4a81 !important; font-weight:500;}
.navbar {border:none;/*border-top:8px solid #747177*/}

.headerLogo {padding-top:10px; padding-bottom: 10px;}

.headertop {/*background-color: #273354;*/ padding: 19px 0px;border-bottom: 1px solid #dedede; text-align: right; background-color: #ffffff;}

.loginlink {font-size: 12px; color: #404040; margin-left: 23px; font-family: 'Gulim'; font-weight: 500;}
.loginlink2 {font-size: 12px; color: #404040; margin-right: 23px; font-family: 'Gulim'; font-weight: 500;}

.loginlink:hover, .loginlink2:hover {color: #a3872e}

.verticalbar {margin: 0px 18px; color: #c5c5c5;}
.gotojjc {border-radius: 5px; text-decoration: none; background-color: #74ad08; font-size: 12px; color: #ffffff;}

@media (min-width: 769px) {
	.gotojjc {margin-left: 18px; padding: 2px 10px;}
}
@media (max-width: 768px) {
	.gotojjc {margin-left: 6px; padding: 2px 5px;}
}

.gotojjc:hover, .gotojjc:active, .gotojjc:focus, .gotojjc:visited {color: #ffffff; text-decoration: none;}

/* -- 메뉴 -- */
.wrap_menu{z-index:1;position:relative;background-color:#fff;}
.gnb{z-index:1;height:49px;overflow:hidden;background:url('../img/main/gnbmenu.jpg'); background-color: #273356; /*border-bottom: 2px solid #273356;*/}

.gnb ul ul {height: 100px;}
/*.gnb {z-index:1;height:96px;overflow:hidden;/*background:url('../img/menu.png') repeat-x left 97px;*//* border-bottom: 2px solid #bba75a;}*/


.main_menu{margin:0 auto;width:100%;}
.wrap_menu ul{list-style:none;}
.main_menu li{position:relative;}
.main_menu i{padding-right:5px;}

@media (min-width: 991px) {
	a.first_a{height:49px;font-size:19px;display:block; text-align: left; font-family: 'Nanum Barun Gothic'; color: #ffffff; padding: 12px 0px;}
	.loginlink {font-size: 12px; color: #404040; margin-left: 23px; font-family: 'Gulim'; font-weight: 500;}
	.loginlink2 {font-size: 12px; color: #404040; margin-right: 23px; font-family: 'Gulim'; font-weight: 500;}
}
@media (max-width: 990px) {
	a.first_a{height:49px;font-size:19px;display:block; text-align: left; font-family: 'Nanum Barun Gothic'; color: #ffffff; padding: 12px 0px;}
	.loginlink {font-size: 12px; color: #404040; margin-left: 15px; font-family: 'Gulim'; font-weight: 500;}
	.loginlink2 {font-size: 12px; color: #404040; margin-right: 15px; font-family: 'Gulim'; font-weight: 500;}
}
/*a.first_a:hover{color:#f35c0a }*/
.main_menu .first_span{position:relative;overflow:hidden;display:inline-block;white-space:nowrap;text-overflow:ellipsis;font-weight:500;}

.main_menu .first_span:hover {color: #bba75a;}
.main_menu div{position:relative;text-align:left;padding:20px 0;border-top:0;min-height:180px;margin:0;-webkit-transition:all .4s;transition:all .4s;-moz-transition:all .4s;}

li.first_li:hover div{/*border-top:2px solid #7cac0a;background:#f9f9f9;*/}
.center_menu div{text-align:center;}

@media (min-width: 991px) {
	.main_menu li li a{display:block;padding:15px 0px 0px 0px;font-size:15px; position:relative;line-height:16px;font-weight:500; text-decoration: none; font-family: 'Nanum Barun Gothic'; text-align: left;}
}
@media (max-width: 990px) {
	.main_menu li li a{display:block;padding:15px 10px 0px 10px;;font-size:15px; position:relative;line-height:16px;font-weight:500; font-family: 'Nanum Barun Gothic';}
}

.main_menu li li a:hover {text-decoration: none;}

/*.main_menu li div li
.main_menu li div li a:hover,
.main_menu li div li a.active_a, .active a.first_a{font-weight:900;}*/
.main_menu li div li a:hover{text-decoration:none; color: #bba75a;}
.first_ul{margin:0;padding:0;}
.first_li{float:left;text-align:left;}
/*.second_li {border-left:1px solid #dadada}*/
.second_li a {color:#3f3f3f}
/*.second_li a.second_a {color:#74ad08;}*/

.dw_width3{width:33.3%}
.dw_width4{width:24.99%}
.dw_width5{width:19.99%}
.dw_width6{width:16.65%}
.dw_width7{width:14.28%}
.dw_width8{width:12.49%}

.sub_div {padding-top: 10px; padding-bottom: 0px;}
#onedepth:last-child .sub_div {border-right: 0px;}

.xs-sitelogo img {padding:5px 0;}

@media (min-width: 769px) {
	#doweb-content {padding:0px 15px 46px 15px; background-color: transparent;}
}
@media (max-width: 768px) {
	#doweb-content {padding:0px 15px 20px 15px; background-color: transparent;}
}

.gnb form {position:absolute; top:32px; right:20px;}
.fullwidth h1 {height:50px;/*background-color:#f3f3f3;*/ margin:10px 0; }
.fullwidth .bread_clumb {height:49px; background-color:#264981; margin:0; color:#fff; padding-top:5px;}
.fullwidth .bread_clumb a {color:#fff; font-size:15px; padding:0 10px;}
.fullwidth .bread_clumb img.divider {margin-top:-5px;}

.fullwidth .bread_clumb .dropdown .dropdown-menu {margin:0; padding:0; position:absolute;}
.fullwidth .bread_clumb ul li a {color:#0c6fba; font-size:14px; padding:5px 20px;}
.fullwidth .bread_clumb ul li a:hover {color:#fff;}

/*
.fullwidth .xe_content {width:1050px; margin:0 auto;padding:25px 0;}
.fullwidth .btnArea {width:1050px; margin:0 auto;}
.fullwidth form {width:1050px; padding:20px 0;  margin:0 auto;}
.fullwidth .board {width:1200px; margin:0 auto;}
*/
@media (max-width: 480px) { 
	.fullwidth h1 {height:50px;/*background-color:#f3f3f3;*/ margin:0; padding:15px 0 0 20px; font-size:20px}
}

/*** 서브 왼쪽 & 네비게이션 ***/
.sub-title {padding-top:46px;text-align:left;height:97px;color:#333;/*background:#2b4a81;*/ font-size: 28px; border-bottom: 2px solid #03aeee; margin-top: 0px;}

@media (min-width: 769px) {
	.bread_clumb {margin:13px 0; padding: 0px; font-size: 13px;}
}
@media (max-width: 768px) {
	.bread_clumb {font-size: 11px; padding: 0px; margin: 10px 0px;}
}

.bread_clumb span {color: #8f8f8f; font-weight: 400; font-size: 13px;}
.bread_clumb span.active {color: #333333; font-weight: 900;}

@media (min-width: 769px) {
	.bread_clumb span.divider {margin: 0px 10px;}
}
@media (max-width: 768px) {
	.bread_clumb span.divider {margin: 0px 3px;}
}
/*** 메인 왼쪽 스크롤메뉴 스타일링 ***/
.side-navi li a {
	color:#fff;  /* 폰트컬러 */
	background:#E64C65;  /* 배경컬러 */
}
/*** 슬라이드 캡션 스타일링 ***/
.fluid_container h1 {color:#fff} /* 타이틀 폰트 컬러 */
.fluid_container p {color:#fff} /* 요약 폰트 컬러 */


/*** 서브 탑 스타일링 ***/
.transCover {
	background-color:rgba(68, 179, 158, 0); /* 서브 탑 배경 커버 컬러(RGB 컬러값, 투명도) */
}
.sub-promotion,.sub-promotion a {
	color:#fff !important; /* 현재 위치 폰트 컬러 (#ffffff 부분만 수정) */
}


/*** 하단 푸터 스타일링 ***/
.section-6 .footer-top h5 {font-size:16px;font-family:'ngBold' !important;} /* 푸타 타이틀 */
.section-6 { 
	color:#fff; background-color:#7f7e7e; font-family: 'Gulim'; padding: 15px 0px;/* 푸터 섹션-타이틀 컬러, 배경 컬러 */
} 
.section-6 .footer-top {
	padding-top: 60px; /* 푸터 섹션 - 상단 여백 */
	padding-bottom: 60px; /* 푸터 섹션 - 하단 여백 */
}
.footer-top p {
	color: #7D9BB9; /* 섹션 컨텐츠영역 폰트 컬러 */
}
.footer-top .base-line {	
	background-color: #486684; /* 타이틀 라인 컬러 */
	border-right-color: #49C9AF;  /* 타이틀 우측 라인 컬러 */
}
.section-6 .footer-bottom { 
	/*border-top:1px solid #e1e1e1;*/
	color:#000; 
	background-color: #e8e8e8;  /* 푸터 카피라이트-폰트 컬러, 배경컬러 */
} 

@media (min-width: 769px) {
	.section-6 .footer-bottom {	padding:35px 0;}
}
@media (max-width: 768px) {
	.section-6 .footer-bottom {	padding:15px 0;}
}

@media (max-width: 480px) { 
.xm .form-horizontal .control-label{width:28%}
.xm .form-horizontal .controls {margin-left: 32%}
.xm input, .xm textarea {width: 100% !important}
.xm input[type="submit"],.xm input[type="checkbox"] {width:auto !important}
}

/* 사용자 지정 CSS */
.no-padding {padding:0 !important}
.float_none {float:none !important;}
.float_left {float:left !important;}
.float_right {float:right !important;}
.margin_auto {margin:0 auto !important;}
.mgt10 {margin-top:10px !important;}
.mgt20 {margin-top:20px !important;}
.mgt30 {margin-top:30px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb30 {margin-bottom:30px !important;}

.navbar-nav>li {margin:0 5px;}
.list-group-item.on {background-color: #eaedee;}
.list-group-item a:hover, .list-group-item.on a, .iconBox .iconBg i, .doweb_widgetTableA td.title a:hover, .iconBox .iconTitle {font-weight:900;}
.bottom_logo {float:left;}
.copyright {float:left;margin:18px 0; font-size:13px; color:#8c8c8c;line-height:1.5;width:100%;text-align:center}
.copyright h5 {margin:0;line-height:2;color:#000;}
.copyright small {font-size:10px;}

.bottomlogo {font-size: 14px; font-weight: 600; color: #272727;}
.textaddress, .textcopyright {font-size: 12px; color: #272727;}
.telnumber, .faxnumber {margin-left: 6px; font-size: 12px; color: #272727;}

.whitebtn a {border:1px solid #fff;color:#fff;padding:10px 50px;text-align:center;display:inline-block;}
.whitebtn a:hover, .whitebtn a:focus {color:#333;background-color:#fff;}
.blackbtn a {font-size:12px;border:1px solid #6e6e6e; color:#6e6e6e; padding:5px 30px; text-align:center; display:inline-block; margin:10px 0;}
.blackbtn a:hover, .blackbtn a:focus {color:#fff; background-color:#6e6e6e;}

.black_btn a {font-size:15px;border:1px solid #6e6e6e; background-color:#6e6e6e; color:#fff; width:70%; padding:7px 20px; text-align:center; display:inline-block;}
.black_btn a:hover, .blackbtn a:focus {color:#6e6e6e; background-color:transparent;}
.blue_btn a {font-size:15px;border:1px solid #0c6fba; background-color:#0c6fba; color:#fff; width:70%; padding:7px 20px; text-align:center; display:inline-block;}
.blue_btn a:hover, .blackbtn a:focus {color:#6e6e6e; background-color:transparent;}

.side_blue_btn a {font-size:15px;border:1px solid #0c6fba; background-color:#0c6fba; color:#fff; width:100%; padding:7px 20px; text-align:center; display:inline-block;}
.side_blue_btn a:hover, .blackbtn a:focus {color:#6e6e6e; background-color:transparent;}

.side_gray_btn a {font-size:15px;border:1px solid #c7c7c7; background-color:#f5f5f5; color:#2b4a81; width:100%; padding:7px 20px; text-align:center; display:inline-block;}
.side_gray_btn a:hover, .blackbtn a:focus {color:#6e6e6e; background-color:transparent;}

.header_banner {position:relative; top:0; left:0; height:266px; width:100%; background:url('../img/main/header_banner.jpg') no-repeat}
.header_banner .closeBtn{position:absolute; bottom:0; right:100px; width:42px; height:32px; cursor:pointer}

.section-bbs {margin:75px 0 25px;}
.section-bbs span {font-size:31px;}

@media (max-width: 480px) { 
	.section-bbs {margin:15px 0 15px; }
	.section-bbs span {font-size:22px;}
}


.section-link {margin:20px 0 80px;}
.section-link .first_li {position:relative; float:left; text-align:center;}
.section-link h4.title{color:#0a4f82; margin:15px 0;}
.section-link div.info{font-size:12px; margin:5px 0;}
.section-link .row .box {height:350px; border:1px solid #e1e1e1;}
.section-link .section-link-div {width:240px;}
@media (max-width: 480px) { 
	.section-link .section-link-div {width:100%;}
}
/*
.section-portfolio {background:url('../img/main/city_bg.jpg') no-repeat center 0 #50545d; background-position : center top; background-size : cover}
.section-portfolio .first {background:#3a3a3a}
.section-portfolio .first:hover {background:#2f2f2f}
.section-portfolio .second {background:#93bfdc}
.section-portfolio .second:hover {background:#8bb5d0}
.section-portfolio .third {background:#977b53}
.section-portfolio .third:hover {background:#8c724d}
.section-portfolio .fourth {background:#acacac}
.section-portfolio .fourth:hover {background:#9f9e9e}
.section-portfolio .first, .section-portfolio .second, .section-portfolio .third, .section-portfolio .fourth {min-height:250px;}
.section-portfolio .title {padding-top:75px; color:#fff; font-size:25px; font-weight:bold;}
.section-portfolio .info {font-size:15px; color:#fff}
.section-portfolio .more {text-align:right; font-size:13px; color:#fff; margin:10px 0; }
.section-portfolio .first .more {border-bottom:1px solid #898989;}
.section-portfolio .second .more {border-bottom:1px solid #d4e5f1;}
.section-portfolio .third .more {border-bottom:1px solid #c1b098;}
.section-portfolio .fourth .more {border-bottom:1px solid #dedede;}
*/
.section-portfolio {background-attachment: scroll; background-size: cover; background-position: 30% 0px; background-image:url('../img/main/tic070ca0268.jpg'); background-color:rgba(0,0,0,0.1);}
/*.section-portfolio {background-image:url('../img/main/tic070ca0268.jpg'); background-position : 50% -300px; background-size : 1920px; background-attachment:scroll;}*/
.section-portfolio .title {padding-top:75px; color:#fff; font-size:25px;}
.section-portfolio .text {padding-top:17px; color:#b3b6bb; font-size:15px; }
.section-portfolio p.whitebtn {padding:50px 0 60px;}
.section-portfolio .whitebtn a {border:1px solid #fff;border-radius:30px;color:#cfe9ff;padding:10px 50px;text-align:center;display:inline-block;font-size:25px;}
.section-portfolio .whitebtn a:hover, .whitebtn a:focus {color:#333;background-color:#fff;}

.section-contact {background:#eaeff5; padding:60px 0 30px;}
.section-contact .title {font-size:31px; color:#000}
.section-contact .text {font-size:19px; color:#888888; margin:5px 0 55px;}
.section-contact .brief_box {width:288px; height:164px; background-color:#fff; border:2px solid #eaeff5;}
.section-contact .brief_box:hover {border:2px solid #bababa; }
.section-contact .brief_box .brief_cover {background-color:rgba(0, 0, 0, 0.7); min-height:160px; -webkit-transition:background-color 0.5s; transition:background-color 0.5s}
.section-contact .brief_box .brief_cover:hover {background-color:rgba(0, 0, 0, 0); }
.section-contact .brief_box .brief_text {margin:48px 30px; text-align:justify; font-size:11px;}
.section-contact .brief_01 {min-height:160px; background:url('../img/main/bt_img_1.jpg') no-repeat center 0}
.section-contact .brief_02 {min-height:160px; background:url('../img/main/bt_img_2.jpg') no-repeat center 0}
.section-contact .brief_03 {min-height:160px; background:url('../img/main/bt_img_3.jpg') no-repeat center 0}
.section-contact .brief_04 {min-height:160px; background:url('../img/main/bt_img_4.jpg') no-repeat center 0}
.section-contact .brief_05 {min-height:160px; background:url('../img/main/bt_img_5.jpg') no-repeat center 0}
.section-contact .brief_06 {min-height:160px; background:url('../img/main/bt_img_6.jpg') no-repeat center 0}
.section-contact .brief {background-color:}
.section-contact .brief .title {padding:50px 0 0px; font-size:25px; color:#fff} 
.section-contact .brief .text {font-size:15px; color:#fff; margin:5px 0;} 
@media (max-width: 480px) { 
	.section-contact .title {font-size:14px; color:#000;}
}

.section-bottomMenu {background:#363c48;padding:20px 0 30px;}
.section-bottomMenu ul {list-style:none; margin:0 auto; width:100%;}
.section-bottomMenu ul.bottom_menu li.first_li {position:relative; float:left; text-align:left;}
.section-bottomMenu ul.bottom_menu li.first_li a {color:#fff; padding:10px 0;height:40px; line-height:24px; display:block; font-size:12px;}

.section-bottomMenu ul.bottom_menu li.first_li div {border-top:1px solid #4a505b; padding-top:5px;}
.section-bottomMenu ul.bottom_menu li.first_li:hover div {border-top:1px solid #3c414a;}

.section-bottomMenu ul.bottom_menu li.first_li ul.first_ul li a {color:#969dac; padding:0; height:20px; font-size:12px;}

div#select_box {
	margin:30px 10px 0;
	padding:10px;
    position: relative;
    height: 40px;
    background: url(../img/main/allow_down.jpg) 90% center no-repeat; /* 화살표 이미지 */
    /*border: 1px solid #E9DDDD;*/
	background-color:#4c5365;
}
div#select_box label {
    position: absolute;
    font-size: 12px;
    color: #fff;
    letter-spacing: 1px;
	font-weight : inherit;
}
div#select_box select#color {
    width: 100%;
    height: 30px;
    min-height: 30px;
    line-height: 40px;
    padding: 0 10px;
    opacity: 0;
    filter: alpha(opacity=0); /* IE 8 */
}

.document_popup_menu {display:none;} 

/* Custom */
.mainvisframe {width: 100%; border-collapse: collapse; z-index: 1}

@media (min-width: 991px) {
	.mainvisimg {background-image: url('../img/main/mainvis1.jpg'); background-size: 103% 100%; background-position: left center; background-repeat: no-repeat; animation-duration: 2s;}
}
@media (max-width: 990px) {
	.mainvisimg {background-image: url('../img/main/mainvis.jpg'); background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; animation-duration: 2s;}
}

.mainside {animation-duration: 2s; z-index: 1;}

#mainside1 {background-color: #608a52;}
#mainside2 {background-image: url('../img/main/mainside2.jpg'); background-size: 100% 100%; background-position: center center; background-repeat: no-repeat;}
#mainside3 {background-color: #ffffff;}
#mainside4 {background-image: url('../img/main/mainside4.jpg'); background-size: 100% 100%; background-position: center center; background-repeat: no-repeat;}
#mainside5 {background-image: url('../img/main/mainside5.jpg'); background-size: 100% 100%; background-position: center center; background-repeat: no-repeat;}

.service {background-color: #273356; color: #ffffff;}
.menubtnbox {padding: 18px; background-color: #273356; color: #ffffff; font-size: 18px;}
.quickmenu {padding-top: 6px; background-color: #273356; color: #ffffff;}
.qicon {margin-left: 10px;}

.section01 {background-image: url('../img/main/section01.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat; /*transform: scale(1.1);*/}

/*
@-webkit-keyframes spinX
{  
0%   {-webkit-transform: rotateX(-300deg); -webkit-transform-origin: 0% 50% 0;}  
100% {-webkit-transform: rotateX(-300deg); -webkit-transform-origin: 0% 50% 0;}  
}
@keyframes spinX
{  
0%   {transform: rotateX(0deg); transform-origin: 0% 50% 0;}  
100% {transform: rotateX(360deg); transform-origin: 0% 50% 0;}  
}
*/

.section02 {background-image: url('../img/main/section02.jpg'); background-size: 100% 100%; background-position: center center; background-repeat: no-repeat;}
.footerwrap {padding: 30px 0 65px 0; background-color: #7f7e7e; color: #e0e0e0; font-size: 12px;}
.greenbg {background-color: #608a52; padding: 5px;}

.dividing {padding: 37px 0px 38px 0px;}
li:last-child .dividing {color: transparent;}

.introcontents1 {background-color: #ffffff; min-height: 170px; overflow: hidden; padding: 15px;}
.introcontents2 {background-color: #ffffff; min-height: 50px; overflow: hidden; padding: 15px;}
.btnlink {color: #ffffff; background-color: #4d4d4d; padding: 10px 50px; font-size: 12px; background-color: #rdrdrd; z-index: 999999; border: 1px solid #ffffff;}
.btnlink:hover {background-color: #ffffff; color: #4d4d4d; border: 1px solid #4d4d4d}

.introtitle {font-family: 'Nanum Barun Gothic'; color: #608a52; font-weight: 600;}
.introtext {font-family: 'Nanum Barun Gothic'; color: #222222; font-weight: 500;}

/*
#mainside4, #mainside5 {
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
*/

/* Main Section - 크기에 따른 높이 조정 */

@media (min-width: 1900px) {
	.mainside {min-height: 240px; padding: 20px; overflow: hidden;}
	.mainvisimg {min-height: 720px; padding: 100px 0; overflow: hidden;}
	.section01, .section02 {padding: 60px; min-height: 780px; overflow: hidden;}
	.sectext01 {font-size: 30px; color: #ffffff; margin: 0px;}
	.sectext02 {font-size: 15px; color: #ffffff; margin: 0px;}
	.maintitle1 {font-family: 'Nanum Barun Gothic'; font-size: 57px; color: #ffffff; margin-left: 25%; margin-bottom: 0; text-shadow: 2px 2px 8px #72757c;}
	.maintitle2 {font-family: 'Nanum Brush Script'; font-size: 57px; color: #000000; margin-left: 25%; margin-top: 2%;}

	.sidetitle {font-family: 'Nanum Barun Gothic'; font-size: 21px; color: #ffffff; font-weight: 600; margin-bottom: 15px;}
	.telnum {font-family: 'Nanum Barun Gothic'; font-size: 34px; color: #ffffff; font-weight: 600; margin: 0px; margin-bottom: 15px;}
	.sidedetail {font-family: 'Nanum Barun Gothic'; font-size: 14px; color: #ffffff; font-weight: 400; margin: 0px;}
	.morebtn {font-family: 'Gulim'; font-size: 13px; color: #ffffff; text-decoration: none; }
	.noticecontents {font-size: 12px; font-family: 'Gulim'; color: #555555; font-weight: 400; margin: 0px; line-height: 180%;}

	.sectext03 {font-size: 43px; font-family: 'Nanum Barun Gothic'; color: #222222; margin-bottom: 47px; font-weight: 500;}

	.introtitle {font-size: 16px;}
	.introtext {font-size: 15px;}
	.quickmenu {font-size: 18px; padding-bottom: 18px;}
	.qicon {height: 40px; width: auto; margin-top: -5px;}

	#topmarg {margin-top: 16%}
}
@media (max-width: 1900px) {
	.mainside {min-height: 230px; padding: 20px; overflow: hidden;}
	.mainvisimg {min-height: 690px; padding: 100px 0px; overflow: hidden;}
	.section01, .section02 {padding: 55px; min-height: 750px; overflow: hidden;}
	.sectext01 {font-size: 30px; color: #ffffff; margin: 0px;}
	.sectext02 {font-size: 15px; color: #ffffff; margin: 0px;}
	.maintitle1 {font-family: 'Nanum Barun Gothic'; font-size: 54px; color: #ffffff; margin-left: 25%; margin-bottom: 0; text-shadow: 2px 2px 8px #72757c;}
	.maintitle2 {font-family: 'Nanum Brush Script'; font-size: 54px; color: #000000; margin-left: 25%; margin-top: 2%;}
	.sidetitle {font-family: 'Nanum Barun Gothic'; font-size: 21px; color: #ffffff; margin-bottom: 5%; font-weight: 600;}

	.sidetitle {font-family: 'Nanum Barun Gothic'; font-size: 20px; color: #ffffff; font-weight: 600; margin-bottom: 15px;}
	.telnum {font-family: 'Nanum Barun Gothic'; font-size: 31px; color: #ffffff; font-weight: 600; margin: 0px; margin-bottom: 15px;}
	.sidedetail {font-family: 'Nanum Barun Gothic'; font-size: 13px; color: #ffffff; font-weight: 400; margin: 0px;}
	.morebtn {font-family: 'Gulim'; font-size: 13px; color: #ffffff; text-decoration: none; }
	.noticecontents {font-size: 12px; font-family: 'Gulim'; color: #555555; font-weight: 400; margin: 0px; line-height: 180%;}

	.sectext03 {font-size: 41px; font-family: 'Nanum Barun Gothic'; color: #222222; margin-bottom: 44px; font-weight: 500;}

	.introtitle {font-size: 16px;}
	.introtext {font-size: 15px;}
	.quickmenu {font-size: 18px; padding-bottom: 18px;}
	.qicon {height: 40px; width: auto; margin-top: -5px;}

	#topmarg {margin-top: 16%}
}
@media (max-width: 1800px) {
	.mainside {min-height: 220px; padding: 15px; overflow: hidden;}
	.mainvisimg {min-height: 660px; padding: 100px 0px; overflow: hidden;}
	.section01, .section02 {padding: 50px; min-height: 720px; overflow: hidden;}
	.sectext01 {font-size: 28px; color: #ffffff; margin: 0px;}
	.sectext02 {font-size: 14px; color: #ffffff; margin: 0px;}
	.maintitle1 {font-family: 'Nanum Barun Gothic'; font-size: 51px; color: #ffffff; margin-left: 23%; margin-bottom: 0; text-shadow: 2px 2px 8px #72757c;}
	.maintitle2 {font-family: 'Nanum Brush Script'; font-size: 51px; color: #000000; margin-left: 23%; margin-top: 2%;}

	.sidetitle {font-family: 'Nanum Barun Gothic'; font-size: 19px; color: #ffffff; font-weight: 600; margin-bottom: 10px;}
	.telnum {font-family: 'Nanum Barun Gothic'; font-size: 28px; color: #ffffff; font-weight: 600; margin: 0px; margin-bottom: 10px;}
	.sidedetail {font-family: 'Nanum Barun Gothic'; font-size: 12px; color: #ffffff; font-weight: 400; margin: 0px;}
	.morebtn {font-family: 'Gulim'; font-size: 13px; color: #ffffff; text-decoration: none;}
	.noticecontents {font-size: 12px; font-family: 'Gulim'; color: #555555; font-weight: 400; margin: 0px; line-height: 180%;}

	.sectext03 {font-size: 39px; font-family: 'Nanum Barun Gothic'; color: #222222; margin-bottom: 41px; font-weight: 500;}

	.introtitle {font-size: 16px;}
	.introtext {font-size: 15px;}
	.quickmenu {font-size: 18px; padding-bottom: 18px;}
	.qicon {height: 40px; width: auto; margin-top: -5px;}

	#topmarg {margin-top: 16%}
}
@media (max-width: 1700px) {
	.mainside {min-height: 210px; padding: 15px; overflow: hidden;}
	.mainvisimg {min-height: 630px; padding: 100px 0px; overflow: hidden;}
	.section01, .section02 {padding: 45px; min-height: 690px; overflow: hidden;}
	.sectext01 {font-size: 28px; color: #ffffff; margin: 0px;}
	.sectext02 {font-size: 14px; color: #ffffff; margin: 0px;}
	.maintitle1 {font-family: 'Nanum Barun Gothic'; font-size: 48px; color: #ffffff; margin-left: 24%; margin-bottom: 0; text-shadow: 2px 2px 8px #72757c;}
	.maintitle2 {font-family: 'Nanum Brush Script'; font-size: 48px; color: #000000; margin-left: 24%; margin-top: 2%;}

	.sidetitle {font-family: 'Nanum Barun Gothic'; font-size: 19px; color: #ffffff; font-weight: 600; margin-bottom: 10px;}
	.telnum {font-family: 'Nanum Barun Gothic'; font-size: 28px; color: #ffffff; font-weight: 600; margin: 0px; margin-bottom: 10px;}
	.sidedetail {font-family: 'Nanum Barun Gothic'; font-size: 12px; color: #ffffff; font-weight: 400; margin: 0px;}
	.morebtn {font-family: 'Gulim'; font-size: 13px; color: #ffffff; text-decoration: none;}
	.noticecontents {font-size: 12px; font-family: 'Gulim'; color: #555555; font-weight: 400; margin: 0px; line-height: 160%;}

	.sectext03 {font-size: 37px; font-family: 'Nanum Barun Gothic'; color: #222222; margin-bottom: 38px; font-weight: 500;}

	.introtitle {font-size: 16px;}
	.introtext {font-size: 15px;}
	.quickmenu {font-size: 17px; padding-bottom: 17px;}
	.qicon {height: 36px; width: auto; margin-top: -8px;}

	#topmarg {margin-top: 16%}
}
@media (max-width: 1600px) {
	.mainside {min-height: 200px; padding: 15px; overflow: hidden;}
	.mainvisimg {min-height: 600px; padding: 100px 0px; overflow: hidden;}
	.section01, .section02 {padding: 40px; min-height: 660px; overflow: hidden;}
	.sectext01 {font-size: 26px; color: #ffffff; margin: 0px;}
	.sectext02 {font-size: 13px; color: #ffffff; margin: 0px;}
	.maintitle1 {font-family: 'Nanum Barun Gothic'; font-size: 45px; color: #ffffff; margin-left: 24%; margin-bottom: 0; text-shadow: 2px 2px 8px #72757c;}
	.maintitle2 {font-family: 'Nanum Brush Script'; font-size: 45px; color: #000000; margin-left: 24%; margin-top: 2%;}

	.sidetitle {font-family: 'Nanum Barun Gothic'; font-size: 19px; color: #ffffff; font-weight: 600; margin-bottom: 10px;}
	.telnum {font-family: 'Nanum Barun Gothic'; font-size: 26px; color: #ffffff; font-weight: 600; margin: 0px; margin-bottom: 10px;}
	.sidedetail {font-family: 'Nanum Barun Gothic'; font-size: 12px; color: #ffffff; font-weight: 400; margin: 0px;}
	.morebtn {font-family: 'Gulim'; font-size: 12px; color: #ffffff; text-decoration: none;}
	.noticecontents {font-size: 12px; font-family: 'Gulim'; color: #555555; font-weight: 400; margin: 0px; line-height: 150%;}

	.sectext03 {font-size: 35px; font-family: 'Nanum Barun Gothic'; color: #222222; margin-bottom: 35px; font-weight: 500;}

	.introtitle {font-size: 16px;}
	.introtext {font-size: 15px;}
	.quickmenu {font-size: 17px; padding-bottom: 17px;}
	.qicon {height: 36px; width: auto; margin-top: -8px;}

	#topmarg {margin-top: 16%}
}
@media (max-width: 1500px) {
	.mainside {min-height: 190px; padding: 12px; overflow: hidden;}
	.mainvisimg {min-height: 570px; padding: 100px 0px; overflow: hidden;}
	.section01, .section02 {padding: 35px; min-height: 630px; overflow: hidden;}
	.sectext01 {font-size: 26px; color: #ffffff; margin: 0px;}
	.sectext02 {font-size: 13px; color: #ffffff; margin: 0px;}
	.maintitle1 {font-family: 'Nanum Barun Gothic'; font-size: 42px; color: #ffffff; margin-left: 24%; margin-bottom: 0; text-shadow: 2px 2px 8px #72757c;}
	.maintitle2 {font-family: 'Nanum Brush Script'; font-size: 42px; color: #000000; margin-left: 24%; margin-top: 2%;}

	.sidetitle {font-family: 'Nanum Barun Gothic'; font-size: 18px; color: #ffffff; font-weight: 600; margin-bottom: 10px;}
	.telnum {font-family: 'Nanum Barun Gothic'; font-size: 24px; color: #ffffff; font-weight: 600; margin: 0px; margin-bottom: 10px;}
	.sidedetail {font-family: 'Nanum Barun Gothic'; font-size: 12px; color: #ffffff; font-weight: 400; margin: 0px;}
	.morebtn {font-family: 'Gulim'; font-size: 12px; color: #ffffff; text-decoration: none;}
	.noticecontents {font-size: 11px; font-family: 'Gulim'; color: #555555; font-weight: 400; margin: 0px; line-height: 160%;}

	.sectext03 {font-size: 33px; font-family: 'Nanum Barun Gothic'; color: #222222; margin-bottom: 32px; font-weight: 500;}

	.introtitle {font-size: 16px;}
	.introtext {font-size: 15px;}
	.quickmenu {font-size: 17px; padding-bottom: 17px;}
	.qicon {height: 36px; width: auto; margin-top: -8px;}

	#topmarg {margin-top: 16%}
}
@media (max-width: 1400px) {
	.mainside {min-height: 180px; padding: 12px; overflow: hidden;}
	.mainvisimg {min-height: 540px; padding: 100px 0px; overflow: hidden;}
	.section01, .section02 {padding: 30px; min-height: 600px; overflow: hidden;}
	.sectext01 {font-size: 24px; color: #ffffff; margin: 0px;}
	.sectext02 {font-size: 12px; color: #ffffff; margin: 0px;}
	.maintitle1 {font-family: 'Nanum Barun Gothic'; font-size: 39px; color: #ffffff; margin-left: 24%; margin-bottom: 0; text-shadow: 2px 2px 8px #72757c;}
	.maintitle2 {font-family: 'Nanum Brush Script'; font-size: 39px; color: #000000; margin-left: 24%; margin-top: 2%;}

	.sidetitle {font-family: 'Nanum Barun Gothic'; font-size: 17px; color: #ffffff; font-weight: 600; margin-bottom: 5px;}
	.telnum {font-family: 'Nanum Barun Gothic'; font-size: 22px; color: #ffffff; font-weight: 600; margin: 0px; margin-bottom: 5px;}
	.sidedetail {font-family: 'Nanum Barun Gothic'; font-size: 11px; color: #ffffff; font-weight: 400; margin: 0px;}
	.morebtn {font-family: 'Gulim'; font-size: 12px; color: #ffffff; text-decoration: none;}
	.noticecontents {font-size: 11px; font-family: 'Gulim'; color: #555555; font-weight: 400; margin: 0px; line-height: 160%;}

	.sectext03 {font-size: 31px; font-family: 'Nanum Barun Gothic'; color: #222222; margin-bottom: 29px; font-weight: 500;}

	.introtitle {font-size: 16px;}
	.introtext {font-size: 15px;}
	.quickmenu {font-size: 16px; padding-bottom: 16px;}
	.qicon {height: 32px; width: auto; margin-top: -5px;}

	#topmarg {margin-top: 16%}
}
@media (max-width: 1300px) {
	.mainside {min-height: 170px; padding: 10px; overflow: hidden;}
	.mainvisimg {min-height: 510px; padding: 100px 0px; overflow: hidden;}
	.section01, .section02 {padding: 25px; min-height: 570px; overflow: hidden;}
	.sectext01 {font-size: 24px; color: #ffffff; margin: 0px;}
	.sectext02 {font-size: 12px; color: #ffffff; margin: 0px;}
	.maintitle1 {font-family: 'Nanum Barun Gothic'; font-size: 36px; color: #ffffff; margin-left: 24%; margin-bottom: 0; text-shadow: 2px 2px 8px #72757c;}
	.maintitle2 {font-family: 'Nanum Brush Script'; font-size: 36px; color: #000000; margin-left: 24%; margin-top: 2%;}

	.sidetitle {font-family: 'Nanum Barun Gothic'; font-size: 16px; color: #ffffff; font-weight: 600; margin-bottom: 5px;}
	.telnum {font-family: 'Nanum Barun Gothic'; font-size: 20px; color: #ffffff; font-weight: 600; margin: 0px; margin-bottom: 5px;}
	.sidedetail {font-family: 'Nanum Barun Gothic'; font-size: 11px; color: #ffffff; font-weight: 400; margin: 0px;}
	.morebtn {font-family: 'Gulim'; font-size: 12px; color: #ffffff; text-decoration: none;}
	.noticecontents {font-size: 11px; font-family: 'Gulim'; color: #555555; font-weight: 400; margin: 0px; line-height: 160%; margin-top: -4px;}

	.sectext03 {font-size: 29px; font-family: 'Nanum Barun Gothic'; color: #222222; margin-bottom: 26px; font-weight: 500;}

	.introtitle {font-size: 15px;}
	.introtext {font-size: 14px;}
	.quickmenu {font-size: 16px; padding-bottom: 16px;}
	.qicon {height: 32px; width: auto; margin-top: -5px;}

	#topmarg {margin-top: 16%}
}
@media (max-width: 1200px) {
	.mainside {min-height: 160px; padding: 10px; overflow: hidden;}
	.mainvisimg {min-height: 480px; padding: 100px 0px; overflow: hidden;}
	.section01, .section02 {padding: 20px; min-height: 540px; overflow: hidden;}
	.sectext01 {font-size: 22px; color: #ffffff; margin: 0px;}
	.sectext02 {font-size: 11px; color: #ffffff; margin: 0px;}
	.maintitle1 {font-family: 'Nanum Barun Gothic'; font-size: 33px; color: #ffffff; margin-left: 24%; margin-bottom: 0; text-shadow: 2px 2px 8px #72757c;}
	.maintitle2 {font-family: 'Nanum Brush Script'; font-size: 33px; color: #000000; margin-left: 24%; margin-top: 2%;}

	.sidetitle {font-family: 'Nanum Barun Gothic'; font-size: 15px; color: #ffffff; font-weight: 600; margin-bottom: 10px;}
	.telnum {font-family: 'Nanum Barun Gothic'; font-size: 18px; color: #ffffff; font-weight: 600; margin: 0px; margin-bottom: 5px;}
	.sidedetail {font-family: 'Nanum Barun Gothic'; font-size: 10px; color: #ffffff; font-weight: 400; margin: 0px; margin-bottom: -5px;}
	.morebtn {font-family: 'Gulim'; font-size: 11px; color: #ffffff; text-decoration: none;}
	.noticecontents {font-size: 11px; font-family: 'Gulim'; color: #555555; font-weight: 400; margin: 0px; line-height: 150%; margin-bottom: -12px;}

	.sectext03 {font-size: 27px; font-family: 'Nanum Barun Gothic'; color: #222222; margin-bottom: 23px; font-weight: 500;}

	.introtitle {font-size: 15px;}
	.introtext {font-size: 14px;}
	.quickmenu {font-size: 15px; padding-bottom: 15px;}
	.qicon {height: 28px; width: auto; margin-top: -5px;}

	#topmarg {margin-top: 16%}
}
@media (max-width: 1100px) {
	.mainside {min-height: 150px; padding: 10px; overflow: hidden;}
	.mainvisimg {min-height: 450px; padding: 80px 0px; overflow: hidden;}
	.section01, .section02 {padding: 15px; min-height: 510px; overflow: hidden;}
	.sectext01 {font-size: 22px; color: #ffffff; margin: 0px;}
	.sectext02 {font-size: 11px; color: #ffffff; margin: 0px;}
	.maintitle1 {font-family: 'Nanum Barun Gothic'; font-size: 28px; color: #ffffff; margin-left: 24%; margin-bottom: 0; text-shadow: 2px 2px 8px #72757c;}
	.maintitle2 {font-family: 'Nanum Brush Script'; font-size: 28px; color: #000000; margin-left: 24%; margin-top: 2%;}

	.sidetitle {font-family: 'Nanum Barun Gothic'; font-size: 13px; color: #ffffff; font-weight: 600; margin-bottom: 10px;}
	.telnum {font-family: 'Nanum Barun Gothic'; font-size: 18px; color: #ffffff; font-weight: 600; margin: 0px; margin-bottom: 5px;}
	.sidedetail {font-family: 'Nanum Barun Gothic'; font-size: 10px; color: #ffffff; font-weight: 400; margin: 0px; margin-bottom: -11px;}
	.morebtn {font-family: 'Gulim'; font-size: 11px; color: #ffffff; text-decoration: none;}
	.noticecontents {font-size: 11px; font-family: 'Gulim'; color: #555555; font-weight: 400; margin: 0px; line-height: 150%; margin-bottom: -18px;}

	.sectext03 {font-size: 25px; font-family: 'Nanum Barun Gothic'; color: #222222; margin-bottom: 20px; font-weight: 500;}

	.introtitle {font-size: 15px;}
	.introtext {font-size: 14px;}
	.quickmenu {font-size: 15px; padding-bottom: 15px;}
	.qicon {height: 28px; width: auto; margin-top: -5px;}

	#topmarg {margin-top: 16%}
}

/* small size */

@media (max-width: 991px) {
	.mainvisimg {min-height: 420px; padding: 70px 0px; overflow: hidden;}
	.maintitle1 {font-family: 'Nanum Barun Gothic'; font-size: 42px; color: #ffffff; margin-left: 15%; margin-bottom: 0; text-shadow: 2px 2px 8px #72757c;}
	.maintitle2 {font-family: 'Nanum Brush Script'; font-size: 42px; color: #000000; margin-left: 15%; margin-top: 2%;}

	.mainside {min-height: 250px; padding: 25px; overflow: hidden;}

	.sidetitle {font-family: 'Nanum Barun Gothic'; font-size: 24px; color: #ffffff; font-weight: 600; margin-bottom: 10px;}
	.telnum {font-family: 'Nanum Barun Gothic'; font-size: 36px; color: #ffffff; font-weight: 600; margin: 0px; margin-bottom: 5px;}
	.sidedetail {font-family: 'Nanum Barun Gothic'; font-size: 14px; color: #ffffff; font-weight: 400; margin: 0px; margin-bottom: -11px;}
	.morebtn {font-family: 'Gulim'; font-size: 14px; color: #ffffff; text-decoration: none;}
	.noticecontents {font-size: 14px; font-family: 'Gulim'; color: #555555; font-weight: 400; margin: 0px; line-height: 180%; margin-bottom: -18px;}

	#topmarg {margin-top: 10%}
}
@media (max-width: 900px) {
	.mainvisimg {min-height: 390px; padding: 70px 0px; overflow: hidden;}
	.maintitle1 {font-family: 'Nanum Barun Gothic'; font-size: 38px; color: #ffffff; margin-left: 15%; margin-bottom: 0; text-shadow: 2px 2px 8px #72757c;}
	.maintitle2 {font-family: 'Nanum Brush Script'; font-size: 38px; color: #000000; margin-left: 15%; margin-top: 2%;}
	.mainside {min-height: 250px; padding: 25px; overflow: hidden;}

	.sidetitle {font-family: 'Nanum Barun Gothic'; font-size: 24px; color: #ffffff; font-weight: 600; margin-bottom: 10px;}
	.telnum {font-family: 'Nanum Barun Gothic'; font-size: 36px; color: #ffffff; font-weight: 600; margin: 0px; margin-bottom: 5px;}
	.sidedetail {font-family: 'Nanum Barun Gothic'; font-size: 14px; color: #ffffff; font-weight: 400; margin: 0px; margin-bottom: -11px;}
	.morebtn {font-family: 'Gulim'; font-size: 14px; color: #ffffff; text-decoration: none;}
	.noticecontents {font-size: 14px; font-family: 'Gulim'; color: #555555; font-weight: 400; margin: 0px; line-height: 180%; margin-bottom: -18px;}

	#topmarg {margin-top: 10%}
}

/* Extra Small Size */

@media (max-width: 768px) {
	.mainvisimg {min-height: 360px; padding: 60px 0px; overflow: hidden;}
	.maintitle1 {font-family: 'Nanum Barun Gothic'; font-size: 34px; color: #ffffff; margin-left: 15%; margin-bottom: 0; text-shadow: 2px 2px 8px #72757c;}
	.maintitle2 {font-family: 'Nanum Brush Script'; font-size: 34px; color: #000000; margin-left: 15%; margin-top: 2%;}
	.mainside {min-height: 200px; padding: 20px; overflow: hidden;}

	.sidetitle {font-family: 'Nanum Barun Gothic'; font-size: 20px; color: #ffffff; font-weight: 600; margin-bottom: 10px;}
	.telnum {font-family: 'Nanum Barun Gothic'; font-size: 30px; color: #ffffff; font-weight: 600; margin: 0px; margin-bottom: 5px;}
	.sidedetail {font-family: 'Nanum Barun Gothic'; font-size: 13px; color: #ffffff; font-weight: 400; margin: 0px; margin-bottom: -11px;}
	.morebtn {font-family: 'Gulim'; font-size: 13px; color: #ffffff; text-decoration: none;}
	.noticecontents {font-size: 13px; font-family: 'Gulim'; color: #555555; font-weight: 400; margin: 0px; line-height: 180%; margin-bottom: -18px;}

	#topmarg {margin-top: 10%}
}
@media (max-width: 700px) {
	.mainvisimg {min-height: 360px; padding: 60px 0px; overflow: hidden;}
	.maintitle1 {font-family: 'Nanum Barun Gothic'; font-size: 30px; color: #ffffff; margin-left: 15%; margin-bottom: 0; text-shadow: 2px 2px 8px #72757c;}
	.maintitle2 {font-family: 'Nanum Brush Script'; font-size: 30px; color: #000000; margin-left: 15%; margin-top: 2%;}
	.mainside {min-height: 200px; padding: 20px; overflow: hidden;}

	.sidetitle {font-family: 'Nanum Barun Gothic'; font-size: 18px; color: #ffffff; font-weight: 600; margin-bottom: 10px;}
	.telnum {font-family: 'Nanum Barun Gothic'; font-size: 27px; color: #ffffff; font-weight: 600; margin: 0px; margin-bottom: 5px;}
	.sidedetail {font-family: 'Nanum Barun Gothic'; font-size: 13px; color: #ffffff; font-weight: 400; margin: 0px; margin-bottom: -11px;}
	.morebtn {font-family: 'Gulim'; font-size: 13px; color: #ffffff; text-decoration: none;}
	.noticecontents {font-size: 13px; font-family: 'Gulim'; color: #555555; font-weight: 400; margin: 0px; line-height: 180%; margin-bottom: -18px;}

	#topmarg {margin-top: 10%}
}
@media (max-width: 600px) {
	.mainvisimg {min-height: 320px; padding: 60px 0px; overflow: hidden;}
	.maintitle1 {font-family: 'Nanum Barun Gothic'; font-size: 26px; color: #ffffff; margin-left: 15%; margin-bottom: 0; text-shadow: 2px 2px 8px #72757c;}
	.maintitle2 {font-family: 'Nanum Brush Script'; font-size: 26px; color: #000000; margin-left: 15%; margin-top: 2%;}
	.mainside {min-height: 200px; padding: 20px; overflow: hidden;}

	.sidetitle {font-family: 'Nanum Barun Gothic'; font-size: 16px; color: #ffffff; font-weight: 600; margin-bottom: 10px;}
	.telnum {font-family: 'Nanum Barun Gothic'; font-size: 24px; color: #ffffff; font-weight: 600; margin: 0px; margin-bottom: 5px;}
	.sidedetail {font-family: 'Nanum Barun Gothic'; font-size: 12px; color: #ffffff; font-weight: 400; margin: 0px; margin-bottom: -11px;}
	.morebtn {font-family: 'Gulim'; font-size: 12px; color: #ffffff; text-decoration: none;}
	.noticecontents {font-size: 12px; font-family: 'Gulim'; color: #555555; font-weight: 400; margin: 0px; line-height: 180%; margin-bottom: -18px;}

	#topmarg {margin-top: 16%}
}
@media (max-width: 500px) {
	.mainvisimg {min-height: 250px; padding: 30px 0px; overflow: hidden;}
	.maintitle1 {font-family: 'Nanum Barun Gothic'; font-size: 24px; color: #ffffff; margin-left: 5%; margin-bottom: 0; text-shadow: 2px 2px 8px #72757c;}
	.maintitle2 {font-family: 'Nanum Brush Script'; font-size: 24px; color: #000000; margin-left: 5%; margin-top: 2%;}
	.mainside {min-height: 200px; padding: 20px; overflow: hidden;}

	.sidetitle {font-family: 'Nanum Barun Gothic'; font-size: 15px; color: #ffffff; font-weight: 600; margin-bottom: 10px;}
	.telnum {font-family: 'Nanum Barun Gothic'; font-size: 22px; color: #ffffff; font-weight: 600; margin: 0px; margin-bottom: 5px;}
	.sidedetail {font-family: 'Nanum Barun Gothic'; font-size: 12px; color: #ffffff; font-weight: 400; margin: 0px; margin-bottom: -11px;}
	.morebtn {font-family: 'Gulim'; font-size: 12px; color: #ffffff; text-decoration: none;}
	.noticecontents {font-size: 12px; font-family: 'Gulim'; color: #555555; font-weight: 400; margin: 0px; line-height: 180%; margin-bottom: -18px;}

	#topmarg {margin-top: 16%}
}
@media (max-width: 400px) {
	.mainvisimg {min-height: 200px; padding: 20px 0px; overflow: hidden;}
	.maintitle1 {font-family: 'Nanum Barun Gothic'; font-size: 22px; color: #ffffff; margin-left: 5%; margin-bottom: 0; text-shadow: 2px 2px 8px #72757c;}
	.maintitle2 {font-family: 'Nanum Brush Script'; font-size: 22px; color: #000000; margin-left: 5%; margin-top: 2%;}
	.mainside {min-height: 185px; padding: 20px 10px; overflow: hidden;}

	.sidetitle {font-family: 'Nanum Barun Gothic'; font-size: 15px; color: #ffffff; font-weight: 600; margin-bottom: 10px;}
	.telnum {font-family: 'Nanum Barun Gothic'; font-size: 20px; color: #ffffff; font-weight: 600; margin: 0px; margin-bottom: 5px;}
	.sidedetail {font-family: 'Nanum Barun Gothic'; font-size: 11px; color: #ffffff; font-weight: 400; margin: 0px; margin-bottom: -11px;}
	.morebtn {font-family: 'Gulim'; font-size: 12px; color: #ffffff; text-decoration: none;}
	.noticecontents {font-size: 12px; font-family: 'Gulim'; color: #555555; font-weight: 400; margin: 0px; line-height: 180%; margin-bottom: -18px;}

	#topmarg {margin-top: 16%}
}
@media (max-width: 320px) {
	.mainvisimg {min-height: 200px; padding: 20px 0px; overflow: hidden;}
	.maintitle1 {font-family: 'Nanum Barun Gothic'; font-size: 20px; color: #ffffff; margin-left: 5%; margin-bottom: 0; text-shadow: 2px 2px 8px #72757c;}
	.maintitle2 {font-family: 'Nanum Brush Script'; font-size: 20px; color: #000000; margin-left: 5%; margin-top: 2%;}
	.mainside {min-height: 175px; padding: 20px 10px; overflow: hidden;}

	.sidetitle {font-family: 'Nanum Barun Gothic'; font-size: 13px; color: #ffffff; font-weight: 600; margin-bottom: 10px;}
	.telnum {font-family: 'Nanum Barun Gothic'; font-size: 18px; color: #ffffff; font-weight: 600; margin: 0px; margin-bottom: 5px;}
	.sidedetail {font-family: 'Nanum Barun Gothic'; font-size: 11px; color: #ffffff; font-weight: 400; margin: 0px; margin-bottom: -11px;}
	.morebtn {font-family: 'Gulim'; font-size: 12px; color: #ffffff; text-decoration: none;}
	.noticecontents {font-size: 12px; font-family: 'Gulim'; color: #555555; font-weight: 400; margin: 0px; line-height: 180%; margin-bottom: -18px;}

	#topmarg {margin-top: 16%}
}



@media (min-width: 769px) {
	#sub-section {max-height: 122px; width: 38px; border-bottom: 1px solid #a3872e; margin: 0 auto; margin-bottom: 30px;}
	.pagetitlewrap {margin-bottom: 50px;}
	.pagetitle {font-size: 48px; font-family: 'Nanum Barun Gothic'; margin: 0px; color: #333333; font-weight: 100; /*text-shadow: 1px 1px #858585;*/}
	.pagesubtitle {font-size: 20px; font-family: 'Nanum Barun Gothic'; margin: 25px 0px 0px 0px; padding-bottom: 0px; color: #666666; font-weight: 300; text-align: center;}
	.pagesubtitle1{font-size: 17px; font-family: 'Nanum Barun Gothic'; margin: 15px 0px 0px 0px; padding-bottom: 0px; color: #666666; font-weight: 300; text-align: center;}

	.boardtitle {font-size: 48px; font-family: 'Nanum Barun Gothic'; margin: 0px; color: #333333; font-weight: 100; /*text-shadow: 1px 1px #858585;*/ text-align:center;}
	.pagetext {font-size: 18px; font-family: 'Nanum Barun Gothic'; margin-top: 60px; color: #666666; font-weight: 300; line-height: 180%;}
	.historytext {font-size: 18px; font-family: 'Nanum Barun Gothic'; color: #666666; font-weight: 300; line-height: 180%;}
	.yeartext {font-size: 18px; font-family: 'Nanum Barun Gothic'; color: #6b9a5b; font-weight: 600;}

	.parttext {font-size: 18px; font-family: 'Nanum Barun Gothic'; margin-top: 38px; color: #6c6c6c; font-weight: 300; line-height: 180%;}
	.parttitle {font-size: 38px; font-family: 'Nanum Barun Gothic'; margin: 0px; color: #333333; font-weight: 100; /*text-shadow: 1px 1px #858585;*/ text-align:center;}
	.partiline {max-height: 28px; width: 38px; border-bottom: 1px solid #dddddd; margin: 0 auto; margin-bottom: 40px;}

	#img1202 {width: 85%; height: auto; display: inline;}

	.divsubject {background-color: #f2f2f2; color: #6f9c60; font-size: 24px; font-weight: 300; text-align: center; padding: 20px;}
	.divtext {color: #666666; font-size: 16px; font-weight: 300;}
	.firmtitle {font-size: 28px; font-weight: 600; font-family: 'Nanum Barun Gothic'; text-align: center; color: #2c4aaa; margin: 0px;}
	.blackborder {border-top: 3px solid #333333; min-height: 50px;}

	#accountant {text-align: center; margin-bottom: 40px;}
	#historytbl1 .yeartext {font-size: 28px;}

	.profileview {background-color: rgba(0,0,0,0.5); opacity: 1; font-size: 13ox; color: #ffffff; padding: 0; /*width: 66%; margin: 0 auto; position: absolute; bottom: 41px;  left: 17%;*/ z-index: 1; padding: 4px 10px 21px 10px; font-weight: 600; max-width: 176px; min-height: 25px; margin: 0 auto; margin-top: -25px;}
}
@media (max-width: 768px) {
	#sub-section {max-height: 60px; width: 38px; border-bottom: 1px solid #a3872e; margin: 0 auto; margin-bottom: 15px;}
	.pagetitlewrap {margin-bottom: 25px;}
	.pagetitle {font-size: 32px; font-family: 'Nanum Barun Gothic'; margin: 0px; color: #333333; font-weight: 100; /*text-shadow: 1px 1px #858585;*/}
	.pagesubtitle {font-size: 15px; font-family: 'Nanum Barun Gothic'; margin: 25px 0px 0px 0px; color: #666666; font-weight: 300; text-align: center;}
	.pagesubtitle1{font-size: 12px; font-family: 'Nanum Barun Gothic'; margin: 10px 0px 0px 0px; padding-bottom: 0px; color: #666666; font-weight: 300; text-align: center;}

	.boardtitle {font-size: 32px; font-family: 'Nanum Barun Gothic'; margin: 0px; color: #333333; font-weight: 100; /*text-shadow: 1px 1px #858585;*/ text-align:center;}
	.pagetext {font-size: 14px; font-family: 'Nanum Barun Gothic'; margin-top: 40px; color: #666666; font-weight: 300; line-height: 180%;}
	.historytext {font-size: 13px; font-family: 'Nanum Barun Gothic'; color: #666666; font-weight: 300; line-height: 180%;}
	.yeartext {font-size: 13px; font-family: 'Nanum Barun Gothic'; color: #6b9a5b; font-weight: 600;}

	.parttext {font-size: 14px; font-family: 'Nanum Barun Gothic'; margin-top: 20px; color: #6c6c6c; font-weight: 300; line-height: 180%;}
	.parttitle {font-size: 26px; font-family: 'Nanum Barun Gothic'; margin: 0px; color: #333333; font-weight: 100; /*text-shadow: 1px 1px #858585;*/ text-align:center;}
	.partiline {max-height: 14px; width: 38px; border-bottom: 1px solid #dddddd; margin: 0 auto; margin-bottom: 20px;}

	#img1202 {width: 100%; height: auto; display: inline;}

	.divsubject {background-color: #f2f2f2; color: #6f9c60; font-size: 18px; font-weight: 300; text-align: center; padding: 20px; margin-bottom: 15px;}
	.divtext {color: #666666; font-size: 13px; font-weight: 300;}
	.firmtitle {font-size: 18px; font-weight: 600; font-family: 'Nanum Barun Gothic'; text-align: center; color: #2c4aaa; margin: 0px;}
	.blackborder {border-top: 3px solid #333333; min-height: 25px;}

	#accountant {text-align: center; margin-bottom: 20px;}
	#historytbl1 .yeartext {font-size: 20px;}

	.profileview {background-color: rgba(0,0,0,0.5); opacity: 1; font-size: 13ox; color: #ffffff; padding: 0; /*width: 66%; margin: 0 auto; position: absolute; bottom: 41px;  left: 17%;*/ z-index: 1; padding: 4px 10px 21px 10px; font-weight: 600; max-width: 112px; min-height: 156x; margin: 0 auto; margin-top: -25px;}
}

#accountant {background-color: #ffffff;}
#accountant img {z-index: 1;}

.emptext {color: #a3872e;}
.pageul {margin: 0px; padding: 0px; margin-left: 30px;}
.pageul li {line-height: 180%;}
.bizlink {color: #ffffff; text-decoration: none;}
.bizlink:hover {color: #bba75a;}

#introbox {border: 5px solid transparent;}
#introbox:hover {border: 5px solid #bba75a;}

#historytbl {width: 100%; border-collapse: collapse;}
#historytbl td {vertical-align: middle;}

#accountant img {
	display: inline-block;
	background-repeat: no-repeat;
/*
	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
*/
}

/*#accountant img:hover, #accountant img:focus {transform: scale(1.1) rotate(-3deg);}*/
#acccardtbl {width: 100%; border-collapse: collapse;}
#acccardtbl img {display: inline;}

@media (min-width: 992px) {
	.acccard {border-top: 3px solid #333333; background-color: #f5f5f5; padding: 30px;}
	.staffimg {width: 33%;}
	.stafflevel {color: #6a6a6a; font-weight: 500; font-size: 26px; font-family: 'Nanum Barun Gothic'; width: 17%;}
	.staffname {color: #6b9a5b; font-weight: 500; font-size: 32px; font-family: 'Nanum Barun Gothic'; width: 50%;}
	.staffchar li {margin-left: 20px; font-size: 18px; font-weight: 300; color: #6a6a6a; font-family: 'Nanum Barun Gothic';}
	.chartext {font-size: 18px; font-weight: 300; color: #6a6a6a; font-family: 'Nanum Barun Gothic';}
	.acccard {margin-bottom: 52px;}
	#accdetailtbl tr {padding: 15px 0px;}
	#accdetailtbl th {font-size: 18px; vertical-align: middle;}
	#accdetailtbl td {font-size: 16px; line-height: 32px; padding: 10px 20px;} 
}
@media (max-width: 991px) {
	.acccard {border-top: 3px solid #333333; background-color: #f5f5f5; padding: 20px;}
	.staffimg {width: 35%;}
	.stafflevel {color: #6a6a6a; font-weight: 500; font-size: 21px; font-family: 'Nanum Barun Gothic'; width: 20%; letter-spacing: -1px;}
	.staffname {color: #6b9a5b; font-weight: 500; font-size: 26px; font-family: 'Nanum Barun Gothic'; width: 45%;}
	.staffchar li {margin-left: 20px; font-size: 16px; font-weight: 300; color: #6a6a6a; font-family: 'Nanum Barun Gothic';}
	.chartext {font-size: 16px; font-weight: 300; color: #6a6a6a; font-family: 'Nanum Barun Gothic';}
	.acccard {margin-bottom: 52px;}
	#accdetailtbl th {font-size: 16px;}
	#accdetailtbl td {font-size: 14px; line-height: 28px; padding: 10px 20px;}
}
@media (max-width: 768px) {
	.acccard {border-top: 3px solid #333333; background-color: #f5f5f5; padding: 10px;}
	.staffimg {width: 40%;}
	.stafflevel {color: #6a6a6a; font-weight: 500; font-size: 18px; font-family: 'Nanum Barun Gothic'; letter-spacing: -1px;}
	.staffname {color: #6b9a5b; font-weight: 500; font-size: 24px; font-family: 'Nanum Barun Gothic';}
	.staffchar li {margin-left: 20px; font-size: 14px; font-weight: 300; color: #6a6a6a; font-family: 'Nanum Barun Gothic'; width: 35%;}
	.chartext {font-size: 14px; font-weight: 300; color: #6a6a6a; font-family: 'Nanum Barun Gothic'; width: 65%;}
	#acccardtbl td {vertical-align: top;}
	.acccard {margin-bottom: 24px;}
	#accdetailtbl th {font-size: 14px;}
	#accdetailtbl td {font-size: 12px; line-height: 24px; padding: 5px 15px;}
}
@media (max-width: 400px) {
	.acccard {border-top: 3px solid #333333; background-color: #f5f5f5; padding: 10px;}
	.staffimg {width: 40%;}
	.stafflevel {color: #6a6a6a; font-weight: 500; font-size: 15px; font-family: 'Nanum Barun Gothic';}
	.staffname {color: #6b9a5b; font-weight: 500; font-size: 20px; font-family: 'Nanum Barun Gothic';}
	.staffchar li {margin-left: 20px; font-size: 10px; font-weight: 300; color: #6a6a6a; font-family: 'Nanum Barun Gothic'; width: 49%;}
	.chartext {font-size: 10px; font-weight: 300; color: #6a6a6a; font-family: 'Nanum Barun Gothic'; width: 51%;}
	#acccardtbl td {vertical-align: top;}
	.acccard {margin-bottom: 20px;}
	#accdetailtbl th {font-size: 12px;}
	#accdetailtbl td {font-size: 10px; line-height: 20px; padding: 5px 15px;}
}

@media (min-width: 769px) {
	.contentpage {padding-left: 0px; padding-right: 0px;}
}
@media (max-width: 768px) {
	.contentpage {padding-left: 15px; padding-right: 15px;}
}

.footerlink {color: #ebebeb; text-decoration: none;}

#historytbl {border-collapse: collapse; width: 100%;}
#historytbl th, #historytbl td {border: 1px solid #e2e2e2; vertical-align: top; padding: 10px;}

#historytbl1 {width: 100%;}
#historytbl1 th, #historytbl1 td {vertical-align: top; padding: 10px;}

#accdetailtbl {width: 100%; border-collapse: collapse;}
#accdetailtbl th {font-family: 'Nanum Barun Gothic'; color: #666666; font-weight: 300; vertical-align: top; padding: 12px;}
#accdetailtbl td {font-family: 'Nanum Barun Gothic'; color: #666666; font-weight: 300; vertical-align: top; border-left: 1px solid #eeeeee;}
#accdetailtbl td ul {padding-left: 10px;}
#accdetailtbl tr {/*border: 1px solid #c5d4b8;*/ border-left: 1px solid transparent; border-right: 1px solid transparent;}

@media (min-width: 992px) {
	#innerleft p {margin-left: 10px;}
	#innerleft ul {margin-left: 10px; padding-left: 0;}
	#accdetailtbl td p {margin-bottom: 0px;}
}
@media (max-width: 991px) {
	#innerleft ul {margin-left: 0px; padding-left: 10px;}
	#accdetailtbl td p {margin-bottom: 0px;}
}

#requesttbl {border-collapse: collapse; margin-bottom: -1px;}
#requesttbl th, #requesttbl td {padding: 10px;}
#requesttbl th {font-family: 'Nanum Barun Gothic'; margin: 0px; padding: 10px; font-size: 14px; text-align: center; background-color: #f4f4f4;}
#requesttbl th label {font-family: 'Nanum Barun Gothic'; margin: 0px; font-size: 14px;}
#requesttbl td input {height: 34px; border: 1px solid #cccccc; width: 100%; padding: 10px; font-size: 14px; font-family: 'Nanum Barun Gothic'; border-radius: 0px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); line-height: 14px;}
#requesttbl tr {border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7;}

.privacylabel {font-family: 'Nanum Barun Gothic'; font-size: 14px;}

@media (min-width: 769px) {
	.privacylabel {padding: 10px 0px; margin: 0px;}
	.privacy {max-height: 400px; overflow-y: scroll; overflow-x: hidden; font-size: 13px; border: 1px solid #eeeeee; padding: 15px;}
	#reqframe {margin-top: -57px;}
	.btnsubmit {height: 46px; padding: 15px 30px; font-size: 16px; font-family: 'Nanum Barun Gothic'; font-weight: 600; background-color: #638f49; color: #ffffff; line-height: 16px; border: 0px; border: 1px solid #638f49;}
}
@media (max-width: 769px) {
	.privacylabel {margin-top: 40px;}
	.privacy {max-height: 300px; overflow-y: scroll; overflow-x: hidden; font-size: 13px; border: 1px solid #eeeeee; padding: 15px;}
	#reqframe {margin-top: -32px;}
	.btnsubmit {height: 46px; padding: 15px 30px; font-size: 16px; font-family: 'Nanum Barun Gothic'; font-weight: 600; background-color: #638f49; color: #ffffff; line-height: 16px; border: 0px; border: 1px solid #638f49;}
}

.btnsubmit:hover {color: #638f49; background-color: #ffffff; border: 1px solid #638f49;}
#rightarr {font-size: 10px; margin-top: 3px;}

.mititle {margin: 0px;}

#imgwrap {overflow: hidden; width: 75%; margin: 0 auto;}
#imgwrap {z-index: 99999999;}
/*#imgwrap img {margin-top: -10px;}*/


/*.profileview:hover {background-color: rgba(0,0,0,0.7); opacity: 1; color: #ffffff;}	*/