@charset "utf-8";

@media (max-width: 1750px){
	/* main */
	.bnr-wrap .col {padding:28px 30px; background-position:30px 30px; background-size:94px;}
	.bnr-wrap .tit {min-height:110px; padding-top:15px;}
	.bnr-wrap .tit h2 {font-size:24px;}
	.bnr-wrap .course-area .tit p, .bnr-wrap .booking-area .tit p, .bnr-wrap .checking-area .tit p {display:block;}
	.bnr-wrap .tit,.bnr-wrap .cs-area .tit {margin-left:107px;}
	.bnr-wrap .txt,.bnr-wrap .cs-area .txt,.bnr-wrap ul {margin-left:0;}
	.bnr-wrap .cs-area .tit {margin-bottom:0;}
	.bnr-wrap .cs-area .tit p {font-size:28px;}
	.bnr-wrap .tit,.bnr-wrap .checking-area .tit {margin-left:107px;}
	.bnr-wrap .txt,.bnr-wrap .checking-area .txt,.bnr-wrap ul {margin-left:0;}
	.bnr-wrap .checking-area .tit {margin-bottom:0;}
	.bnr-wrap .checking-area .tit p {font-size:28px;}
	.bnr-wrap ul {overflow:hidden;margin:-3px;}
	.bnr-wrap ul li {float:left; width:50%; padding:3px;}
	.bnr-wrap ul li a {text-align:center; font-size:14px; line-height:30px; padding:0 5px;}
	.bnr-wrap ul li a:after {display:none;}

	.comm-wrap h2 {float:none; margin-bottom:15px; font-size:24px;}
	.comm-wrap .col {background-image:none;}
	.comm-wrap .more {top:30px; right:40px; left:auto;}
	.comm-wrap .cnt {margin-left:0; min-height:104px;}
	.comm-wrap .notice-area ul li {height:28px; font-size:14px; line-height:28px;}
	.comm-wrap .operating-area .cnt {padding:20px 20px; font-size:14px;}
	.comm-wrap .operating-area .cnt big {font-size:20px;}
	.comm-wrap .links-area ul li .ico {width:84px; height:84px; margin-bottom:6px;}
}

