@charset "utf-8";


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


	/* header */
	#wrapper .btn-menu img {height:60px;}
	
	#header .sitelogo {left:15px; top:50px;}
	#header .sitelogo img {height:60px}

	#gnb ul {padding-right:100px;}
	#gnb ul li {font-size:18px; padding-left:60px;}

	.open-nav {right:15px;}

	/* main */
	.main-visual .bx-wrapper .bx-pager {left:15px; bottom:20px; max-width:1400px; margin-left:0;}

	.main-comm {margin:30px auto; padding:0 15px;}
	.main-comm .title {margin-bottom:20px; padding-top:30px;}
	.main-comm .title h2 {font-size:20px;}
	.main-comm .board {padding:0 25px;}
	.main-comm .board .list {margin-bottom:20px;}
	.main-comm .board .more-all {top:30px; right:30px;}

	.main-bnr {margin:30px auto; padding:0 15px;}

	/* sub page */
	
	.real-cont {padding:0 15px 50px;}
	
	/* footer */
	#footer {padding:30px 15px;}
	#footer .bar {padding:0 5px;}
	.foot-info {padding:0 0 0 300px;}
	.foot-menu {position:relative; padding-left:300px; margin-bottom:10px;}
	.foot-menu ul {padding:0 0; margin-left:-10px;}
	.foot-menu ul li {padding:0 10px;}
	
	
	/* doc */
	
	

	/* board */
	.board-form {display:none;}
	.m-board-form {display:block;}
	.mailform table {font-size:14px;}
	.mailform table thead th {padding:7px 5px; height:30px;}
	.mailform table tbody th {padding:7px 5px;}
	.mailform table tbody td {padding:7px 10px;}

}

@media (max-width: 1200px) {

	/* header */
	#wrapper {padding-top:120px;}
	#header {height:120px;}
	#header .sitelogo {top:42px;}
	#header .sitelogo img {height:45px;}
	.util ul li {width:100px; font-size:13px;}

	#gnb {display:none}

	#m-gnb {display:block; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff; margin-top:70px;}
	#m-gnb .swiper-wrapper > div:first-child {border-left:0;}
	#m-gnb .swiper-wrapper .swiper-slide {float:left;}
	#m-gnb .swiper-wrapper .swiper-slide a {display:block; text-align:center; color:#454545; font-size:15px; font-weight:500; line-height:40px;}
	#m-gnb .swiper-wrapper .swiper-slide.active a {color:#234e8d;}
	#m-gnb .swiper-button-prev {top:0; left:10px; margin:0; width:10px; height:100%; background:url('../images/common/slide_bt_prev.png') 50% 50% no-repeat; background-size:10px;}
	#m-gnb .swiper-button-next {top:0; right:10px; margin:0; width:10px; height:100%; background:url('../images/common/slide_bt_next.png') 50% 50% no-repeat; background-size:10px;}
	#m-gnb .swiper-button-disabled {display:none;}
	
	.nav {width:280px; height:100%; transform:translateX(280px); -webkit-transform:translateX(280px); -ms-transform:translateX(280px);}
	.nav .nav-menu li > a {font-size:18px;}
	.open-nav {top:40px;}

	.sub-title {margin:20px auto 20px;}
	.sub-title h2 {font-size:20px;}
	.sub-title.type2 {margin:25px auto 25px;}
	.sub-title.type2 h2{padding-bottom:10px;}


	.sub-visual .background {padding-bottom:20%;}
	.sub-visual .text {margin-top:-40px;}
	.sub-visual .text .tit {font-size:25px; line-height:40px;}
	.sub-visual .text p {font-size:18px;}

	.load-map {height:350px !important;}
	.load-map .wrap_map {height:350px !important;}


	



}

