@charset "utf-8";
/* CSS Document */

/* 로보토 */
	@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

/* 이사만루 */
	@font-face {
		font-family: 'GongGothic';
		src: url('font/GongGothicBold.woff') format('woff');
		font-weight: 600;
	}
	@font-face {
		font-family: 'GongGothic';
		src: url('font/GongGothicMedium.woff') format('woff');
		font-weight: 400;
	}
	@font-face {
		font-family: 'GongGothic';
		src: url('font/GongGothicLight.woff') format('woff');
		font-weight: 100;
	}

/* 노토산스 */
	@font-face {
		font-family: 'NotoSans';
		font-weight: 100;
		src: url(font/notokr-light.eot);
		src: url(font/notokr-light.eot?#iefix) format('embedded-opentype'),
		url(font/notokr-light.woff2) format('woff2'),
		url(font/notokr-light.woff) format('woff'),
		url(font/notokr-light.ttf) format('truetype'),
		url(font/notokr-light.svg#notokr-light) format('svg');
	}
	@font-face {
		font-family: 'NotoSans';
		font-weight: 400;
		src: url(font/notokr-regular.eot);
		src: url(font/notokr-regular.eot?#iefix) format('embedded-opentype'),
		url(font/notokr-regular.woff2) format('woff2'),
		url(font/notokr-regular.woff) format('woff'),
		url(font/notokr-regular.ttf) format('truetype'),
		url(font/notokr-regular.svg#notokr-regular) format('svg');
	}
	@font-face {
		font-family: 'NotoSans';
		font-weight: 600;
		src: url(font/notokr-medium.eot);
		src: url(font/notokr-medium.eot?#iefix) format('embedded-opentype'),
		url(font/notokr-medium.woff2) format('woff2'),
		url(font/notokr-medium.woff) format('woff'),
		url(font/notokr-medium.ttf) format('truetype'),
		url(font/notokr-medium.svg#notokr-medium) format('svg');
	}
	@font-face {
		font-family: 'NotoSans';
		font-weight: 800;
		src: url(font/notokr-bold.eot);
		src: url(font/notokr-bold.eot?#iefix) format('embedded-opentype'),
		url(font/notokr-bold.woff2) format('woff2'),
		url(font/notokr-bold.woff) format('woff'),
		url(font/notokr-bold.ttf) format('truetype'),
		url(font/notokr-bold.svg#notokr-bold) format('svg');
	}

/* 리셋 */
	html{overflow-x:hidden}
	*{word-break:keep-all !important;margin:0;padding:0;border:0;box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box}
	ul:after, div:after{clear:both;display:block;content:''}
	ul, ol, dl, li{list-style:none}
	a{text-decoration:none;cursor:pointer}
	img{border:0}
	address{font-style:normal}
	table{border-collapse:collapse}
	table td{padding:0}
	caption{width:1px;height:1px;overflow:hidden;font-size:0}
	ul, li, a, input, label, input:focus{outline:none !important}

/* 폰트 */
	.font-point{font-family:"GongGothic", sans-serif}
	.font-basic{font-family:"roboto", "NotoSans", sans-serif}
	
/* 폰트 두께 */
	.weight-100, .weight-100 a{font-weight:100}
	.weight-200, .weight-200 a{font-weight:200}
	.weight-300, .weight-300 a{font-weight:300}
	.weight-400, .weight-400 a{font-weight:400}
	.weight-500, .weight-500 a{font-weight:500}
	.weight-600, .weight-600 a{font-weight:600}
	.weight-700, .weight-700 a{font-weight:700}
	.weight-800, .weight-800 a{font-weight:800}
	.weight-900, .weight-900 a{font-weight:900}

/* 폰트 사이즈 */
	.font-10{font-size:10px;line-height:20px}
	.font-11{font-size:11px;line-height:22px}
	.font-12{font-size:12px;line-height:22px}
	.font-13{font-size:13px;line-height:24px}
	.font-14{font-size:14px;line-height:24px}
	.font-15{font-size:15px;line-height:27px}
	.font-16{font-size:16px;line-height:28px}
	.font-17{font-size:17px;line-height:28px}
	.font-18{font-size:18px;line-height:30px}
	.font-19{font-size:19px;line-height:30px}
	.font-20{font-size:20px;line-height:32px}
	.font-21{font-size:21px;line-height:32px}
	.font-22{font-size:22px;line-height:35px}
	.font-23{font-size:23px;line-height:35px}
	.font-24{font-size:24px;line-height:35px}
	.font-25{font-size:25px;line-height:38px}
	.font-26{font-size:26px;line-height:38px}
	.font-27{font-size:27px;line-height:38px}
	.font-28{font-size:28px;line-height:40px}
	.font-29{font-size:29px;line-height:40px}
	.font-30{font-size:30px;line-height:42px}
	.font-31{font-size:31px;line-height:42px}
	.font-32{font-size:32px;line-height:45px}
	.font-33{font-size:33px;line-height:45px}
	.font-34{font-size:34px;line-height:45px}
	.font-35{font-size:35px;line-height:48px}
	.font-36{font-size:36px;line-height:48px}
	.font-37{font-size:37px;line-height:48px}
	.font-38{font-size:38px;line-height:50px}
	.font-39{font-size:39px;line-height:50px}
	.font-40{font-size:40px;line-height:52px}
	.font-41{font-size:41px;line-height:52px}
	.font-42{font-size:42px;line-height:55px}
	.font-43{font-size:43px;line-height:55px}
	.font-44{font-size:44px;line-height:55px}
	.font-45{font-size:45px;line-height:58px}
	.font-46{font-size:46px;line-height:58px}
	.font-47{font-size:47px;line-height:58px}
	.font-48{font-size:48px;line-height:60px}
	.font-49{font-size:49px;line-height:60px}
	.font-50{font-size:50px;line-height:62px}
	.font-51{font-size:51px;line-height:62px}
	.font-52{font-size:52px;line-height:65px}
	.font-53{font-size:53px;line-height:65px}
	.font-54{font-size:54px;line-height:65px}
	.font-55{font-size:55px;line-height:68px}
	.font-56{font-size:56px;line-height:68px}
	.font-57{font-size:57px;line-height:68px}
	.font-58{font-size:58px;line-height:70px}
	.font-59{font-size:59px;line-height:70px}
	.font-60{font-size:60px;line-height:72px}
	.font-61{font-size:61px;line-height:72px}
	.font-62{font-size:62px;line-height:75px}
	.font-63{font-size:63px;line-height:75px}
	.font-64{font-size:64px;line-height:75px}
	.font-65{font-size:65px;line-height:78px}
	.font-66{font-size:66px;line-height:78px}
	.font-67{font-size:67px;line-height:78px}
	.font-68{font-size:68px;line-height:80px}
	.font-69{font-size:69px;line-height:80px}
	.font-70{font-size:70px;line-height:85px}
	.font-71{font-size:71px;line-height:85px}
	.font-72{font-size:72px;line-height:85px}
	.font-73{font-size:73px;line-height:85px}
	.font-74{font-size:74px;line-height:90px}
	.font-75{font-size:75px;line-height:90px}
	.font-76{font-size:76px;line-height:90px}
	.font-77{font-size:77px;line-height:90px}
	.font-78{font-size:78px;line-height:90px}
	.font-79{font-size:79px;line-height:95px}
	.font-80{font-size:80px;line-height:95px}

/* 자간 */	
	.spacing-0, .spacing-0 a{letter-spacing:0}
	.spacing-25, .spacing-25 a{letter-spacing:-0.25px}
	.spacing-50, .spacing-50 a{letter-spacing:-0.5px}
	.spacing-75, .spacing-75 a{letter-spacing:-0.75px}
	.spacing-1, .spacing-1 a{letter-spacing:-1px}

/* 컬러 */
	.color-000, .color-000 a{color:#000}
	.color-111, .color-111 a{color:#111}
	.color-222, .color-222 a{color:#222}
	.color-333, .color-333 a{color:#333}
	.color-444, .color-444 a{color:#444}
	.color-555, .color-555 a{color:#555}
	.color-666, .color-666 a{color:#666}
	.color-777, .color-777 a{color:#777}
	.color-888, .color-888 a{color:#888}
	.color-999, .color-999 a{color:#999}
	.color-aaa, .color-aaa a{color:#aaa}
	.color-bbb, .color-bbb a{color:#bbb}
	.color-ccc, .color-ccc a{color:#ccc}
	.color-ddd, .color-ddd a{color:#ddd}
	.color-eee, .color-eee a{color:#eee}
	.color-f5f5f5, .color-f5f55f a{color:#f5f5f5}
	.color-fff, .color-fff a{color:#fff}
	.color-rgba1{color:rgba(0,0,0,0.1)}
	.color-rgba2{color:rgba(0,0,0,0.2)}
	.color-rgba3{color:rgba(0,0,0,0.3)}
	.color-rgba4{color:rgba(0,0,0,0.4)}
	.color-rgba5{color:rgba(0,0,0,0.5)}
	.color-rgba6{color:rgba(0,0,0,0.6)}
	.color-rgba7{color:rgba(0,0,0,0.7)}
	.color-rgba8{color:rgba(0,0,0,0.8)}
	.color-rgba9{color:rgba(0,0,0,0.9)}	
	.color-brown, .color-brown a{color:#4a3232}
	.color-yellow, .color-yellow a{color:#fedd01}
	.color-blue, .color-blue a{color:#80d4ff}
	.color-green, .color-green a{color:#87ff26}
	.color-red, .color-red a{color:#e31818}

/* 백그라운드 컬러 */
	.background-000{background:#000}
	.background-111{background:#111}
	.background-222{background:#222}
	.background-333{background:#333}
	.background-444{background:#444}
	.background-555{background:#555}
	.background-666{background:#666}
	.background-777{background:#777}
	.background-888{background:#888}
	.background-999{background:#999}
	.background-aaa{background:#aaa}
	.background-bbb{background:#bbb}
	.background-ccc{background:#ccc}
	.background-ddd{background:#ddd}
	.background-eee{background:#eee}
	.background-f5f5f5{background:#f5f5f5}
	.background-fff{background:#fff}
	.background-rgba1{background:rgba(0,0,0,0.1)}
	.background-rgba2{background:rgba(0,0,0,0.2)}
	.background-rgba3{background:rgba(0,0,0,0.3)}
	.background-rgba4{background:rgba(0,0,0,0.4)}
	.background-rgba5{background:rgba(0,0,0,0.5)}
	.background-rgba6{background:rgba(0,0,0,0.6)}
	.background-rgba7{background:rgba(0,0,0,0.7)}
	.background-rgba8{background:rgba(0,0,0,0.8)}
	.background-rgba9{background:rgba(0,0,0,0.9)}
	.background-yellow{background:#fedd01}
	.background-brown{background:#4a3232}
	.background-blue{background:#80d4ff}
	.background-green{background:#87ff26}
	.background-red{background:#e31818}

/* 라운딩 */
	.radius-5{border-radius:5px}
	.radius-10{border-radius:10px}
	.radius-15{border-radius:15px}
	.radius-20{border-radius:20px}
	.radius-25{border-radius:25px}
	.radius-30{border-radius:30px}
	.radius-35{border-radius:35px}
	.radius-40{border-radius:40px}
	.radius-45{border-radius:45px}
	.radius-50{border-radius:50px}
	.radius-500{border-radius:500px}

/* 높이정렬 */
	.flex-start{display:flex;justify-content:flex-start;align-items:start}
	.flex-center{display:flex;justify-content:center;align-items:center}
	.flex-end{display:flex;justify-content:center;align-items:end}

/* 디스플레이 */
	.display-block{display:block}
	.display-inline{display:inline-block}

/* 쇼앤하이드 처리 */
	.b-1600, .b-1200, .b-900, .b-600{display:none}

/* 인박스 가로영역 */
	.inner-700{width:100%;max-width:700px;margin:0 auto;padding:0 20px}
	.inner-1200{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}
	.inner-1400{width:100%;max-width:1400px;margin:0 auto;padding:0 20px}
	.inner-1560{width:100%;max-width:1560px;margin:0 auto;padding:0 20px}
	.inner-padding{width:100%;margin:0 auto;padding:0 100px}
	.inner-full{width:100%;margin:0 auto;padding:0 20px}

/* 테이블 스타일 */
	.table{width:100%;border-top:2px solid #666;font-size:18px}
	.table th, .table td{border-bottom:1px solid #ddd;padding:15px 5px}
	.table th{background:rgba(0,0,0,0.05);font-weight:600;color:#222}
	.table td{font-weight:400;color:#666}

/* 텍스트 어라인 */
	.text-left{text-align:left}
	.text-center{text-align:center}
	.text-right{text-align:right}
	.text-justify{text-align:justify}

/* 페이지네이션 */
	.board-pagenation{padding-top:25px}
	.board-pagenation li{font-weight:500;font-size:16px;text-align:center;width:40px;height:40px;line-height:38px;border:2px solid #e8e8e8;border-radius:500px;margin:0 3px;cursor:pointer}
	.board-pagenation li:hover{background:#f5f5f5}
	.board-pagenation li, .board-pagenation li:hover{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
	.board-pagenation li.on{border-color:#4a3232;background:#4a3232;color:#fff}

/* 보더 */
	.border-1{border:#4a3232 solid 1px}
	.border-2{border:#4a3232 solid 2px}
	.border-3{border:#4a3232 solid 3px}

/* 버튼 */
	.all-btn{width:380px;height:72px;line-height:74px;font-family:"GongGothic", sans-serif;text-align:center;border-radius:500px;display:block;font-size:27px;position:relative;top:0;cursor:url(../img/cursor-pointer.png), pointer}
		.sub-content .all-btn{max-width:340px;height:70px;line-height:72px;font-size:24px;font-weight:300}
	.all-btn a{cursor:url(../img/cursor-pointer.png), pointer}
	.all-btn:hover{top:-7px}
	.all-btn, .all-btn:hover{-webkit-transition:all .15s ease-in-out;-moz-transition:all .15s ease-in-out;-ms-transition:all .15s ease-in-out;-o-transition:all .15s ease-in-out;transition:all .15s ease-in-out}

/* 기타 */
	.text-uppercase{text-transform:uppercase}
	.cursor-pointer{cursor:pointer}
	.cursor-drag{cursor:url(../img/cursor-drag.png), pointer}
	.cursor-img{cursor:url(../img/cursor-pointer.png), pointer}

/* 반응형 */
	@media(max-width:1600px){
		.n-1600{display:none}
		.b-1600{display:block}
		.inner-padding{padding:0 50px}
	}
	@media(max-width:1150px){
		.n-1200{display:none}
		.b-1200{display:block}
		
		.inner-700{padding:0 10px}
		.inner-1200{padding:0 20px}
		.inner-1400{padding:0 20px}
		.inner-1560{padding:0 20px}
		.inner-padding{padding:0 20px}
		.inner-full{padding:0 20px}

		.font-15, .font-16, .font-17{font-size:15px;line-height:22px}
		.font-18, .font-19, .font-20{font-size:15px;line-height:26px}
		.font-21, .font-22, .font-23{font-size:17px;line-height:28px}
		.font-24, .font-25, .font-26, 
		.font-27, .font-28, .font-29{font-size:20px;line-height:31px}
		.font-30, .font-31, .font-32, .font-33, .font-34,
		.font-35, .font-36, .font-37, .font-38, .font-39{font-size:25px;line-height:35px}
		.font-40, .font-41, .font-42, .font-43, .font-44,
		.font-45, .font-46, .font-47, .font-48, .font-49{font-size:30px;line-height:40px}
		.font-50, .font-51, .font-52, .font-53, .font-54,
		.font-55, .font-56, .font-57, .font-58, .font-59{font-size:35px;line-height:45px}
		.font-60, .font-61, .font-62, .font-63, .font-64,
		.font-65, .font-66, .font-67, .font-68, .font-69{font-size:35px;line-height:45px}
		.font-70, .font-71, .font-72, .font-73, .font-74, 
		.font-75, .font-76, .font-77, .font-78, .font-79, .font-80{font-size:45px;line-height:55px}

		.all-btn{width:250px;height:60px;line-height:62px;font-size:20px}
			.sub-content .all-btn{height:55px;line-height:57px;font-size:20px}
		.table{font-size:16px;line-height:22px}
		.table th, .table td{padding:12px 5px}		
	}
	@media(max-width:900px){
		.n-900{display:none}
		.b-900{display:block}
		.border-3{border-width:2px}
		.board-pagenation{padding-top:0}
		.board-pagenation li{font-size:14px;width:35px;height:35px;line-height:33px;margin:0 2px}
		html, body{overflow-x:hidden}
	}
	@media(max-width:600px){
		.n-600{display:none}
		.b-600{display:block}
		.table th, .table td{padding:9px 2px}
	}