@charset "utf-8";
/*───────────────────────────────────────────────────────────
	
	" board｜errors｜goods｜service｜layout/board｜layout/display｜layout/goods "
	" layout/popup.html "

	위 폴더 및 페이지 커스텀 및 layout, navigation, button, company 관련 편집 css 파일 입니다.

	** header, footer, main 관련은 /css/skin.css 에 있습니다.

───────────────────────────────────────────────────────────*/








/*───────────────────────────────────────────────────────────
	
	common.css 커스텀 css 아래에 작성

───────────────────────────────────────────────────────────*/

/*───────────────────────────────────────────────────────────
	font common
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		body {}/*letter-spacing:-0.2px;*/
		div, dd, li, p, span, td, dt, h1, h2, h3, h4, h5, h6, strong, b, em, th {}
		b, dt, strong, em, th, h1, h2, h3, h4, h5, h6 {font-weight:700;}/* Noto Sans KR은 500 사용 */
		input, button, textarea, select {}
			/* webfont */
		.ff_open {font-family: 'Open Sans', 'Nanum Gothic', sans-serif !important;}
		.ff_noto {font-family: "Noto Sans KR", 'Nanum Gothic', sans-serif !important;}
		.ff_mont {font-family: 'Montserrat', 'Nanum Gothic', sans-serif !important;}
		.ff_nanum {font-family: 'Lato','Nanum Gothic', dotum, sans-serif !important;}
		.ff_lato {font-family: 'Lato', 'Nanum Gothic', sans-serif !important;}
		.ff_nbg {font-family: 'Nanum Barun Gothic','Nanum Gothic', sans-serif !important;}
		.ff_open, .ff_open a, .ff_open span, .ff_open div, .ff_open ul, .ff_open li, .ff_open p {font-family: 'Open Sans' !important;}
		.ff_noto, .ff_noto a, .ff_noto span, .ff_noto div, .ff_noto ul, .ff_noto li, .ff_noto p {font-family: 'Noto Sans KR', 'Noto Sans' !important; font-weight:400;}
			/* font weight */
		.fw_t {font-weight:300;}
		.fw_n {font-weight:400;}
		.fw_b {font-weight:700;}/* Noto Sans KR은 500 사용 */
		.fw_eb {font-weight:800;}/* Noto Sans KR은 700 사용 */


		/*** common ***/


		/*** TABLE | 서브페이지 전체 사용 ( board / member / layout ) ***/


		/*** BOARD ***/


		/*** GOODS ***/


		/*** MEMBER ***/


		/*** SERVICE ***/


