@import url("reset.css");


.board {width:100%;}

.board-list {width:100%;}
.board-list .list-tb {width:100%; font-size:0;}

.board-list .list-tb.ty-1 {margin-top:-100px;}
.board-list .list-tb.ty-1 li {width:calc(((100% - 224px) / 3) - 1px); margin-left:112px; margin-top:100px; display:inline-block; vertical-align:top; position:relative;}
.board-list .list-tb.ty-1 li:nth-child(3n+1) {margin-left:0;}
.board-list .list-tb.ty-1 li .thumnail {width:100%; margin-bottom:30px;}
.board-list .list-tb.ty-1 li .thumnail span {display:block; width:100%; height:0; padding-bottom:calc(459 / 315 * 100%); position:relative; transition:transform .25s ease-in-out;}
.board-list .list-tb.ty-1 li .thumnail span img {max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:10;}
.board-list .list-tb.ty-1 li .conts {width:100%; text-align:center;}
.board-list .list-tb.ty-1 li .conts h1 {width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board-list .list-tb.ty-1 li .conts h1 a {font-size:24px; font-weight:500;}
.board-list .list-tb.ty-1 li .conts h2 {font-family: 'Linux Biolinum'; font-size:18px; color:#B98D26; margin-bottom:10px;}
.board-list .list-tb.ty-1 li .conts .tag {width:100%; font-size:0; margin-top:20px;}
.board-list .list-tb.ty-1 li .conts .tag span {display:inline-block; vertical-align:middle; margin-right:10px; height:26px; box-sizing:border-box; border-radius:30px; padding:0 10px; font-size:14px; color:#003B5D; border:1px solid #003B5D; line-height:24px;}
.board-list .list-tb.ty-1 li .conts .tag span:last-child {margin-right:0;}
.board-list .list-tb.ty-1 li .mark {width:100px; height:100px; position:absolute; right:-50px; top:-50px; z-index:11;}
.board-list .list-tb.ty-1 li .mark.best {background:url(/img/com/icon_best.svg) center no-repeat; background-size:cover;}
.board-list .list-tb.ty-1 li:hover .thumnail {-webkit-box-shadow: 0px 15px 18px 0px rgba(68, 56, 22, 0.2); -moz-box-shadow:0px 15px 18px 0px rgba(68, 56, 22, 0.2); box-shadow:0px 15px 18px 0px rgba(68, 56, 22, 0.2);}
.board-list .list-tb.ty-1 li:hover .thumnail span {-webkit-transform:scale(1.05); -moz-transform:scale(1.05); transform:scale(1.05);}

.board-list .list-tb.ty-2 {margin-top:-60px;}
.board-list .list-tb.ty-2 li {display:inline-block; vertical-align:top; width:calc(((100% - 60px) / 3) - 1px); margin-left:30px; margin-top:60px;}
.board-list .list-tb.ty-2 li:nth-child(3n+1) {margin-left:0;}
.board-list .list-tb.ty-2 li .thumnail {width:100%; margin-bottom:20px;}
.board-list .list-tb.ty-2 li .thumnail span {display:block; width:100%; height:0; padding-bottom:calc(207 / 370 * 100%); position:relative; -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); transition:transform .25s ease-in-out;}
.board-list .list-tb.ty-2 li .thumnail span img {max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.board-list .list-tb.ty-2 li .subject {width:100%; text-align:center;}
.board-list .list-tb.ty-2 li .subject a {/*display:inline-block;*/ display:none; vertical-align:middle; font-size:18px; max-width:100%; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board-list .list-tb.ty-2 li:hover .thumnail span {-webkit-transform:scale(1.05); -moz-transform:scale(1.05); transform:scale(1.05); -webkit-box-shadow:0px 10px 18px 0px rgba(68,56,22,0.16); -moz-box-shadow:0px 10px 18px 0px rgba(68,56,22,0.16); box-shadow:0px 10px 18px 0px rgba(68,56,22,0.16);}


.board-view {width:100%;}
.board-view .view-tb {width:100%; font-size:0;}

.board-view .view-tb.ty-1 .tlt {width:100%; text-align:center; margin-bottom:60px;}
.board-view .view-tb.ty-1 .tlt span.round {display:inline-block; font-size:14px; max-width:100%; padding:5px 10px; border-radius:30px; box-sizing:border-box; border:1px solid #003B5D; color:#003B5D; font-weight:500;}
.board-view .view-tb.ty-1 .tlt h1 {display:block; margin-top:20px; font-size:36px;}
.board-view .view-tb.ty-1 .view-conts {width:100%; border-top:2px solid #443816; border-bottom:1px solid #E1DED8; padding:60px 0; font-size:18px; line-height:1.6;}
.board-view .view-tb.ty-1 .view-conts > .wrap {width:100%; max-width:1010px; margin:0 auto;}
.board-view .view-tb.ty-1 .view-conts .video-box {width:100%; height:0; padding-bottom:calc(360 / 640 * 100%); position:relative;}
.board-view .view-tb.ty-1 .view-conts .video-box iframe, 
.board-view .view-tb.ty-1 .view-conts .video-box video {width:100%; height:100%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.board-view .view-tb.ty-1 .view-conts .conts {width:100%; margin-top:30px; font-size:18px; text-align:justify;}
.board-view .view-tb.ty-1 .view-conts .conts img{max-width:100%; width:auto;}
.board-view .view-tb.ty-1 .view-conts .thum-nav {width:100%; margin-top:30px;}
.board-view .view-tb.ty-1 .view-conts .thum-nav ul li span {width:100%; height:0; padding-bottom:calc(360 / 640 * 100%); position:relative; overflow:hidden; position:relative; display:block;}
.board-view .view-tb.ty-1 .view-conts .thum-nav ul li span img {max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.board-view .view-tb.ty-1 .view-conts .thum-nav .slick-list {margin:0 -15px;}
.board-view .view-tb.ty-1 .view-conts .thum-nav .slick-slide {margin:0 15px; line-height:0;}
.board-view .view-tb.ty-1 .view-conts .thum-nav .slick-arrow {width:20px; height:40px; border:none; font-size:0; cursor:pointer; background:url(/img/index/slide_nav_off.svg) no-repeat; background-size:100% auto; position:absolute; top:50%;}
.board-view .view-tb.ty-1 .view-conts .thum-nav .slick-arrow.slick-prev {left:-50px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.board-view .view-tb.ty-1 .view-conts .thum-nav .slick-arrow.slick-next {top:calc(50% - 3px); right:-50px; -webkit-transform:translateY(-50%) scale(-1); -moz-transform:translateY(-50%) scale(-1); transform:translateY(-50%) scale(-1);}
.board-view .view-tb.ty-1 .view-conts .thum-nav .slick-arrow:hover {background-image:url(/img/index/slide_nav_on.svg);}
.board-view .view-tb.ty-1 .view-conts .thum-nav .slick-arrow.slick-next:hover {-webkit-transform:translateY(-50%) scale(-1); -moz-transform:translateY(-50%) scale(-1); transform:translateY(-50%) scale(-1);}
.board-view .view-tb.ty-1 .addfile-box {width:100%; font-size:0; position:relative; border:solid #E1DED8; border-width:0 0 1px 0;}
.board-view .view-tb.ty-1 .addfile-box:before {content:""; width:200px; height:100%; position:absolute; left:0; top:0; z-index:0; background:#F7F5EF;}
.board-view .view-tb.ty-1 .addfile-box > * {display:inline-block; vertical-align:middle; padding:15px; font-size:16px; position:relative; z-index:10;}
.board-view .view-tb.ty-1 .addfile-box .th {width:200px; text-align:center;}
.board-view .view-tb.ty-1 .addfile-box .addfile-list {width:calc(100% - 200px);}
.board-view .view-tb.ty-1 .addfile-box .addfile-list ul li {width:100%; margin-top:5px;}
.board-view .view-tb.ty-1 .addfile-box .addfile-list ul li:nth-child(1) {margin-top:0;}
.board-view .view-tb.ty-1 .addfile-box .addfile-list ul li a {display:inline-block; max-width:100%; font-size:16px; color:#003B5D; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:20px; position:relative; box-sizing:border-box;}
.board-view .view-tb.ty-1 .addfile-box .addfile-list ul li a:before {content:""; width:15px; height:100%; background:url(/img/conts/icon_download.svg) center no-repeat; background-size:100% auto; position:absolute; right:0; top:0;}

.board-button {width:100%; margin-top:40px; text-align:center;}
.board-button.ty-r {text-align:right;}
.board-button.ty-l {text-align:left;}
.board-button .button {display:inline-block; vertical-align:middle; margin-left:10px;}
.board-button .button:nth-child(1) {margin-left:0;}

.board-thum-list {width:100%; margin-top:80px; border-top:1px solid #29251B; border-bottom:1px solid #E1DED8; padding:30px;}
.board-thum-list ul {width:calc(100% - 100px); margin:0 auto;}
.board-thum-list ul li span {width:100%; height:0; padding-bottom:calc(360 / 640 * 100%); position:relative; overflow:hidden; position:relative; display:block;}
.board-thum-list ul li span img {max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.board-thum-list .slick-list {margin:0 -15px;}
.board-thum-list .slick-slide {margin:0 15px; line-height:0;}
.board-thum-list .slick-arrow {width:20px; height:40px; border:none; font-size:0; cursor:pointer; background:url(/img/index/slide_nav_off.svg) no-repeat; background-size:100% auto; position:absolute; top:50%;}
.board-thum-list .slick-arrow.slick-prev {left:-50px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.board-thum-list .slick-arrow.slick-next {top:calc(50% - 3px); right:-50px; -webkit-transform:translateY(-50%) scale(-1); -moz-transform:translateY(-50%) scale(-1); transform:translateY(-50%) scale(-1);}
.board-thum-list .slick-arrow:hover {background-image:url(/img/index/slide_nav_on.svg);}
.board-thum-list .slick-arrow.slick-next:hover {-webkit-transform:translateY(-50%) scale(-1); -moz-transform:translateY(-50%) scale(-1); transform:translateY(-50%) scale(-1);}

.form [type=text], .form [type=password] {height:44px; box-sizing:border-box; border-radius:4px; border:1px solid #E1DED8; background:#ff; padding:0 10px; font-size:16px;}
.form [type=text]:focus, .form [type=password]:focus {border-color:#BFA872;}
.form input::placeholder {color:#B7B2A8;}
.form input.wid {width:100%; max-width:100% !important;}
.form .select-box {height:44px; box-sizing:border-box; border-radius:4px; border:1px solid #E1DED8; background:#ff; font-size:16px; position:relative;}
.form .select-box:before {content:""; width:5px; height:5px; border:solid #29251B; border-width:0 1px 1px 0; position:absolute; right:10px; top:calc(50% - 2px); -webkit-transform:translateY(-50%) rotate(45deg); -moz-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg);}
.form .select-box select {width:100%; height:100%; border:none; background:transparent; -webkit-appearance:none; -moz-appearance:none; appearance:none; font-size:16px; padding:0 10px;}
.form .select-box select::-ms-expand {display:none;}
.form .select-box select option {font-size:16px; width:100%;}
.form .val-box {width:100%; height:44px; box-sizing:border-box; border-radius:4px; background:#F5F2EB; border:1px solid #E1DED8; display:table; font-size:16px;}
.form .val-box span {display:table-cell; vertical-align:middle; padding:0 10px;}

.form-button {width:100%; margin-top:40px; text-align:center;}
.form-button.ty-r {text-align:right;}
.form-button.ty-l {text-align:left;}
.form-button .button {display:inline-block; vertical-align:middle; margin-left:10px;}
.form-button .button:nth-child(1) {margin-left:0;}

.form .agree-box {width:100%; border-top:1px solid #443816; border-bottom:1px solid #E1DED8; margin-bottom:40px;}
.form .agree-box .agree-chk {width:100%; background:#F5F2EB; padding:15px 10px; font-size:16px;}
.form .agree-box .agree-conts {width:100%; background:#fff; padding:20px 10px; height:150px; overflow-y:auto; white-space:pre-wrap;}
.form .agree-box .agree-conts > .inner {width:100%; height:100%; font-size:14px; line-height:1.6;}

.form .form-box {font-size:0; width:100%;}
.form .form-box ul {width:100%; margin-top:-30px; margin-bottom:30px;}
.form .form-box ul:last-child {margin-bottom:0;}
.form .form-box ul li {width:100%; display:inline-block; vertical-align:top; margin-top:30px;}
.form .form-box ul li [type=text], .form .form-box ul li [type=password] {width:100%; max-width:340px;}
.form .form-box ul li .tlt {font-size:16px; font-weight:500; margin-bottom:10px;}
.form .form-box ul li .tlt span {display:inline-block; position:relative;}
.form .form-box ul li .tlt span.required:after {content:" *";}
.form .form-box ul li .input-box {width:100%; font-size:0;}
.form .form-box ul li .input-box > * {display:inline-block; vertical-align:middle; margin-left:8px;}
.form .form-box ul li .input-box > *:nth-child(1) {margin-left:0; width:100%}
.form .form-box ul li .input-box .val-box {width:100%; display:table; max-width:340px;}
.form .form-box ul li .split-2 > *:not(.button) {width:calc(100% - 102px);}
.form .form-box ul li .box-phone .select-box {width:74px;}
.form .form-box ul li .box-phone [type=text] {width:calc(100% - 184px);}
.form .form-box ul li .box-phone > *:first-child:nth-last-child(2) ~ * {width:calc(100% - 82px);}
.form .form-box ul li dl dd {width:100%; margin-top:8px;}
.form .form-box ul li dl dd:nth-child(1) {margin-top:0;}
.form .form-box ul li .td {display:inline-block; vertical-align:top; margin-left:50px;}
.form .form-box ul li .td:nth-child(1) {margin-left:0;}
.form .form-box ul li .td:only-child {width:100%;}
.form .form-box ul li .td:first-child:nth-last-child(2),
.form .form-box ul li .td:first-child:nth-last-child(2) ~ .td {width:calc(((100% - 50px) / 2) - 1px);}
.form .form-box ul li .hidden-box {margin-top:8px; width:100%; font-size:0; display:none;}
.form .form-box ul li .hidden-box > * {display:inline-block; vertical-align:middle; margin-left:50px; width:calc(((100% - 50px) / 2) - 1px);}
.form .form-box ul li .hidden-box > *:nth-child(1) {margin-left:0;}
.form .form-box ul li ol.linear {margin-top:-8px; width:240px; display:inline-block;vertical-align: top;}
.form .form-box ul li ol.linear li {margin-top:8px;}
.form .form-box ul li .hlp {width:calc(100% - 240px); display:inline-block; font-size:14px; padding-top:8px; vertical-align:top; margin-top:-8px;}
.form .form-box ul li .hlp u{ text-decoration:none; color:#F30; font-weight:500}
.form .form-box ul li .hlp_add {display:inline-block; font-size:14px; font-weight:400; padding-top:8px; padding-left:20px; vertical-align:top; margin-top:-8px;}
.form .form-box ul li .hlp_add u{ text-decoration:none; color:#F30; font-weight:500}
.form .form-box ul li .type-box {margin-top:8px; width:100%;}
.form .form-box ul li .type-box > * {width:100%; max-width:500px;}
.form .form-box ul li .type-box [type=text] {max-width:100%;}

.in-w-100 {width:100%;}



@media screen and (max-width: 1280px){

	.board-list .list-tb.ty-1 li {width:calc(((100% - 140px) / 3) - 1px); margin-left:70px;}

	.board-view .view-tb.ty-1 .view-conts .thum-nav ul {width:calc(100% - 100px); margin-left:auto; margin-right:auto;}

}


@media screen and (max-width: 1024px){

	.board-list .list-tb.ty-1 {margin-top:-80px;}
	.board-list .list-tb.ty-1 li {width:calc(((100% - 120px) / 3) - 1px); margin-left:60px; margin-top:80px;}	
	.board-list .list-tb.ty-1 li .conts h1 a {font-size:22px;}
	.board-list .list-tb.ty-1 li .conts h2 {font-size:16px; margin-bottom:5px;}
	.board-list .list-tb.ty-1 li .conts .tag {margin-top:15px;}
	.board-list .list-tb.ty-1 li .conts .tag span {font-size:13px;}
	.board-list .list-tb.ty-1 li .mark {width:70px; height:70px; right:-35px; top:-35px;}
	.board-list .list-tb.ty-1 li:hover .thumnail {box-shadow:none;}
	.board-list .list-tb.ty-1 li:hover .thumnail span {-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}

	.board-list .list-tb.ty-2 {margin-top:-50px;}
	.board-list .list-tb.ty-2 li {width:calc(((100% - 30px) / 3) - 1px); margin-left:15px; margin-top:50px;}
	.board-list .list-tb.ty-2 li .subject a {font-size:16px;}
	.board-list .list-tb.ty-2 li:hover .thumnail span {-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); box-shadow:none;}

	.board-view .view-tb.ty-1 .tlt {margin-bottom:50px;}
	.board-view .view-tb.ty-1 .tlt span.round {font-size:13px;}
	.board-view .view-tb.ty-1 .tlt h1 {font-size:32px;}
	.board-view .view-tb.ty-1 .view-conts {padding:50px 0; font-size:16px;}
	.board-view .view-tb.ty-1 .view-conts .thum-nav .slick-list {margin:0 -8px;}
	.board-view .view-tb.ty-1 .view-conts .thum-nav .slick-slide {margin:0 8px;}
	.board-view .view-tb.ty-1 .view-conts .conts {font-size:16px;}
	.board-view .view-tb.ty-1 .addfile-box:before {width:160px;}
	.board-view .view-tb.ty-1 .addfile-box > * {font-size:15px;}
	.board-view .view-tb.ty-1 .addfile-box .th {width:160px;}
	.board-view .view-tb.ty-1 .addfile-box .addfile-list {width:calc(100% - 160px);}
	.board-view .view-tb.ty-1 .addfile-box .addfile-list ul li a {font-size:15px; padding-right:18px;}
	.board-view .view-tb.ty-1 .addfile-box .addfile-list ul li a:before {width:13px;}

	.board-thum-list .slick-list {margin:0 -8px;}
	.board-thum-list .slick-slide {margin:0 8px;}

	.form .agree-box .agree-chk {font-size:15px;}
	.form .agree-box .agree-conts > .inner {font-size:13px;}

	.form [type=text], .form [type=password] {font-size:15px;}
	.form .select-box {font-size:15px;}
	.form .select-box select {font-size:15px;}
	.form .select-box select option {font-size:15px;}
	.form .val-box {font-size:15px;}

	.form .form-box ul li .tlt {font-size:15px;}

}


@media screen and (max-width: 900px){

	.board-list .list-tb.ty-2 li {width:calc(((100% - 20px) / 2) - 1px); margin-left:20px;}
	.board-list .list-tb.ty-2 li:nth-child(odd), .board-list .list-tb.ty-2 li:nth-child(even) {margin-left:20px;}
	.board-list .list-tb.ty-2 li:nth-child(2n+1) {margin-left:0;}

	.form .form-box ul li .td {margin-left:30px;}
	.form .form-box ul li .td:first-child:nth-last-child(2),
	.form .form-box ul li .td:first-child:nth-last-child(2) ~ .td {width:calc(((100% - 30px) / 2) - 1px);}
	.form .form-box ul li .hidden-box > * {margin-left:30px; width:calc(((100% - 30px) / 2) - 1px);}

}


@media screen and (max-width: 768px){

	.board-list .list-tb.ty-1 {margin-top:-60px;}
	.board-list .list-tb.ty-1 li {width:calc(((100% - 60px) / 3) - 1px); margin-left:30px; margin-top:60px;}
	.board-list .list-tb.ty-1 li .thumnail {margin-bottom:20px;}
	.board-list .list-tb.ty-1 li .conts h1 a {font-size:20px;}
	.board-list .list-tb.ty-1 li .conts h2 {font-size:14px;}
	.board-list .list-tb.ty-1 li .conts .tag span {font-size:12px; height:24px; line-height:22px;}
	.board-list .list-tb.ty-1 li .mark {width:60px; height:60px; right:-30px; top:-30px;}

	.board-list .list-tb.ty-2 {margin-top:-40px;}
	.board-list .list-tb.ty-2 li {margin-top:40px;}
	.board-list .list-tb.ty-2 li .thumnail {margin-bottom:15px;}
	.board-list .list-tb.ty-2 li .subject a {font-size:14px;}

	.board-view .view-tb.ty-1 .tlt {margin-bottom:40px;}
	.board-view .view-tb.ty-1 .tlt span.round {font-size:12px;}
	.board-view .view-tb.ty-1 .tlt h1 {font-size:26px; margin-top:15px;}
	.board-view .view-tb.ty-1 .view-conts {padding:40px 0; font-size:14px;}
	.board-view .view-tb.ty-1 .view-conts .thum-nav {margin-top:20px;}
	.board-view .view-tb.ty-1 .view-conts .thum-nav ul {width:calc(100% - 80px);}
	.board-view .view-tb.ty-1 .view-conts .thum-nav .slick-list {margin:0 -5px;}
	.board-view .view-tb.ty-1 .view-conts .thum-nav .slick-slide {margin:0 5px;}
	.board-view .view-tb.ty-1 .view-conts .thum-nav .slick-arrow {width:15px; height:35px;}
	.board-view .view-tb.ty-1 .view-conts .thum-nav .slick-arrow.slick-prev {left:-40px;}
	.board-view .view-tb.ty-1 .view-conts .thum-nav .slick-arrow.slick-next {right:-40px; top:calc(50% - 6px);}
	.board-view .view-tb.ty-1 .view-conts .conts {margin-top:20px; font-size:14px;}
	.board-view .view-tb.ty-1 .addfile-box:before {width:120px;}
	.board-view .view-tb.ty-1 .addfile-box > * {font-size:14px; padding:12px;}
	.board-view .view-tb.ty-1 .addfile-box .th {width:120px;}
	.board-view .view-tb.ty-1 .addfile-box .addfile-list {width:calc(100% - 120px);}
	.board-view .view-tb.ty-1 .addfile-box .addfile-list ul li a {font-size:14px; padding-right:16px;}
	.board-view .view-tb.ty-1 .addfile-box .addfile-list ul li a:before {width:11px;}

	.board-thum-list {margin-top:60px; padding:20px;}
	.board-thum-list ul {width:calc(100% - 80px);}
	.board-thum-list .slick-list {margin:0 -5px;}
	.board-thum-list .slick-slide {margin:0 5px;}
	.board-thum-list .slick-arrow {width:15px; height:35px;}
	.board-thum-list .slick-arrow.slick-prev {left:-40px;}
	.board-thum-list .slick-arrow.slick-next {right:-40px; top:calc(50% - 6px);}

	.form [type=text], .form [type=password] {font-size:14px;}
	.form .select-box {font-size:14px;}
	.form .select-box select {font-size:14px;}
	.form .select-box select option {font-size:14px;}
	.form .val-box {font-size:14px;}

	.form .agree-box .agree-chk {padding:12px 8px; font-size:14px;}
	.form .agree-box .agree-conts {padding:15px 8px; height:120px;}
	.form .agree-box .agree-conts > .inner {font-size:12px;}

	.form .form-box ul li .tlt {font-size:14px;}
	.form .form-box ul li .split-2 > *:not(.button) {width:calc(100% - 96px);}
	.form .form-box ul li .box-phone .select-box {width:70px;}
	.form .form-box ul li .box-phone [type=text] {width:calc(100% - 174px); max-width:263px;}
	.form .form-box ul li .box-phone > *:first-child:nth-last-child(2) ~ * {width:calc(100% - 78px);}
	.form .form-box ul li .td {margin-left:0; margin-top:30px;}
	.form .form-box ul li .td:nth-child(1) {margin-top:0;}
	.form .form-box ul li .td:first-child:nth-last-child(2),
	.form .form-box ul li .td:first-child:nth-last-child(2) ~ .td {width:100%;}
	.form .form-box ul li .hidden-box > * {margin-left:0; margin-top:8px; width:100%;}
	.form .form-box ul li .hidden-box > *:nth-child(1) {margin-top:0;}

	.form .form-box ul li ol.linear {width:100%;}
	.form .form-box ul li .hlp {width:100%; margin-top:0}

}


@media screen and (max-width: 600px){

	.board-list .list-tb.ty-1 li {width:calc(((100% - 40px) / 2) - 1px); margin-left:40px;}
	.board-list .list-tb.ty-1 li:nth-child(odd), .board-list .list-tb.ty-1 li:nth-child(even) {margin-left:40px;}
	.board-list .list-tb.ty-1 li:nth-child(2n+1) {margin-left:0;}

	.board-view .view-tb.ty-1 .view-conts .thum-nav .slick-list {margin:0 -8px;}
	.board-view .view-tb.ty-1 .view-conts .thum-nav .slick-slide {margin:0 8px;}

	.board-thum-list .slick-list {margin:0 -8px;}
	.board-thum-list .slick-slide {margin:0 8px;}

}


@media screen and (max-width: 480px){

	.board-list .list-tb.ty-1 {margin-top:-50px;}
	.board-list .list-tb.ty-1 li {width:calc(((100% - 20px) / 2) - 1px); margin-left:20px; margin-top:50px;}
	.board-list .list-tb.ty-1 li:nth-child(odd), .board-list .list-tb.ty-1 li:nth-child(even) {margin-left:20px;}
	.board-list .list-tb.ty-1 li:nth-child(2n+1) {margin-left:0;}
	.board-list .list-tb.ty-1 li .thumnail {margin-bottom:15px;}
	.board-list .list-tb.ty-1 li .conts h1 a {font-size:16px;}
	.board-list .list-tb.ty-1 li .conts h2 {font-size:13px; margin-bottom:0;}
	.board-list .list-tb.ty-1 li .conts .tag {margin-bottom:10px;}
	.board-list .list-tb.ty-1 li .conts .tag span {font-size:11px; padding:0 8px;}
	.board-list .list-tb.ty-1 li .mark {width:40px; height:40px; right:-15px; top:-15px;}
	.board-list .list-tb.ty-1 li:hover .thumnail {-webkit-box-shadow: 0px 10px 10px 0px rgba(68, 56, 22, 0.2); -moz-box-shadow:0px 10px 10px 0px rgba(68, 56, 22, 0.2); box-shadow:0px 10px 10px 0px rgba(68, 56, 22, 0.2);}

	.board-list .list-tb.ty-2 {margin-top:-30px;}
	.board-list .list-tb.ty-2 li {width:calc(((100% - 10px) / 2) - 1px); margin-left:10px; margin-top:30px;}
	.board-list .list-tb.ty-2 li:nth-child(odd), .board-list .list-tb.ty-2 li:nth-child(even) {margin-left:10px;}
	.board-list .list-tb.ty-2 li:nth-child(2n+1) {margin-left:0;}
	.board-list .list-tb.ty-2 li .thumnail {margin-bottom:10px;}
	.board-list .list-tb.ty-2 li .subject a {font-size:13px;}
	.board-list .list-tb.ty-2 li:hover .thumnail span {-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}

	.board-view .view-tb.ty-1 .tlt {margin-bottom:30px;}
	.board-view .view-tb.ty-1 .tlt span.round {font-size:11px;}
	.board-view .view-tb.ty-1 .tlt h1 {font-size:20px; margin-top:10px;}
	.board-view .view-tb.ty-1 .view-conts {padding:30px 0; font-size:13px;}
	.board-view .view-tb.ty-1 .view-conts .thum-nav {margin-top:15px;}
	.board-view .view-tb.ty-1 .view-conts .thum-nav ul {width:calc(100% - 60px);}
	.board-view .view-tb.ty-1 .view-conts .thum-nav .slick-list {margin:0 -5px;}
	.board-view .view-tb.ty-1 .view-conts .thum-nav .slick-slide {margin:0 5px;}
	.board-view .view-tb.ty-1 .view-conts .thum-nav .slick-arrow.slick-prev {left:-30px;}
	.board-view .view-tb.ty-1 .view-conts .thum-nav .slick-arrow.slick-next {right:-30px;}
	.board-view .view-tb.ty-1 .view-conts .conts {margin-top:15px; font-size:13px;}
	.board-view .view-tb.ty-1 .addfile-box:before {width:100%; display:none;}
	.board-view .view-tb.ty-1 .addfile-box > * {font-size:13px;}
	.board-view .view-tb.ty-1 .addfile-box .th {width:100%; background:#F7F5EF;}
	.board-view .view-tb.ty-1 .addfile-box .addfile-list {width:100%;}
	.board-view .view-tb.ty-1 .addfile-box .addfile-list ul li a {font-size:13px; padding-right:15px;}
	.board-view .view-tb.ty-1 .addfile-box .addfile-list ul li a:before {width:10px;}

	.board-thum-list {margin-top:40px; padding:20px 10px;}
	.board-thum-list ul {width:calc(100% - 60px);}
	.board-thum-list .slick-list {margin:0 -5px;}
	.board-thum-list .slick-slide {margin:0 5px;}
	.board-thum-list .slick-arrow {}
	.board-thum-list .slick-arrow.slick-prev {left:-30px; top:calc(50% + 5px);}
	.board-thum-list .slick-arrow.slick-next {right:-30px; top:calc(50% - 4px);}

	.board-button {margin-top:30px;}
	.board-button .button {margin-left:5px;}

	.form-button {margin-top:30px;}
	.form-button .button {margin-left:5px;}

	.form [type=text], .form [type=password] {font-size:13px; height:38px;}
	.form .select-box {height:38px; font-size:13px;}
	.form .select-box:before {width:4px; height:4px; right:8px;}
	.form .select-box select {font-size:13px; padding:0 8px;}
	.form .select-box select option {font-size:13px;}
	.form .val-box {font-size:13px; height:38px;}

	.form .agree-box {margin-bottom:30px;}
	.form .agree-box .agree-chk {padding:10px 8px; font-size:13px;}
	.form .agree-box .agree-conts {padding:12px 8px;}
	.form .agree-box .agree-conts > .inner {font-size:11px;}

	.form .form-box ul {margin-top:-20px; margin-bottom:20px;}
	.form .form-box ul li {margin-top:20px;}
	.form .form-box ul li .tlt {font-size:14px; margin-bottom:8px;}	
	.form .form-box ul li .input-box > * {margin-left:5px;}
	.form .form-box ul li .split-2 > *:not(.button) {width:calc(100% - 85px);}
	.form .form-box ul li .box-phone .select-box {width:65px;}
	.form .form-box ul li .box-phone [type=text] {width:calc(100% - 155px);}
	.form .form-box ul li .box-phone > *:first-child:nth-last-child(2) ~ * {width:calc(100% - 70px);}
	.form .form-box ul li .td {margin-top:20px;}
	.form .form-box ul li dl dd {margin-top:5px;}
	.form .form-box ul li .hidden-box {margin-top:5px;}
	.form .form-box ul li .hidden-box > * {margin-top:5px;}
	.form .form-box ul li ol.linear {margin-top:-5px;}
	.form .form-box ul li ol.linear li {margin-top:5px;}

}