@charset "utf-8";

@media (max-width: 1600px) {
	
	.lnb {width:450px;}
	.lnb .title {padding:0 0 30px 280px;}
	.lnb ul {padding-left:280px;}

	.lnb-company {width:450px;}
	.lnb-company .title {padding:0 0 30px 280px;}
	.lnb-company ul {padding-left:280px;}


	.real-cont {margin-left:450px; padding:70px 20px 50px;}

	.foot-info {padding:0 0 0 450px;}


}

@media (max-width: 1500px) {
	
	.lnb {width:400px;}
	.lnb .title {padding:0 0 30px 260px;}
	.lnb ul {padding-left:260px;}

	.lnb-company {width:400px;}
	.lnb-company .title {padding:0 0 30px 260px;}
	.lnb-company ul {padding-left:260px;}


	.real-cont {margin-left:400px;}

	.foot-info {padding:0 0 0 400px;}

}


@media (max-width: 1400px) {
	
	.lnb {width:350px;}
	.lnb .title {padding:0 0 30px 190px;}
	.lnb ul {padding-left:190px;}

	.lnb-company {width:350px;}
	.lnb-company .title {padding:0 0 30px 190px;}
	.lnb-company ul {padding-left:190px;}


	.real-cont {margin-left:350px;}
	.foot-info {padding:0 0 0 350px;}

}



/* Landscape tablet to portrait tablet */
@media (max-width: 1300px) {
	/* 공통 */
	.only-desktop {display:none;}
	.only-tablet {display:block;}
	.only-mobile {display:none;}
	.desktop-tablet {display:block;}


	/* header */
	#header {height:100px}
	#header .sitelogo {top:22px;left:15px;}
	#gnb {padding-right:15px;}
	#gnb ul li {line-height:100px;}

	/* main */

	.visual-section li {padding-bottom:50%;}
	.visual-section .bx-wrapper .bx-pager {bottom:50px;}
	.visual-section .content {left:30px; margin-top:-55px;width:100%; margin-left:0;}
	.visual-section .content .text {font-size:40px;}

	.lnb {width:300px;}
	.lnb .title {padding:0 0 30px 160px;}
	.lnb ul {padding-left:160px;}

	.lnb-company {width:300px;}
	.lnb-company .title {padding:0 0 30px 160px;}
	.lnb-company ul {padding-left:160px;}


	.real-cont {margin-left:300px;}

	.foot-info {padding:0 0 0 300px;}
	

	
	/* footer */	
	
	
	/* doc */
	.greeting-top {font-size:24px; margin-bottom:30px;}
	.greeting .sain {font-size:25px;} 
	.greeting .info {padding-right:45px;}
	

		
	/* board */
	
	
}

@media (max-width: 1200px) {

	.greeting-top {font-size:25px; margin-bottom:30px;}
	.greeting .photo {float:none; width:100%; margin-bottom:20px;}
	.greeting .photo .img {padding-bottom:73.6%; background-image:url('../images/main/m_greeting.jpg');}
	.greeting .info {float:none; width:100%; padding-right:0;}
	.greeting .sain {font-size:30px;}


	.sub-title {margin-bottom:40px;}
	.sub-title .title {font-size:20px;}
	.sub-title .title strong {font-size:25px;}

	.overview-head {margin-bottom:40px;}
	.overview-head ul {margin:0 -30px;}
	.overview-head ul li {padding:0 30px;}
	.overview-head ul li:after {top:70px; left:-30px;}
	.overview-head ul li:before {top:63px; left:-8px;}
	.overview-head ul li .box {height:140px; border-radius:5px; margin-bottom:10px;}
	.overview-head dl dt {font-size:17px; margin-bottom:5px;}

	.overview-cnt .col .tit {width:180px; padding:13px 0;}
	.overview-cnt .col .info {margin-left:200px; padding:13px 0;}

	.bus-content .photo {padding-left:20px;}

	.bus-system .col .wrap .title {width:300px;}
	.bus-system .col .wrap .info {margin-left:320px; padding-right:30px;}

}