@media (max-width: 1024px) {
	
	.main-visual li .img {padding-bottom:30%;}

	.main-comm {margin:25px auto;}
	.main-comm .title {margin-bottom:10px; padding-top:20px;}
	.main-comm .title h2 {font-size:18px;}
	.main-comm .title h2:after {width:30px; height:30px;}
	.main-comm .board {padding:0 15px;}
	.main-comm .board .list {height:200px; margin-bottom:10px;}
	.main-comm .board .list .tit {font-size:16px; margin-bottom:5px;}
	.main-comm .board .list .date {font-size:14px; margin-bottom:10px;}
	.main-comm .board .list .more {bottom:15px; width:100px; height:30px; font-size:14px; line-height:28px;}
	.main-comm .board.type2 .list {height:130px; margin-bottom:10px;}
	.main-comm .board.type2 .list .date {bottom:10px;}
	.main-comm .board .more-all {top:25px; right:20px;}


	/* footer */
	#footer {padding:20px 15px; text-align:center;}
	#footer .br {display:block;}
	#footer .br .bar {display:none;}
	.foot-logo {position:relative; margin-bottom:10px;}
	.foot-logo img {height:45px;}
	.foot-info {padding:0;}
	.foot-menu {text-align:center; padding-left:0;}
	.foot-menu ul {margin-left:0;}
	.foot-menu ul li {float:none; display:inline-block; padding:0 5px;}

	.footer-slide .items {display:flex; flex-wrap:wrap; margin: 0 -10px; padding: 0 15px;}
	.footer-slide .items .item {padding: 0 10px;}

	/* doc */
	.greeting .photo {width:35%}
	.greeting .info {width:65%; padding-left:20px;}

	.map-info ul li {float:none; width:100%; padding:10px 0 10px 10px;}
	.map-info ul li dl dt {top:10px;}


	/* board */
	.press-list ul li a {padding-left:10px;}
	.press-list ul li .photo {width:150px;}
	.press-list ul li .info {margin-left:165px;}
	.press-list ul li .tit {font-size:16px;}
	.press-list ul li .cnt {font-size:14px; margin-bottom:10px;}
	.press-list ul li .date {font-size:14px;}
	.press-list ul li .bar {padding:0 5px;}

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

	/* member */
	.find-account {width:100%; max-width:350px; margin:0 10px; padding:10px; border-radius:5px;}
	.find-account .tit {padding-bottom:10px;}
	.find-account .tit h3 {margin-bottom:5px; font-size:16px;}
	.find-account .form {padding:10px 5px;}
	.find-account .form fieldset {padding:0;}
	.find-account .form .input {width:75% !important}
	.find-account .form .select {width:75% !important}
	.find-account .form .btn-pack.btn {position:relative; top:0; width:100%; height:45px; font-size:14px; margin-top:10px;}


}


