@charset "utf-8";

@media (min-width: 1200px) {
  [lang="en"]  .main-services .list ul li:nth-child(4) dl dd {font-size:14px;}
}

@media (min-width: 1025px) {
    [lang="ko"] .servies .group:nth-child(2) .explain {margin-top:30px;}
    [lang="ko"] .servies .group .explain .box ul.dot-lst li.nodot ul {display:grid; grid-template-columns: repeat(2, auto); justify-content: space-between;}
    [lang="ko"] .servies .group .explain .box ul li > ul > li {width:auto;}
    [lang="ko"] .networks .txt {padding:0 60px;}
  }

@media (max-width: 1460px) {
    #header .sitelogo {left:30px;}
}
/* landscape tablet and desktop */
@media (max-width: 1200px) {
	.only-desktop {display:none !important;}
	.only-tablet {display:block !important;}
	.only-mobile {display:none !important;}
	.only-tablet-mobile {display:block !important;}

	.contain {padding-left:30px; padding-right:30px;}

	/* header */
	

	/* main */
	.main-mission .mission-img.mission-img2 {
		width:50%;
	}
	.main-mission .mission-img.mission-img3 {
		width:45%;
		bottom:5%;
	}
	
	.main-services .list ul li dl {padding-bottom:30px;}

	/* footer */
	.foot-logo {left:30px;}
	.foot-link {right:30px;}
	
	/* contents */
	.servies .group .pic {width:45%;}
	.servies .group:nth-child(2) .explain {margin-top:20px;}
	.servies .group:nth-child(2) .explain .box ul.dot-lst li {letter-spacing:-0.05em;}
	

}
/* Landscape tablet */
@media (max-width: 1024px) {
	body, input, textarea, select, button, table {font-size:15px;}

	/* header */
	.btn-menu {display:none;}
	#gnb {display:none;}
	.btn-m-menu {display:block;}
	.mobile-navigation {display:block;}
    
    .language {margin-left:0; margin-right:80px;}
    .language a {font-size:12px;}
	
	/* main */
	.main-mission .mission-cnt#mission2 dl dd br {display:none;}


	/* footer */

	/* board */
	.input,.select,.textarea {font-size:14px;}

	.faq .q, .faq .a {left:20px; width:32px; height:32px; line-height:32px; font-size:18px;}
	.faq .q {top:15px;}
	.faq .tit a {font-size:16px; padding:18px 60px 18px 75px;}
	.faq .tit .icon {right:25px; top:18px; width:15px; height:15px; border-width:2px;}
	.faq .cnt {font-size:15px; padding:20px 15px 25px 75px;}
	.faq .a {top:17px;}

	.board-view .head .tit {font-size:15px;}
	.board-view .head .info {font-size:13px; padding-top:10px; padding-bottom:10px;}

	.board-write .group {font-size:15px;line-height:32px;}
	.board-write .title {font-size:15px;}

	.prev_next {font-size:14px;}

	.paginate {margin:15px 0;}

	.btn-pack.large {height:52px; font-size:18px; line-height:50px;}
	.btn-pack.large.wide {min-width:120px;}

	.mailform th {height:50px; font-size:14px; padding:8px;}
	.mailform td {padding:8px; font-size:14px;}

	.form-agree {padding:22px 25px;}
	.form-agree .btn {top:22px; right:25px;}
	.form-agree dt {font-size:18px; margin-bottom:10px;}

	/* contents */
	.servies .group .explain .row {display:block; width:100%;}
	.servies .group .explain .cell {display:block; width:100%; padding:0; margin-bottom:15px;}
	.servies .group .explain .cell > .box {height:auto;}
	.servies .group .explain .box ul li > ul > li {float:none; width:100%;}
	.servies .group:nth-child(1) .explain {margin-top:15px;}
	.servies .group:nth-child(1) .explain .box ul li > ul > li {float:left; width:50%;}
	.servies .group:nth-child(2) .explain {margin-top:15px;}
	.servies .group:nth-child(3) .explain {margin-top:15px;}
	.servies .group:nth-child(4) .explain {margin-top:15px;}

	
} 