/*───────────────────────────────────────────────────────────

	sub 공통

───────────────────────────────────────────────────────────*/
	#contents_wrap #contents_box {position:relative; width:100%;padding:47px 0 200px 0;box-sizing:border-box;} 
	

	#contents_wrap, .sub_inr{position:relative; width:1200px; margin:0 auto; box-sizing:border-box;}
	.sub_vis{height:486px;}
	.sub_vis .sub_inr{height:100%;}
	.sub_vis h2{box-sizing:border-box;padding:0 15px;position:absolute;top:52.5%;left:0;transform:translateY(-50%);width:100%;text-align:center;color:#fff;font-size:60px;font-weight:500;letter-spacing:-3px;font-family:'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif}
	.sub_vis h2 p{word-break:keep-all;font-size:20px;letter-spacing:-1.2px;font-weight:300;margin-top:15px;line-height:1.5}

	#side_box{background:rgba(0,0,0,0.5);transform:translateY(-100%);position:relative;z-index:5;}
	#side_box .sub_menu dl{}
	#side_box .sub_menu dl dt{font-size:0;cursor:pointer;position: relative;z-index:5;}
	#side_box .sub_menu dl dd{display:flex;text-align:center;letter-spacing:-0.03em;height:70px;align-items: flex-end;}
	#side_box .sub_menu dl dd a{position:relative;display:flex;width:100%;height:100%;color:#fff;font-size:18px;font-weight:400;vertical-align:middle;justify-content:center;align-items:center;font-family:'Noto Sans KR';transition:all 0.4s;letter-spacing: -0.04em;}
		#side_box .sub_menu dl dd a:before{position:absolute; content:''; border:5px solid #fff0; border-top:5px solid #fff; top:30%; left:50%; transform:translateX(-50%); opacity:0; transition:all 0.4s;}
		#side_box .sub_menu dl dd a:not(:first-child):not(.on):after{position:absolute; content:''; width:1px; height:25.7%; background: rgba(255, 255, 255, 0.3); top:50%; left:-1px; transform:translateY(-50%); transition:all 0.4s;}
		#side_box .sub_menu dl dd a.on{background:#20296F; padding-top:20px; z-index:4;}
		#side_box .sub_menu dl dd a.on:before{opacity:1;}
	#side_box .sub_menu dl dd a span{font-size:inherit;font-weight:inherit;width:100%;padding:0 10px;font-family:inherit;}
	
		/* over */
			@media only screen and (min-width:1024px){
				#side_box .sub_menu dl dd a:hover{background:#20296F; padding-top:20px; z-index:3;}
				#side_box .sub_menu dl dd a:hover:before{opacity:1;}
				#side_box .sub_menu dl dd a:hover:after{opacity:0;}
			}
	@media only screen and (max-width:1280px){
		#contents_wrap, .sub_inr{width:calc(100% - 60px);}
		#side_box .w_custom{width:100%;padding-left:0;padding-right:0;}
	} 
	@media only screen and (max-width:1023px) {
		#contents_wrap, .sub_inr{width:calc(100% - 30px);}
		.sub_vis{height:350px;}
		.sub_vis .sub_inr{/* height:280px; */}
		.sub_vis h2{font-size:36px;}
		.sub_vis h2 p{font-size:18px;margin-top:10px;}
		#side_box .sub_menu dl dd a{font-size:16px;}
	}
	@media only screen and (max-width:800px) {
		#side_box .sub_menu dl dd a{font-size:15px;}
	}
	@media only screen and (max-width:640px) {
		#contents_wrap #contents_box{padding:45px 0 150px;}
		.sub_vis{height: 250px;}
		.sub_vis .sub_inr{height: 100%;}
		.sub_vis h2{font-size:28px;}
		.sub_vis h2 p{font-size:15px;margin-top:10px;}
		#side_box{background:#ffff;transform:translateY(0)}
		#side_box .sub_menu dl dt{font-size:18px;font-weight:500;color:#333;height:55px;line-height:1.4;background:#fff;border-bottom:1px solid #ddd;padding:0 15px;display:flex;align-items:center;width: calc(100% + 30px);margin-left: -15px;box-sizing: border-box;}
		#side_box .sub_menu dl dt:after{content:'';width:10px;height:10px;border-bottom:1px solid #888;border-right:1px solid #888;position:absolute;top:50%;right:15px;transform:rotate(45deg);margin-top:-8px;transition: all 0.4s;}
			#side_box .sub_menu dl dt.on:after{transform:rotate(45deg) scale(-1, -1);top: 58%;}
		#side_box .sub_menu dl dd{position:absolute;width:100%;top:100%;left:0;height:auto;padding:15px 0;box-shadow:0 7.5px 20px 0 rgba(0,0,0,0.2);background:#fff;display:none;width: calc(100% + 30px);margin-left: -15px;box-sizing: border-box;}
		#side_box .sub_menu dl dd.open{display:block;}
		#side_box .sub_menu dl dd a{color:#888;font-size:16px;display:block;padding: 6px 0 !important;text-align:left;background: #fff !important;}
			#side_box .sub_menu dl dd a.on{color:#333333;font-weight:500;}
			#side_box .sub_menu dl dd a:before, #side_box .sub_menu dl dd a:not(:first-child):not(.on):after{display:none;}
		#side_box .sub_menu dl dd a span{padding:0 15px;display:block;box-sizing:border-box;}
	}
	@media only screen and (max-width:320px) {
		#contents_wrap, .sub_inr{width:calc(100% - 20px);}
		.sub_vis h2{padding:0 10px;}
		#side_box .sub_menu dl dt{width: calc(100% + 20px);margin-left: -10px;}
	}


	/* tab */
		.sub_box_tab{margin-bottom:60px;}
		.sub_box_tab ul{display:flex;align-items:center;justify-content:center;}
		.sub_box_tab ul li{width:100%;max-width:240px;text-align:center;}
		.sub_box_tab ul li + li{margin-left:20px;}
		.sub_box_tab ul li a{box-sizing:border-box;border:1px solid #ddd;background:#eee;display:flex;align-items:center;justify-content:center;width:100%;height:100%;height:70px;font-size:22px;color:#555;font-weight:500;letter-spacing:-0.03em;}
		.sub_box_tab ul li a.on{background:#178143;border:1px solid #178143;color:#fff;box-shadow:0 0 38px rgba(0,0,0,0.27)}
			.box_tab_panel{overflow:hidden;height:0;}
			.box_tab_panel.on{overflow:visible;height:auto}
		.sub_line_tab{margin-bottom:60px;}
		.sub_line_tab ul{display:flex;align-items:center;}
		.sub_line_tab ul li{width:100%;text-align:center;}
		.sub_line_tab ul li a{box-sizing:border-box;border-top:1px solid #ddd;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:center;width:100%;height:100%;height:70px;font-size:20px;color:#333;font-weight:400;letter-spacing:-0.03em;}
		.sub_line_tab ul li a.on{color:#178143;font-weight:500;border-bottom:2px solid #178143}
			.line_tab_panel{overflow:hidden;height:0;}
			.line_tab_panel.on{overflow:visible;height:auto}

	@media only screen and (max-width:1023px) {
		.sub_box_tab{margin-bottom:45px;}
			.sub_box_tab ul li{max-width:170px;}
			.sub_box_tab ul li + li{margin-left:15px;}
			.sub_box_tab ul li a{height:60px;font-size:16px;}
			.sub_box_tab ul li a.on{box-shadow:0 0 25px rgba(0,0,0,0.27)}
		.sub_line_tab{margin-bottom:45px;}
			.sub_line_tab ul li a{height:55px;font-size:15px;color:#333;font-weight:400;letter-spacing:-0.03em;}
			.sub_line_tab ul li a.on{color:#178143;font-weight:500;border-bottom:2px solid #178143}
		
	}

	@media only screen and (max-width:640px) {
		.sub_box_tab{margin-bottom:30px;}
			.sub_box_tab ul li{max-width:110px;}
			.sub_box_tab ul li + li{margin-left:7.5px;}
			.sub_box_tab ul li a{height:45px;font-size:15px;}
			.sub_box_tab ul li a.on{box-shadow:0 0 19px rgba(0,0,0,0.27)}
		.sub_line_tab{margin-bottom:30px;}
			.sub_line_tab ul li a{height:40px;font-size:14px;color:#333;font-weight:400;letter-spacing:-0.03em;}
			.sub_line_tab ul li a.on{color:#178143;font-weight:500;border-bottom:2px solid #178143}
		
	}




/*───────────────────────────────────────────────────────────
	navigation common
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		.nav_wrap {}
		.nav_wrap .nav_box {border:0;margin:0;position:relative;z-index:1;padding-bottom: 58px; text-align:center;}
		.nav_wrap .nav_box h2 {font-size:50px;line-height:1.2;padding:0;margin:0;color:#000;font-weight:500; font-family: 'Noto Sans KR', sans-serif; letter-spacing:-0.06em;}
			.nav_wrap .nav_box h2 + p{margin-top:17px;}
		.nav_wrap .nav_box p{font-size:18px; font-weight:500; color:#666; line-height:1.78; letter-spacing:-0.04em; font-family: 'Noto Sans KR', sans-serif;}
		.nav_wrap .nav_box p strong{font-size:inherit; font-weight:inherit; color:#20296F;}

	@media only screen and (max-width:1280px) {
		.nav_wrap .nav_box h2{font-size:3.9vw;}
			.nav_wrap .nav_box h2 + p{margin-top:1.3vw;}
		.nav_wrap .nav_box p{font-size:17px;}
	}
	@media only screen and (max-width:1023px) {
		.nav_wrap .nav_box{padding-bottom:50px;}
		.nav_wrap .nav_box p{font-size:16px;}
	}
	@media only screen and (max-width:860px) {
		.nav_wrap .nav_box{padding-bottom:40px;}
		.nav_wrap .nav_box h2{font-size:32px;}
			.nav_wrap .nav_box h2 + p{margin-top:11px;}
		.nav_wrap .nav_box p{font-size:15px;}
	}
	@media only screen and (max-width:640px) {
		.nav_wrap .nav_box{padding-bottom:30px;}
	}
	@media only screen and (max-width:479px) {
		.nav_wrap .nav_box{padding-bottom:25px;}
		.nav_wrap .nav_box h2{font-size:30px;}
	}

/*───────────────────────────────────────────────────────────
	button common
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		/* custom button type */
			/* button 공통 요소 */
		.btn, .btn_lg, .btn_sm, .btn_md {font-weight: 400;border-style:solid !important;border-width:1px !important;padding:0;margin:0;text-indent:0;vertical-align:top !important;text-align:center;display: inline-flex;box-sizing:border-box;cursor:pointer;box-shadow:none;outline:0 !important;align-items: center;justify-content: center;font-family: 'Noto Sans KR', sans-serif;}
			/* button 크기별 */
		.btn_wd {width:100%;height:50px;line-height:48px;font-size:17px;}
		.btn {width: 180px;height:50px;font-size:18px;}
		.btn_lg {width:92px;height:72px;line-height:70px;font-size:14px;}
		.btn_md {width:60px;line-height:28px;height:30px;font-size:13px;}
		.btn_sm {height:50px;width:auto !important;padding:0 15px;font-size:inherit;border-color:#aaa !important;background-color:#aaa !important;color:#fff !important;}
			/* button 색상별 */
		.btn_point, .btn_point:hover {border-color:#20296f !important;background-color:#20296f !important;color:#fff !important;}
		.btn_basic, .btn_basic:hover {border-color:#777 !important;background-color:#777 !important;color:#fff !important;}
		.btn_default, .btn_default:hover {border-color:#aaa !important;background-color:#aaa !important;color:#fff !important;}
		.btn_info, .btn_info:hover {border-color:#d3d3d3 !important;background-color:#fff !important;color:#555 !important;}
		.btn_reset, .btn_reset:hover {border-color:#d3d3d3 !important;background:#fff url(../images/common/icon_btn_reset.gif) no-repeat 9px 50% !important;padding:0 10px 0 30px !important;color:#555 !important;}
			/* button wrapper */
		.btn_wrap {margin:0 auto;padding:0;padding-top:60px;font-size:0;vertical-align:top;display:inline-block;}
			.btn_wrap + .sub_about{margin-top:60px;}
		.btn_wrap.ta_center {width:100%;}
		.btn_wrap a + a,
		.btn_wrap button + button,
		.btn_wrap a + button,
		.btn_wrap button + a {margin-left: 20px;}
		.btn_wrap button > a, .btn_wrap a > a{margin-left:0;}
		.view_btn .btn_wrap.ta_right {position:absolute;right:0px;top:0px;}

	@media only screen and (max-width:1023px) {
			/* button wrapper */
		.btn_wrap {padding-top:50px;}
		.btn_sm {height:45px;}
	}
	@media only screen and (max-width:860px) {
		.btn_sm {height:40px}
	}
	@media only screen and (max-width:640px) {
			/* button wrapper */
		.btn_wrap {padding-top:40px;}
		.btn_wrap a + a,
		.btn_wrap button + button,
		.btn_wrap a + button,
		.btn_wrap button + a {margin-left:10px;}

		.btn{width: 150px;height: 45px;font-size: 16px;}
	}
	@media only screen and (max-width:479px) {
			/* button 크기별 */
		.btn_wd {font-size:16px;}
		.btn_lg {width:72px;font-size:13px;}
		.btn_md {width:60px;font-size:12px;}
		.btn_sm {padding:0 10px;font-size:12px;}
			/* button wrapper */
		.view_btn .paging {width:100%;min-height:87px;}
		.view_btn .paging + .btn_wrap.ta_right{top:70px;}
		.btn{width: 130px;height: 40px;font-size: 15px;}
	}



/*───────────────────────────────────────────────────────────
	company
───────────────────────────────────────────────────────────*/
	/* 공통*/
		.bullet_list{}
		.bullet_list > li{position:relative;font-size:16px;font-weight:400;color:#666;letter-spacing: -0.06em;line-height:1.6;padding-left:10px;font-family: 'Noto Sans KR', sans-serif;}
			.bullet_list > li + li{margin-top: 6px;}
			.bullet_list > li:before{position:absolute; content:''; width:3px; height:3px; border-radius:100%; background:#666; top:11px; left:0;}
		.bullet_list > li > sub{font-size: 65%;}
		.bullet_list > li > strong{font-size:inherit; font-weight:500; color:#222;}

		.sub_title{position:relative; box-sizing:border-box;}
		.sub_title h2{font-size:60px;font-weight:400;color:#111;letter-spacing:-0.06em;line-height: 1.4;font-family: 'Noto Sans KR', sans-serif;}
			.sub_title h2 + .download_btn{margin-top: 43px;}
		.sub_title h3{font-size:40px;font-weight:400;color:#111;letter-spacing:-0.06em;line-height: 1.5;font-family: 'Noto Sans KR', sans-serif;}
			.sub_title h3 + p{margin-top: 36px;}
		.sub_title h3 strong{position:relative;display:inline-block;font-weight:700;color:#20296F;box-shadow: inset 0 -20px 0 rgba(32,41,111,0.1);padding-bottom: 4px;}
		.sub_title h5{position:relative; font-size:26px; font-weight:500; color:#111; letter-spacing:-0.06em;line-height: 1.5;font-family: 'Noto Sans KR', sans-serif; box-sizing:border-box;}
			.sub_title h5 + h2{margin-top: 24px;}
			.sub_title h5.icon{padding-left:25px;}
			.sub_title h5.icon:before{position:absolute; content:''; width:14px; height:14px; border:4px solid #20296F; border-radius:100%; top:13px; left:0; box-sizing:border-box;}
		.sub_title p{font-size:18px;font-weight:400;color:#666;letter-spacing: -0.06em;line-height:1.83;font-family: 'Noto Sans KR', sans-serif;}
			.sub_title p + p{margin-top: 33px;}
		.sub_title p small{font-size:88.8%; font-weight:inherit; color:inherit;}
		
		.download_btn{display:inline-block;}
		.download_btn span{position:relative;display:inline-flex;align-items:center;border:1px solid #fff;width:190px;height:50px;box-sizing:border-box;padding:0 50px 0 20px;font-size:16px;font-weight: 300;color:#fff; transition:background 0.4s;}
			.download_btn span:after{position:absolute; content:''; width:20px; height:5px; background:url('../images/sub/download_btn_arw.png') no-repeat center; top:50%; right:20px; margin-top:-2.5px; transition:all 0.4s;}

			/* over */
				@media only screen and (min-width:1024px) {
					.download_btn span:hover{background:#fff; color:#111; font-weight:400;}
					.download_btn span:hover:after{background-image:url('../images/sub/download_btn_arw_bk.png');}
				}
		@media only screen and (max-width:1023px) {
			.bullet_list > li{font-size:15px;}
				.bullet_list > li:before{top:10px;}
			
			.sub_title h2{font-size: 5.8vw;}
				.sub_title h2 + .download_btn{margin-top: 4.2vw;}
			.sub_title h3{font-size:3.9vw;}
				.sub_title h3 + p{margin-top:30px;}
			.sub_title h5{font-size:24px;}
				.sub_title h5 + h2{margin-top: 2.4vw;}
				.sub_title h5.icon:before{top:11px;}
			.sub_title p{font-size:17px;}
				.sub_title p + p{margin-top:28px;}

			.download_btn span{font-size:15px; width:180px; height:45px; padding:0 45px 0 15px;}
				.download_btn span:after{right:15px;}
		}
		@media only screen and (max-width:860px) {
			.sub_title h5{font-size:22px;}
				.sub_title h5.icon{padding-left:23px;}
				.sub_title h5.icon:before{top:11px; width:12px; height:12px; border-width:3px;}
			.sub_title p{font-size:16px;}

		}
		@media only screen and (max-width:640px) {
			.bullet_list > li{font-size:14px;}

			.sub_title h2{font-size:36px;}
				.sub_title h2 + .download_btn{margin-top:26px;}
			.sub_title h3{font-size:25px;}
				.sub_title h3 + p{margin-top:20px;}
			.sub_title h3 strong{box-shadow:inset 0 -10px 0 rgba(32,41,111,0.1); padding-bottom:2px;}
			.sub_title h5{font-size:20px;}
				.sub_title h5 + h2{margin-top:15px;}
				.sub_title h5.icon{padding-left:21px;}
				.sub_title h5.icon:before{top:9px; }
			.sub_title p{font-size:15px; line-height:1.7;}
				.sub_title p + p{margin-top:18px;}

			.download_btn span{font-size:14px; width:170px; height:40px;}
		}
		@media only screen and (max-width:580px) {
			.sub_title h3 strong{box-shadow:none;}
		}
		@media only screen and (max-width:479px) {
			.sub_title h2{font-size:33px;}
			.sub_title h3{font-size:23px;}
				.sub_title h3 + p{margin-top:14px;}
			.sub_title h5{font-size:18px;}
				.sub_title h5.icon{padding-left:18px;}
				.sub_title h5.icon:before{top:8px; width:10px; height:10px;}

			.sub_title p{font-size:14px; line-height:1.6;}
				.sub_title p + p{margin-top:13px;}
			
			.download_btn span{font-size:13px; width:160px; height:38px;}
			.download_btn span:after{width:16px; background-size:100% auto;}
		}

	/* about */
		.sub_about{}
		.sub_about .border_box{border:1px solid #ddd;box-sizing:border-box;padding: 30px 0 37px;}
			.sub_about .border_box + .border_box{margin-top:25px;}
		.sub_about .border_box > dl{display:flex; align-items:center;}
		.sub_about .border_box > dl > dt{text-align:center; width:240px;}
		.sub_about .border_box > dl > dt + dd{width:calc(100% - 240px);}
		.sub_about .border_box > dl > dd{padding-right:15px; box-sizing:border-box;}
		.sub_about .border_box > dl > dd > strong{font-size:26px; font-weight:500; color:#20296F; letter-spacing:-0.04em; line-height:1.3; font-family: 'Noto Sans KR', sans-serif;}
		.sub_about .border_box > dl > dd > strong small{font-size:77%; font-weight:inherit; color:inherit;}
		.sub_about .border_box > dl > dd > strong a{font-size:inherit; font-weight:inherit; color:inherit;}
		.sub_about .border_box > dl > dd > strong + .bullet_list{margin-top: 21px;}

		@media only screen and (max-width:1023px) {
			.sub_about .border_box + .border_box{margin-top:20px;}
			.sub_about .border_box > dl > dt{width:220px;}
			.sub_about .border_box > dl > dt + dd{width:calc(100% - 220px);}
			.sub_about .border_box > dl > dd > strong{font-size:24px;}
			.sub_about .border_box > dl > dd > strong + .bullet_list{margin-top:18px;}
		}
		@media only screen and (max-width:640px) {
			.sub_about .border_box + .border_box{margin-top:15px;}
			.sub_about .border_box > dl > dt{width:200px;}
			.sub_about .border_box > dl > dt + dd{width:calc(100% - 200px);}
			.sub_about .border_box > dl > dd > strong{font-size:22px;}
			.sub_about .border_box > dl > dd > strong + .bullet_list{margin-top:15px;}
		}
		@media only screen and (max-width:479px) {
			.sub_about .border_box > dl{display:block;}
			.sub_about .border_box > dl > dt{width:100%;}
			.sub_about .border_box > dl > dt + dd{width:100%; margin-top:20px;}
			.sub_about .border_box > dl > dd{padding:0 30px;}
			.sub_about .border_box > dl > dd > strong{font-size:20px;}
			.sub_about .border_box > dl > dd > strong + .bullet_list{margin-top:12px;}
		}

	/* greetings */
		.sub_greetings{}
		.sub_greetings .thumb{font-size:0;}
		.sub_greetings .thumb img{min-height:180px; object-fit:cover;}
		.sub_greetings .thumb + .sub_title{margin-top: 49px;}
			
		@media only screen and (max-width:1280px) {
			.sub_greetings .sub_title p br{display:none;}
		}
		@media only screen and (max-width:1023px) {
			.sub_greetings .thumb + .sub_title{margin-top:45px;}
		}
		@media only screen and (max-width:640px) {
			.sub_greetings .thumb + .sub_title{margin-top:40px;}
		}
		@media only screen and (max-width:479px) {
			.sub_greetings .thumb + .sub_title{margin-top:35px;}
		}
		@media only screen and (max-width:431px) {
			.sub_greetings .thumb + .sub_title{margin-top:30px;}
		}


	/* article */	
		.sub_article{}
		.sub_article .wide_bnr{position:relative;background:#20296F;padding: 100px 51% 103px 90px;overflow:hidden;}
		.sub_article .wide_bnr .sub_title{z-index:2;}
		.sub_article .wide_bnr .sub_title h2, .sub_article .wide_bnr .sub_title h5{color:#fff;}
		.sub_article .wide_bnr .sub_title h5{font-weight:400;}
		.sub_article .wide_bnr .paper_wrap{position:absolute;right: 10%;bottom:0;height: 77%;width: 38.4%;text-align:center;background:#f4f4f4; min-width:260px;}
			.sub_article .wide_bnr .paper_wrap:before{position:absolute; content:''; width:292px; height:223px; background:url('../images/sub/sub_article_bg.png') no-repeat right bottom; background-size:100% auto; bottom:0; right:89%; }
		.sub_article .wide_bnr .paper_wrap .cont{transform: translate(20px, -20px);background:#f4f4f4;box-shadow:-20px 34px 20px rgba(0, 0, 0, 0.2);width:100%;height:calc(100% + 20px);padding: 59px 15px 15px;box-sizing: border-box;}
		.sub_article .wide_bnr .paper_wrap h3{font-size:50px;font-weight:700;color:#000;font-family: 'Noto Sans KR', sans-serif;letter-spacing: -0.07em;}
		.sub_article .wide_bnr .paper_wrap p{font-size:16px;font-weight:400;color:#000;font-family: 'Noto Sans KR', sans-serif;letter-spacing: -0.05em;border-bottom: 1px solid #000;display: inline-block;padding-bottom: 2px;}
	 		.sub_article .wide_bnr .paper_wrap p + h3{margin-top: 22px;}
		.sub_article .wide_bnr .paper_wrap .logo{position:absolute;bottom: 20px;left:50%;transform:translateX(-50%);width:109px;}

		@media only screen and (max-width:1023px) {
			.sub_article .wide_bnr{padding: 9vw 50% 9vw 8.6vw;}
			.sub_article .wide_bnr .paper_wrap{right:8%;}
				.sub_article .wide_bnr .paper_wrap:before{width:28.5vw; height:21.8vw;}
			.sub_article .wide_bnr .paper_wrap h3{font-size: 4.9vw;}
			.sub_article .wide_bnr .paper_wrap p{font-size:15px;}
				.sub_article .wide_bnr .paper_wrap p + h3{margin-top: 2.1vw;}
			.sub_article .wide_bnr .paper_wrap .cont{padding-top:5.6vw;}
		}
		@media only screen and (max-width:860px) {
			.sub_article .wide_bnr .paper_wrap p{font-size:14px;}
		}
		@media only screen and (max-width:640px) {
			.sub_article .wide_bnr{padding:50px 40px 0;}
			.sub_article .wide_bnr .paper_wrap{position:relative; right:auto; bottom:-15px; margin-top:30px; width:calc(100% - 15px);}
			.sub_article .wide_bnr .paper_wrap .cont{transform:translate(15px, -15px); padding:50px 15px 38vw;}
			.sub_article .wide_bnr .paper_wrap h3{font-size:31px;}
			.sub_article .wide_bnr .paper_wrap p + h3{margin-top:13px;}
			.sub_article .wide_bnr .paper_wrap .logo{width:95px;}
		}
		@media only screen and (max-width:479px) {
			.sub_article .wide_bnr{padding:40px 30px 0;}
			.sub_article .wide_bnr .paper_wrap{min-width:auto;}
			.sub_article .wide_bnr .paper_wrap .cont{padding:40px 15px 38vw;}
			.sub_article .wide_bnr .paper_wrap h3{font-size:29px;}
			.sub_article .wide_bnr .paper_wrap p{font-size:13px;}
			.sub_article .wide_bnr .paper_wrap .logo{width:90px;}
		}

	/* location */
		.sub_location{}
		.sub_location .map_wrap{width:100%; height:500px;}
		.sub_location .map_info{width:90%;margin: -50px auto 0;display:flex;} 
		.sub_location .map_info .sub_title.bg{display:inline-block;background: #20296F;box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.20);padding:50px 50px;width:374px;box-sizing:border-box;}
		.sub_location .map_info .sub_title.bg h5, .sub_location .map_info .sub_title.bg p{color:#fff;}
		.sub_location .map_info .sub_title.bg h5{line-height: 1.38;}
		.sub_location .map_info .sub_title.bg p{letter-spacing:0;}
			.sub_location .map_info .sub_title.bg p + h5{margin-top: 9px;}
		.sub_location .map_info .sub_title.exp{width:calc(100% - 374px);padding: 96px 0 0 50px;}
		.sub_location .map_info .sub_title.exp h5{margin-bottom: 12px;}
		.sub_location .map_info .sub_title.exp p{display:inline-block; margin:0;}
			.sub_location .map_info .sub_title.exp p:not(:last-child){margin-right:40px;}

		@media only screen and (max-width:1023px) {
			.sub_location .map_info{width:calc(100% - 30px); margin-top:-40px;}
			.sub_location .map_info .sub_title.bg{padding:40px; width:340px;}
			.sub_location .map_info .sub_title.exp{padding:70px 0 0 40px; width:calc(100% - 340px);}
			.sub_location .map_info .sub_title.exp p:not(:last-child){margin-right:30px;}
		}
		@media only screen and (max-width:860px) {
			.sub_location .map_info .sub_title.bg{padding:30px; width:300px;}
			.sub_location .map_info .sub_title.exp{padding:50px 0 0 30px; width:calc(100% - 300px);}
			.sub_location .map_info .sub_title.exp p:not(:last-child){margin-right:20px;}
		}
		@media only screen and (max-width:640px) {
			.sub_location .map_info{display:block; margin-top:-20px;}
			.sub_location .map_info .sub_title.bg{width:100%; box-shadow:5px 5px 10px 0px rgba(0, 0, 0, 0.10);}
			.sub_location .map_info .sub_title.exp{width:100%; padding:30px 30px 0;}
		}

	/* work */
		.sub_work{}
		.sub_work .organization{position:relative; padding-bottom:30px; }
			.sub_work .organization:before{position:absolute;content:'';width:1310px;height:620px;background:url('../images/sub/sub_work_bg.png') no-repeat center; background-size:100% auto; top: 7.5%;left: 51%;transform:translateX(-50%);}
		.sub_work .org_list{position:relative;text-align:center;box-sizing: border-box;}
			.sub_work .org_list:not(:last-child):before{position:absolute;content:'';width:1px;height:100%;background:#ddd;top:0;left:50%;margin-left:-0.5px;}
		.sub_work .org_list01{padding-bottom: 100px;}
			.sub_work .org_list.org_list01:before{top:20px; height:calc(100% - 20px);}
		.sub_work .org_list01 > li{position:relative;z-index: 2; box-sizing:border-box;}
			.sub_work .org_list01 > li:not(:first-child){margin-top:50px;}
		.sub_work .org_list01 > li .circle{position:relative; width:160px; height:160px; padding:15px; box-sizing:border-box; background:#20296F; border-radius:100%; margin:0 auto;}
			.sub_work .org_list01 > li:not(:first-child) .circle:before{position:absolute; content:''; width:12px; height:12px; border:2px solid #fff; background:#1E2768; border-radius:100%; box-sizing:border-box; left:50%; bottom:calc(100% - 6px); transform:translateX(-50%); z-index:3;}
		.sub_work .org_list01 > li dl{position:relative;display:inline-flex;align-items:center;justify-content:center;align-content:center;flex-wrap:wrap;width:100%;height:100%;box-sizing:border-box;background:#fff;border-radius:100%;text-align:center; box-shadow:3px 3px 5px rgba(0, 0, 0, 0.1);}
		.sub_work .org_list01 > li dl dt{font-size:20px; font-weight:500; color:#111; line-height:1.5; width:100%;}
		.sub_work .org_list01 > li dl dd{width:100%;}
			.sub_work .org_list01 > li:first-child .circle{width:210px; height:210px; background:rgba(32,41,111,0.2); padding:20px;}
			.sub_work .org_list01 > li:first-child dl{background:#20296F;}
			.sub_work .org_list01 > li:first-child dl dt{font-size:15px;font-weight: 400;color:#fff;}
			.sub_work .org_list01 > li:first-child dl dd{font-size:30px;font-weight:500;color:#fff;line-height: 1.4;}

			.sub_work .org_list01 > li .absol{position:absolute; top:0; left:50%;background:#BBBECF;}
				.sub_work .org_list01 > li .absol:after{position:absolute; content:''; width:100px; height:1px; background:#ddd; top:50%; margin-top:-0.5px; z-index:-1;}
				.sub_work .org_list01 > li .absol.left{margin-left:-290px;}
				.sub_work .org_list01 > li .absol.left:after{left:100%;}
				.sub_work .org_list01 > li .absol.left:before{bottom:50%; left:calc(100% - 6px); transform:translateY(50%);}
				.sub_work .org_list01 > li .absol.right{margin-left: 130px;}
				.sub_work .org_list01 > li .absol.right:after{right:100%;}
				.sub_work .org_list01 > li .absol.right:before{bottom:50%; left:auto; right:calc(100% - 6px); transform:translateY(50%);}
		
		.sub_work .org_list02{position:relative; display:flex; justify-content:center; padding-bottom:100px;}
			.sub_work .org_list02:not(:last-child):after{position:absolute;content:'';width: calc(70% + 5px);height: 100%;border:1px solid #ddd;border-radius:20px;box-sizing:border-box;top: calc(50% - 50px);left:50%;transform:translate(-50%, -50%);}
		.sub_work .org_list02 > li{position:relative; display:inline-flex;align-items:center;justify-content:center;font-size:20px;font-weight:500;color:#111;width:calc(100% / 3 - 40px);height:70px;border:2px solid #1E2768;border-radius:70px;background:#fff;z-index: 3; box-sizing:border-box;}
			.sub_work .org_list02 > li:not(:last-child){margin-right:60px;}
			.sub_work .org_list02 > li:before{position:absolute; content:''; width:12px; height:12px; background:#1E2768; border:2px solid #fff; border-radius:100%; box-sizing:border-box; bottom:calc(100% - 6px); left:50%; transform:translateX(-50%); z-index:3;}
			.sub_work .org_list02.gray > li{background:rgba(30, 39, 104, 0.1); border:0; color:#666;}

		.sub_work .executives{background:#f5f5f5; padding:110px 0 160px;}
		.sub_work .executi_list{display:flex; flex-wrap:wrap;}
		.sub_work .executi_list > li{background:#fff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15); width:calc(100% / 2 - 15px); padding:30px; box-sizing:border-box; display:inline-flex;}
			.sub_work .executi_list > li:not(:nth-child(2n)){margin-right:30px;}
			.sub_work .executi_list > li:nth-child(n+3){margin-top:30px;}
		.sub_work .executi_list .thumb{width:167px; height:217px;}
			.sub_work .executi_list .thumb + .info{width:calc(100% - 167px); padding-left:30px;}
		.sub_work .executi_list .thumb img{width:100%; height:100%; object-fit:cover;}
		.sub_work .executi_list .info{box-sizing:border-box;}
		.sub_work .executi_list .info > dl{}
			.sub_work .executi_list .info > dl + .bullet_list{margin-top:8px;}
		.sub_work .executi_list .info > dl dt{font-size:18px; font-weight:500; color:#20296F; line-height:1.5;}
			.sub_work .executi_list .info > dl dt + dd{margin-top:5px;}
		.sub_work .executi_list .info > dl dd{font-size:26px; font-weight:500; color:#000; letter-spacing:-0.04em; line-height:1.4;}

		@media only screen and (max-width:1200px) {
			.sub_work .executi_list .info .bullet_list > li br{display:none;}
		}
		@media only screen and (max-width:1023px) {
			.sub_work .organization:before{width:128vw; height:60.7vw;}
			.sub_work .org_list01 > li .circle{width:150px; height:150px;}
				.sub_work .org_list01 > li .absol.left{margin-left:-280px;}
				.sub_work .org_list01 > li:first-child .circle{width:200px; height:200px;}
			.sub_work .org_list01 > li:first-child dl dt{font-size:14px;}
			.sub_work .org_list01 > li:first-child dl dd{font-size:28px;}
			.sub_work .org_list01 > li dl dt{font-size:19px;}
			.sub_work .org_list02 > li{width:calc(100% / 3 - 3.67vw); font-size:19px; height:65px;}
			.sub_work .org_list02 > li:not(:last-child){margin-right:5.5vw;}

			.sub_work .executi_list > li{width:calc(100% / 2 - 7.5px);}
				.sub_work .executi_list > li:not(:nth-child(2n)){margin-right:15px;}
				.sub_work .executi_list > li:nth-child(n+3){margin-top:15px;}
			.sub_work .executi_list .thumb{width:140px; height:180px;}
				.sub_work .executi_list .thumb + .info{width:calc(100% - 140px); padding-left:25px;}
			.sub_work .executi_list .info > dl dt{font-size:17px;}
			.sub_work .executi_list .info > dl dd{font-size:24px;}
		}
		@media only screen and (max-width:860px) {
			.sub_work .executi_list{display:block;}
			.sub_work .executi_list > li{width:100%;}
				.sub_work .executi_list > li:not(:nth-child(2n)){margin-right:0;}
				.sub_work .executi_list > li:nth-child(n+2){margin-top:15px;}
			.sub_work .executi_list .info > dl dt{font-size:16px;}
			.sub_work .executi_list .info > dl dd{font-size:22px;}
		}
		@media only screen and (max-width:640px) {
			.sub_work .organization{padding-bottom:0;}
			.sub_work .org_list01 > li .circle{width:130px; height:130px;}
				.sub_work .org_list01 > li .absol.left{margin-left:-220px;}
				.sub_work .org_list01 > li .absol.right{margin-left:90px;}
				.sub_work .org_list01 > li:first-child .circle{width:180px; height:180px;}
			.sub_work .org_list01 > li:first-child dl dt{font-size:13px;}
			.sub_work .org_list01 > li:first-child dl dd{font-size:25px;}
			.sub_work .org_list01 > li dl dt{font-size:17px;}
			.sub_work .org_list02:not(:last-child):after{width:calc(70% + -5px);}
			.sub_work .org_list02 > li{width:calc(100% / 3 - 10px); font-size:17px; height:55px;}
			.sub_work .org_list02 > li:not(:last-child){margin-right:15px;}
		}
		@media only screen and (max-width:479px) {
			.sub_work .org_list01 > li .circle{width:27vw; height:27vw;}
				.sub_work .org_list01 > li .absol.left{margin-left:-45.5vw;}
				.sub_work .org_list01 > li .absol.right{margin-left:18.5vw;}
				.sub_work .org_list01 > li:first-child .circle{width:37.5vw; height:37.5vw;}
			.sub_work .org_list01 > li:first-child dl dt{font-size:13px;}
			.sub_work .org_list01 > li:first-child dl dd{font-size:23px;}
			.sub_work .org_list01 > li dl dt{font-size:16px;}
			.sub_work .org_list02 > li{font-size:16px; height:50px;}
		}
		@media only screen and (max-width:431px) {
			.sub_work .org_list01 > li .circle{padding:10px;}
			.sub_work .org_list01 > li:first-child .circle{padding:15px;}
			.sub_work .org_list01 > li:first-child dl dt{font-size:12px;}
			.sub_work .org_list01 > li:first-child dl dd{font-size:20px;}
			.sub_work .org_list01 > li dl dt{font-size:15px;}
			.sub_work .org_list02 > li{font-size:15px; height:45px;}
			.sub_work .org_list02 > li{width:calc(100% / 3 - 6.67px); }
				.sub_work .org_list02 > li:not(:last-child){margin-right:10px;}

			.sub_work .executi_list > li{display:block;}
			.sub_work .executi_list .thumb{margin:0 auto;}
			.sub_work .executi_list .thumb + .info{width:100%; padding:25px 0 0 0;}
			.sub_work .executi_list .info > dl dt{font-size:15px;}
			.sub_work .executi_list .info > dl dd{font-size:20px;}
		}
		@media only screen and (max-width:360px) {
			.sub_work .org_list01 > li:first-child dl dd{font-size:18px;}
			.sub_work .org_list01 > li dl dt{font-size:14px;}
			.sub_work .org_list02 > li{font-size:14px; height:45px;}
		}

/*───────────────────────────────────────────────────────────
	membership
───────────────────────────────────────────────────────────*/
	.scroll_noti{display:none;}
	.scr_table{border-top:1px solid #111; margin-top:10px;}
	.scr_table table{}
		.scr_table table :where(th, td){font-size:16px;text-align:center;padding: 9px 14px;border-bottom:1px solid #ddd;letter-spacing:-0.04em;line-height:1.625;}
		.scr_table table :where(th, td):not(:last-child), .scr_table table :where(.row){border-right:1px solid #ddd;}
	.scr_table table thead th{font-weight:700;background:rgba(32, 41, 111, 0.1);color: #111;}
	.scr_table table tbody th{font-weight:500; color:#111;}
		.scr_table table tbody.bg th{background:rgba(32, 41, 111, 0.1);}
	.scr_table table tbody td{font-weight:400; color: #666;}
	.scr_table table tbody td.left{text-align:left;}
	.scr_table table tbody td .bullet_list > li{font-size:inherit; font-weight:inherit; color:inherit;}

	.sub_member_info .cont + .cont{margin-top:45px;}

	@media only screen and (max-width:860px) {
		.scroll_noti{display:block; font-size:15px; font-weight:500; color:#333; margin:10px 0 0;}
		.scroll_wrap{width:calc(100% + 30px); margin-left:-15px; padding:0 15px; box-sizing:border-box; overflow:hidden; overflow-x:auto;}
		.scr_table{width:860px;}
		.scr_table table :where(th, td){font-size:15px;}
	}
	@media only screen and (max-width:640px) {
		.scroll_noti{ font-size:14px;}
	}
	@media only screen and (max-width:479px) {
		.scroll_noti{ font-size:13px;}
		.scr_table table :where(th, td){font-size:14px;}
	}


/*───────────────────────────────────────────────────────────
	board
───────────────────────────────────────────────────────────*/
	input[type="text"], input[type="password"], input[type="number"], input[type="date"], textarea, select{border:1px solid #ddd; resize:none; outline:none; transition:all 0.4s;}
	input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="date"]:focus, textarea:focus, select:focus{border-color:#20296F;}
	#wrap select{background:#fff url('../images/sub/select_arrow.png') no-repeat calc(100% - 20px) 50%;background-size: 14px auto; padding-right:35px;}
	textarea{padding:15px 20px; font-size:14px; font-weight:400; color:#666; letter-spacing:-0.03em; line-height:1.7;}
	input[type="radio"] + label{position:relative; display:inline-block; padding:0 0 0 32px; box-sizing:border-box; margin-right:40px;}
	input[type="radio"] + label:before, input[type="radio"] + label::before{position:absolute; left:0; top:50%; transform:translateY(-50%); width:22px; height:22px; background:url('../images/sub/icon_input_radio.png') no-repeat left center; margin:0; transition:all 0.4s;}
	input[type="radio"]:checked + label:before, input[type="radio"]:checked + label::before{background-image:url('../images/sub/icon_input_radio_on.png');}
	input[type="checkbox"] + label{position:relative;padding-left:32px;font-size:22px;font-weight:500;color:#111;letter-spacing:-0.03em;font-family: 'Noto Sans KR', sans-serif;display: inline-block;}
	input[type="checkbox"] + label:before, input[type="checkbox"] + label::before{position:absolute; left:0; top:50%; transform:translateY(-50%); width:22px; height:22px; border:1px solid #ddd; background:#fff no-repeat left center; margin:0; box-sizing:border-box; transition:all 0.4s;}
	input[type="checkbox"]:checked + label:before, input[type="checkbox"]:checked + label::before{background-image:url('../images/sub/icon_chk_on.png'); border-color:#20296F;}
	#wrap .table_wrap{border-top:1px solid #111; padding:35px 0; border-bottom:1px solid #ddd;}
		.sub_about + .table_wrap{margin-top:54px;}
	#wrap .table_wrap table.bbs_write{display:table; border:0;}
	#wrap .table_wrap table.bbs_write tbody{display:table-row-group;}
	#wrap .table_wrap table.bbs_write tr{display:table-row;}
	#wrap .table_wrap table.bbs_write :where(th, td){border:0;background:none;height: 50px; vertical-align:middle; font-family: 'Noto Sans KR', sans-serif; display:table-cell; line-height:1.5;}
	#wrap .table_wrap table.bbs_write th{font-size:18px; font-weight:500; color:#111;  padding:15px 24px; letter-spacing:-0.03em;}
	#wrap .table_wrap table.bbs_write td{font-size:16px; font-weight:400; color:#333; padding:15px 0; letter-spacing:-0.03em;}
	#wrap .table_wrap table.bbs_write td small{display:block; font-size:85%; font-weight:500; color:inherit; margin-top:5px;}
	#wrap .table_wrap table.bbs_write th.ver_top{vertical-align:top; padding-top:23px;}
	#wrap .table_wrap table.bbs_write :is(input[type="text"], input[type="password"], input[type="number"], input[type="date"], input[type="radio"] + label, select){font-size:inherit; font-weight:inherit; color:inherit; line-height:inherit; font-family:inherit; vertical-align:middle;}
	#wrap .table_wrap table.bbs_write :is(input[type="text"], input[type="password"], input[type="number"], input[type="date"], select){height:50px;padding:0 20px;width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:auto;}
	#wrap .table_wrap table.bbs_write .mail :is(input[type="text"], select){width:calc(100% / 3 - 62px);margin-top: 0;margin-bottom: 0;}
	#wrap .table_wrap table.bbs_write .mail select{margin:0 0 0 6px; }
	#wrap .table_wrap table.bbs_write .btn_sm{margin-left:6px;}
	#wrap .table_wrap table.bbs_write .zip_code{margin-bottom:10px;}
	#wrap .table_wrap table.bbs_write .zip_code input[type="text"]{width:150px;margin: 0;}
	#wrap .table_wrap table.bbs_write .addr input[type="text"]{width:100%;}
	
	#wrap .table_wrap table.bbs_write input[type="radio"] + label{margin-top:7.5px; margin-bottom:7.5px;}
	#wrap .table_wrap table.bbs_write .unit{display:inline-block; vertical-align:middle; margin-left:7px; font-size:inherit; font-weight:inherit; color:#666; }
	#wrap .table_wrap table.bbs_write .captcha_wrap{position:relative; display:inline-block;}
	#wrap .table_wrap table.bbs_write tr td #captcha_box{margin:0 7px 0 0; display:inline-block;}
	#wrap .table_wrap table.bbs_write input#captcha{height:40px; width:250px; padding-right:60px; margin:0;}
	#wrap .table_wrap table.bbs_write #refreshCode{position:absolute; bottom:1px; right:1px; border-left:1px solid #ddd; background:#fff url('../images/common/icon_btn_reset.gif') no-repeat center; font-size:0; width:38px; height:38px; box-sizing:border-box; cursor:pointer; z-index:3;}
	#wrap .policy_cont{margin-top:37px;padding-bottom:40px; border-bottom:1px solid #ddd;}
	#wrap .policy_cont input[type="checkbox"] + label{font-size:22px; font-weight:500; color:#111; padding-right:100px;}
	#wrap .policy_cont > div{position:relative; line-height:inherit;  margin:0;}
	#wrap .policy_cont .textarea_wrap{margin-top:10px;}
	#wrap .policy_cont .info_btn{position:absolute; top:50%; right:0; transform:translateY(-50%); font-size:16px; font-weight:400; color:#20296F; letter-spacing:-0.03em; padding-right:31px;}
	#wrap .policy_cont .info_btn:after{position:absolute; content:''; width:20px; height:5px; top:50%; right:0; margin-top:-2.5px; background:url('../images/sub/info_btn_arw.png') no-repeat center;}

	#wrap .textarea_wrap{padding:10px; box-sizing:border-box; background:#f5f5f5;}
	#wrap .textarea_wrap textarea{border:0; background:#f5f5f5; font-size:14px; font-weight:400; color:#666; letter-spacing:-0.03em; line-height:1.7; box-sizing:border-box; padding:14px 14px; width:100%; height:160px; }
	#wrap .textarea_wrap textarea::-webkit-scrollbar { width: 5px;}
	#wrap .textarea_wrap textarea::-webkit-scrollbar-thumb {background-color: #aaa; border-radius: 5px;}
	#wrap .textarea_wrap textarea::-webkit-scrollbar-track {border-radius: 5px;background:#ddd;}

	@media only screen and (max-width:1023px) {
		#wrap .table_wrap table.bbs_write :is(input[type="text"], input[type="password"], input[type="number"], input[type="date"], select){height:45px; padding:0 15px;}
		input[type="radio"] + label{margin-right:30px;}
		#wrap select{background-position:calc(100% - 15px) 50%;}
		#wrap .sub_about + .table_wrap{margin-top:45px; }
		#wrap .table_wrap{padding:30px 0;}
		#wrap .table_wrap table.bbs_write :where(th, td){height:45px;}
		#wrap .table_wrap table.bbs_write th{font-size:17px; padding:15px 20px;}
		#wrap .table_wrap table.bbs_write td{font-size:15px;}
		#wrap .policy_cont input[type="checkbox"] + label{font-size:20px;}
		#wrap .policy_cont .info_btn{font-size:15px;}
	}
	@media only screen and (max-width:860px) {
		input[type="radio"] + label{margin-right:25px;}
		#wrap select{background-size:12px auto;}
		#wrap .sub_about + .table_wrap{margin-top:35px;}
		#wrap .table_wrap{padding:25px 0;}
		#wrap .table_wrap table.bbs_write :where(th, td){height:40px;}
		#wrap .table_wrap table.bbs_write th{font-size:16px; padding:15px 15px;}
		#wrap .table_wrap table.bbs_write td{font-size:14px;}
		#wrap .table_wrap table.bbs_write :is(input[type="text"], input[type="password"], input[type="number"], input[type="date"], select){height:40px;}

		#wrap .policy_cont{margin-top:30px; padding-bottom:35px;}
		#wrap .policy_cont input[type="checkbox"] + label{font-size:18px; padding-right:80px;}
		#wrap .policy_cont .info_btn{font-size:14px;}
	}
	@media only screen and (max-width:640px) {
		input[type="radio"] + label{margin-right:20px;}
		#wrap table.bbs_write colgroup col:first-of-type{width:125px; min-width:auto;}
		#wrap .table_wrap table.bbs_write :is(input[type="text"], input[type="password"], input[type="number"], input[type="date"], select){width:250px;}
		#wrap .table_wrap table.bbs_write th{font-size:15px; }
		#wrap .table_wrap table.bbs_write td{font-size:13px;}
		#wrap .table_wrap table.bbs_write input#captcha{width:200px;}
		#wrap .table_wrap table.bbs_write .addr input[type="text"]{width:100%;}
		#wrap .table_wrap table.bbs_write .mail input[type="text"]{width:calc(100% / 2 - 9px); }
		#wrap .table_wrap table.bbs_write .mail :is(input[type="text"], .at){margin-bottom:10px;}
		#wrap .table_wrap table.bbs_write .mail select{width:calc(100% - 125px) !important; margin:0;}

		#wrap .policy_cont{margin-top:25px; padding-bottom:30px;}
		#wrap .policy_cont input[type="checkbox"] + label{font-size:17px;}
		#wrap .policy_cont .info_btn{font-size:13px;}
		#wrap .textarea_wrap textarea{font-size:13px; height:145px; padding:10px;}
		#wrap .textarea_wrap textarea::-webkit-scrollbar { width: 3px;}
		#wrap .textarea_wrap textarea::-webkit-scrollbar-thumb {background-color: #aaa; border-radius: 5px;}
		#wrap .textarea_wrap textarea::-webkit-scrollbar-track {border-radius: 5px;background:#ddd;}
	}
	@media only screen and (max-width:560px) {
		#wrap .table_wrap table.bbs_write tr td #captcha_box{display:block; margin:0 0 10px;}
		#wrap .table_wrap table.bbs_write input#captcha{width:180px;}
	}
	@media only screen and (max-width:479px) {
		#wrap table.bbs_write colgroup col:first-of-type{width:110px;}
		#wrap .table_wrap table.bbs_write :is(input[type="text"], input[type="password"], input[type="number"], input[type="date"]){width:180px;}
		#wrap .table_wrap table.bbs_write th{font-size:14px; }
		#wrap .table_wrap table.bbs_write td{font-size:13px;}
		#wrap .table_wrap table.bbs_write .zip_code input[type="text"]{width:100px;}
		#wrap .table_wrap table.bbs_write .mail input[type="text"]{width:calc(100% / 2 - 10px);}
		#wrap .table_wrap table.bbs_write .mail select{width:calc(100% - 109px) !important}

		#wrap .policy_cont input[type="checkbox"] + label{font-size:16px;}
		#wrap .policy_cont .info_btn{font-size:12px;}
		#wrap .textarea_wrap textarea{font-size:12px; height:135px; padding:10px;}
	}
	@media only screen and (max-width:360px) {
		#wrap select{background-position:calc(100% - 10px) 50%; background-size:10px auto;}
		#wrap table.bbs_write colgroup col:first-of-type{width:100px;}
		#wrap .table_wrap table.bbs_write .mail input[type="text"]{width:calc(100% / 2 - 11px);}
		#wrap .table_wrap table.bbs_write :is(input[type="text"], input[type="password"], input[type="number"], input[type="date"], select){padding:0 10px;}
		#wrap .table_wrap table.bbs_write :is(input[type="text"], input[type="password"], input[type="number"], input[type="date"]){width:150px;}
	}