@charset "utf-8";

@media (max-width: 1630px) {
	/* layout */
		#gnb {margin-left:350px;}
		#gnb>ul {justify-content: normal}
		#gnb>ul>li {max-width:150px;}
		
		.lang {right:60px;}
		
		.mems {right:150px;}
	/* layout */
	/* main */
		
	/* main */
	/* sub */
		
	/* sub */
}

@media (max-width: 1400px) {
	/* layout */
		#header .sitelogo a {width:269px; height:22px; margin-top:-11px;}
		
		#gnb {margin-left:290px;}
		#gnb>ul>li {max-width:120px;}
		#gnb>ul>li>a {font-size:18px;}
		
		#gnb .submenu ul {padding:20px 0 30px;}
		#gnb .submenu ul li {margin-bottom:6px;}
		#gnb .submenu ul li a {font-size:15px;}
		
		.lang {right:50px;}
		.lang ul li a {font-size:14px;}
		
		.mems {right:130px;}
		.mems ul li a {font-size:14px;}				
		
		.scrolltop {bottom:205px; right:15px;}
	/* layout */
	/* main */
		.section02 .inner .txt-box {padding:50px 20px; max-width:280px;}
		.section03 .tab-menu {max-width:250px;}
		.section03 .slick-prev {left:-250px;}
		.section03 .slick-next {left:-195px;}
		.section03 .more {width:18px; height:18px; position:absolute; bottom:100px; left:-140px;}
	/* main */
	/* sub */
		
	/* sub */
}

@media (max-width: 1200px) {
	/* layout */
		#header .sitelogo a {width:245px; height:20px; margin-top:-10px;}
		
		#gnb {display:none;}
	/* layout */
	/* main */
		
	/* main */
	/* sub */
		
	/* sub */
}