/* 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;}
	/* header */
	.util {position:relative;}
	.util ul li {width:33.333%; margin-left:-1px;}
	.util ul li:last-child {border-right:0}

	.open-nav {top:45px; width:40px; height:40px; background-size:20px;}
	.footer-slide {padding: 15px;}
	.footer-slide .slick-prev {left: 0px;}
	.footer-slide .slick-next {right: 0px;}

	/* main */
	.main-visual li .img {padding-bottom:50%;}

	.main-comm {margin:20px auto;}
	.main-comm .title {margin-bottom:10px; padding-top:15px;}
	.main-comm .title h2 {font-size:17px;}
	.main-comm .title h2:after {top:-5px; right:-10px; width:24px; height:24px;}
	.main-comm .col {float:none; width:100%; margin-left:0; margin-top:-1px;}
	.main-comm .col:first-child {margin-top:0;}
	.main-comm .board {padding:0 15px;}
	.main-comm .board .list {height:auto; margin-bottom:10px; padding-bottom:10px;}
	.main-comm .board .list .tit {font-size:15px;}
	.main-comm .board .list .date {font-size:14px; margin-bottom:0;}
	.main-comm .board .list .more {display:none;}
	.main-comm .board.type2 .list {height:auto; margin-bottom:10px;}
	.main-comm .board.type2 .list .cnt {margin-bottom:10px;}
	.main-comm .board.type2 .list .date {position:relative; bottom:0;}
	.main-comm .board.type2 .list .more2 {display:none;}
	.main-comm .board .more-all {top:20px;}

	.main-bnr {margin:20px auto 0;}
	.main-bnr ul {margin:0;}
	.main-bnr ul li {float:none; width:100%; padding:0; margin-bottom:8px;}
	.main-bnr ul li:last-child {margin-bottom:0;}
	.main-bnr ul li .img {padding-bottom:25%;}

	/* sub page */
	.sub-visual .background {padding-bottom:40%;}
	.sub-visual .text .tit {font-size:20px;}
	.sub-visual .text p {font-size:16px;}

	.sub-title {display:none;}

	.real-cont {min-height:250px; _height:250px; padding:0 15px 30px;}
	
	/* 메뉴 */
	#lnb {display:none;}
	.m-lnb-menu {display:block;position:relative; background:#17375e;text-align:center; margin-bottom:20px;}
	.m-lnb-menu .submenu {position:relative; z-index:100}
	.m-lnb-menu .submenu:after {content:"";position:absolute; top:13px; right:20px; transform:rotate(45deg); border:solid #fff;border-width:0 2px 2px 0; padding:5px;}
	.m-lnb-menu .submenu > a {display:block; padding:7px 0; color:#fff; font-size:1.1em; line-height:30px; transition:none;}
	.m-lnb-menu .submenu.active:after {top:20px; transform:rotate(-135deg);}
	.m-lnb-menu .submenu ul {display:none; position:absolute; top:44px; left:0; width:100%; background:#f5f5f5; z-index:50;}
	.m-lnb-menu .submenu ul li a {display:block; padding:7px 0; color:#5d5d5d; font-size:15px; line-height:20px; text-decoration:none; border-bottom:1px solid #e0e0e0;}
	.m-lnb-menu .submenu ul li a:hover {color:#fff; background:#17375e; border-bottom:1px solid #17375e;}

	/* footer */

	/* doc */
	.doc-title.type2 {margin-bottom:20px;}
	.doc-title {font-size:16px; background-size:10px; background-position:0 1px; padding-left:15px;}
	.doc-title:after {left:0; width:100%;}

	.doc-cnt {padding-left:0; margin-bottom:20px;}
	.text-cnt ol li {font-size:15px; margin-bottom:10px;}

	.greeting .photo {float:none; width:100%; margin-bottom:10px;}
	.greeting .info {float:none; width:100%; padding-left:0;}

	.load-map {height:200px !important;}
	.load-map .wrap_map {height:200px !important;}
	
	.map-info {margin-top:10px;}
	.map-info ul li {width:100%; padding:0 0 10px 0; margin-bottom:5px; border-bottom:1px dotted #ddd;}
	.map-info ul li:last-child {border-bottom:0;}
	.map-info ul li dl dt {position:relative; width:100%; margin-bottom:10px;}
	.map-info ul li dl dt:after {display:none;}
	.map-info ul li dl dd {font-size:15px; line-height:1.4em; padding-left:0;}


	/* board */

	/* 리스트 */
	.board-list {display:none;}
	.m-board-list {display:block !important; border-top:1px solid #7d7d7d; border-bottom:1px solid #7d7d7d; margin-bottom:10px;}
	.m-board-list li {border-top:1px solid #7d7d7d; font-size:.9em; 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:normal; 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:1em; 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 .btn-map {display:inline-block; width:80px; background:#b48831; color:#fff; border:0; font-size:.9em; line-height:25px;}
	
	

	/* 검색 */
	.board-search {margin:20px auto 20px; padding:10px;}
	.board-search .select {width:90%; height:40px; line-height:40px; border:0; background:#fff;}
	.board-search .input {width:100%; height:40px; line-height:40px; border:0; background:#fff; padding-left:20px;}
	.board-search button {width:80px; height: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;}

	.press-list ul li a {padding-left:5px;}
	.press-list ul li .photo {width:140px;}
	.press-list ul li .info {margin-left:155px;}
	.press-list ul li .tit {font-size:15px;}
	.press-list ul li .cnt {margin-bottom:5px;}

	.board-view {padding-top:20px;}

	.form-agree .btn span {display:none;}
	.mail-form ul li {margin-bottom:10px;}
	.mail-form ul li .tit {font-size:16px;}

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

	/* member */
	.login-area .login-box {width:100%; height:auto; margin:0; padding:15px; border-radius:5px;}
	.login-area .login-box .tit {padding-bottom:10px; margin-bottom:5px;}
	.login-area .login-box .tit h3 {font-size:16px;}
	.login-area .login-box .form {padding:0;}
	.login-area .login-box .form fieldset {padding:0;}
	.login-area .login-box .form .group {padding:3px 0; text-align:left;}
	.login-area .login-box .form .group label {display:block; width:100%;height:auto;}
	.login-area .login-box .form .input {width:100% !important; height:30px;}
	.login-area .login-box .form .select {width:100% !important;  height:30px;}
	.login-area .login-box .form .btn-pack.login {position:relative; width:100%; height:35px; font-size:14px;margin-top:10px;}
	.login-area .not-member {padding:0 10px; padding-top:10px; margin-top:15px;}
	.login-area .not-member li {vertical-align:top; display:inline-block;  height:30px; margin-top:0;}
	.login-area .not-member li .fl {display:none;}
	.login-area .not-member li .btn-pack {float:none; position:relative;}
	
	/* 회원정보 */
	.join-area h3 {font-size:16px;}
	.join-area p {font-size:14px; line-height:1.4em;}
	.join-area .box {padding:10px; height:120px;}
	.join-area .form table th {width:30% !important;padding:5px; height:30px;}
	.join-area .form table td {padding:5px; position:relative;}
	.join-area .form .btn-pack.medium {position:absolute; top:5px; right:0; font-size:13px; padding:0 5px; background:#666; color:#fff; border:0}
	.join-area .form .txt {display:block; padding:4px 0 0 0}
	.join-area .form #user_id,
	.join-area .form #pwd,
	.join-area .form #user_pw2,
	.join-area .form #postcode,
	.join-area .form #user_name {width:98% !important}
	.join-area .form #tel1,
	.join-area .form #tel2,
	.join-area .form #tel3,
	.join-area .form #phone1,
	.join-area .form #phone2,
	.join-area .form #phone3 {width:65px !important}
	.join-area .form ul li {width:100%; padding:0; margin-bottom:5px;}
	.join-area .form #email_id,
	.join-area .form #email_domain {width:100px !important}
	.join-area .form #email_list {width:98% !important}
	.join-area .form .br {display:block}
	.join-area .form .br .bar {display:none;}

	.find-account {width:100%; max-width:100%; margin:0 0 10px;}
	.find-account .tit {padding-bottom:10px;}
	.find-account .tit h3 {margin-bottom:5px; font-size:16px;}
	.find-account .form {padding:10px 5px;}
	.find-account .form fieldset {padding:0;}
	.find-account .form .group label {display:block; margin-bottom:5px;}
	.find-account .form .input {width:100% !important}
	.find-account .form .select {width:100% !important}
	.find-account .form .btn-pack.btn {height:35px;}

	/* 회원탈퇴 */
	.member-leave {padding:15px 10px; border-radius:5px;}
	.member-leave .top {background-size:40px; background-position:50% 0; padding:50px 0 20px 0; margin-bottom:20px;}
	.member-leave fieldset p {margin-bottom:10px;}
	.member-leave fieldset .group {padding:3px 0; text-align:left;}
	.member-leave fieldset .group label {display:block; margin-bottom:5px;}
	.member-leave fieldset .group .input {width:100% !important}


	.agree {padding-top:20px;}
	.agree .policy-list li {float:none; width:100%; padding:5px 10px 5px 10px;}
	.agree .contact-info {margin:10px 0;}
	.agree .contact-info li {float:none; width:100%; padding:10px; margin:0 0 5px 0;}



	

}	

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

	/* 검색 */
	.board-search {padding:5px;}
	.board-search ul li {width:70%;}
	.board-search ul li:nth-child(1) {width:30%}
	.board-search .select {height:35px; line-height:35px; }
	.board-search .input {height:35px; line-height:35px; font-size:14px; padding-left:10px;}
	.board-search button {width:35px; height:35px; background-size:16px;}
	
	.press-list ul li {padding:10px 0;}
	.press-list ul li a {padding-left:0;}
	.press-list ul li .photo {float:none; width:100%; margin-bottom:10px;}
	.press-list ul li .info {margin-left:0; float:none; width:100%;}
	.press-list ul li .tit {font-size:15px;}
	.press-list ul li .cnt {margin-bottom:5px;}

	
	.comment-list.mgb30 {margin-bottom:15px !important;}
	.comment-area {padding:10px;}
	.comment-write .write {height:auto; padding:0; margin-bottom:10px;}
	.comment-write .write textarea {width:100%; height:50px; background:#fff; border:1px solid #d8d8d8; overflow-y:auto;}
	.comment-write .btn {position:relative; width:100%;}
	.comment-write .btn-pack.comment {height:35px; width:100%; font-size:14px; line-height:35px; background:#666; color:#fff; border:0}

}