@charset "utf-8";

@font-face {
	font-family: 'NanumSquareR';
	src: url('fonts/NanumSquareR.eot');
	src: url('fonts/NanumSquareR.eot?#iefix') format('embedded-opentype'),
		 url('fonts/NanumSquareR.woff') format('woff'),
		 url('fonts/NanumSquareR.woff2') format('woff'),
		 url('fonts/NanumSquareR.ttf') format('truetype');
	src: local(※), url('fonts/NanumSquareR.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'NanumSquareB';
	src: url('fonts/NanumSquareB.eot');
	src: url('fonts/NanumSquareB.eot?#iefix') format('embedded-opentype'),
		 url('fonts/NanumSquareB.woff') format('woff'),
		 url('fonts/NanumSquareB.woff2') format('woff'),
		 url('fonts/NanumSquareB.ttf') format('truetype');
	src: local(※), url('fonts/NanumSquareB.woff') format('woff');
	font-weight: 700;
	font-style: bold;
}

@font-face {
	font-family: 'NotoSansL';
	src: url('fonts/NotoSansCJKkr-Light.eot');
	src: url('fonts/NotoSansCJKkr-Light.eot?#iefix') format('embedded-opentype'),
		 url('fonts/NotoSansCJKkr-Light.woff') format('woff'),
		 url('fonts/NotoSansCJKkr-Light.woff2') format('woff'),
		 url('fonts/NotoSansCJKkr-Light.otf') format('opentype');
	src: local(※), url('fonts/NotoSansCJKkr-Light.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'NotoSansR';
	src: url('fonts/NotoSansCJKkr-Regular.eot');
	src: url('fonts/NotoSansCJKkr-Regular.eot?#iefix') format('embedded-opentype'),
		 url('fonts/NotoSansCJKkr-Regular.woff') format('woff'),
		 url('fonts/NotoSansCJKkr-Regular.woff2') format('woff'),
		 url('fonts/NotoSansCJKkr-Regular.otf') format('opentype');
	src: local(※), url('fonts/NotoSansCJKkr-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'NotoSansM';
	src: url('fonts/NotoSansCJKkr-Medium.eot');
	src: url('fonts/NotoSansCJKkr-Medium.eot?#iefix') format('embedded-opentype'),
		 url('fonts/NotoSansCJKkr-Medium.woff') format('woff'),
		 url('fonts/NotoSansCJKkr-Medium.woff2') format('woff'),
		 url('fonts/NotoSansCJKkr-Medium.otf') format('opentype');
	src: local(※), url('fonts/NotoSansCJKkr-Medium.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'NotoSansB';
	src: url('fonts/NotoSansCJKkr-Bold.eot');
	src: url('fonts/NotoSansCJKkr-Bold.eot?#iefix') format('embedded-opentype'),
		 url('fonts/NotoSansCJKkr-Bold.woff') format('woff'),
		 url('fonts/NotoSansCJKkr-Bold.woff2') format('woff'),
		 url('fonts/NotoSansCJKkr-Bold.otf') format('opentype');
	src: local(※), url('fonts/NotoSansCJKkr-Bold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}





html {margin: 0; padding: 0; background-color: #fff; overflow-x: hidden;}

body {margin: 0; padding: 0; font-family: 'NotoSansR','NanumGothic','NanumBarunGothic','돋움',Dotum,sans-serif; font-size: 14px; line-height: 1.5; letter-spacing: 0; color: #212121; -webkit-text-size-adjust: none;}

div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td, button, textarea, select {margin: 0; padding: 0;}

h1, h2, h3, h4, h5, h6{font-size: 100%; font-weight: normal;}

img {vertical-align: middle; border: 0;}

ul, ol, dl, dt, dd, li {list-style: none;}

dt {font-weight: normal;}

table,
th,
td {
	font-weight: normal;
	border-collapse: collapse;
	border-spacing: 0;
}

caption {
	display: block;
	height: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999em;
	overflow: hidden;
}

fieldset,
blockquote,
iframe,
button {
	border: none;
}

i,
em,
u,
cite {
	font-style: normal;
}

strong,
em,
b {
	font-weight: normal;
}

a {color: #212121; text-decoration: none;}
a:hover,
a:focus {
	color: #222;
	text-decoration: none;
	outline: 0;
}

input {font-family: 'NotoSansL','Dotum','arm',sans-serif;}

button {
	margin: 0;
	vertical-align: middle;
	background: transparent;
	cursor: pointer;
}
button:link,
button:visited,
button:active,
button:hover,
button:focus {
	outline: none;
}
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	-webkit-appearance: none;
	cursor: pointer;
}
[class^="btn_"]:not(.btn_area) {
    position: relative;
    display: inline-block;
    height: 48px;
    box-sizing: border-box;
    text-align: center;
    background: #fff;
}
[class^="btn_"]:not(.btn_area) { position:relative; display:inline-block; height:48px; box-sizing:border-box; text-align:center; background:#fff; }
[class^="btn_"]:not(.btn_area):before { content:""; display:inline-block; height:100%; vertical-align:middle; }
[class^="btn_"]:not(.btn_area):after { content:""; display:inline-block; height:100%; vertical-align:middle; }

section,
nav,
article,
aside,
header,
footer,
main {
	display: block;
}

input[type="date"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-inner-spin-button {
	display: none;
}
input[type="text"],
input[type="search"],
input[type="tel"],
input[type="number"],
input[type="password"] {
	border-radius: 0;
	-webkit-appearance: none;
}
input[placeholder] {
	font-family: 'NotoSansL','돋움',Dotum,arm,sans-serif;
}
::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder {
	color: #aaa;
}
::-ms-clear,
::-ms-reveal {
	display: none;
}

select,
textarea,
button {
	font-family: 'NotoSansR','돋움',Dotum,arm,sans-serif;
	border-radius: 0;
}
select {
	width: 100%;
	background-image: url(../images/common/select_arrow.png);
	background-position: center right;
	background-size: 55px;
	background-repeat: no-repeat;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
	-webkit-appearance: none;
	   -moz-appearance: none;
		 -o-appearance: none;
			appearance: none;
}
select::-ms-expand {
	display: none;
}

/* input[type="text"], */
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
	padding: 5px;
	width: 100%;
	height: 25px;
	vertical-align: middle;
	color: #777;
	background: #fff;
	border: 1px solid #e8e8e8;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}

.skip {position: fixed; top: 0; left: 0; z-index: 2000; width: 100%;}
.skip a {display: block; width: 0; height: 0; font-size: 0;}
.skip a:hover,
.skip a:focus,
skip a:active {
	display: block;
	padding: 9px 0;
	width: 100%;
	height: 16px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	background: #282a37;
}

/* IR */
.screen_out {position: absolute; top: -9999px; left: -9999px; width: 1px; height: 1px; font-size: 1px; overflow: hidden;}

.ie8 .wow {visibility: visible;}
.wow {visibility: hidden;}



.desktop_only {
	display:none;
}
.mobile_only {
	display:block;
}
.pcimg {
	display:none;
}
.mbimg {
	display:block;
	height:24px;
}

@media (min-width:992px) {
	.full_mobile {display:none;}
	#full_mobile,
	.mobile_only {
		display:none;
	}
	#full_desktop,
	.desktop_only {
		display:block;
	}
	.mobile_l {
		display:none !important;
	}
	.pcimg {
		display:block;
	}
	.mbimg {
		display:none;
	}
}



.icon-necessary {
/* 	float: right; */
/* 	margin-top: 9px; */
	margin-left: 1px;
/* 	width: 7px; */
/* 	height: 7px; */
	color: #ff5d00;
/* 	text-indent: -99999px; */
/* 	overflow: hidden; */
/* 	background-color: #ff5d00; */
/* 	border-radius: 10px; */
}

.no-p {padding: 0 !important;}
.no-m {margin: 0 !important;}

.marT-10 {margin-top: -10px;}
.marT5 {margin-top: 5px !important;}
.marT10 {margin-top: 10px !important;}
.marT20 {margin-top: 20px !important;}
.marT30 {margin-top: 30px !important;}
.marT35 {margin-top: 35px !important;}
.marT40 {margin-top: 40px !important;}
.marT50 {margin-top: 50px !important;}
.marR0 {margin-right: 0 !important;}
.marR5 {margin-right: 5px !important;}
.marR10 {margin-right: 10px !important;}
.marB5 {margin-bottom: 5px !important;}
.marB10 {margin-bottom: 10px;}
.marB40 {margin-bottom: 40px !important;}
.marL0 {margin-left: 0 !important;}
.marL5 {margin-left: 5px !important;}
.marL10 {margin-left: 10px !important;}

.pdT20 {padding-top: 20px !important;}
.pdB20 {padding-bottom: 20px !important;}
.pdB80 {padding-bottom: 80px !important;}
.pdL20 {padding-left: 20px !important;}
.p-h-lg {padding-right: 25px !important; padding-left: 25px !important;}

.no-b-r {border-right: 0 !important;}
.no-b-b {border-bottom: 0 !important;}
.no-b-l {border-left: 0 !important;}
.b-b {border-bottom: 1px solid #e9e9e9 !important;}
.b-l {border-left: 1px solid #e4e4e4;}


.w-75 {width: 75% !important;}

.fontC-blue {color: #0594bd !important;}
.fontC-darkblue {color: #1f4c83 !important;}
.fontC-orange {color: #ff5d00 !important;}
.fontC-lightorange {color: #f99710 !important;}

.bg-blue {background-color: #098fb6 !important;}
.bg-darkblue {background-color: #0e3563 !important;}
.bg-gray {background-color: #f4f4f4 !important;}
.bg-orange {background-color: #fa9711 !important;}
.bg-red {background-color: #f15323 !important;}
.bg-yellow {background-color: #fac115 !important;}




/* buttons */

.buttonArea {
	float: left;
	margin-top: 40px;
	width: 100%;
	text-align: right;
}
.btn {
	display: inline-block;
	padding: 10px 32px 13px;
	min-width: 150px;
	font-size: 18px;
	line-height: 1.5;
	color: #fff;
	text-align: center;
	background-color: #545454;
	border: 1px solid transparent;
	border-radius: 0px;
}
.btn:hover,
.btn:active,
.btn:focus {
	text-decoration: none;
	background-color: #444;
}
.buttonArea .btn:first-child {margin-left: 0;}
.buttonArea .btn.btn-yn {
	margin-right: 5px;
	width: 58px;
}

@media all and (max-width: 1199px) {
	.buttonArea .btn,
	.buttonArea .btn.btn-yn {
/* 		float: left; */
		margin-left: 0.6%;
		width: 24.3%;
	}
}
@media all and (max-width: 991px) {
	.buttonArea {margin-top: 40px !important;}
	.buttonArea .btn,
	.buttonArea .btn.btn-yn {
/* 		float: left; */
/* 		margin-left: 1%; */
/* 		width: 49.5%; */
/* 		font-size: 16px; */
	}
	.buttonArea .btn-yn {
		float: left;
		margin-bottom: 10px !important;
	}
}

@media all and (max-width: 639px) {
	.buttonArea .btn,
	.buttonArea .btn.btn-yn {
		float: left;
		margin-left: 1%;
		width: 49.5%;
		font-size: 16px;
	}
	.btn.only {
		float: none;
	}
}
@media all and (max-width: 499px) {
	.btn.only {
/* 		width: 100%; */
	}
}

.btn-sm {
	padding: 5px 0px 6px;
	min-width: auto;
	font-size: 14px;
	line-height: 1.5;
	color: #fff !important;
	text-align: center;
	border: 1px solid transparent;
	border-radius: 5px;
}
.btn-md {
	padding: 5px 10px 6px;
/* 	min-width: 150px; */
	font-size: 14px;
	line-height: 1.5;
	color: #fff !important;
	text-align: center;
	border: 1px solid transparent;
	border-radius: 5px;
}
.btn-lg {
	margin: 0 0 0 7px;
	padding: 11px 0 12px;
	width: 275px;
	font-size: 18px;
	line-height: 1.42857143;
	vertical-align: middle;
	white-space: nowrap;
	touch-action: manipulation;
	color: #fff;
	text-align: center;
/* 	background-image: none; */
/* 	border: 1px solid transparent; */
	border-radius: 0;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
	cursor: pointer;
}
@media (min-width: 992px) {
	.btn-sm {
		width: 100px;
	}
}
@media (max-width: 499px) {
	.btn-sm {
/* 		padding-right: 5px; */
/* 		padding-left: 5px; */
/* 		font-size: 13px; */
/* 		line-height: 1.7em; */
	}
}

.btn-blue {
	background-color: #4194f2;
}
.btn-blue:hover,
.btn-blue:active,
.btn-blue:focus {
	background-color: #3b88de;
}
.btn-light-blue {
	background-color: #01b1ea;
}
.btn-light-blue:hover,
.btn-light-blue:active,
.btn-light-blue:focus {
	background-color: #0ba4d5;
}
.btn-gray-blue {
	background-color: #3a4552;
}
.btn-gray-blue:hover,
.btn-gray-blue:active,
.btn-gray-blue:focus {
	background-color: #6b83a2;
}
.btn-red {
	background-color: #e50014;
}
.btn-red:hover,
.btn-red:active,
.btn-red:focus {
	background-color: #cd0819;
}
.btn-orange {
	background: linear-gradient(to right, #fe5f01, #fb9919);
	border: 1px solid #f99c19;
}
.btn-orange:hover,
.btn-orange:active,
.btn-orange:focus {
	background: linear-gradient(to right, #f05900, #eb8d15);
}
.btn-yellow {
	background-color: #f9c802;
}
.btn-yellow:hover,
.btn-yellow:active,
.btn-yellow:focus {
	background-color: #e4b703;
}
.btn-green {
	background-color: #7faf57;
}
.btn-green:hover,
.btn-green:active,
.btn-green:focus {
	background-color: #678f46;
}
.btn-purple {
	background-color: #7a6fbe;
}
.btn-purple:hover,
.btn-purple:active,
.btn-purple:focus {
	background-color: #695fa9;
}
.btn-gray {
	background-color: #6b6b6b;
}
.btn-gray:hover,
.btn-gray:active,
.btn-gray:focus {
	background-color: #555;
}
.btn-light-gray {
	background: linear-gradient(to right, #7f7f7f, #a0a0a0);
	border: 1px solid #9f9e9e;
}
.btn-light-gray:hover,
.btn-light-gray:active,
.btn-light-gray:focus {
	background: linear-gradient(to right, #727272, #919191);
}
.btn-dark-gray {
	background-color: #2e2e2e;
}
.btn-dark-gray:hover,
.btn-dark-gray:active,
.btn-dark-gray:focus {
	background-color: #222;
}
.btn-line {
	padding: 8px 25px 6px;
	font-size: 13px;
	color: #666;
	text-decoration: none !important;
	border: 1px solid #bbb;
}
.btn-line:hover,
.btn-line:active,
.btn-line:focus {
	color: #666;
	border-color: #777777;
}

.mobshow {display: none;}
.desktopshow {display: block;}
.tabletshow {display: block;}
.tablet768show {display: none;}
.tablet1024show {display: none;}

/* black-line btn */

.cmm_bk_line_btn {border: 1px solid #000000; line-height: 38px; text-align: center; display: block; font-size: 16px; width: 153px; margin: 0 auto;}
.cmm_spr {display: inline-block; overflow: hidden; white-space: nowrap; color: transparent; vertical-align: top; text-indent: -999px; background: url('../images/common/comm_bg.png') no-repeat;}

.m-slide-off {width: 12px; height: 12px; background-position: -24px 0;}
.m-slide-on {width: 12px; height: 12px; background-position: 0 0;}
.m-slide-stop {width: 10px; height: 13px; background-position: -48px 0;}
.m-slide-play {width: 7px; height: 13px; background-position: -72px 0;}
.m-slide-prev:hover {}
.m-slide-next:hover {}
.m-slide-prev {width: 21px; height: 39px; background-position: -464px -151px;}
.m-slide-next {width: 21px; height: 39px; background-position: -494px -151px;}
.m-img-off {width: 12px; height: 12px; background-position: 0 -33px;}
.m-img-on {width: 12px; height: 12px; background-position: -24px -33px;}
.m-img19px-off {width: 19px; height: 19px; background-position: 0 -65px;}
.m-img19px-on {width: 19px; height: 19px; background-position: -34px -65px;}
.m-img14px-off {width: 14px; height: 14px; background-position: 0 -93px;}
.m-img14px-on {width: 14px; height: 14px; background-position: -24px -93px;}
.m-img22px-off {width: 22px; height: 22px; background-position: 0 -118px;}
.m-img22px-on {width: 22px; height: 22px; background-position: -41px -118px;}
.btn_play {text-indent: -999px; display: inline-block; width: 106px; height: 106px; background-position: -294px -94px;}

@media all and (max-width:1024px) {
	.desktopshow {display: none !important;}
	.tablet1024show {display: none;}
}

@media all and (max-width:768px) {
	.tablet768show {display: none;}
	.tablet1024show {display: block;}
	
	.btn_play {width:39px;height:39px;background-position:-191px -122px;}
}

@media all and (max-width:640px) {

	/* 모바일 별도 폰트 */
	.mobshow {display: block;}
	.tabletshow {display: none;}

	.btn_play {width:63px;height:63px;background-position:-106px -137px;}
}



/* 페이징 */

.paginate {
	clear: both;
	padding-top: 50px;
	text-align: center;
	overflow: hidden;
}
.paginate a {
/* 	border-left: 1px solid #dbdbdb; */
}
.paginate a,
.paginate strong {
	display: inline-block;
	margin: 0 -0.18%;
	padding: 7px 0px;
	width: 37px;
	height:36px;
	vertical-align: middle;
	line-height: 1.7em;
	font-size: 12px;
	color: #222;
	text-align: center;
	overflow: hidden;
	border: 1px solid #e4e4e4;
}
.paginate a:hover,
.paginate a:focus {
	position: relative;
	z-index: 1;
	text-decoration: none;
	border: 1px solid #4f5963;
}
.paginate strong {
	color: #fff;
	background-color: #fe5e01;
	border: 1px solid transparent;
}
.paginate a span {
	margin: 0;
}
.paginate a.pre_end,
.paginate a.pre,
.paginate a.next,
.paginate a.next_end {
	margin: 0 -2px;
	padding: 0;
	width: 36px;
	height: 36px;
	text-indent: -999999px;
	overflow: hidden;
	border: 1px solid #e4e4e4;
	border-radius: 0px;
	background: url('../images/common/btn_paginate.png') no-repeat 0 0;
	background-color: #fff;
}
.paginate a.pre_end {
	background-position: 0px -35px;
}
.paginate a.pre {
	margin-right: 9px;
	background-position: -1px 0px;
}
.paginate a.next {
	margin-left: 9px;
	background-position: -35px 0px;
}
.paginate a.next_end {
	background-position: -36px -35px;
}
.paginate a.pre_end:hover,
.paginate a.pre_end:focus,
.paginate a.pre:hover,
.paginate a.pre:focus,
.paginate a.next:hover,
.paginate a.next:focus,
.paginate a.next_end:hover,
.paginate a.next_end:focus {
	position: relative;
	z-index: 1;
	border: 1px solid #4f5963;
	cursor: pointer;
}
.paginate + .buttonArea {
	margin-top: 60px;
}


/* mobile-paging */
.paginate.mobshow a,
.paginate.mobshow strong {
	padding: 11px 0px;
	width: 46px;
	height: 45px;
}
.paginate.mobshow a.pre_end {
	background-position: 4px -31px;
}
.paginate.mobshow a.pre {
	margin-right: 5px;
	background-position: 4px 4px;
}
.paginate.mobshow a.next {
	margin-left: 5px;
	background-position: -30px 4px;
}
.paginate.mobshow a.next_end {
	background-position: -32px -31px;
}

.modal .paginate {padding: 30px 0 20px;}



/* TAB */

.tab-wrap {
	position: relative;
	float: left;
	margin: 0 auto;
	width: 100%;
	background: #fff;
}
.tab-wrap h3 {
	float: left;
	padding: 48px 0 20px;
	width: 100%;
	font-family: 'NotoSansM';
	font-size: 18px;
	color: #020202;
}
.tab-wrap h3 a.btn {
	float: right;
	margin: -30px 0 -3px;
}
.tab-wrap .tab-heading {
	position: absolute;
	top: 0;
	width: 100%;
}
.tab-wrap .tab-heading .tab-title {
	padding: 57px 0 48px;
	font-size: 34px;
}

.tab-wrap h3 + .tab-header {
	margin-top: 0 !important;
}
.tab-wrap .tab-header {
	float: left;
	margin-top: 50px;
	width: 100%;
	height: 64px;
/* 	border: 1px solid #d6d6d6; */
/* 	border-bottom: none; */
}
.tab-wrap .tab-header > li {
	float: left;
	width: 50% !important;
}
.tab-wrap .tab-header > li > a {
	display: block;
	position: relative;
	margin: 0;
	padding: 18px 0 16px;
	width: 100%;
	font-size: 18px;
	color: #020202;
	text-align: center;
	background-color: #f3f3f3;
	border-top: 1px solid #d6d6d6;
	border-bottom: 2px solid #979797;
	border-left: 1px solid #d6d6d6;
}
.tab-wrap .tab-header > li > a:hover {
	background: #f9f9f9;
}
.tab-wrap .tab-header > li:first-child a,
.tab-wrap .tab-header > li:first-child.active > a {
/* 	border-left: none; */
}
.tab-wrap .tab-header > li:last-child a {
	border-right: 1px solid #d6d6d6;
}
.tab-wrap .tab-header > li.active:after {
	content: '';
	clear: both;
	display: block;
	margin: 0 auto;
	width: 79%;
/* 	height: 1px; */
	background-color: #ddd;
}
.tab-wrap .tab-header > li.active > a,
.tab-wrap .tab-header > li.active > a:hover,
.tab-wrap .tab-header > li.active > a:focus {
	padding: 17px 0 16px;
/* 	color: #fe5e01; */
	text-align: center;
	background-color: #fff;
	border: 2px solid #979797;
	border-bottom: 2px solid transparent;
	border-left: 2px solid #979797;
	cursor: default;
}
.tab-wrap .tab-header > li.active + li > a {
	border-left: none;
}

.tab-wrap .tab-content {
	float: left;
	margin-top: 50px;
	width: 100%;
}
.tab-wrap .tab-content > .tab-pane {
	display: none;
}
.tab-wrap .tab-content > .active {
	display: block;
}
.tab-wrap .tab-content form {
	float: left;
/* 	margin-top: -1px; */
	width: 100%;
/* 	border: 1px solid #ddd; */
	border-top: none;
}
.tab-wrap .form-group {
	float: left;
	margin: 0;
	width: 100%;
}
.tab-wrap .boardArea {
	margin-top: 30px;
}

@media all and (max-width: 1199px) {
	.tab-wrap h3 a.btn {
		margin-left: 0.6%;
		width: 24.3%;
	}
}
@media all and (max-width: 991px) {
	.tab-wrap h3 a.btn {
/* 		margin-left: 1%; */
/* 		width: 49.5%; */
	}
}
@media all and (max-width: 767px) {
	.tab-wrap .tab-header {
		height: 58px;
	}
	.tab-wrap .tab-header > li > a {
		padding: 15px 0 13px;
		font-size: 16px;
	}
	.tab-wrap .tab-header > li.active > a,
	.tab-wrap .tab-header > li.active > a:hover,
	.tab-wrap .tab-header > li.active > a:focus {
		padding: 14px 0 13px;
	}
}
@media all and (max-width: 639px) {
	.tab-wrap h3 a.btn {
/* 		margin-left: 1%; */
/* 		width: 49.5%; */
		font-size: 16px;
	}
	.tab-wrap .tab-content {
		margin-top: 20px;
	}
}
@media all and (max-width: 499px) {
	.tab-wrap h3 a.btn.only {
/* 		width: 100%; */
	}
	.tab-wrap .tab-header {
/* 		height: 58px; */
	}
	.tab-wrap .tab-header > li > a {
/* 		font-size: 14px !important; */
	}
}



/* tab3 */
.tab-wrap .tab-header.tab3 > li:first-child {
	width: 393px !important;
}
.tab-wrap .tab-header.tab3 > li {
	float: left;
	width: 392px !important;
}

/* tab4 */
.tab-wrap .tab-header.tab4 {
	border: none;
}
.tab-wrap .tab-header.tab4 > li {
	float: left;
	width: 25% !important;
}
.tab-wrap .tab-header.tab4 > li > a {
	padding: 17px 20px 16px;
	font-size: 18px;
}

@media all and (max-width: 1199px) {
	.tab-wrap .tab-header.tab3 > li,
	.tab-wrap .tab-header.tab3 > li:first-child {
		width: 33.33333333% !important;
	}
}




/* Modal */
.modal-backdrop {z-index: 9100024;}
.modal {z-index: 9100025; padding: 50px 0 30px; width: 100%; color: #020202; text-align: center;}
.modal .modal-header .close {margin: 2px -13px 0 0; opacity: 1;}
.modal .modal-header .modal-title {margin: 28px 0 1px;}
.modal .modal-body .form-control {font-family: 'NotoSansL'; border-color: #d5d5d5;}
.modal .modal-body .modal-inner {
	height: 372px;
	color: #8d8d8d;
	text-align: left;
	overflow-y: auto;
}
.modal .modal-footer {text-align: center;}
.modal .btn {
	display: inline-block;
	margin: 0;
	padding: 11px 0 12px;
	width: 37.27%;
	min-width: 275px;
	font-family: 'NotoSansR';
	font-size: 18px;
	line-height: 1.42857143;
	white-space: nowrap;
	vertical-align: middle;
	touch-action: manipulation;
	color: #fff;
	text-align: center;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 0;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
	cursor: pointer;
}

.modal .modal-img {
	padding: 0;
	border: none;
}
.modal .modal-img .modal-content {
	background: none;
	border: none;
	-webkit-box-shadow: none;
				shadow: none;
}
.modal .modal-img .modal-header {
	padding: 0 0 5px;
}
.modal .modal-img .modal-header .close {
	margin: 0;
}
.modal .modal-img .modal-header .close img {
	width: 20px;
	height: 20px;
}
.modal .modal-img .modal-header .modal-title {
	font-size: 18px;
	color: #fff;
	text-align: center;
}
.modal .modal-img .modal-body {
	margin: 0;
	padding: 0;
	border: none;
}
.modal .modal-img .modal-body img {
	width: 100%;
	height: auto;
}
@media (min-width: 768px) {
	.modal .modal-img {
		width: 720px;
	}
	.modal .modal-img .modal-header .close {
		margin: -10px -40px 0 0;
	}
	.modal .modal-img .modal-header .close img {
		width: auto;
		height: auto;
	}
	.modal .modal-img .modal-body img {
		width: 720px;
		height: 1120px;
	}
}