@charset "utf-8";

.contain {width:100%; max-width:1460px; padding-left:30px; padding-right:30px; margin:0 auto;}

.only-desktop {display:block;}
.only-desktop-tablet {display:block;}
tr.only-desktop-tablet {display:table-row;}
.only-tablet-mobile {display:none;}
.only-tablet {display:none;}
.only-mobile {display:none;}

/* landscape tablet and desktop */
@media (max-width: 1280px){
	/* main */
	.main-posts .row {margin:0 -10px;}
	.main-posts .col {padding:0 10px}

	.main-biz .links ul {margin:0 -25px;}
	.main-biz .links ul li {padding:0 25px;}

	.main-visual .contain {padding-left:120px; padding-right:120px;}
	.main-visual .slick-arrow {margin-top:-30px; width:60px; height:60px; background-size:auto 24px;}
	.main-visual .slick-prev {left:30px;}
	.main-visual .slick-next {right:30px;}

	.main-magazine .list > ul {margin:0 -7px;}
	.main-magazine .list > ul > li {padding:0 7px;}
	.main-magazine .list .box {padding:22px; border-radius:14px;}
	.main-magazine .list .box .wrap .thumb {width:48%}
	.main-magazine .list .box .wrap .info {font-size:13px; line-height:19px;}
	.main-magazine .list .box .wrap .info h3 {padding:0 0 8px; font-size:18px;}
	.main-magazine .list .box .wrap .info .cnt {height:190px;}
	.main-magazine .list .box:hover::before {border-width:2px; border-radius:14px;}
	.main-magazine .list .box .btns a {width:43%; font-size:14px; line-height:35px;}

	.foot-links .links li {margin-left:30px;}
}

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

	/* header */
	.sitelogo {padding:15px 0;}
	.top-support {font-size:17px; line-height:50px;}

	#gnb > ul > li > a {font-size:18px; line-height:48px;}
	#gnb .submenu {padding:15px;}
	#gnb .submenu ul li a {font-size:15px; padding:5px;}

	.top-tel {font-size:24px;}
	.top-tel:before {width:28px; height:28px; background-size:contain;}
	.util {font-size:13px;}

	/* main */
	.main-visual {height:440px;}
	.main-visual .background {height:440px;}
	.main-visual .contain {padding-left:90px; padding-right:90px;}
	.main-visual .article .t1 {font-size:18px;}
	.main-visual .article .t2 {font-size:48px;}
	.main-visual .article .t3 {font-size:15px;}
	.main-visual .slick-arrow {margin-top:-25px; width:50px; height:50px; background-size:auto 20px;}
	.main-visual .slick-prev {left:15px;}
	.main-visual .slick-next {right:15px;}
	.main-visual .slick-dots {bottom:27px;}
	.main-visual .slick-dots li button {margin:0 6px; width:14px; height:14px;}
	.main-visual .slick-dots li.slick-active button {width:28px;}

	.main-about {padding:50px 0 40px;}
	.main-about ul {margin:0 -10px}
	.main-about ul li {padding:0 10px}
	.main-about ul li .icon {width:80%; margin:0 auto; margin-bottom:18px;}
	.main-about ul li dt {font-size:18px;}
	.main-about ul li dd {font-size:13px;}
	.main-about ul li a:hover .icon:before {top:-11px; left:-11px; right:-11px; bottom:-11px;}

	.main-posts {padding:150px 0 50px; background-size:130% auto;}
	.main-posts .box {height:250px; padding:25px 30px; border-radius:12px;}
	.main-posts h2 {padding-left:38px; font-size:22px; background-size:26px;}
	.main-posts .more {top:25px; right:30px; width:50px; font-size:20px;}
	.main-posts .notice ul li {font-size:15px; line-height:40px;}
	.main-posts .press .slider {margin-top:27px;}
	.main-posts .press .slider li .thumb {width:150px;}
	.main-posts .press .slider li .thumb .img {height:100px;}
	.main-posts .press .slider li .info .tit {margin-top:0; font-size:17px;}
	.main-posts .press .slider li .info .txt {font-size:13px; max-height:3em; -webkit-line-clamp:2;}
	.main-posts .press .slider li .info .date {font-size:13px; margin-top:12px;}
	.main-posts .press .slick-dots li button {width:12px; height:12px; margin:0 5px;}

	.main-magazine {padding:60px 0;}
	.main-magazine .head h2 {font-size:28px;}
	.main-magazine .head p {font-size:14px;}
	.main-magazine .list > ul > li {width:50%;}
	.main-magazine .list > ul > li:nth-child(3) {display:none;}
	.main-magazine .list .box .wrap .thumb {width:200px}
	.main-magazine .list .box .wrap .info .cnt {height:230px;}
	.main-magazine .more {font-size:14px;}

	.main-biz {padding:60px 0 80px;}
	.main-biz .head {margin-bottom:35px;}
	.main-biz .head h2 {font-size:28px;}
	.main-biz .head p {font-size:14px;}
	.main-biz .slider .slick-arrow {margin-top:-25px; width:50px; height:50px; background-size:auto 20px;}
	.main-biz .slider li a:hover .img:after {border-width:3px;}
	.main-biz .slider li a dt {font-size:19px;}
	.main-biz .slider li a dd {font-size:13px;}
	.main-biz .line {margin:40px 0;}

	.main-biz .links ul {margin:0 -15px}
	.main-biz .links ul li {padding:0 15px}
	.main-biz .links ul li a {height:60px; padding-left:66px; padding-right:35px;}
	.main-biz .links ul li a:after {margin-top:-16px; width:32px; font-size:20px; line-height:32px;}
	.main-biz .links ul li .ico {width:50px; height:50px; background-size:contain;}
	.main-biz .links ul li dt {font-size:18px; margin-bottom:3px;}
	.main-biz .links ul li dd {font-size:13px;}

	/* sub */
	.sub-visual {height:240px; background-size:cover;}
	.sub-visual .t1 {font-size:18px;}
	.sub-visual .t2 {font-size:48px;}
	.sub-visual .t3 {font-size:15px;}

	.lnb {padding:10px 4px;}
	.lnb ul li {float:none; display:inline-block; vertical-align:top; padding:2px;}
	.lnb ul li a {padding:0 16px; font-size:16px; line-height:38px;}

	.sub-title {padding:40px 0;}
	.sub-title h2 {font-size:30px;}
	.sub-title .path {font-size:13px;}
	.real-cont {padding-bottom:70px;}

	/* footer */
	.foot-links .links li {font-size:15px; margin-left:25px;}
	.foot-links .sns {margin-right:10px;}
	.foot-info .f-comp span {margin-right:14px;}

	/* content */
	.sub-tab {margin-bottom:40px;}
	.sub-tab ul li {font-size:16px; line-height:45px;}

	.doc-tit {padding-left:17px; margin-bottom:13px; font-size:18px;}
	.doc-tit:before {top:9px; width:10px; height:4px;}
	.doc-tit .text-green {font-size:14px; margin-left:6px;}

	.table01 {font-size:15px;}
	.table01 th {padding:12px;}
	.table01 td {padding:12px;}
	.table01 .left {padding-left:20px; padding-right:20px;}

	.table-responsive {display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}

	.about .top {margin-bottom:40px;}
	.about .top .img {width:50%}
	.about .top .cnt {width:50%; padding:33px;}
	.about .top .cnt .logo img {height:60px}
	.about .top .cnt .txt {font-size:17px; margin-bottom:20px;}
	.about .top .cnt br {display:none;}
	.about .table01 td {padding:15px 20px;}
	.about .table01 td br {display:none;}
	.about .table01 td ul li {margin-bottom:10px;}

	.greeting {font-size:16px;}
	.greeting .top-img .img {width:240px;}
	.greeting .top-img .img span {right:-100px; padding:8px 10px; font-size:15px; line-height:1.3em;}
	.greeting .sign img {height:30px;}

	.major-career {padding:20px 0;}
	.major-career .col {float:left; display:block; width:50%; margin:6px 0;}
	.major-career ul li {margin-bottom:12px;}

	.history .group {padding-top:13px; padding-bottom:13px; min-height:100px;}
	.history .group h3 {margin-left:-55px; width:110px; font-size:22px; line-height:44px; border-width:3px;}
	.history .group ul:before {width:80px;}
	.history .group ul li {padding-bottom:10px;}
	.history .group ul li:before {top:6px; width:14px; height:14px; border-width:3px;}
	.history .group ul li:after {top:6px;}
	.history .group ul li .month {font-size:16px;}
	.history .group .img {width:100px;}
	.history .group:nth-child(odd) ul {padding-left:80px;}
	.history .group:nth-child(odd) ul li {padding-left:100px;}
	.history .group:nth-child(odd) ul li:after {left:7px}
	.history .group:nth-child(odd) .img {left:calc(50% + 100px);}
	.history .group:nth-child(even) ul {padding-right:80px;}
	.history .group:nth-child(even) ul li {padding-right:100px;}
	.history .group:nth-child(even) ul li:after {right:7px}
	.history .group:nth-child(even) .img {right:calc(50% + 100px);}
	.history .group .img1 {margin-top:30px;}

	.management-top {font-size:19px; margin-bottom:40px;}
	.management-top .inner:before, .management-top .inner:after {margin-top:-45px; height:90px; background-size:contain;}
	.management-top .inner:before {background-position:0 50%;}
	.management-top .inner:after {background-position:100% 50%;}
	.management-top .inner {padding:30px 50px;}
	.management-top .txt {padding-left:120px;}
	.management-top .txt:before {margin-top:-45px; width:90px; height:90px; background-size:contain;}
	.management-info .row {margin:0 -7px}
	.management-info .col {padding:0 7px}
	.management-info .box {padding:0 20px 10px 20px;}
	.management-info .title {padding:25px 0;}
	.management-info .title h3 {font-size:20px;}
	.management-info .ico {width:45px; height:45px; top:15px; background-size:contain;}
	.management-info .cnt li {margin-bottom:10px; padding-left:10px;}
	.management-info .cnt li:before {top:8px; width:4px; height:4px;}

	.location-map .imgs ul {left:13px; right:13px; bottom:13px;}
	.location-map .imgs ul li {padding:2px;}
	.location-map .imgs ul li a {font-size:13px; height:32px;}

	.biz-top {height:280px; margin-bottom:40px;}
	.biz-top .txt {width:360px; padding:30px 34px; background-size:50% auto;}
	.biz-top .txt h3 {font-size:24px;}
	.biz-top .txt h3:after {left:-34px; width:70px; height:3px;}
	.biz-top .txt h3 small {width:60%; text-align:right; left:auto; right:-20px; top:-20px;}
	.biz-top .txt p {font-size:15px;}
	.biz-top .txt p br {display:none;}
	.biz-top .bt {top:25px; right:20px; padding:0 20px; font-size:14px; line-height:35px;}

	.biz-cnt {font-size:14px; margin-bottom:40px;}
	.biz-cnt br {display:none;}
	.biz-cnt ul {margin:-12px -7px !important;}
	.biz-cnt ul li {padding:12px 7px !important;}
	.biz-cnt .img-wrap h4 {padding:6px; font-size:16px;}

	.biz-info {margin-bottom:40px;}
	.biz-info dt {font-size:15px; margin:12px 0 4px;}
	.biz-info dd {font-size:14px;}
	.biz-info .table01 th {font-size:15px;}
	
	.donation-top {font-size:19px; margin-bottom:40px;}
	.donation-top .inner:before, .donation-top .inner:after {margin-top:-45px; height:90px; background-size:contain;}
	.donation-top .inner:before {background-position:0 50%;}
	.donation-top .inner:after {background-position:100% 50%;}
	.donation-top .inner {padding:30px 50px;}
	.donation-top .txt {padding-left:120px;}
	.donation-top .txt:before {margin-top:-45px; width:90px; height:90px; background-size:contain;}
	.donation-top h3 {font-size:22px;}

	.donation-info {margin-bottom:40px;}
	.donation-info .row {margin:0 -7px}
	.donation-info .col {padding:0 7px}
	.donation-info .box {padding:0 20px 10px 20px;}
	.donation-info .title {padding:25px 0;}
	.donation-info .title h3 {font-size:20px;}
	.donation-info .ico {width:45px; height:45px; top:15px; background-size:contain;}
	.donation-info .cnt li {margin-bottom:10px; padding-left:10px;}
	.donation-info .cnt li:before {top:8px; width:4px; height:4px;}

	.btn-down {font-size:14px; line-height:34px; padding:0 15px 0 20px; margin-left:12px;}

	.sitemap .row {margin:0 -7px;}
	.sitemap dl {padding:0 7px;}
	.sitemap dl dt {font-size:16px; line-height:35px;}
	.sitemap dl dd > a {font-size:14px;}

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

	.board-search .search .select {min-width:90px;}
	.board-search .search .input {width:200px;}
	.board-search .search .submit {width:45px;}

	.board-list .data-table {padding:12px 20px}

	.gallery-list ul {margin:0 -5px;}
	.gallery-list ul li {padding:0 5px; margin-bottom:10px;}
	.gallery-list ul li .info {height:88px; padding:10px;}
	.gallery-list ul li .info h3 {font-size:15px; margin-bottom:6px;}
	.gallery-list ul li .info p {font-size:12px;}

	.calendar .head {margin-bottom:24px;}
	.calendar .month {margin-bottom:20px;}
	.calendar .month ul li a {font-size:14px; line-height:40px;}
	.calendar .body th {border-left-width:3px; height:37px; font-size:14px;}
	.calendar .body td {height:120px; border-top-width:3px; border-left-width:3px;}
	.calendar .body td .day {padding:8px 10px; font-size:14px; line-height:20px;}
	.calendar .body td ul li {margin-bottom:4px;}
	.calendar .body td ul li a {padding:0 3px 0 10px; font-size:13px; line-height:25px;}

	.calendar-notice dt {padding:14px 15px; font-size:16px;}
	.calendar-notice dd {padding:15px;}

	.menus .head {margin-bottom:24px;}
	.menus .days {margin-bottom:12px;}
	.menus .days {font-size:14px; line-height:40px;}
	.menus .body .col {font-size:14px;}
	.menus .body .tt {font-size:15px;}

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

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

	.magazine-list > ul {margin:0 -7px;}
	.magazine-list > ul > li {padding:0 7px; margin-bottom:20px;}
	.magazine-list .box {border-radius:14px;}
	.magazine-list .box .wrap .thumb {width:200px}
	.magazine-list .box .wrap .info {font-size:13px; line-height:19px;}
	.magazine-list .box .wrap .info h3 {padding:0 0 8px; font-size:18px;}
	.magazine-list .box .wrap .info .cnt {height:230px;}
	.magazine-list .box:hover::before {border-width:2px; border-radius:14px;}
	.magazine-list .box .btns a {width:43%; font-size:14px; line-height:35px;}

	/* member */
	.app-step ol li {height:38px; padding:0 30px;}
	.app-step .box {padding-left:55px;}
	.app-step .ico {width:38px; height:38px; margin-top:-19px; background-size:contain;}
	.app-step .num {font-size:12px;}
	.app-step .txt {font-size:16px;}

	.regis-form th {padding:10px 20px; height:57px; font-size:15px;}
	.regis-form td {padding:10px 20px; font-size:15px;}
	.regis-form .radio {margin-right:20px;}

	.agree-wrap .row {margin:0 -10px;}
	.agree-wrap .col {padding:0 10px;}
	.agree-box {padding:15px; margin-bottom:30px;}
	.agree-box .scroll-box {height:300px; padding:13px;}
	
} 

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

	/* header */
	#wrapper {padding-top:70px;}
	#header {position:fixed; top:0; left:0; width:100%; background:#fff;}
	.btn-m-menu {display:block;}
	.global .pull-left,
	.global .pull-right {display:none;}
	.sitelogo {text-align:left; padding:10px 0;}
	.sitelogo img {height:50px;}
	#gnb {display:none;}
	.mobile-navigation {display:block;}

	/* main */
	.main-visual {height:360px;}
	.main-visual .background {height:260px;}
	.main-visual .contain {padding-left:30px; padding-right:30px;}
	.main-visual .article .t2 {font-size:40px;}
	.main-visual .slick-arrow {display:none !important;}

	.main-about {padding:40px 0;}
	.main-about ul li .icon {width:90%; margin-bottom:15px;}
	.main-about ul li dt {font-size:16px;}
	.main-about ul li dd {display:none;}
	.main-about ul li a:hover .icon:before {top:-8px; left:-8px; right:-8px; bottom:-8px;}

	.main-posts {padding:100px 0 25px;}
	.main-posts .row {margin:0;}
	.main-posts .col {float:none; width:100%; padding:15px 0;}
	.main-posts h2 {font-size:18px; background-size:24px; padding-left:36px;}
	.main-posts .box {height:auto;}
	.main-posts .more {top:20px; line-height:27px;}
	.main-posts .notice {min-height:150px;}
	.main-posts .notice ul {margin-top:10px;}
	.main-posts .notice ul li {font-size:13px; line-height:35px;}
	.main-posts .press .slider {margin-top:20px;}
	.main-posts .press .slider li .info .tit {font-size:14px;}
	.main-posts .press .slider li .info .txt {font-size:12px; margin-top:4px;}
	.main-posts .press .slider li .info .date {font-size:12px; margin-top:10px;}
	.main-posts .press .slider li .thumb {width:115px}
	.main-posts .press .slider li .thumb .img {height:87px}
	.main-posts .press .slick-dots li button {width:10px; height:10px; margin:0 3px;}

	.main-magazine {padding:40px 0; background-size:cover;}
	.main-magazine .head {margin-bottom:20px;}
	.main-magazine .head h2 {font-size:24px; margin-bottom:5px;}
	.main-magazine .head p {display:none;}
	.main-magazine .more {position:static;}
	
	.main-magazine .list .box {border-radius:10px; padding:20px;}
	.main-magazine .list .box .wrap .thumb {width:140px;}
	.main-magazine .list .box .wrap .info {font-size:12px; line-height:18px;}
	.main-magazine .list .box .wrap .info h3 {font-size:16px;}
	.main-magazine .list .box .wrap .info .cnt {height:147px;}

	.main-biz {padding:40px 0;}
	.main-biz .head {margin-bottom:25px;}
	.main-biz .head h2 {font-size:24px;}
	.main-biz .head p {display:none;}
	.main-biz .slider {padding:0 55px;}
	.main-biz .slider li {padding:0 15px;}
	.main-biz .slider li a .img {max-width:200px;}
	.main-biz .slider li a dt {font-size:18px;}
	.main-biz .slider li a dd {font-size:12px;}
	.main-biz .slider .slick-arrow {margin-top:-20px; width:40px; height:40px; background-size:auto 16px;}
	.main-biz .line {margin:40px 0 20px;}
	.main-biz .links ul {margin:0;}
	.main-biz .links ul li {float:none; width:100%; padding:21px 0;}
	.main-biz .links ul li a {height:48px;}
	.main-biz .links ul li dt {font-size:16px;}
	.main-biz .links ul li dd {font-size:12px;}
	.main-biz .links ul li .ico {width:48px; height:48px; background-size:contain;}
	.main-biz .links ul li .ico-1 {background-image:url("../images/main/link_icon1_x2.png");}
	.main-biz .links ul li .ico-2 {background-image:url("../images/main/link_icon2_x2.png");}
	.main-biz .links ul li .ico-3 {background-image:url("../images/main/link_icon3_x2.png");}

	/* footer */
	.foot-links {text-align:center;}
	.foot-links .links {margin-bottom:10px;}
	.foot-links .links li {float:none; display:inline-block; vertical-align:top; font-size:14px; padding:4px 10px; margin:0;}
	.foot-links .pull-right {float:none;}
	.foot-links .sns {float:none; display:inline-block; vertical-align:top; margin-right:5px;}
	.foot-links .familysite {float:none; display:inline-block; vertical-align:top; text-align:left;}
	.foot-info .wrap {position:relative; padding-top:70px;}
	.foot-info .f-logo {position:absolute; top:0; left:0; width:100%; text-align:left;}
	.foot-info .f-logo img {height:50px;}
	.foot-info .f-comp {font-size:13px;}
	.foot-info .f-comp .comp-name {font-size:14px;}
	
	/* sub */
	.sub-visual {height:190px;}
	.sub-visual .t1 {font-size:15px;}
	.sub-visual .t2 {font-size:40px;}
	.sub-visual .t3 {font-size:12px;}

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

	.sub-title {padding:40px 0 26px;}
	.sub-title h2 {font-size:25px;}
	.sub-title .path {display:none;}

	/* board */
	.video-list ul {margin:0 -7px;}
	.video-list ul li {padding:0 7px; font-size:15px;}
	.video-list ul li .thumb:before {background-size:40px auto;}
	.video-list ul li a:hover .thumb:after {border-width:3px}

	.magazine-list .box {border-radius:10px; padding:20px;}
	.magazine-list .box .wrap .thumb {width:140px;}
	.magazine-list .box .wrap .info {font-size:12px; line-height:18px;}
	.magazine-list .box .wrap .info h3 {font-size:16px;}
	.magazine-list .box .wrap .info .cnt {height:147px;}

} 