/* portrait tablet */
@media (max-width: 850px) {	
	.only-desktop {display:none;}
	.only-tablet {display:block;}

	/* header */
	

	/* main */
	.main-visual .bg {height:550px;}
	.main-visual h3 {font-size:28px; line-height:45px;}
	.main-visual p {font-size:18px; line-height:25px;}

	.main-mission .mission-img.mission-img1 {width:90%;}

	.main-mission .mission-cnt#mission3 {padding-top:50px;}

	.main-services .list ul {margin:0;}
	.main-services .list ul li {float:none; width:100%; padding:0; margin-bottom:20px;}

	/* sub */

	/* footer */
	.foot-info {padding:55px 0 25px 145px;}

	/* contents */
	.servies .group .row {display:block; table-layout:unset;}
	.servies .group:nth-child(2) .row,
	.servies .group:nth-child(4) .row {display:flex; flex-direction:column-reverse;}
	.servies .group .pic {display:block; width:100%; margin-bottom:30px; text-align:center;}
	/* .servies .group:nth-child(2) .pic,
	.servies .group:nth-child(4) .pic {margin-top:30px; margin-bottom:0;} */
	.servies .group .txt {display:block; width:100%;}
	.servies .group .txt.txt-fl {padding-right:0;}
	.servies .group .txt.txt-fr {padding-left:0;}

	.networks .txt {padding:0 30px;}
	
	
	/* board */
	.board-search .total-page {font-size:14px}

	.board-list {display:none;}
	.board-list-m {display:block;}

	.data-list {display:none;}
	.data-list-m {display:block;}

	.btn-inquiry {height:40px; font-size:16px; padding:0 17px;}
	.btn-inquiry:after {font-size:20px; margin-left:30px;}

	.form-agree {padding:15px; margin-bottom:30px;}
	.form-agree dt {font-size:15px; margin-bottom:6px;}
	.form-agree dd {font-size:14px;}
	.form-agree .scroll-box {margin-bottom:10px; padding:4px; height:100px; font-size:12px; line-height:14px;}

	input#email {width:100% !important;}
	select#selectemail {width:100% !important; display:block; margin-top:4px;}

	.gallery-list ul{margin:0 -10px;}
	.gallery-list ul li {width:33.33333%; padding:0 10px;}
	.gallery-list ul li:nth-child(5n+1) {clear:none;}
	.gallery-list ul li:nth-child(3n+1) {clear:left;}

	.news-list ul{margin:0 -8px;}
	.news-list ul li {width:33.33333%; padding:0 8px; margin-bottom:20px;}
	.news-list ul li:nth-child(4n+1) {clear:none;}
	.news-list ul li:nth-child(3n+1) {clear:left;}
} 

