@charset "utf-8";

/* landscape tablet and desktop */
@media (max-width: 1300px) {
	.main-sec .loginBox .tit {font-size:20px;}
	.main-sec .info-box {padding:30px 20% 30px 5%;}
	.main-sec .info-box .tit {font-size:20px;}

	.main-board .board-tit {margin-bottom:15px;}
	.main-board .board-box li a .date  {font-size:15px;}
	.main-board .board-box li a .title {font-size:15px;}

	.main-board .bg-box {padding:20px 10px 20px 20px;}
	.main-board .bg-box .ico {width:36px;}
	.main-board .bg-box .tit h3 {font-size:18px;}
	.main-board .bg-box .tit p  {font-size:14px;}
	.main-board .bg-box .account {font-size:23px;}
	.main-board .bg-box .tel strong {font-size:22px;}
	.main-board .bg-box .tel p {font-size:14px;}

	.main-partner .contain {padding:0 60px;}
	.main-partner .slick-list  {margin:0 -8px;}
	.main-partner .slick-slide {padding:0 8px;}
	.main-partner .slick-prev {left: -30px;}
	.main-partner .slick-next {right:-30px;}
}

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

	.only-desktop {display:none !important;}
	.only-tablet {display:block !important;}
	.only-tablet-mobile {display:block !important;}

	/* header */
	#gnb > ul > li > a {padding:0 17px;}
	
	/* main */
	.main-visual {height:auto; min-width:unset;}
	.main-visual .inner {width:100%; height:auto; margin-left:0; position:relative; transform:translateX(-50%);}
	
	.main-board .col {float:left; width:50%; padding:0 10px; margin-bottom:20px;}
	.main-board .col:nth-child(3) {width:100%; margin-bottom:0;}
	.main-board .bg-box {height:120px;margin-bottom:10px;}
	.main-board .bg-box:last-child {margin-bottom:0;}
	.main-board .bg-box .account {margin-top:5px;}
	.main-board .row:last-child {margin-top:20px;}

	/* sub */

	/* footer */

	/* contents */

	/* board */
	.input,.select,.textarea {font-size:14px;}
	
	.board-search .total-page {margin-bottom:15px;}
	.board-search .input {width:calc(100% - 350px); min-width:0;}

	.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;}
} 

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

	/* header */
	#header .contain {height:80px;}

	#header .sitelogo img {height:60px;}

	#gnb {display:none;}
	.btn-m-menu {display:block;}
	.mobile-navigation {display:block;}
	
	#header .top-lang {display:none;}

	/* main */
	.main-sec .user-box {padding:20px 25px;}

	.main-sec .info-box {padding:20px 25px;}

	.main-board {padding:0 0 30px;}

	.main-partner {padding:30px 0;}

	/* sub */
	.sub-visual {height:220px;}
	.sub-visual h2 {font-size:30px;}
	.sub-visual p  {font-size:20px; margin-top:5px;}

	#sub #container {margin:0 auto; padding-bottom:80px;}

	.lnb {display:none;}
	.m-lnb {display:block;}

	#contArea {margin-left:0; width:100%; max-width:unset;}

	.path {display:none;}

	/* footer */
	#footer .contain {padding:30px 0;}
	#footer .foot-sns {position:static; transform:translateY(0); margin-top:15px;}
	
	/* contents */

	/* board */
	.board-search .total-page {font-size:14px}

	.board-search .select {width:150px; margin-right:3px;}
	.board-search .input {width:calc(100% - 193px);}

	.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 -15px;}
	.gallery-list > ul > li {padding:0 15px;}

	.product-list > ul > li {width:33.33333%;}
	.product-list > ul > li:nth-child(4n+1) {clear:none;}
	.product-list > ul > li:nth-child(3n+1) {clear:left;}

	.product-view {height:auto; padding:30px;}
	.product-view .row {display:block; table-layout:unset;}
	.product-view .cell {display:block;}
	.product-view .photo {width:100%; margin-bottom:30px;}
	.product-view .info {padding-left:0;}

	.product-detail .table table tbody td {padding:13px 12px;}

	.result-list table thead th {padding:14px 8px;}
	.result-list table tbody td {padding:14px 8px; font-size:14px; line-height:22px;}
	.result-list table tbody td.subject {padding-left:12px;}
	.result-list table tbody td.amount {padding-right:12px;}

	/* member */
	.login-area .login-box {width:100%;}
	.find-account {width:100%;}
} 