/* Landscape phone */
@media (max-width: 700px) {
	.only-desktop-tablet {display:none;}
	tr.only-desktop-tablet {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}
	tr.only-mobile {display:table-row;}

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

	/* header */
	#wrapper {padding-top:60px;}
	.sitelogo img {height:40px;}
	.mobile-navigation {top:60px;}
	.mobile-navigation .btns {padding-top:20px; padding-bottom:20px;}

	/* main */
	.main-visual {height:auto;}
	.main-visual .contain {padding-left:15px; padding-right:15px;}
	.main-visual .background {height:0; padding-bottom:72%;}
	.main-visual .desktop {display:none;}
	.main-visual .mobile {display:block;}
	.main-visual .article {top:7%; text-align:center;}
	.main-visual .article .t1 {font-size:13px;}
	.main-visual .article .t2 {font-size:38px;}
	.main-visual .article .t3 {font-size:13px;}
	.main-visual .article .t3 br {display:none;}

	.main-about {padding:30px 0;}
	.main-about ul {margin:0 -15px}
	.main-about ul li {float:none; display:inline-block; width:30%; padding:10px 3px;}
	.main-about ul li .icon {margin-bottom:10px;}
	.main-about ul li a:hover .icon:before {top:-5px; left:-5px; right:-5px; bottom:-5px;}

	.main-posts {background-size:250% auto; padding-top:80px;}
	.main-posts .col {padding:10px 0;}

	.main-magazine {padding:30px 0;}
	.main-magazine .list {margin:0;}
	.main-magazine .list > ul > li {width:100%;}
	.main-magazine .list > ul > li:nth-child(2) {display:none;}

	.main-biz {padding:30px 0;}
	.main-biz .head {margin-bottom:20px;}
	.main-biz .slider {padding:0 20px;}
	.main-biz .slider li {padding:0 5px;}
	.main-biz .slider .slick-arrow {margin-top:-80px;}
	.main-biz .line {margin:20px 0 20px;}
	.main-biz .links ul li {padding:15px 0;}

	/* footer */
	.foot-links .contain {padding-bottom:15px;}
	.foot-links .links {margin-bottom:15px;}
	.foot-links .links ul {border:1px solid #dfdfdf}
	.foot-links .links ul:after {content:""; display:block; clear:both;}
	.foot-links .links ul li {float:left; width:50%; margin-bottom:-1px; padding:0; border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; font-size:13px; line-height:30px;}
	.foot-links .links ul li a {display:block;}
	.foot-links .links ul li:nth-child(2n) {border-right:0;}

	.foot-info {padding:20px 0;}
	.foot-info .f-comp span {margin-right:10px;}	

	/* sub */
	.sub-visual {height:150px;}
	.sub-visual.bg1 {background-image:url("../images/common/m_sub_visual1.jpg");}
	.sub-visual.bg2 {background-image:url("../images/common/m_sub_visual2.jpg");}
	.sub-visual.bg3 {background-image:url("../images/common/m_sub_visual3.jpg");}
	.sub-visual.bg4 {background-image:url("../images/common/m_sub_visual4.jpg");}
	.sub-visual.bg5 {background-image:url("../images/common/m_sub_visual5.jpg");}
	.sub-visual.bg6 {background-image:url("../images/common/m_sub_visual6.jpg");}
	.sub-visual .t1 {font-size:12px;}
	.sub-visual .t2 {font-size:35px;}
	.sub-visual .t3 {display:none;}

	.lnb-m p {font-size:15px; line-height:40px; height:40px;}
	.lnb-m p a {padding:0 15px;}
	.lnb-m p a:after {right:15px;}
	.lnb-m ul {padding:10px 15px;}
	.lnb-m ul li a {font-size:14px; line-height:20px;}

	#contArea {padding-left:15px; padding-right:15px;}
	.sub-title {padding:35px 0 20px;}
	.sub-title h2 {font-size:22px;}
	.real-cont {padding-bottom:40px;}

	/* content */
	.sub-tab {margin-bottom:20px;}
	.sub-tab ul {border-radius:5px;}
	.sub-tab ul li {font-size:13px; line-height:35px;}

	.doc-tit {font-size:17px; margin-bottom:10px;}
	.doc-tit .text-green {display:block; margin-top:5px; margin-left:0; font-size:12px;}

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

	.table01 {font-size:14px;}
	.table01 th {padding:5px; font-weight:500;}
	.table01 td {padding:5px; font-weight:300; word-break:break-all;}
	.table01 .left {padding-left:8px; padding-right:8px;}
	.table01 .txt-lg {height:60px; font-size:17px; word-break:keep-all;}
	.table01 .bank {margin:0 0 4px 0; width:95%}

	.about .top {font-size:14px;}
	.about .top .img {display:block; width:100%; height:0; padding-bottom:58.4%;}
	.about .top .cnt {display:block; width:100%; padding:25px 10px;}
	.about .top .cnt .logo img {height:80%;}
	.about .top .cnt .txt {font-size:15px;}
	.about .table01 th {padding:10px 10px; font-size:1.05em}
	.about .table01 td {padding:10px 10px;}

	.greeting {font-size:15px; font-weight:300;}
	.greeting .top-img {position:relative; margin-bottom:20px;}
	.greeting .top-img .img {position:static; width:145px;}
	.greeting .top-img .img span {right:0; font-size:14px; padding:6px 13px;}
	.greeting .sign img {height:26px; margin-left:15px;}

	.major-career {padding:15px 0 10px; font-weight:300;}
	.major-career .col {float:none; width:100%; margin:0;}
	.major-career ul li {margin-bottom:10px;}
	.major-career ul li:last-child {margin-bottom:10px;}

	.history {margin:0 -15px; padding:25px 15px 0; background-position:47px 0;}
	.history .group {min-height:auto; padding-top:7px; padding-bottom:15px; padding-left:0 !important; padding-right:0 !important; text-align:left !important; background-position:32px 0;}
	.history .group h3 {left:0; margin-left:0;font-size:16px; line-height:30px; width:60px; border-width:2px;}
	.history .group ul {padding-left:20px !important; padding-right:0 !important; margin-left:60px;}
	.history .group ul:before {width:20px; top:10px; left:0 !important; right:auto !important;}
	.history .group ul li {padding-left:18px !important; padding-right:0 !important; font-size:14px; font-weight:300;}
	.history .group ul li:before {top:6px; left:0 !important; right:auto; width:10px; height:10px; border-width:2px;}
	.history .group ul li:after {left:3px !important; right:auto;}
	.history .group ul li .month {position:static; display:block; font-size:15px;}
	.history .group .img {width:70px; position:static; margin-top:7px; margin-left:100px;}

	.management-top {font-size:16px; margin-bottom:20px;}
	.management-top .inner {padding:0 25px; text-align:center;}
	.management-top .inner:before, .management-top .inner:after {height:60px; margin-top:-30px;}
	.management-top .txt {padding-left:0;}
	.management-top .txt:before {position:static; display:block; width:50px; height:50px; margin:0 auto 10px;}

	.management-info .row {margin:0;}
	.management-info .col {float:none; width:100%; padding:0; margin-bottom:15px;}
	.management-info .box {height:auto !important; min-height:120px; padding:0 15px 10px 15px;}
	.management-info .title {padding:17px 0;}
	.management-info .title h3 {font-size:17px;}
	.management-info .ico {top:10px; width:36px; height:36px;}
	.management-info .cnt {font-size:14px}
	.management-info .cnt li {margin-bottom:6px;}

	.location-map .col {display:block; width:100%;}
	.location-map .map {width:100%; position:relative; height:250px; margin-bottom:15px;}
	.location-map .imgs {margin-left:0;}
	.location-map .imgs ul {bottom:8px; left:8px; right:8px;}
	.location-map .imgs ul li a {font-size:11px; height:25px; opacity:.85;}

	.biz-top {position:relative; height:auto; padding-top:180px}
	.biz-top .img {display:block; position:absolute; top:0; left:0; width:100%; height:180px;}
	.biz-top .txt {display:block; width:100%; padding:15px 15px; background-size:35% auto;}
	.biz-top .txt h3 {font-size:19px;}
	.biz-top .txt h3:after {margin-left:-15px; margin-top:10px; margin-bottom:12px; width:30px; height:2px;}
	.biz-top .txt h3 small {width:calc(100% - 70px); right:-5px; top:-2px; font-size:11px; line-height:1.3em;}
	.biz-top .txt p {font-size:14px; word-break:break-all;}
	.biz-top .bt {top:15px; right:15px; padding:0 14px; font-size:13px; line-height:30px;}

	.biz-cnt {font-weight:300;}
	.biz-cnt ul {margin:0 !important;}
	.biz-cnt ul li {float:none !important; width:100% !important; padding:0 !important; margin-bottom:30px;}
	.biz-cnt ul li:last-child {margin-bottom:0;}
	.biz-cnt .img-wrap {margin-bottom:10px;}
	.biz-cnt .img-wrap h4 {font-size:15px;}

	.biz-cnt2 .img {float:none; width:100%; padding-right:0;}
	.biz-cnt2 .txt {float:none; width:100%; padding-left:0;}
	.biz-cnt2 .txt h4 {font-size:16px; padding:10px 0; margin-bottom:12px;}
	.biz-cnt2 .txt p {font-size:14px; font-weight:300;}
	.biz-cnt2 .txt p br {display:none;}

	.biz-info ul li {width:50%; margin-bottom:20px;}
	.biz-info ul li:nth-child(2n+1) {clear:left;}
	.biz-info ul li img {width:80px;}
	.biz-info dt {font-weight:500;}
	.biz-info dd {font-weight:300;}
	.biz-info .table01 th {font-size:13px;}

	.ethics-declaration {padding:15px 15px; margin-bottom:25px; font-size:14px;}
	.ethics-declaration h3 {font-size:18px;}

	.donation-top {font-size:14px; word-break:break-all; margin-bottom:20px;}
	.donation-top .inner {padding:0 25px; text-align:center;}
	.donation-top .inner:before, .donation-top .inner:after {height:60px; margin-top:-30px;}
	.donation-top h3 {font-size:18px; margin-bottom:4px;}
	.donation-top p span {display:inline;}
	.donation-top .txt {padding-left:0;}
	.donation-top .txt:before {position:static; display:block; width:50px; height:50px; margin:0 auto 10px;}

	.donation-info {margin-bottom:10px;}
	.donation-info .row {margin:0;}
	.donation-info .col {float:none; width:100%; padding:0; margin-bottom:15px;}
	.donation-info .box {height:auto !important; min-height:120px; padding:0 15px 15px 15px;}
	.donation-info .title {padding:17px 0;}
	.donation-info .title h3 {font-size:17px;}
	.donation-info .ico {top:10px; width:36px; height:36px;}
	.donation-info .cnt {font-size:14px}
	.donation-info .cnt li {margin-bottom:6px;}
	.donation-info .cnt dt {font-size:15px; margin-bottom:3px;}
	.donation-info .cnt dd {margin-bottom:15px;}
	.donation-info .cnt dd:last-child {margin-bottom:0;}

	.app-step {margin:0 -15px 20px;}
	.app-step ol {width:100%; table-layout:fixed; text-align:center;}
	.app-step ol li {height:auto; padding:0 5px; vertical-align:top;}
	.app-step .box {padding-left:0;}
	.app-step .ico {position:static; width:24px; height:24px; display:block; margin:0 auto 5px;}
	.app-step .num {font-size:11px;}
	.app-step .txt {font-size:13px;}

	.tit-wrap {margin-bottom:8px;}
	.tit-wrap .doc-tit {margin-bottom:0;}
	.tit-wrap .txt {font-size:12px; margin-top:4px;}

	.btn-down {display:block; margin:10px 0 0 0; width:100%; max-width:120px;}
	.btn-down:after {background-image:url("../images/sub/icon_down_x2.png"); background-size:contain;}

	/* board  */
	.input {height:32px; padding:5px; font-size:14px; line-height:20px;}
	.select {height:32px; padding:5px; font-size:14px; line-height:20px;}
	.textarea {padding: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 {float:left; width:75px; min-width:75px;}
	.board-search .search .input {float:left; width:calc(100% - 112px); margin:0 2px;}
	.board-search .search .submit {float:left; height:32px; width:32px; background-size:45%;}

	.board-list {margin:0 -15px;}
	.board-list .data-table {padding:10px 15px; height:auto;}
	.board-list .data-cell {vertical-align:top;}
	.board-list .pic {width:120px; padding-top:0; padding-bottom:0; padding-right:10px;}
	.board-list .cnt .num {display:none;}
	.board-list .cnt .tit {font-size:15px; word-break:break-all;}
	.board-list .cnt .tit.tit-lg {font-size:15px; margin-bottom:10px;}
	.board-list .cnt .tit img {height:16px;}
	.board-list .cnt .txt {display:none;}
	.board-list .cnt .txt2 {display:none;}
	.board-list .cnt .info {margin-top:5px;}
	.board-list .cnt .info span {margin-right:12px;}
	.board-list .cnt .info span:last-child {margin-right:0;}
	.board-list .cnt .info span.source {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-right:0; margin-bottom:3px;}
	.board-list .cnt .info2 .source {display:block; width:100%; max-width:100%; margin-right:0;}
	.board-list .cnt .url {display:block; max-width:100%; width:100%;}
	.board-list .cnt .info2 .bar {display:none;}
	.board-list .more {display:none;}

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

	.video-list ul li {width:50%; margin-bottom:25px;}
	.video-list ul li:nth-child(2n+1) {clear:left;}
	.video-list ul li:nth-child(3n+1) {clear:none;}
	.video-list ul li .tit {display:block; padding-right:0; width:100%;}
	.video-list ul li .date {display:block; font-size:12px; text-align:left; width:100%}

	.magazine-list > ul > li {float:none; width:100%; margin-bottom:15px;}
	.magazine-list .box {padding:14px;}
	.magazine-list .box .wrap .thumb {width:130px;}
	.magazine-list .box .wrap .info {padding-left:15px;}
	.magazine-list .box .btns {margin-top:15px;}
	.magazine-list .box .btns a {font-size:13px; line-height:32px; width:38%;}

	.calendar .head {margin-bottom:14px; font-size:20px;}
	.calendar .head a {width:30px; height:30px; background-size:9px auto;}
	.calendar .head span {margin:0 15px;}
	.calendar .month {margin-bottom:15px;}
	.calendar .month ul {flex-wrap:wrap;}
	.calendar .month ul li {flex:1 1 auto; width:16.66666666%;}
	.calendar .month ul li:nth-child(-n+6) {border-bottom:1px solid #ddd;}
	.calendar .month ul li a {font-size:12px; line-height:32px;}
	.calendar .body th {border-left-width:2px; height:32px; font-size:11px;}
	.calendar .body td {height:60px; border-top-width:2px; border-left-width:2px;}
	.calendar .body td .day {padding:4px 8px; font-size:12px; line-height:16px;}
	.calendar .body td ul li {margin-bottom:2px;}
	.calendar .body td ul li a {padding:0 0 0 4px; font-size:11px; line-height:18px;}

	.calendar-notice {font-size:30px;}
	.calendar-notice dt {font-size:15px;}
	.calendar-notice dd {font-size:14px;}

	.menus .head {margin-bottom:14px; font-size:20px;}
	.menus .head a {width:30px; height:30px; background-size:9px auto;}
	.menus .head span {margin:0 15px;}
	.menus .days .day {display:none; border-left:0;}
	.menus .days .day.active {display:block;}
	.menus .body .row .col {display:none;}
	.menus .body .row .col.active {display:block;}
	
	.board-view {margin:0 -15px;}
	.board-view .head .tit {font-size:15px; padding:10px 15px;}
	.board-view .head .info {font-size:12px; padding:8px 15px;}
	.board-view .head .files {padding:10px 0 0; font-size:12px;}
	.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 15px 25px;}

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

	.buttons {margin:10px 0;}

	.btn-pack.medium {height:32px; font-size:13px; line-height:30px; padding:0 8px;}
	.btn-pack.large {height:40px; line-height:38px; font-size:15px; padding:0 22px;}
	.btn-pack.xlarge {height:45px; font-size:16px; line-height:43px; padding:0 30px;}
	.btn-pack.submit,
	.btn-pack.cancel {width:120px; height:40px; font-size:14px; line-height:36px;}
	.btn-pack.print {width:85px; height:auto; padding:10px 0; word-break:kepp-all; text-align:center; font-size:12px; line-height:1.3em; white-space:normal; border-radius:5px;}
	.btn-pack.print:before {display:block; width:24px; height:24px; background-size:contain; margin:0 auto 5px;}

	.prev_next {margin:0 -15px;}
	.prev_next dt {width:73px; padding:0 0 0 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 a, .paginate strong {margin:0 1px; width:32px; height:32px; line-height:30px;}

	.mailform {margin:0 -15px 25px;}
	.mailform table tbody th {padding:7px 7px 7px 15px; width:30% !important; height:47px; font-size:14px;}
	.mailform table tbody td {padding:7px 15px 7px 10px; font-size:14px;}
	.mailform span.txt {display:block; margin-left:0; margin-top:4px; font-size:12px;}
	#kcaptcha_image {width:auto !important; height:40px;}

	.form-agree {margin-bottom:25px; padding:10px;}
	.form-agree dt {font-size:15px;}
	.form-agree dd {font-size:13px;}
	.form-agree .scroll-box {padding:9px; margin-bottom:10px; height:70px; font-size:12px; line-height:1.4em;}
	.form-agree .btn {display:none;}
	.form-agree dd .txt {display:block; margin-bottom:5px; margin-right:0;}

	/* member */
	.login-area .login-box {padding:20px 15px 15px; border-radius:10px;}
	.login-area .login-box .tit {display:none;}
	.login-area .login-box .form {padding:0;}
	.login-area .login-box .form fieldset {padding:0;}
	.login-area .login-box .form .btn-pack.login {position:static; width:100%; height:40px; margin-top:12px; display:block;}
	.login-area .not-member {padding:13px 0 0; letter-spacing:-.05em;}
	.login-area .not-member li span {margin-right:4px;}
	.login-area #userID {width:100% !important;}

	.join-check {padding:19px; margin-bottom:20px;}
	.join-check .title {padding:0 0 17px; margin-bottom:20px;}
	.join-check .title h3 {font-size:20px; margin-bottom:10px;}
	.join-check .title h3:before {width:24px; height:24px; background-size:contain;}
	.join-check .title p {font-size:12px; line-height:1.5em;}
	.join-check .cnt {font-size:14px; padding:0 5px;}
	.join-check .cnt .group {display:block; position:relative; padding-left:60px; margin:5px 0 !important;}
	.join-check .cnt label {position:absolute; top:4px; left:0;}
	.join-check .input {height:35px; padding:5px 10px; font-size:14px; line-height:21px;}
	.join-check .select {height:35px; padding:5px 10px; font-size:14px; line-height:21px; background-size:auto 4px;}

	.regis-form {margin:0 -15px 25px;}
	.regis-form table {word-break:break-all;}
	.regis-form th {width:100px; height:47px; padding:7px 7px 7px 15px; font-size:14px;}
	.regis-form td {padding:7px 15px 7px 10px; font-size:14px;}
	.regis-form .radio {min-width:45px; margin-right:15px;}
	.regis-form .radio:last-child {margin-right:0;}
	.regis-form .txt {font-size:12px;}
	.regis-form span.txt {margin-left:0;display:block;}
	.regis-form span.txt br {display:none;}
	.regis-form .mg {margin-bottom:5px;}
	.regis-form .tt {font-size:13px; line-height:1.3em;}
	.regis-form .check-txt {display:block; margin-left:0; margin-top:6px;}
	.regis-form .pay-txt {display:block; margin-left:0; margin-top:5px;}
	.regis-form.cen th, .regis-form.cen td {padding:7px;}

	.agree-wrap .row {margin:0;}
	.agree-wrap .col {float:none; padding:0; width:100%;}

	.agree-box {padding:9px; margin-bottom:20px; font-size:13px;}
	.agree-box .scroll-box {height:120px; padding:9px;}
	.agree-box .scroll-box * {font-size:12px; line-height:1.4em;}

	.agree dl {padding:0 0 20px;}

	.radio label:before {width:16px; height:16px; background-size:70%;}
	.checkbox label:before {width:16px; height:16px; background-size:60%;}

	.ui-datepicker-trigger {width:22px; margin-left:4px;}

	input#name {width:100% !important; max-width:100% !important;}
	input#userID {width:calc(100% - 90px) !important;}
	input#userPwd,
	input#pwdConfirm {width:100% !important; max-width:100% !important;}
	input#mobile1,
	select#mobile1,
	input#mobile2,
	input#mobile3 {width:calc(33.33333333% - 7px) !important;}
	select#mobile_1,
	input#mobile_2,
	input#mobile_3 {width:calc(33.33333333% - 7px) !important;}
	select#birth1,
	select#birth2,
	select#birth3 {width:calc(33.33333333% - 2px) !important;}
	input#jumin1,
	input#jumin2 {width:calc(50% - 40px) !important;}
	input#postcode {width:80px !important;}
	input#address {width:100% !important; display:block; margin-bottom:4px;}
	input#address2 {width:100% !important;}	
	input#addr1 {width:100% !important; display:block; margin-bottom:4px;}
	input#addr2 {width:100% !important;}	
	input#emailID,
	input#emailDomain {width:calc(50% - 10px) !important;}
	select#emailList {display:block;width:100% !important;margin-top:4px;}
	select#pay {display:block; width:100% !important;}
	input#pay2 {width:calc(100% - 100px) !important;margin-left:5px;}

	.find-account {display:block; width:100%; margin:0 auto 15px; padding:20px;}
	.find-account .tit h3 {font-size:16px;}
	.find-account .form {padding:10px 0;}
	.find-account .form fieldset {padding-right:0;}
	.find-account .form .group {padding:0 0 0 65px;}
	.find-account .form .group label {top:0; left:0; font-size:14px;}
	.find-account .form .btn-pack.btn {position:static; width:100%; height:40px; margin-top:12px; display:block;}
	.find-account input#phoneNumber {width:100% !important}
	.find-account .help-txt {display:block; margin-top:4px;}

	.member-leave {width:100%; padding:0; border:0;}
	.member-leave .top {padding:65px 15px 20px; margin-bottom:20px; background-position:50% 17px; background-size:auto 35px; line-height:1.5em; border:1px solid #dfdfdf; border-radius:5px;}
	.member-leave .top strong {font-size:14px;}
	.member-leave fieldset {display:block;}
	.member-leave fieldset p {font-size:13px; line-height:1.5em;}
	.member-leave fieldset .group {margin:5px 20px; padding:0 0 0 70px; position:relative;}
	.member-leave fieldset .group label {position:absolute; top:0; left:0; font-size:14px;}
	.member-leave fieldset .input {width:100% !important;}

	.search-period {padding-bottom:20px; margin-bottom:20px;}
	.search-period .tt {font-size:16px;}
	.search-period .tt:before {width:16px; height:16px; background-size:contain;}
	.search-period .select {width:110px; height:35px; font-size:14px; padding:0 10px; background-size:auto 4px;}
} 

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