@media (max-width: 1024px) {
	.only-desktop {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}
	.desktop-tablet {display:none;}
	

	/* header */
	#header {height:60px}
	#header .sitelogo {top:10px;left:15px;}
	#header .sitelogo  img {height:40px;}
	#gnb {display:none}

	.nav {display:block;}

	.real-cont {margin-left:0; height:auto; padding:30px 20px 30px;}
	.lnb-company {display:none;}
	.lnb {display:none;}

	.m-lnb-company {display:block; padding:50px 0;background-repeat:no-repeat; background-position:0 0; background-size:cover; background-image:url('../images/main/m_menu_bg1.jpg');}
	.m-lnb-company .title {text-align:center; color:#fff; font-size:40px; line-height:1.4em;font-weight:500; border-bottom:1px solid rgba(255,255,255,.5); padding-bottom:20px; margin-bottom:20px;}
	.m-lnb-company .swiper-wrapper > div:first-child {border-left:0;}
	.m-lnb-company .swiper-wrapper .swiper-slide {float:left;}
	.m-lnb-company .swiper-wrapper .swiper-slide a {display:block; text-align:center; vertical-align:middle; color:#fff; font-size:20px; font-weight:500; line-height:40px;}
	.m-lnb-company .swiper-wrapper .swiper-slide.active a {color:#fff;}
	.m-lnb-company .swiper-button-prev {top:0; left:20px; margin:0; width:21px; height:40px; background:url('../images/common/lnb_slide_prev.png') 50% 50% no-repeat;}
	.m-lnb-company .swiper-button-next {top:0; right:20px; margin:0; width:21px; height:40px; background:url('../images/common/lnb_slide_next.png') 50% 50% no-repeat;}
	.m-lnb-company .swiper-button-disabled {display:none;}	
	
	.m-lnb {display:block; padding:50px 0;background-repeat:no-repeat; background-position:0 0; background-size:cover;}
	.m-lnb .title {text-align:center; color:#fff; font-size:40px; line-height:1.4em;font-weight:500; border-bottom:1px solid rgba(255,255,255,.5); padding-bottom:20px; margin-bottom:20px;}
	.m-lnb .swiper-wrapper > div:first-child {border-left:0;}
	.m-lnb .swiper-wrapper .swiper-slide {float:left;}
	.m-lnb .swiper-wrapper .swiper-slide a {display:block; text-align:center; vertical-align:middle; color:#fff; font-size:20px; font-weight:500; line-height:40px;}
	.m-lnb .swiper-wrapper .swiper-slide.active a {color:#fff;}
	.m-lnb .swiper-button-prev2 {position:absolute;top:0; left:20px;cursor: pointer;  margin:0; width:21px; height:40px; background:url('../images/common/lnb_slide_prev.png') 50% 50% no-repeat; z-index:100}
	.m-lnb .swiper-button-next2 {position:absolute;top:0; right:20px;cursor: pointer; margin:0; width:21px; height:40px; background:url('../images/common/lnb_slide_next.png') 50% 50% no-repeat; z-index:100}
	.m-lnb .swiper-button-disabled {display:none;}

	#rnd .m-lnb {background-image:url('../images/main/m_menu_bg2.jpg');}

	#business .m-lnb {background-image:url('../images/main/m_menu_bg3.jpg');}

	#gallery .m-lnb {background-image:url('../images/main/m_menu_bg4.jpg');}

	#support .m-lnb {background-image:url('../images/main/m_menu_bg5.jpg');}

	.section {height:auto;}
	

	/* doc */
	.greeting-top {text-align:center; font-size:25px; margin-bottom:20px;}

	.kakao-map {height:300px !important;}
	.kakao-map .wrap_map {height:300px !important;}

	.doc-title {font-size:18px; background-size:12px; background-position:0 8px;padding-left:18px;}

	.bus-top {padding:20px; margin-bottom:30px;}

	.doc-img {margin-bottom:30px;}

	.bus-opt {margin-bottom:30px;}
	.bus-opt ul li {width:50%; padding:0 15px; margin-bottom:20px;}
	.bus-opt ul li:nth-child(4n+1) {clear:none;}
	.bus-opt ul li:nth-child(2n+1) {clear:left;}

	.bus-compare {margin-bottom:30px;}
	.bus-compare ul li .box {padding:20px;}
	.bus-compare ul li .photo {margin-bottom:10px;}
	.bus-compare ul li .tit {font-size:16px;}
	
	
	.table01 table thead th {padding:7px 10px; height:50px; font-size:15px;}
	.table01 table tbody th {padding:7px 10px; height:50px; font-size:15px;}
	.table01 table tbody td {padding:7px 10px; font-size:15px;}

	.table02 {margin-bottom:20px;}
	.table02 table {width:100%; border-collapse:collapse; border-spacing:0px;}
	.table02 table thead th {padding:7px 10px; font-size:16px;}
	.table02 table tbody th {padding:7px 10px; font-size:15px;}
	.table02 table tbody td {padding:7px 10px; font-size:15px;}
	
	.bus-content {margin-bottom:30px;}
	.bus-content .photo {float:none; width:100%; padding-left:20px; margin-bottom:15px; padding-left:0;}
	.bus-content .info {float:none; width:100%;}
	
	.bus-system .col {padding:15px 0;}
	.bus-system .col .wrap .title {float:none; width:100%; height:auto; font-size:18px;}
	.bus-system .col .cell {display:block;}
	.bus-system .col .wrap .info {margin-left:0; display:block; height:auto; padding:0 20px; text-align:center;}

	/* board */
	/* 인증서 */
	.cert-list ul {margin-left:-10px;}
	.cert-list ul li {width:25%; padding-left:10px;}
	.cert-list ul li:nth-child(5n+1) {clear:none;}
	.cert-list ul li:nth-child(4n+1) {clear:left;}

	
	.gallery-list ul {margin:0 -10px;}
	.gallery-list ul li {padding:0 10px;}

	.mailform table tbody th {padding:7px 10px;}
	.mailform table tbody td {padding:7px 10px;}
	.mailform ul li {width:50%; margin-bottom:5px;}
	.mailform ul li:nth-child(3) {width:100%;}
	.mailform #email_id {width:90% !important}
	.mailform #email_domain,
	.mailform #email_list {width:100% !important}
	.form-agree {margin-top:25px;}
	
	#footer {padding:15px;}
	.foot-info {padding:0; text-align:center;}

	




}


@media (max-width: 768px) {
	
	/* header */

	/* main */
	.visual-section li {padding-bottom:70%;}
	.visual-section .bx-wrapper .bx-pager {bottom:20px;}
	.visual-section .content {left:25px; margin-top:-55px;}
	.visual-section .content .text {font-size:35px;}


	/* menu */
	.m-lnb-company {padding:40px 0;}
	.m-lnb-company .title {font-size:30px; padding-bottom:15px; margin-bottom:15px;}
	.m-lnb-company .swiper-wrapper .swiper-slide a {font-size:18px;}
	.m-lnb-company .swiper-button-prev {left:15px; width:18px; background-size:18px;}
	.m-lnb-company .swiper-button-next {right:15px; width:18px; background-size:18px;}
	
	.m-lnb {padding:40px 0;}
	.m-lnb .title {font-size:30px; padding-bottom:15px; margin-bottom:15px;}
	.m-lnb .swiper-wrapper .swiper-slide a {font-size:18px;}
	.m-lnb .swiper-button-prev2 {left:15px; width:18px; background-size:18px;}
	.m-lnb .swiper-button-next2 {right:15px; width:18px; background-size:18px;}
	
	/* sub page */


	/* doc */
	.bus-compare ul {margin:0 -5px;}
	.bus-compare ul li {padding:0 5px;}
	.bus-compare ul li .box {padding:20px; height:510px;}
	.bus-compare ul li .photo {margin-bottom:10px;}
	.bus-compare ul li .tit {font-size:15px;}

	/* board */
	/* 인증서 */
	.cert-list ul {margin-left:-5px;}
	.cert-list ul li {width:33.333%; padding-left:5px;}
	.cert-list ul li:nth-child(4n+1) {clear:none;}
	.cert-list ul li:nth-child(3n+1) {clear:left;}


	



}


/* Landscape phone */
@media (max-width: 767px) {

	/* 공통 */
	.only-desktop {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}
	.desktop-tablet {display:none;}

	body,input,textarea,select,button,table{font-size:15px;}

	/* main */
	.visual-section li {padding-bottom:90%;}
	.visual-section .bx-wrapper .bx-pager.bx-default-pager a {border-width:2px; width:10px; height:10px;}
	.visual-section .content {left:20px; margin-top:-27px;}
	.visual-section .content .text {font-size:20px;}
	
	/* sub page */
	

	/* 메뉴 */
	.m-lnb-company {padding:30px 0;}
	.m-lnb-company .title {font-size:25px;}
	.m-lnb-company .swiper-wrapper .swiper-slide a {font-size:17px;}
	
	.m-lnb {padding:30px 0;}
	.m-lnb .title {font-size:25px;}
	.m-lnb .swiper-wrapper .swiper-slide a {font-size:17px;}
	
	
	/* footer */
	#footer .br {display:block;}
	#footer .br .bar {display:none;}
	.foot-info {padding:0; text-align:center;}
	

	/* doc */
	.greeting-top {font-size:20px;}

	.sub-title {margin-bottom:20px;}
	.sub-title .title {font-size:18px;}
	.sub-title .title strong {font-size:20px;}

	.overview-head {margin-bottom:20px;}
	.overview-head ul {margin:0 -25px;}
	.overview-head ul li {width:50%; padding:0 25px; margin-bottom:20px;}
	.overview-head ul li:nth-child(4n+1) {clear:none;}
	.overview-head ul li:nth-child(2n+1) {clear:left;}
	.overview-head ul li:after {top:60px; left:-30px;}
	.overview-head ul li:before {top:53px; left:-8px;}
	.overview-head ul li .box {height:120px; border-radius:5px; margin-bottom:10px;}
	.overview-head dl dt {font-size:17px; margin-bottom:5px;}

	.overview-cnt .col .tit {float:none; width:100%; padding:10px 0;}
	.overview-cnt .col .info {margin-left:0; padding:10px 10px;}
	.overview-cnt .col .info .br {display:block}
	.overview-cnt .col .info .none {display:none;}

	.kakao-map {height:250px !important;}
	.kakao-map .wrap_map {height:250px !important;}
	.location .col {padding:10px 0; font-size:15px; line-height:1.6em;}
	.location .col .tit {display:inline-block; vertical-align:top; position:relative; top:0; padding-left:0; font-size:15px; line-height:40px;}
	.location .col .tit .icon {position:relative; display:inline-block; vertical-align:top; width:40px; height:40px; background-size:18px;}
	.location .col .info {margin-left:0; padding-left:40px;}
	.location .col .info .br {display:block;}
	

	.bus-top dl dt {font-size:16px; margin-bottom:5px;}
	.bus-top .tit {font-size:15px;}
	.bus-top .row {float:none; width:100%; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #eee;}
	.bus-top .row:last-child {border-bottom:0; margin-bottom:0; padding-bottom:0;}
	
	
	.doc-title {font-size:17px; margin-bottom:7px;padding-left:15px;}
	

	/* board */
	.board-search {text-align:center;}
	.board-search .total-page {display:none;}
	.board-search .search {float:none;}
	.board-search .search .select {min-width:80px}
	.board-search .search .input {width:150px; height:35px; font-size:15px; line-height:35px;}
	.board-search .search .btn-pack {position:relative;}
	.board-search .work-select {width:90%;}

	/* 리스트 */
	.board-list {display:none;}
	.m-board-list {display:block !important; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:10px;}
	.m-board-list li {border-top:1px solid #ddd; font-size:1em; line-height:1.4em; letter-spacing:-.25px; padding:10px 10px}
	.m-board-list li:first-child {border-top:0;}
	.m-board-list li a {display:block;}
	.m-board-list li strong {font-size:1em; font-weight:500; line-height:1.4em; color:#333; word-wrap:break-word; word-break:break-all; vertical-align:top;}
	.m-board-list li img {vertical-align:middle;}
	.m-board-list li .info {display:inline-block; position:relative; padding:4px 0 0 0; font-size:.9em; line-height:1.4em; color:#888;}
	.m-board-list li .bar {color:#ccc; margin:0 6px;}
	.m-board-list .answer {border-top:1px solid #999; background:#f4f4f4; padding:10px; font-size:12px;}
	.m-board-list .answer .q {color:#666; padding:0 0 8px 18px; text-indent:-18px;}
	.m-board-list .answer .q span {font-weight:bold; font-size:1em; margin-right:6px;}
	.m-board-list .answer .a {color:#d15a13; padding:0 0 0 18px; text-indent:-18px;}
	.m-board-list .answer .a span {font-weight:bold; font-size:1em; margin-right:6px;}
	.m-board-list .none {padding:50px; text-align:center;}
	.m-board-list .end {color:#0072bb}
	.m-board-list .ing {display:inline-block;width:80px; height:25px; text-align:center; color:#fff; font-size:13px; line-height:25px;background:#afafaf; border-radius:20px;}
	.m-board-list .ok {display:inline-block; width:80px; height:25px; text-align:center; color:#fff; font-size:13px; line-height:25px;background:#243e91; border-radius:20px;}
	.m-board-list dl {margin-bottom:2px;}
	.m-board-list dl:after {content:"";display:block;clear:both;}
	.m-board-list dl dt {float:left; position:relative; color:#454545; width:80px;}
	.m-board-list dl dt:after {content:"";position:absolute; top:50%; right:5px; width:1px; height:14px; margin-top:-8px;background:#ddd;}
	.m-board-list dl dd {margin-left:90px;}
	.m-board-list .c1 {color:#2eaed3}
	.m-board-list .c2 {color:#1a56a7}
	.m-board-list .c3 {color:#1a56a7}
	
	.mailform table thead th {padding:5px 10px;}
	.mailform table tbody th {padding:5px 10px;}
	.mailform table tbody td {padding:5px 10px;}
	.form-agree .btn span {display:none;}
	.mailform ul li {float:none; width:100%;}
	.mailform ul li:nth-child(3) {width:100%;}
	.mailform #email_id {width:80% !important}

	
	
	

	/* 검색 */
	
	.btn-pack.bt-pro {width:130px; height:40px;  font-size:15px; line-height:40px; border-radius:40px;}
	
	.board-write .files_table input[type=file]{margin-right:10px; width:100% !important; margin-bottom:5px;}
	.board-write .btn-pack.medium {height:25px; line-height:23px;}

	.buttons {margin:20px auto;}

	/* 인증서 */
	.cert-list ul li {width:50%;}
	.cert-list ul li:nth-child(3n+1) {clear:none;}
	.cert-list ul li:nth-child(2n+1) {clear:left;}

	.gallery-list {padding-top:20px;}
	.gallery-list ul {margin:0 -5px;}
	.gallery-list ul li {width:50%; padding:0 5px; margin-bottom:20px;}
	.gallery-list ul li:nth-child(3n+1) {clear:none;}
	.gallery-list ul li:nth-child(2n+1) {clear:left;}
	.gallery-list ul li .tit {font-size:15px;}
	


	

}	

/* Landscape phones and down */
@media (max-width: 480px) {

	.greeting-top br {display:none;}

	.bus-compare ul li .box {height:280px; padding:10px;}
}