@media (max-width: 1280px){
	/* header */
	.sitelogo {padding:26px 0;}
	.sitelogo img {height:34px;}
	.top-link a {padding:0 16px;}
	
	#gnb > ul > li > a {font-size:19px; line-height:50px;}
	#gnb .submenu {top:52px;}
	#gnb .submenu ul li {padding:12px 0;}
	#gnb .submenu ul li a {padding:0 18px; font-size:15px; line-height:32px;}
	#submenuBg{height:56px;}

	/* main */
	.main-home li {height:600px;}
	.main-home .txt {bottom:100px;}
	.main-home .txt p {font-size:20px;}
	.main-home .txt img {width:400px;}
	.main-home .ctr {bottom:100px;}
	.main-home .ctr .wrap {width:250px;}

	.main-content {margin-top:-85px;}

	.bnr-wrap .col {padding:20px 23px; background-position:23px 23px; background-size:84px;}
	.bnr-wrap .tit {min-height:100px; padding-top:10px;}
	.bnr-wrap .tit h2 {font-size:20px;}
	.bnr-wrap .tit p {font-size:13px;}
	.bnr-wrap .tit,.bnr-wrap .cs-area .tit {margin-left:97px;}
	.bnr-wrap .cs-area .tit p {font-size:24px;}
	.bnr-wrap .cs-area .txt {font-size:14px;}
	.bnr-wrap .tit,.bnr-wrap .cs-area .tit {margin-left:97px;}
	.bnr-wrap .checking-area .tit p {font-size:24px;}
	.bnr-wrap .checking-area .txt {font-size:14px;}
	.bnr-wrap .tit,.bnr-wrap .checking-area .tit {margin-left:97px;}
	.bnr-wrap .checking-area .tit p {font-size:24px;}
	.bnr-wrap .checking-area .txt {font-size:14px;}

	.comm-wrap .col {padding:25px 25px;}
	.comm-wrap h2 {font-size:20px;}
	.comm-wrap .more {top:22px; right:25px; left:auto;}

	/* sub */
	.sub-visual {height:320px;}

	/* board */
	.gallery-list ul li {width:25%;}
	.gallery-list ul li:nth-child(5n+1) {clear:none;}
	.gallery-list ul li:nth-child(4n+1) {clear:left;}
	.gallery-list ul li .overlay p {font-size:16px;}
	.gallery-list ul li .overlay .plus {width:35px; height:35px; background-size:35px;}

	.edit-info{margin:0 -10px 50px;}
	.edit-info .wrap{padding:0 10px;}
	.edit-info .wrap .ic-tit{padding-left:22px;font-size:18px;margin-bottom:7px;}
	.edit-info .wrap .ic-tit:before{height:15px;top:6px;}
	.edit-info .wrap .box{min-height:260px;padding:15px 20px 0;}
	.edit-info .wrap .box .top{margin-bottom:5px;}
	.edit-info .wrap .box>ul>li{margin-bottom:5px;}
	.edit-info .wrap .box>ul>li ul li{padding-left:3px;/* font-size:14px; */}
	.edit-info .wrap .box.type2>ul>li{display:block;}
	.edit-info .wrap .box.type2>ul>li ul{width:100%;}

    .course-head .right2 { position: relative; left: 0;}
}

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

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

	/* header */
	.global {padding:0 30px;}

	/* main */
	.main-home li {height:500px;}
	.main-home .txt {bottom:75px; left:30px;}
	.main-home .ctr {bottom:75px; right:30px;}
	.main-content {padding:0 30px; margin-top:-50px;}

	.bnr-wrap {display:flex; flex-wrap:wrap;}
	.bnr-wrap .col {display:block; width:50%; padding:30px 40px; background-position:40px 30px;}

	/* sub */
	.sub-visual {height:260px;}
	.sub-visual h2 {font-size:40px;}
	.sub-visual p {font-size:16px;}

	.path-wrap .home a {width:50px; height:50px;}
	.path-wrap .path {min-width:200px;}
	.path-wrap .path > a {height:50px; padding:0 40px 0 18px; font-size:16px; line-height:50px;}
	.path-wrap .path > a:after {right:12px;}
	.path-wrap .path ul li a {padding:13px 13px 13px 18px; font-size:16px; line-height:22px;}

	#contArea {padding:45px 30px 70px;}
	.sub-title h2 {font-size:34px;}

	/* footer */
	.foot-links {padding:13px 30px;}
	.foot-links .links li {margin-left:30px; font-size:15px;;}
	.foot-info {padding:25px 30px;}
	.foot-info .f-logo img {height:34px;}

	/* content */
	.course-head .left {float:none; margin-left:0;}
	.course-head .left:after {content:""; display:block; clear:both;}
	.course-head .left .head {float:left; margin-right:30px; margin-bottom:0;}
	.course-head .left .head h3 {font-size:30px;}
	.course-head .left .month {float:left; font-size:26px; margin-top:10px; margin-right:30px;}
	.course-head .left .month img {height:42px;}
	.course-head .left .links {float:left; margin-top:22px;}
	.course-head .left .links  li {float:left; margin-bottom:0; margin-right:4px;}
	.course-head .right {margin-left:0;}

	.course-cnt {padding-left:27%;}
	.course-cnt .list {width:27%;}
	.course-cnt .list li a {padding:12px 18px; font-size:16px;}
	.course-cnt .cnt {padding:30px 30px 30px 40px;}
	.course-cnt .cnt .img {float:none; width:100%; margin-bottom:30px;}
	.course-cnt .cnt .txt {float:none; width:100%; padding-right:0;}
	.course-cnt .cnt .txt h3 {font-size:30px;}
	.course-cnt .cnt .txt p {font-size:15px;}
	.course-cnt .cnt .txt ul li {font-size:15px;}

	.booking-type {max-width:750px; margin:0 auto;}
	.booking-type .row {margin:0 -15px;}
	.booking-type .col {padding:0 15px 30px;}
	.booking-type .col {width:50%;}

	.booking-form table td {padding:12px 20px;}	

	.shop-table table thead th {font-size:15px;}
	.shop-table table tbody td {padding:10px 8px; font-size:14px;}

	/* board */
	.faq {font-size:16px;}
	.faq .tit a {padding:17px 90px 17px 65px; font-size:16px;}
	.faq .tit .icon {width:12px; height:12px; top:17px; right:20px;}
	.faq .q, .faq .a {left:15px; width:34px; height:34px; line-height:31px; font-size:17px;}
	.faq .q {top:10px;}
	.faq .a {top:15px;}
	.faq .cnt {padding:20px 20px 20px 65px;}
	.faq li.active .tit .icon {top:24px;}

	.gallery-list ul {margin:0 -7px;}
	.gallery-list ul li {padding:0 7px 25px;}
	.gallery-list ul li a {background:none;}
	.gallery-list ul li .thumb {margin-bottom:8px;}
	.gallery-list ul li .overlay {position:static; opacity:1; background:none; }
	.gallery-list ul li .overlay .in {padding:0;}
	.gallery-list ul li .overlay p {color:#505050; font-size:15px; text-align:left;}
	.gallery-list ul li .overlay .plus {display:none;}

	
}