/* Landscape phone */
@media (max-width: 720px) {
	body, input, textarea, select, button, table {font-size:14px;}
	/* 공통 */
	.only-desktop {display:none !important;}
	.only-tablet {display:none !important;}
	.only-mobile {display:block !important;}
	.only-desktop-tablet {display:none !important;}

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

	/* header  */
	#header .contain {height:60px;}
	
	#header .sitelogo {left:15px;}
	#header .sitelogo img {height:40px;}

	.btn-m-menu {right:15px;}
	.btn-m-menu span {left:2px;right:2px; top:13px;height:3px;border-radius:1.5px;}
	.btn-m-menu span:before,
	.btn-m-menu span:after {height:3px;border-radius:1.5px;}
	.btn-m-menu span:before {top:-8px;}
	.btn-m-menu span:after {bottom:-8px;}
	.mobile-navigation {width:240px; top:60px;}
	
	/* main */
	.main-visual .inner {width:100%;}

	.main-sec .table {display:block;}
	.main-sec .user-box {display:block; width:100%; margin-bottom:10px;}
	.main-sec .info-box {display:block; width:100%;}
	
	.main-board .row {margin:0;}
	.main-board .col {float:none; width:100%; padding:0; margin-bottom:10px;}
	.main-board .row:last-child {margin-top:10px;}

	/* sub */
	.sub-visual {height:140px;}
	.sub-visual h2 {font-size:22px;}
	.sub-visual p  {font-size:15px;font-weight:400;}

	#sub #container {padding-left:15px;padding-right:15px; padding-bottom:50px;}

	.m-lnb {margin:0 -15px;}

	.sub-title {padding-top:35px; padding-bottom:15px; margin-bottom:30px;}
	.sub-title h2 {font-size:22px;}

	.path {bottom:15px;}

	.real-cont {padding:0 0 50px;}
	
	/* footer */
	#footer {font-size:13px; text-align:center; line-height:20px;}
	#footer .left  {float:none; width:100%; margin-bottom:20px;}
	#footer .foot-logo {position:static; transform:translateY(0); margin-bottom:20px;}
	#footer .foot-info {margin-left:0;}
	#footer .foot-info .f-link {margin-bottom:5px;}
	#footer .foot-info strong {display:block; margin-bottom:10px; font-size:14px;}
	#footer .foot-info address .bar {margin:0 10px;}

	#footer .copy {font-size:12px;line-height:40px;}

	/* contents */

	/* 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-search .search {display:block; width:100%;}
	.board-search .search .select {min-width:0; width:85px; height:35px; line-height:23px; font-size:14px;}
	.board-search .input {width:calc(100% - 165px) !important; height:35px;}
	.board-search .search .btn-pack {width:70px;}

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

	.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;}

	.faq .tit a {padding:14px 50px 14px 50px; font-size:16px; line-height:22px;}
	.faq .tit a:after {content:"Q"; top:13px; left:15px; font-size:20px; line-height:22px;}
	.faq .tit .icon {position:absolute; top:50%; transform:translateY(-50%); right:15px; width:15px; height:9px; background-size:100% 100%;}
	.faq .cnt {padding:0 15px 25px 50px; font-size:14px; line-height:26px;}
	.faq .cnt:after {content:"A"; left:15px; font-size:20px; line-height:22px;}
	.faq li.active .tit .icon {background-size:100% 100%;}

	.gallery-list > ul{margin:0 -8px;}
	.gallery-list > ul > li {width:50%; padding:0 8px; margin-bottom:15px;}
	.gallery-list > ul > li:nth-child(3n+1) {clear:none;}
	.gallery-list > ul > li:nth-child(2n+1) {clear:left;}
	.gallery-list > ul > li a {display:block;}
	.gallery-list > ul > li .txt {font-size:14px; line-height:22px;}
	.gallery-list > ul > li:hover .thumb .over:after {content:" "; width:30px; height:30px; background-size:100% 100%;}
	.gallery-list > ul > li .txt {padding-right:0;}
	.gallery-list > ul > li .txt .progress {position:relative; margin-top:5px;}

	.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 5px 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;}
	.m-mailform > table > tbody > tr > th {width:auto !important;}
	.m-mailform > table > tbody > tr > td {width:auto !important;}

	.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;}

	/* member */
	.agree .contact-info li {width:100%; margin:0 0 10px 0;}
}

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