/* Landscape phone */
@media (max-width: 700px) {
	/* 공통 */
	.only-desktop {display:none !important;}
	.only-tablet {display:none !important;}
	.only-mobile {display:block !important;}
	.only-desktop-tablet {display:none !important;}

	input[type=checkbox] {-webkit-border-radius:4px; -webkit-appearance:none; border:1px solid #ccc; width:20px; height:20px; background-color:#fff;}
	input[type=checkbox]:checked {background:#fff url(../images/bbs/element_check.png) no-repeat 50% 50%; background-size:10px 10px;}
	input[type=radio] {-webkit-border-radius:10px; -webkit-appearance:none; border:1px solid #ccc; width:20px; height:20px; background-color:#fff;}
	input[type=radio]:checked {background:#fff url(../images/bbs/element_radio.png) no-repeat 50% 50%; background-size:9px 9px;}
	input[type="radio"], input[type="checkbox"] {vertical-align:middle !important; margin:0 3px 0 0 !important; outline:0;}

	.contain {padding-left:15px; padding-right:15px;}

	/* header  */
    #header .contain {padding:0 15px;}
	#header .sitelogo {left:15px;}
	.btn-m-menu {right:15px;}
	.mobile-navigation {width:210px;}

    .language {margin-left:0; margin-right:60px;}
	
	/* main */
	.main-visual .in {padding-left:15px; padding-right:15px;}
	.main-visual h3 {font-size:24px; line-height:30px;}
	.main-visual h3 br {display:none;}
	.main-visual p br {display:none;}

	.main-mission {padding:45px 0;}
	.main-mission .heading {margin-bottom:25px;}
	.main-mission .heading h3 {font-size:28px; line-height:35px;}

	.main-mission .mission-tab ul li {height:115px;}
	.main-mission .mission-tab ul li a {height:115px; padding:0 3px;}
	.main-mission .mission-tab ul li i {height:55px; background-size:auto 55px;}
	.main-mission .mission-tab ul li p {font-size:13px; line-height:18px;}

	.main-mission .mission-cnt {min-height:auto;}
	.main-mission .mission-cnt#mission1 {padding-top:40px; padding-bottom:152px;}
	.main-mission .mission-cnt#mission2 {padding-top:20px; padding-left:0;}
	.main-mission .mission-cnt#mission3 {padding-top:35px;}
	.main-mission .mission-cnt dl dt {font-size:24px; line-height:32px; margin-bottom:15px;}
	.main-mission .mission-cnt dl dd {font-size:14px; line-height:22px;}
	.main-mission .mission-cnt dl dd br {display:none;}

	.main-mission .mission-img.mission-img1 {width:100%; padding:0 15px; bottom:0;}
	.main-mission .mission-img.mission-img2 {margin-left:0; width:100%; padding:0 15px; bottom:0;}
	.main-mission .mission-img.mission-img3 {width:100%; padding:0 15px; bottom:0;}

	.main-services .list ul li {min-height:auto !important;}
	.main-services .list ul li .box {display:block; table-layout:unset; min-height:auto !important; border-radius:8px;}
	.main-services .list ul li .cell {display:block;}
	.main-services .list ul li .pic {width:100%; height:150px; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
	.main-services .list ul li .txt {position:relative; width:100%; padding-left:15px; padding-right:15px; padding-bottom:30px;}
	.main-services .list ul li .tit h4 {font-size:20px; line-height:28px;}

	/* sub */
	.sub-visual {height:150px; margin-bottom:35px;}
	.sub-visual h3 {font-size:28px;}
	
	/* footer */
	#footer {text-align:center; padding-top:25px;}
	.foot-info {padding:15px 0 25px;}
	.foot-info .gap {padding:0 8px;}
	.foot-logo {position:relative; top:0; left:0; transform:translateY(0); text-align:center; margin-bottom:8px;}
	.foot-link {position:relative; top:0; right:0; text-align:center; margin-bottom:8px;}
	.foot-link ul {display:inline-block;}

	.f-desktop {display:none;}
	.f-mobile {display:block;}

	/* board */
	.input {height:30px; padding:4px; font-size:13px; line-height:20px;}
	.textarea {padding:4px; font-size:13px; line-height:20px;}
	.select {height:30px; padding:4px; font-size:13px;}

	.board-search2 .search {display:block;}
	.board-search2 .search:after {content:" "; display:block; clear:both;}
	.board-search2 .search .select {float:left; width:120px; height:35px; line-height:23px; font-size:14px;}
	.board-search2 .keyword {float:left; display:block; width:calc(100% - 124px); height:35px; background:#fff; overflow:hidden; z-index:1;}
	.board-search2 .keyword:after {content:" "; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #ddd; z-index:-1;}
	.board-search2 .keyword * {vertical-align:top;}
	.board-search2 .keyword input[type=text] {float:left; width:calc(100% - 35px); height:35px; line-height:35px; font-size:14px;}
	.board-search2 .keyword input[type=image] {height:35px; width:35px;}

	/* .board-list-m {display:none; margin:0 -15px; border-top:2px solid #0065ad;}
	.board-list-m li {padding:10px 15px; border-bottom:1px solid #ddd; line-height:1.5em;}
	.board-list-m li img {vertical-align:middle;}
	.board-list-m li.none {padding:40px 0; text-align:center; color:#666;}
	.board-list-m .label {display:inline-block;color:#fff;background:#ff6000;font-weight:500;margin-right:3px;padding:0 6px;font-size:11px;line-height:20px;border-radius:2px;}
	.board-list-m .tit {font-size:15px; font-weight:500; line-height:1.4em; margin-bottom:3px; color:#333;}
	.board-list-m strong {font-weight:500;}
	.board-list-m .info {font-size:13px; line-height:1.5em; color:#666;}
	.board-list-m .info .bar {margin:0 4px; font-family:arial,Sans-serif; color:#ddd;} */

	.gallery-list ul li {width:50%;}
	.gallery-list ul li:nth-child(3n+1) {clear:none;}
	.gallery-list ul li:nth-child(2n+1) {clear:left;}

	.board-write {border-top:0;}
	.board-write .group {padding:6px 10px 6px 78px;}
	.board-write .title {left:10px; width:65px;}
	.board-write #title {width:100% !important; margin-bottom:3px;}
	.board-write #contentA {height:380px;}
	.board-write .editar-wrap {display:none;}
	.board-write .grade-wrap {display:inline-block; width:48%;}
	.board-write .files_table .input {width:55% !important; margin-right:3px !important;}
	.board-write .group.content {padding-left:10px;}

	.board-view {}
	.board-view .head .tit {padding:10px 10px;}
	.board-view .head .info {padding:10px 10px;}
	.board-view .head .files {padding:10px 10px 0;}
	.board-view .head .files .fileLayer {right:10px;}
	.board-view .body {padding:10px 10px 20px;}

	.prev_next {}
	.prev_next dl dt {margin-right:0;}
	.prev_next dl dd a {display:block; overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap;}

	.comment-area {padding:5px;}
	.comment-write .write {height:50px; margin-top:5px; padding:0 90px 0 0;}
	.comment-write .write textarea {height:50px;}

	.buttons {margin:15px 0;}

	.btn-pack.medium {height:30px;padding:0 12px;line-height:28px;font-size:13px;}
	.btn-pack.large {height:32px; padding:0 20px;line-height:30px;font-size:14px;}
	.btn-pack.xlarge {height:36px; padding:0 12px; text-align:center; font-size:15px; line-height:34px;}
	.btn-pack.comment {width:85px; height:50px; line-height:48px; font-size:14px;}
	.btn-pack.submit,
	.btn-pack.cancel {width:85px; height:42px; line-height:40px; font-size:14px;}

	.comment-area {padding:10px;}
	.comment-write .write {height:50px; margin-top:5px; padding:0 90px 0 0;}
	.comment-write .write textarea {height:50px;}

	.board-password {width:100%; text-align:center; margin:0 auto; background:url('/images/bbs/notice.png') 50% 18px no-repeat; background-size:50px auto; padding:75px 8px 30px; border:3px solid #eee; border-radius:8px;}
	.board-password dl dt {color:#333; font-size:13px; font-weight:700; line-height:1.3em; padding-bottom:20px;}
	.board-password dl dd label {color:#666; font-size:13px; font-weight:700; margin-right:5px;}
	.board-password .input {width:120px !important;}

	.list-btn a {width:51px;}
	.list-btn a img {width:100%;}

	.mailform {margin:0 0 15px;}
	.mailform > table > tbody > tr > th {padding:7px 10px 7px 10px; width:27% !important; height:47px; font-size:14px; border-left:0;}
	.mailform > table > tbody > tr > td {padding:7px 10px 7px 10px; width:auto !important; font-size:14px; border-right:0;}

	.form-agree {padding:10px 0; margin-bottom:20px; margin-top:10px;}
	.form-agree dt {font-size:15px; margin-bottom:6px;}
	.form-agree dd {font-size:14px;}
	.form-agree .btn {position:relative; font-size:13px; top:0; left:0;}

	.news-list ul{margin:0 -8px;}
	.news-list ul li {width:50%; padding:0 8px; margin-bottom:15px;}
	.news-list ul li:nth-child(3n+1) {clear:none;}
	.news-list ul li:nth-child(2n+1) {clear:left;}
	.news-list ul li a {border-radius:8px;}
	.news-list ul li a:after {content:" "; border-radius:8px;}
	.news-list ul li .txt {padding:10px 8px; height:150px;}
	.news-list ul li .txt .tit {height:48px; font-size:15px; line-height:24px;}
	.news-list ul li .txt p {height:66px; font-size:13px; line-height:22px;}
	
	/* contents */
	.networks .txt {padding:0; margin-bottom:30px; font-size:18px; line-height:24px;}

	.contactus {margin-bottom:30px;}
	.contactus h3 {font-size:18px; line-height:25px;}
}