/* portrait tablet */
@media (max-width: 910px) {	

	#wrapper {padding-top:64px;}	

	/* header */
	#header {position:fixed; top:0; left:0; width:100%; background:#fff; z-index:100; box-shadow:0 0 5px rgba(0,0,0,.15);}
	#gnb {display:none;}
	.top-link,.util {display:none;}	
	.btn-menu {display:block;}
	.sitelogo {padding:20px 0; text-align:right; line-height:0;}
	.sitelogo img {height:24px;}

	/* main */
	.main-home .txt {bottom:110px;}
	.main-home .txt img {width:350px;}
	.main-home .ctr {bottom:30px; left:30px; right:auto;}
	.main-content {margin-top:0; padding:0;}
	.bnr-wrap .col {padding:30px 30px; background-position:30px 30px;}
	.comm-wrap {padding:0 25px;}
	.comm-wrap .col {display:block; width:100%; border-left:0; margin-bottom:20px;}

	/* sub */
	.sub-visual {height:220px;}
	.sub-visual h2 {font-size:35px;}

	/* board */
	.board-search .total-page {font-size:14px;}
	.board-search .select {width:90px; vertical-align:top;}
	.board-search .input {width:160px; vertical-align:top;}
	.board-search .btn {font-size:13px !important; height:35px; vertical-align:top;}

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

	.board-view .head .tit {font-size:15px;}
	.board-view .head .info {font-size:14px;}

	.prev-next {font-size:14px;}

	.btn-pack.medium {font-size:14px;}

	.edit-info{margin:0 0 50px;display:block;}
	.edit-info .wrap{padding:0;width:100%;margin-bottom:40px;}
	.edit-info .wrap:last-child{margin-bottom:0;}
	.edit-info .wrap .ic-tit{font-size:16px;}
	.edit-info .wrap .ic-tit:before{top:5px;}
	.edit-info .wrap .box{min-height:auto;padding:15px 20px;}

} 

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

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

	/* header */
	#wrapper {padding-top:49px;}
	.global {padding:0 18px;}
	.sitelogo {padding:14px 0;}
	.sitelogo img {height:21px;}
	.btn-menu {left:-4px}
	.mobile-navigation .brand-logo {padding:20px 18px;}
	.mobile-navigation .brand-logo img {height:21px;}
	.mobile-navigation .nav-menu>ul>li>a {padding:11px 18px;}
	.mobile-navigation .nav-menu>ul>li>a:after {right:23px;}
	.mobile-navigation .nav-menu li.m1 > a:after {right:22px;}
	.mobile-navigation .close {right:16px;}
	.course-head .left .links li p{text-align:left;}
	/* main */
	.main-home {height:360px; overflow:hidden;}
	.main-home li {height:360px;}
	.main-home .txt {bottom:70px; left:18px; right:18px;}
	.main-home .txt p {font-size:18px; margin-bottom:10px; margin-left:3px;}
	.main-home .txt img {width:255px;}
	.main-home .ctr {left:18px; right:18px; bottom:18px; padding-right:96px;}
	.main-home .ctr .wrap {width:100%; height:34px; margin:0; padding:0 16px; font-size:15px; line-height:34px; float:none;}
	.main-home .ctr .btn {position:absolute; top:0;}
	.main-home .ctr .btn a {width:42px; height:34px; background-size:auto 40%;}
	.main-home .ctr .btn.next {right:0;}
	.main-home .ctr .btn.prev {right:44px;}

	.bnr-wrap .col {padding:20px 18px 14px; background-position:18px 20px; background-size:65px;}
	.bnr-wrap .tit {min-height:70px}
	.bnr-wrap .tit, .bnr-wrap .cs-area .tit {margin-left:76px;}
	.bnr-wrap .type2 {margin-left:0 !important;}
	.bnr-wrap .cs-area .tit p {margin-left:-76px; margin-top:26px; margin-bottom:6px;}
	.bnr-wrap .course-area .tit p, .bnr-wrap .booking-area .tit p, .bnr-wrap .checking-area .tit p {display:none;}
	.bnr-wrap ul {margin:10px 0 0 0;}
	.bnr-wrap ul li {float:none; width:100%; padding:0; margin-bottom:7px;}
	.bnr-wrap ul li a {height:30px; text-align:left; font-size:14px; line-height:30px; padding:0 23px 0 13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.bnr-wrap ul li a:after {display:block; right:13px; font-size:16px;}

	.comm-wrap {display:block; padding:0 18px;}
	.comm-wrap .col {margin-bottom:18px; padding:24px 20px 20px; background-position:20px 18px; background-size:auto 32px;}
	.comm-wrap h2 {margin-top:0; margin-left:43px; margin-bottom:20px;}
	.comm-wrap .more {top:22px; right:20px;}
	.comm-wrap .more:after {font-size:20px; margin-left:4px;}
	.comm-wrap .notice-area {background-image:url("../images/main/comm_icon1.png") !important;}
	.comm-wrap .operating-area {background-image:url("../images/main/comm_icon2.png") !important;}
	.comm-wrap .operating-area .cnt {background-size:auto 73px}
	.comm-wrap .links-area {background-image:url("../images/main/comm_icon3.png") !important;}
	.comm-wrap .links-area ul li .ico {width:78px; height:78px; background-size:auto 45%;}	

	/* footer */
	.foot-links {position:relative; padding:18px;}
	.foot-links .links {float:none;}
	.foot-links .links:after {content:""; display:block; clear:both;}
	.foot-links .links ul li {width:50%; margin:0; text-align:center; border:1px solid #333; font-size:14px; line-height:34px;}
	.foot-links .links ul li a {display:block;}
	.foot-links .links ul li:nth-child(1) {border-right:0;border-bottom:0;}
	.foot-links .links ul li:nth-child(2) {border-bottom:0;}
	.foot-links .links ul li:nth-child(3) {border-right:0;border-bottom:0;}
	.foot-links .links ul li:nth-child(4) {border-bottom:0;}
	.foot-links .links ul li:nth-child(5) {border-right:0;}
	.foot-links .familysite {float:none; width:100%;}
	.foot-links .familysite p a {line-height:36px; width:100%;}
	.foot-info {padding:25px 18px; text-align:center;}
	.foot-info .f-logo {float:none; margin-top:0; margin-bottom:10px;}
	.foot-info .f-logo img {height:20px;}
	.foot-info .comp-info {float:none; font-size:13px;}


	/* sub */
	.sub-visual {height:205px;}
	.sub-visual .txt {padding:18px 10px;}
	.sub-visual h2 {font-size:28px; margin-bottom:7px;}
	.sub-visual p {font-size:13px;}
	
	.path-wrap {display:none;}
	.lnb-m {display:block;}

	#contArea {padding:30px 18px 40px;}
	.sub-title {margin-bottom:20px;}
	.sub-title h2 {font-size:23px}
	.sub-title p {font-size:13px;}

	/* content */
	.doc-tit {padding-left:20px; font-size:17px; background-position:0 3px; background-size:auto 14px;}
	.about .cnt {margin:23px 0;}
	.about h3 {font-size:16px;}
	.about p {font-size:13px;}
	.about .btns .btn-pack.xlarge {min-width:auto;width:45%;max-width:173px;margin:0 5px;}
	.about .btns .btn-pack.plus:after {right:22px;}
    .course-wrap { margin-bottom: 40px;}
    .cs-tit { margin-bottom: 20px; font-size: 23px;}
	.course-head {padding:18px;}
	.course-head .left {margin-bottom:18px;}
	.course-head .left .head {float:none; margin-right:0; padding-left:42px; background:url("../images/sub/icon_bus.png") 0 3px no-repeat; background-size:auto 34px;}
	.course-head .left .head p {font-size:12px;}
	.course-head .left .head h3 {font-size:20px;}
	.course-head .left .head h3 span {display:inline-block !important;}
	.course-head .left .month {display:none;}
	.course-head .left .links {float:none; margin-top:10px;}
	.course-head .left .links ul {margin:0 -4px 0; overflow:hidden;}
	.course-head .left .links ul li {float:none; width:100%; padding:0 4px; margin:0;margin-bottom:5px;}
	.course-head .left .links ul li:last-child{margin-bottom:0;}
	.course-head .left .links ul li a {max-width:200px; text-align:center;}

	.course-cnt {padding:0 0 30px;}
	.course-cnt .list {top:auto; bottom:15px; width:100%; height:12px; text-align:center; background:none; border:0;}
	.course-cnt .list ul li {display:inline-block; vertical-align:top; border:0;}
	.course-cnt .list ul li a {width:12px; height:12px; background:#eee; border-radius:50%; padding:0; margin:0 2px; border-radius:6px; overflow:hidden; text-indent:-999em;}
	.course-cnt .list ul li a.active {background:#88be1c; box-shadow:none;}
	.course-cnt .list ul li a.active:before,
	.course-cnt .list ul li a.active:after {display:none;}
	.course-cnt .cnt {padding:18px 18px;}
	.course-cnt .cnt .img {margin-top:0; margin-bottom:10px;}
	.course-cnt .cnt .img img {box-shadow:none;}
	.course-cnt .cnt .txt h3 {font-size:17px;}
	.course-cnt .cnt .txt h3:after {width:23px; margin:8px 0;}
	.course-cnt .cnt .txt p {font-size:14px;}
	.course-cnt .cnt .txt ul li {padding-left:23px; font-size:13px;}
	.course-cnt .cnt .txt ul li .ico {width:16px;}
    .cs-prev , .cs-next { width: 12px; height: 23px; margin-top: -12px; }
    .cs-swiper-slide { padding: 0 25px;}

	.course-bottom {margin-bottom:0;}
	.course-bottom .row {margin:0;}
	.course-bottom .col {float:none; width:100%; padding:0; margin-bottom:22px;}
	.course-bottom .box {height:auto !important; padding:15px 18px; font-size:14px;}
	.course-bottom .box .sm {font-size:13px;}
	.course-bottom .box span.sm {display:block; margin-left:5px; margin-bottom:6px;}

	.booking-type {max-width:280px;}
	.booking-type .row {margin:0;}
	.booking-type .col {float:none; width:100%; padding:0; margin-bottom:14px;}
	.booking-type .box {height:auto !important; padding:24px 18px;}
	.booking-type .box img {max-height:90px;}
	.booking-type .box .cnt {padding:16px 0;}
	.booking-type .box .cnt h3 {font-size:17px; margin-bottom:5px;}
	.booking-type .box .cnt h3 small {font-size:15px;}
	.booking-type .box .cnt p {font-size:13px;}
	.booking-type .btn-pack {max-width:150px;}
	.booking-type a .btn-pack.plus:after {right:22px;}

	.booking-form table th {width:15%; height:48px; padding:7px 10px; font-size:15px; white-space:nowrap;}
	.booking-form table th span {display:block; font-size:13px;}
	.booking-form table td {width:85%; padding:7px 10px; font-size:15px;}
	.booking-form table td .txt {margin-left:0; font-size:13px;}
	.booking-form table td div.txt {margin-top:3px;}
	.booking-form .files_table .btn-pack.dark {width:30%;max-width:80px;padding:0;}
	.booking-form .files_table .btn-pack.underline {width:30%;max-width:80px;padding:0;}
	.booking-form select#bank {max-width:100% !important; display:block; margin-bottom:4px;}
	.booking-form .total {padding:15px 18px; font-size:16px;}
	.booking-form .total strong {font-size:22px; margin-left:8px;}

	.booking-agree h3 {padding-left:20px; font-size:17px; background-position:0 3px; background-size:auto 14px;}
	.booking-agree .box {height:auto !important; padding:15px 18px; font-size:14px; margin-bottom:8px;}
	.booking-agree .box.scroll {height:130px !important;}
	.booking-agree .box p.txt {font-size:14px;}
	.booking-agree .box h4 {font-size:15px;}
	.booking-agree .box ul {margin-left:2px; font-size:13px;}
	.booking-agree .box .sm {font-size:13px;}
	.booking-agree .box span.sm {display:block; margin-left:5px; margin-bottom:6px;}
	.booking-agree .check {font-size:14px;}

	.agree dt {font-size:14px;}
	.agree dd {font-size:13px;}

	.booking-buttons {text-align:center;}
	.booking-buttons .fl,
	.booking-buttons .fr {float:none; display:inline-block; margin:0 2px;}

	.login-area {padding:25px 18px}
	.login-area .form {padding:0;}
	.login-area .form .group {padding-left:0; margin-bottom:10px;}
	.login-area .form .group label {position:static; font-size:15px; line-height:1.4em; width:100%; display:block; margin-bottom:6px;}
	.login-area #mobile1,
	.login-area #mobile2,
	.login-area #mobile3 {width:30% !important}
	.login-area .form .btn-pack {margin-top:20px;}

	.shop-table {display:none;}
	.shop-table-m {display:block;}

	.edit-info{margin:0 0 40px;}
	.edit-info .wrap{margin-bottom:30px;}
	.edit-info .wrap .ic-tit{font-size:15px;}
	.edit-info .wrap .ic-tit:before{height:14px;top:3px;}
	.edit-info .wrap .box{font-size:14px;}
	.edit-info .wrap .box>ul>li ul li{font-size:13px;}


	/* board */
	.input,.select,.textarea {height:32px; padding:5px 5px; font-size:14px; line-height:20px;}

	.board-search .total-page {display:none;}
	.board-search .search {float:none; text-align:left;}
	.board-search .search .select {width:80px;}
	.board-search .search .input {width:calc(100% - 150px);}
	.board-search .search .btn-pack {height:32px !important; line-height:30px !important;}

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

	.gallery-list ul {}
	.gallery-list ul li {width:50%}
	.gallery-list ul li:nth-child(4n+1) {clear:none;}
	.gallery-list ul li:nth-child(2n+1) {clear:left;}
	.gallery-list ul li .overlay p {font-size:14px;}
	
	.faq {font-size:15px;}
	.faq .q, .faq .a {width:28px; height:28px; left:8px; line-height:26px; font-size:15px;}
	.faq .q {top:7px;}
	.faq .a {top:9px;}
	.faq .tit a {padding:11px 8px 11px 46px; font-size:15px; font-weight:300;}
	.faq .tit a:hover {text-decoration:none;}
	.faq .tit .icon {display:none;}
	.faq .cnt {padding:13px 8px 13px 46px; font-size:14px; font-weight:300; line-height:1.5em;}

	.board-view {margin:0 -18px;}
	.board-view .head .tit {font-size:15px; padding:10px 18px;}
	.board-view .head .info {font-size:12px; padding:8px 18px;}
	.board-view .head .files {padding:10px 18px 0;}
	.board-view .head .files .fileLayer {max-width:60%; right:15px;}
	.board-view .head .files .fileLayer a {word-break:break-all; line-height:1.2em;}
	.board-view .head .files .fileLayer img {vertical-align:middle;}
	.board-view .body {padding:15px 18px 25px;}

	.board-write {margin:0 -18px;}
	.board-write .group {padding:5px 0 5px 90px; font-size:15px;line-height:32px;}
	.board-write .title {top:5px; left:15px; width:75px; font-size:15px;line-height:32px;}
	.board-write .files_table .input {width:50% !important;}
	.board-write .textarea {width:100% !important;}
	.board-write input#title {width:75% !important;}

	.prev_next {margin:0 -18px;}
	.prev_next dt {width:73px; padding:8px 0 8px 15px; text-align:left; margin-right:0;}
	.prev_next dd {margin-left:80px; padding-right:15px; color:#777;}
	.prev_next dd a {display:inline-block; vertical-align:top; max-width:95%; color:inherit; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

	.board-password {width:100%; padding:75px 10px 35px; background-size:45px;}
	.board-password dl dt {font-size:15px;}
	.board-password .input {width:50% !important;}

	.paginate {margin:15px 0 0;}
	.paginate a.direction {width:35px;}
	.paginate a.direction.prev {margin-right:5px;}
	.paginate a.direction.next {margin-left:5px;}

	.btn-pack.medium {height:32px; font-size:14px; line-height:30px;}
	.btn-pack.xlarge {height:36px; line-height:34px; font-size:16px; padding:0 22px;}
	.btn-pack.next:after {margin-left:13px; width:10px; height:15px; background-size:contain;}
	.btn-pack.prev:before {margin-right:13px;  width:10px; height:15px; background-size:contain;}

	
} 

/* Landscape phones and down */
@media (max-width: 320px) {
	.bnr-wrap .col {height:165px; background-size:55px;}
	.bnr-wrap .tit {min-height:60px; padding-top:6px;}
	.bnr-wrap .tit h2 {font-size:18px;}
	.bnr-wrap .tit, .bnr-wrap .cs-area .tit {margin-left:65px;}
	.bnr-wrap .cs-area .tit p {margin-left:-65px; margin-top:20px; font-size:22px;}
	.bnr-wrap ul li {margin-bottom:4px;}
	.bnr-wrap ul li a {height:28px; font-size:13px; line-height:28px; padding:0 21px 0 11px;}
	.bnr-wrap ul li a:after {display:block; right:13px; font-size:16px;}

	.lnb-m.m4 ul li a {padding:0 8px; font-size:15px;}
}