@media (max-width: 1024px) {
	/* layout */
		#header {height:90px;}
		#header.active {transform:translateY(0);}
		#header.hide {transform:translateY(0);}
		/* footer */
		.foot-btn {padding:16px 0;}
		.foot-btn ul {margin:0 -8px;}
		.foot-btn ul li {padding:0 8px;}
		.foot-btn ul li:after {width:1px; height:10px; margin-top:-5px; right:0;}
		.foot-btn ul li a {font-size:14px;}

		.foot-cnt {padding:50px 0;}
		.foot-cnt .col {flex-wrap:wrap;}
		.foot-cnt .info {width:100%; margin-bottom:40px;}
		.foot-cnt .info .tit {font-size:14px;}
		.foot-cnt .info p {font-size:14px;}
		.foot-cnt .center {width:1%; flex:1 1 auto; max-width:none;}
		.foot-cnt .center .tit {font-size:14px;}
		.foot-cnt .center .tel {margin-bottom:4px;}
		.foot-cnt .center .tel a {font-size:24px; padding-left:20px;}
		.foot-cnt .center .tel a:after {width:12px; height:18px; background-size:cover;}
		.foot-cnt .center .tel a:hover:after {left:0;}
		.foot-cnt .center .time {font-size:14px;}
		 
		.foot-cnt .family {max-width:200px;}
		.foot-cnt .family .family-btn {line-height:50px; font-size:14px; padding:0 20px;}
		.foot-cnt .family .family-btn span {right:20px;}
		.foot-cnt .family.family-open .family-box ul {height:160px;}
		.foot-cnt .family .family-box {bottom:50px;}
		.foot-cnt .family .family-box ul::-webkit-scrollbar {width:6px;}
		.foot-cnt .family .family-box ul li a {font-size:13px; line-height:24px; padding:0 5px;}
	/* layout */
	/* main */
		/* main-visual  */
		.main-visual {background:url('../img/main/m-main-visual01.jpg') center center no-repeat; background-size:cover;}
		.main-visual .visual-btn {width:120px; margin-bottom:20px;}
		.main-visual .visual-btn .paging li {font-size:16px;}
		.main-visual .visual-btn .paging li span {margin:0 4px;}
		.main-visual h2 {font-size:40px;}
		.main-visual h2 span {font-size:28px;}
		.main-visual .bar {margin-top:80px;}
		.main-visual .progress-container {max-width:550px;}
		
		.main-visual .move a {width:80px; line-height:44px; border-radius:0 16px 0 16px; font-size:16px;}

		.scroll-down {bottom:50px; right:15px;}
		/* section */
		.section {padding:100px 0 120px;}
		.section .sec-tit {margin-bottom:40px;}
		.section .sec-tit span {width:30px; height:5px;}
		.section .sec-tit h3 {font-size:40px; margin-bottom:18px;}
		.section .sec-tit p {font-size:16px;}
		/* section01 */
		.section01 .col {flex-wrap:wrap; border-bottom:0; margin-bottom:-50px;}
		.section01 .col .row {width:33.3333333%; margin-bottom:50px;}
		.section01 .inner {padding:0 10px;}
		.section01 .inner:after {display:none;}
		.section01 .inner .img-box {margin-bottom:18px;}
		.section01 .inner .txt-box h4 {font-size:24px; margin-bottom:10px;}
		.section01 .inner .txt-box p {font-size:15px;}
		/* section02 */
		.section02 .col {display:block; margin:0 auto; height:100%; max-width:700px;}
		.section02 .col .row {width:100%; padding:0; margin-bottom:60px;}
		.section02 .col .row:last-child {margin-bottom:0;}
		.section02 .inner {border-radius:0 0 30px 0; height:100%;}
		.section02 .inner:hover {border-radius:0 0 30px 0;}
		.section02 .inner .img-box {width:50%;}
		.section02 .inner .txt-box {padding:50px 30px; max-width:none; width:50%;}
		.section02 .inner .txt-box h4 {font-size:26px; margin-bottom:10px;}
		.section02 .inner .txt-box p {font-size:16px; margin-bottom:16px;}
		.section02 .inner .txt-box span {font-size:16px; width:120px; line-height:44px;}
		/* section03 */
		.section03 .col {display:block;}
		.section03 .tab-menu {width:100%; max-width:none;}
		.section03 .tab-menu .tabs {margin-bottom:80px; display:flex; justify-content:center;}
		.section03 .tab-menu .tabs li {margin-bottom:0; padding:0 10px; width:auto;}
		.section03 .tab-menu .tabs li a {font-size:18px; line-height:30px;}
		.section03 .tab-menu .tabs li a:after {height:12px;}
		.section03 .tab-menu .more {display:none;}
		.section03 .tab-cnt {width:100%; height:320px;}
		.section03 .inner {height:80px;}
		.section03 .inner .tit {max-width:100px;}
		.section03 .inner .tit span {padding:0 8px; line-height:32px; border-radius:0 10px 0 10px;}
		.section03 .inner .txt p {font-size:18px;}
		.section03 .inner .date {max-width:90px; font-size:16px;}
		.section03 .slick-arrow {bottom:auto; top:-40px;}
		.section03 .slick-prev {left:50%; margin-left:-40px;}
		.section03 .slick-next {left:50%; margin-left:20px;}
		/* .section04 */
		.section04 {padding:30px 0;}
		.section04 ul li {padding:0 20px;}
	/* main */
	/* sub */
		#sub #wrapper {overflow:hidden;}
		.real-cont {padding:100px 0 120px;}
		/* sub-visual */
		.sub-visual {height:400px; padding-top:90px;}
		.sub-visual .sub-title h2 {font-size:40px;}
		/* lnb */
		.lnb ul li:after {height:12px; margin-top:-6px;}
		.lnb ul li a {font-size:16px; padding:14px 10px;}
		/* page name */
		.page-name {margin-bottom:50px;}
		.page-name h3 {font-size:32px;}
		.page-name p {font-size:18px; margin-top:24px;}
		/* sub 01 01 */
		.greeting .img-box {height:320px; margin-bottom:54px; display:block; border-radius:0 50px 0 50px; position:relative;}
		.greeting .img-box > div {width:100%;}
		.greeting .img-box .txt {padding:60px 20px;}
		.greeting .img-box .txt p {font-size:18px; margin-bottom:18px;}
		.greeting .img-box .txt h4 {font-size:28px;}
		.greeting .img-box .img {position:absolute; width:auto; bottom:0; right:0;}
		.greeting .img-box .img img {width:400px;}
		.greeting .txt-box {display:block; margin:0;}
		.greeting .txt-box .row {width:100%; padding:0;}
		.greeting .txt-box p {font-size:16px; margin-bottom:24px;}
		.greeting .txt-box p:last-of-type {margin-bottom:24px;}
		.greeting .txt-box .sign {margin-top:60px; font-size:16px;}
		.greeting .txt-box .sign strong {font-size:24px;}
		/* sub 01 02 */
		.found .img-box {height:350px; margin-bottom:60px; border-radius:0 50px 0 50px;}
		.found .img-box h4 {font-size:28px;}
		.found .col {margin:0 -10px -20px;}
		.found .col .row {padding:0 10px; margin-bottom:20px;}
		.found .inner {padding:20px;}
		.found .inner .icon {max-width:80px;}
		.found .inner .txt {padding-left:20px;}
		.found .inner .txt h5 {font-size:15px;}
		.found .inner .txt p {font-size:18px;}
		/* sub 01 03 */
		.history .img-box {border-radius:0 50px 0 50px; margin-bottom:60px;}
		.history .col {display:block;}
		.history .year-wrap {display:none;}
		.history .txt-wrap .mob-year {display:block; font-size:40px; color:#d12338; font-weight:600; margin-bottom:30px; line-height:1.1em;}
		.history .txt-wrap {width:100%; padding-left:0;}
		.history .txt-wrap:before {height:calc(100% - 20px); top:20px; left:10px;}
		.history .txt-wrap .txt-box {padding-bottom:60px; padding-left:40px;}
		.history .txt-wrap .txt-box:before {width:9px; height:9px; top:17px; left:6px;}
		.history .txt-wrap .txt-box:last-child {padding-bottom:120px;}
		.history .txt-wrap .txt {margin-bottom:20px;}
		.history .txt-wrap .txt .month {max-width:70px; font-size:18px;}
		.history .txt-wrap .txt ul li {font-size:18px;}
		/* sub 01 06 */
		.directions .maps {height:380px; border-radius:0 50px 0 50px; overflow:hidden; margin-bottom:40px;}
		.directions .col {flex-wrap:wrap; margin:0 -10px -20px;}
		.directions .col .row {width:50%; padding:0 10px; margin-bottom:20px;}
		.directions .inner {padding:20px;}
		.directions .inner .icon {max-width:80px;}
		.directions .inner .txt {padding-left:20px;}
		.directions .inner .txt h5 {font-size:18px; padding-right:24px;}
		.directions .inner .txt p {font-size:16px;}
		/* doc-tit */
		.doc-tit {margin-bottom:28px;}
		.doc-tit h4 {font-size:28px;  padding-left:16px;}
		.doc-tit h4:before {width:4px; height:20px; margin-top:-10px;}
		/* sub 02 01 */
		.union .cnt {margin-bottom:100px;}
		.union .cnt01 .col {margin:0 -10px;}
		.union .cnt01 .col .row {padding:0 10px;}
		.union .cnt01 .col .row:after {display:none;}
		.union .cnt01 .inner {padding:30px 15px}
		.union .cnt01 .inner .icon {margin-bottom:20px;}
		.union .cnt01 .inner .icon img {width:80px;}
		.union .cnt01 .inner h5 {font-size:20px;}
		.union .cnt01 .inner p {font-size:14px;}
		.union .cnt02 .col {margin:0 -10px;}
		.union .cnt02 .col .row {padding:0 10px;}
		.union .cnt02 .inner {padding:20px;}
		.union .cnt02 .inner .tit p {font-size:20px; margin-bottom:10px;}
		.union .cnt02 .inner .txt p {font-size:14px;}
		.union .cnt03 table th {font-size:16px; padding:10px;}
		.union .cnt03 table td {font-size:14px; padding:10px;}
		.union .cnt03 table td.bg {font-size:16px;}
		.union .cnt04 .col {margin:0 -10px -20px;}
		.union .cnt04 .col .row {width:50%; padding:0 10px; margin-bottom:20px;}
		.union .cnt04 .inner {font-size:20px;  padding-right:40px; min-height:60px;}
		.union .cnt04 a.inner:after {margin-top:-15px; width:30px; height:30px; background-size:14px;}
		/* sub 02 02 */		
		.membership table thead th {font-size:16px; padding:10px;}
		.membership table tbody {font-size:16px;}
		.membership table tbody th {padding:10px;}
		.membership table tbody td {padding:10px;}
		.membership table tbody td a.page {font-size:15px; line-height:1.5em; padding:3px 10px;}
		.membership table tbody td a.page:hover {border-radius:6px 0 6px 0;}
		/* sub 03 01 */
		.product .cnt {margin-bottom:100px;}
		.product .col {max-width:610px; display:block; width:100%; margin:0 auto 60px;}
		.product .col .img-box {border-radius:0 30px 0 30px; margin-bottom:40px;}
		.product .col .txt-box {width:100%; padding-left:0;}
		.product .col .txt-box .doc-tit {margin-bottom:18px;}
		.product .col .txt-box .doc-tit h3:before {top:12px;}
		.product .col .txt-box p {font-size:16px;}
		.product .col .txt-box li {font-size:16px;}
		.product table thead th {font-size:16px; padding:10px;}
		.product table tbody {font-size:16px;}
		.product table tbody th {padding:10px;}
		.product table tbody td {padding:10px;}
		/* sub 05 01 */
		.regulations .cnt {margin-bottom:100px;}
		.regulations .cnt01 p {font-size:16px;}
		.regulations .cnt02 .col {margin-bottom:30px; align-items:center;}
		.regulations .cnt02 .icon {max-width:200px;}
		.regulations .cnt02 .icon .box {width:150px; height:150px;}
		.regulations .cnt02 .icon img {width:40px;}
		.regulations .cnt02 .icon h5 {font-size:20px;}
		.regulations .cnt02 .txt-box {padding:30px 20px;}
		.regulations .cnt02 .txt-box:before {width:16px; height:16px; border:4px solid #fff; margin-top:-8px; left:-8px;}
		.regulations .cnt02 .txt-box h5 {font-size:20px; margin-bottom:10px;}
		.regulations .cnt02 .txt-box p {font-size:16px;}
		.regulations .cnt03 .col {height:300px; border-radius:0 50px 0 50px;}
		.regulations .cnt03 .img-box {max-width:400px; border-top-right-radius:50px; height:100%;}
		.regulations .cnt03 .txt-box {padding-left:30px; padding-right:30px;}
		.regulations .cnt03 .txt-box p {font-size:16px; padding-bottom:10px; margin-bottom:10px;}
		.regulations .cnt04 ol {margin:0 -10px -20px;}
		.regulations .cnt04 ol li {width:50%; padding:0 10px; margin-bottom:20px;}
		.regulations .cnt04 .inner {padding:20px; height:auto; border-radius:10px 0 10px 0;}
		.regulations .cnt04 .inner .num {width:24px; height:24px; line-height:24px; font-size:16px;}
		.regulations .cnt04 .inner .txt {padding-left:10px;}
		.regulations .cnt04 .inner .txt p {font-size:16px;}
		/* sub 05 02 */
		.reference table thead th {font-size:16px; padding:10px;}
		.reference table tbody {font-size:16px;}
		.reference table tbody th {padding:10px;}
		.reference table tbody td {padding:10px;}
		.reference table tbody td a {font-size:15px; padding:0 15px;}

	/* sub */
}

@media (max-width: 640px) {
	/* layout */
		#header {height:80px;}
		#header .sitelogo a {width:196px; height:16px; margin-top:-8px;}
		#header .mems {display:none;}
		#header .lang {display:none;}
		/* footer */
		.foot-btn {padding:16px 0;}
		.foot-btn ul {margin:0 0 -4px; justify-content:center; flex-wrap:wrap;}
		.foot-btn ul li {padding:0 10px; margin-bottom:4px;}
		.foot-btn ul li:after {display:none;}
		.foot-btn ul li a {font-size:12px;}

		.foot-cnt {padding:30px 0;}
		.foot-cnt .col {display:block; text-align:center;}
		.foot-cnt .info {margin-bottom:20px;}
		.foot-cnt .info .tit {font-size:12px;}
		.foot-cnt .info p {font-size:12px;}
		.foot-cnt .center {width:100%; margin-bottom:20px;}
		.foot-cnt .center .tit {font-size:12px;}
		.foot-cnt .center .tel a {font-size:20px;}
		.foot-cnt .center .time {font-size:12px;}
		.foot-cnt .family {margin:0 auto; text-align:left;}
		.foot-cnt .family .family-btn {line-height:44px; font-size:12px;}
		.foot-cnt .family .family-box {bottom:44px;}
		.foot-cnt .family .family-box ul li a {font-size:12px;}
		
		.scrolltop {bottom:30px; width:40px; height:40px;}
		.scrolltop:before {width:40px; height:40px; background-size:cover;}

	/* layout */
	/* main */
		/* main-visual  */
		.main-visual h2 {font-size:32px;}
		.main-visual h2 span {font-size:24px; display:block;}
		.main-visual h2 br {display:none;}		
		.main-visual .bar {margin-top:60px;}
		.main-visual .progress-container {max-width:400px;}

		.main-visual .move {margin-top:20px;}
		.main-visual .move a {width:auto; display:inline-block; line-height:40px; border-radius:0 10px 0 10px; font-size:14px; padding:0 20px;}

		.scroll-down {bottom:30px;}
		/* section */
		.section {padding:60px 0 80px;}
		.section .sec-tit {margin-bottom:30px;}
		.section .sec-tit span {width:24px; height:4px;}
		.section .sec-tit h3 {font-size:32px; margin-bottom:10px;}
		.section .sec-tit p {font-size:14px;}
		/* section01 */
		.section01 .col {margin-bottom:-30px;}
		.section01 .col .row {width:50%; margin-bottom:30px;}
		.section01 .inner {padding:0 20px;}
		.section01 .inner .img-box {margin-bottom:12px;}
		.section01 .inner .txt-box h4 {font-size:20px;}
		.section01 .inner .txt-box p {font-size:14px;}
		/* section02 */
		.section02 .col .row {margin-bottom:40px;}
		.section02 .col .row:last-child {margin-bottom:0;}
		.section02 .inner {border-radius:0 0 20px 0;}
		.section02 .inner:hover {border-radius:0 0 20px 0;}
		.section02 .inner .txt-box {padding:40px 20px;}
		.section02 .inner .txt-box h4 {font-size:20px;}
		.section02 .inner .txt-box p {font-size:14px; margin-bottom:10px;}
		.section02 .inner .txt-box span {font-size:14px; width:100px; line-height:40px;}
		/* section03 */
		.section03 .tab-menu .tabs {margin-bottom:80px;}
		.section03 .tab-menu .tabs li a {font-size:16px; line-height:24px;}
		.section03 .tab-menu .tabs li a:after {height:10px;}
		
		.section03 .tab-cnt {width:100%; height:180px;}
		.section03 .inner {height:60px;}
		.section03 .inner .tit {max-width:80px;}
		.section03 .inner .tit span {padding:0 4px; line-height:28px; font-size:12px;}
		.section03 .inner .txt p {font-size:14px;}
		.section03 .inner .date {display:none;}
		.section03 .slick-arrow {bottom:auto; top:-40px;}
		.section03 .slick-prev {left:50%; margin-left:-40px;}
		.section03 .slick-next {left:50%; margin-left:20px;}
		/* .section04 */
		.section04 {padding:30px 0;}
		.section04 ul {flex-wrap:wrap; justify-content:center; margin:0 0 -20px;}
		.section04 ul li {padding:0 20px; width:33.3333333%; margin-bottom:20px;}
	/* main */
	/* sub */
		#sub #wrapper {overflow:hidden;}
		.real-cont {padding:80px 0 100px;}
		/* sub-visual */
		.sub-visual {height:300px; padding-top:80px;}
		.sub-visual .sub-title h2 {font-size:32px;}
		/* lnb */
		.lnb ul {justify-content:center;}
		.lnb ul li {width:auto;}
		.lnb ul li:after {height:10px; margin-top:-5px;}
		.lnb ul li a {font-size:14px; padding:10px;}
		/* page name */
		.page-name {margin-bottom:40px;}
		.page-name h3 {font-size:28px;}
		.page-name p {font-size:16px; margin-top:16px;}
		/* sub 01 01 */
		.greeting .img-box {height:300px; margin-bottom:40px; border-radius:0 30px 0 30px;}
		.greeting .img-box .txt {padding:40px 20px;}
		.greeting .img-box .txt p {font-size:16px; margin-bottom:10px;}
		.greeting .img-box .txt h4 {font-size:24px;}
		.greeting .img-box .img img {width:240px;}
		.greeting .txt-box p {font-size:14px; margin-bottom:18px;}
		.greeting .txt-box p:last-of-type {margin-bottom:18px;}
		.greeting .txt-box .sign {margin-top:40px; font-size:14px;}
		.greeting .txt-box .sign strong {font-size:18px;}
		/* sub 01 02 */
		.found .img-box {height:250px; margin-bottom:40px; border-radius:0 30px 0 30px;}
		.found .img-box h4 {font-size:24px;}
		.found .col {margin:0 0 -20px; display:block;}
		.found .col .row {padding:0; width:100%;}
		.found .inner .icon {max-width:60px;}
		.found .inner .txt h5 {font-size:14px;}
		.found .inner .txt p {font-size:16px;}
		/* sub 01 03 */
		.history .img-box {border-radius:0 30px 0 30px; margin-bottom:40px;}
		.history .txt-wrap .mob-year {font-size:28px; margin-bottom:20px;}
		.history .txt-wrap:before {height:calc(100% - 10px); top:10px;}
		.history .txt-wrap .txt-box {padding-bottom:50px; padding-left:30px;}
		.history .txt-wrap .txt-box:before {top:10px;}
		.history .txt-wrap .txt-box:last-child {padding-bottom:80px;}
		.history .txt-wrap .txt {display:block;}
		.history .txt-wrap .txt .month {max-width:none; font-size:16px; margin-bottom:10px;}
		.history .txt-wrap .txt ul li {font-size:16px;}
		/* sub 01 05 */
		.organization .wrap {padding-bottom:100px;}
		/* sub 01 06 */
		.directions .maps {height:300px; border-radius:0 30px 0 30px; margin-bottom:30px;}
		.directions .col {display:block; margin:0 0 -20px;}
		.directions .col .row {width:100%; padding:0;}
		.directions .inner .icon {max-width:60px;}
		.directions .inner .txt h5 {font-size:16px;}
		.directions .inner .txt p {font-size:14px;}
		/* doc-tit */
		.doc-tit {margin-bottom:20px;}
		.doc-tit h4 {font-size:24px;  padding-left:10px;}
		.doc-tit h4:before {width:3px; height:16px; margin-top:-8px;}
		/* sub 02 01 */
		.union .cnt {margin-bottom:80px;}
		.union .cnt01 .col {margin:0 0 -40px; display:block;}
		.union .cnt01 .col .row {padding:0 0 40px; width:100%;}
		.union .cnt01 .col .row:after {display:block; top:auto; margin-top:0; bottom:0; left:50%; margin-left:-15px; transform:rotate(90deg)}
		.union .cnt01 .inner {padding:15px}
		.union .cnt01 .inner .icon {margin-bottom:20px;}
		.union .cnt01 .inner .icon img {width:60px;}
		.union .cnt01 .inner h5 {font-size:18px;}
		.union .cnt02 .col {margin:0 0 -20px; display:block;}
		.union .cnt02 .col .row {padding:0; margin-bottom:20px; width:100%;}
		.union .cnt02 .inner .tit p {font-size:16px;}
		.union .cnt03 .table {display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
		.union .cnt03 table th {font-size:15px; }
		.union .cnt03 table td.bg {font-size:14px;}
		.union .cnt03 table td {white-space:nowrap;}
		.union .cnt04 .col {margin:0 0 -20px;}
		.union .cnt04 .col .row {width:100%; padding:0;}
		.union .cnt04 .inner {font-size:16px;  min-height:50px;}
		/* sub 02 02 */		
		.membership .table {display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
		.membership table thead th {font-size:15px;}
		.membership table tbody {font-size:14px;}
		.membership table tbody td {white-space:nowrap; height: 60px;}
		.membership table tbody td a.page {font-size:14px; white-space:nowrap; line-height:30px; padding:0 10px;}
		.membership table tbody td a.page:hover {border-radius:6px 0 6px 0;}
		/* sub 03 01 */
		.product .cnt {margin-bottom:80px;}
		.product .col {margin:0 auto 40px;}
		.product .col .img-box {margin-bottom:30px;}
		.product .col .txt-box .doc-tit {margin-bottom:10px;}
		.product .col .txt-box p {font-size:14px;}
		.product .col .txt-box li {font-size:14px;}
		.product .table {display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
		.product table thead th {font-size:14px;}
		.product table tbody {font-size:14px;}
		.product table tbody th {white-space:nowrap;}
		.product table tbody td {white-space:nowrap;}
		/* sub 05 01 */
		.regulations .cnt {margin-bottom:80px;}
		.regulations .cnt01 p {font-size:14px;}
		.regulations .cnt02 .col {display:block;}
		.regulations .cnt02 .icon {max-width:140px; margin:0 auto; padding-bottom:30px;}
		.regulations .cnt02 .icon:before {height:100%; width:1px; left:50%; top:0;}
		.regulations .cnt02 .icon .box {width:140px; height:140px;}
		.regulations .cnt02 .icon h5 {font-size:18px;}
		.regulations .cnt02 .txt-box {width:100%; padding:30px 20px;}
		.regulations .cnt02 .txt-box:before {top:0; margin-top:; left:50%; margin-left:-8px;}
		.regulations .cnt02 .txt-box h5 {font-size:18px;}
		.regulations .cnt02 .txt-box p {font-size:14px;}
		.regulations .cnt03 .col {height:auto; display:block; border-radius:0 30px 0 30px;}
		.regulations .cnt03 .img-box {max-width:none; border-top-right-radius:30px; height:200px;}
		.regulations .cnt03 .txt-box {width:100%; padding:20px;}
		.regulations .cnt03 .txt-box p {font-size:14px;}
		.regulations .cnt04 ol {margin:0 0 -20px; display:block;}
		.regulations .cnt04 ol li {width:100%; padding:0;}
		.regulations .cnt04 .inner .num {font-size:14px;}
		.regulations .cnt04 .inner .txt p {font-size:14px;}
		/* sub 05 02 */
		.reference table thead th {font-size:14px;}
		.reference table tbody {font-size:14px;}
		.reference table tbody td a {font-size:14px; padding:0 10px;}
	/* sub */
}

@media (max-width: 400px) {
	/* layout */
		
	/* layout */
	/* main */
		.section02 .inner {display:block; max-width:350px; width:100%; margin:0 auto;}
		.section02 .inner .img-box {width:100%; height:220px;}
		.section02 .inner .txt-box {width:100%;}
		
		.section03 .tab-menu .tabs li {padding:0 5px;}
		.section03 .tab-menu .tabs li a {font-size:14px;}
		
		
		.section04 ul li {width:50%;}
	/* main */
	/* sub */
		.lnb ul li a {padding:10px 6px; font-size:13px;}
		
		.page-name p {font-size:14px;}
		
		.found .img-box h4 {font-size:20px;}
		.found .inner {display:block;}
		.found .inner .icon {margin:0 auto 30px;}
		.found .inner .txt {width:100%; padding-left:0;}
		
		.history .txt-wrap .txt-box {padding:30px;}
		
	/* sub */
}