@charset "utf-8";


/*** common ***/
.dn {display:none !important;}
#wrap {overflow-x:hidden;}
.btn_sm {background:#aaa;color:#fff;font-size:12px;font-weight:500;display:inline-block;width:auto;padding:0 10px;height:30px;box-sizing:border-box;line-height:30px;border:0;text-align:center;}
.bd_none {border:0 none !important;}
b {font-weight:bold;}

.clear {*zoom:1;}
.clear:after {content:"";display:block;clear:both;}
.fl {float:left;}
.fr {float:right;}
.clear_fl {clear:both;float:left;}
.w_set {width:1200px;margin:0 auto;}

.ff_noto {font-family:'Noto Sans KR', sans-serif;}
.ff_noto_in * {font-family:'Noto Sans KR', sans-serif !important;}
.ff_nanum {font-family:'Nanum Gothic', sans-serif;}
.ff_nanum_in * {font-family:'Nanum Gothic', sans-serif !important;}
.ff_lato {font-family:'Lato', sans-serif;}
.ff_lato * {font-family:'Lato', sans-serif !important;}

.ff_po {color:#b1040e !important;}

.tablet {display:none !important;}
.mobile {display:none !important;}
.pc {display:block !important;}

#wrap {padding-top:68px;}


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

	 전역 인풋 및 셀렉트박스 css

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

input[type="text"], input[type="password"], input[type="number"], input[type="date"] {height:30px; line-height:28px;font-size: 12px; color: #666; border: 1px solid #ddd; box-sizing: border-box; margin:0; padding:0 10px; vertical-align:middle; text-align:left; border-radius:0; }

select {cursor:pointer; height:30px; line-height:28px; font-size: 12px; color: #666; border: 1px solid #ddd;box-sizing: border-box; margin:0;  padding:0 0 0 10px; vertical-align:middle; text-align:left; border-radius:0; -webkit-appearance: none; /* 화살표 없애기 for chrome*/ -moz-appearance: none; /* 화살표 없애기 for firefox*/ appearance: none; /* 화살표 없애기 공통*/}
select::-ms-expand { display: none; /* 화살표 없애기 for IE10, 11*/ }
select option { line-height:28px; padding:5px 0; }
select option:checked, select option:hover { line-height:28px; background:#e0e0e0; font-size: 12px; color: #555; } /* check, hover 스타일 설정 IE, Chrome */
select option:checked, select option:hover { line-height:28px; box-shadow: 0 0 10px 100px #e0e0e0 inset; font-size: 12px; color: #555; } /* check, hover 스타일 설정 FireFox */

.select_box_wrap {display:inline-block;height:30px;line-height:30px;position:relative;z-index:1;box-sizing:border-box;margin:0;padding:0;}
.select_box_wrap .select_box_arrow {cursor:pointer;position:absolute;z-index:5;width:0px;height:0px;right:7px;top:12px;border-right:6px solid transparent;border-bottom:6px solid #aaa;transform:rotate(315deg);-ms-transform:rotate(315deg);-webkit-transform:rotate(315deg);-moz-transform:rotate(225deg);-o-transform:rotate(315deg);}/*right:5px;top:15px;width:8px;height:5px;background:url(../../../../lib/images/icon_select_arrow.png) 0 0 no-repeat;*/

input[type="checkbox"] { display:none; }
input[type="checkbox"] + label {cursor:pointer;}
input[type="checkbox"] + label:before, input[type="checkbox"] + label::before { display:inline-block; content:""; width:15px; height:15px; margin:-2px 10px 0 0; vertical-align:middle; background:url(../../../../lib/images/icon_input_check.png) left top no-repeat; cursor:pointer; }
input[type="checkbox"]:checked + label:before, input[type="checkbox"]:checked + label::before { background:url(../../../../lib/images/icon_input_check_on.png) left top no-repeat; }

input[type="radio"] { display:none; }
input[type="radio"] + label {cursor:pointer;}
input[type="radio"] + label:before, input[type="radio"] + label::before { display:inline-block; content:""; width:13px; height:13px; margin:-2px 5px 0 20px; vertical-align:middle; background:url(../../../../lib/images/icon_input_radio.png) left top no-repeat; cursor:pointer; }
input[type="radio"]:checked + label:before, input[type="radio"]:checked + label::before { background:url(../../../../lib/images/icon_input_radio_on.png) left top no-repeat; }
input[type="radio"] + label:first-of-type:before, input[type="radio"] + label:first-of-type::before {margin-left:0;}

 textarea {font-size: 12px; color: #666; border: 1px solid #ddd; box-sizing: border-box; margin:0; padding:0 10px; vertical-align:middle; text-align:left; border-radius:0; }



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

	 HEADER | outline/header.html, outline/nav.html

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

.skip_nav {position:relative;z-index:9999;}
.skip_nav a {display:block;height:1px;width:1px;margin-bottom:-1px;overflow:hidden;font-size:12px;color:#fff;font-weight:bold;white-space:nowrap;text-align:center;}
.skip_nav a:focus, .skip_nav a:active {height:auto;width:100%;padding:0;margin-bottom:0;position:absolute;left:0;top:0;}

/* #header {position:fixed; left:0; top:0; z-index:1000; height:100%; width:230px; }
#header .hd_content {position:relative;z-index:100;width:100%;height:100%;background-color:#282828;}
#header .hd_search {background-color:#000000; padding:15px 20px;position:relative;z-index:1;}
#header .hd_search label {position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden;}
#header .hd_search input {background:none; width:160px; color:#aaa; border:none;}
#header .hd_search button {position:absolute; right:20px; top:15px;}
#header h1.hd_logo {text-align:center; padding:30px 0 0 0;position:relative;z-index:5;}
#header ul.hd_lnb {position:relative;z-index:5;padding:0;}
#header ul.hd_lnb > li {overflow:hidden;}
#header ul.hd_lnb > li > a {z-index:60;color:#fff; padding:0 20px; height:55px; line-height:55px; display:block; font-size: font-size:14px; font-weight:600;position:relative; background-color:#282828; box-sizing:border-box;}
#header ul.hd_lnb > li > a:hover {color:#f8a92e;}
#header ul.hd_lnb > li > a.on img {margin-top:-55px;}
#header ul.hd_lnb > li.lnb_1 {}
#header ul.hd_lnb > li.lnb_1 > a {height:85px;padding-top:30px;}
#header ul.hd_gnb {position:fixed; bottom:0; left:0; width:230px;}
#header ul.hd_gnb:after {clear:both; content:""; display:block;}
#header ul.hd_gnb > li {float:left;}

.hd_all_bg {position:fixed;left:0px;top:0;width:150px;height:100%;background:#fff;z-index:50 !important;opacity:0.9;}
.hd_all_bg.sub_bg {background-color:#eeeeee; width:149px; border-right:1px solid #dddddd;}
.hd_all_sub {position:fixed;left:0px;top:207px;width:150px;z-index:55 !important;}
.hd_all_sub {}
.hd_all_sub li {}
.hd_all_sub li a {display:block; color:#333333; font-size:14px; font-weight:600; line-height:55px; padding-left:22px;}
.hd_all_sub li a.on {color:#fff; background-color:#f8a92e;} */

#header {position:fixed;top:0;left:0;z-index:900;width:100%;}
#header .hd_top {height:68px;/* overflow:hidden; */ background:#b1040e;}
#header .hd_top .hd_logo {float:left;width:260px;margin-top:23px;font-size:0px;}
#header .hd_top .hd_logo img {width:auto;margin:0 auto;}
#header .hd_top .hd_menu {float:left;margin-top:2px;}
#header .hd_top .hd_menu > li {position:relative;float:left;height:64px}
#header .hd_top .hd_menu > li:last-of-type {margin:0 0 0 0;}
#header .hd_top .hd_menu > li > a {display:block;height:64px;padding:0 13px;font-size:15px;color:#ffffff;font-weight:500;line-height:64px;}
#header .hd_top .hd_menu > li:hover > a {background:#86050d;}
#header .hd_top .hd_menu > li > .hd_all_sub {display:none;position:absolute;z-index:5;top:100%;left:0px;width:180px;background:#ffffff;/* padding:2px; */border:1px solid #b1040e;border-width:2px 1px 1px;/* box-shadow:2px 2px 2px rgba(0,0,0,0.3); */}
#header .hd_top .hd_menu > li:hover > .hd_all_sub {display:block;}
#header .hd_top .hd_menu > li > .hd_all_sub > ul {}
#header .hd_top .hd_menu > li > .hd_all_sub > ul > li {}
#header .hd_top .hd_menu > li > .hd_all_sub > ul > li > a {display:block;padding:10px 10px 10px 18px;font-size:14px;color:#b1040e;font-weight:300;line-height:20px;word-break:keep-all;}
#header .hd_top .hd_menu > li > .hd_all_sub > ul > li > a:hover {background:#b1040e;color:#ffffff;}
#header .hd_top .hd_mem {float:right;}
#header .hd_top .hd_mem > li {margin-top:18px;}
#header .hd_top .hd_mem > li > a {display:block;width:80px;height:32px;background:#86050d;font-size:13px;color:#ffffff;font-weight:300;letter-spacing:-0.02em;line-height:32px;text-align:center;}



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

	 FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
/* #footer {position:absolute; left:0; bottom:0; margin-left:230px; min-width:1000px; background-color:#222222; height:109px; padding:0 50px; position:relative;}
#footer ul.ft_gnb {height:40px; line-height:40px; padding-top:10px;}
#footer ul.ft_gnb:after {clear:both; content:""; display:block;}
#footer ul.ft_gnb li {float:left; padding:0 12px 0 0; }
#footer ul.ft_gnb li + li:before {margin-right:12px;content:"";background:url("../images/common/footer_line.gif") no-repeat left center;width:1px;height:9px;display:inline-block;vertical-align:middle;}
#footer ul.ft_gnb li.first {background:none; padding-left:0;}
#footer ul.ft_gnb li a {color:#fff; font-weight:600;}
#footer address {color:#9c9c9c; font-weight:100; line-height:19px; padding:0;}
#footer p {color:#727272; font-weight:100; position:absolute; right:50px; bottom:25px;} */

#footer {background:#191e20;}
#footer .ft_menu .w_set{display: flex;align-items: center;justify-content: space-between;flex-wrap:wrap;}
#footer .ft_menu .w_set > ul{width:calc(100% - 220px);}
#footer .ft_menu .w_set > ul > li {float:left;line-height:70px;text-align:center;}
#footer .ft_menu .w_set > ul > li + li{margin-left:40px;}
#footer .ft_menu .w_set > ul > li > a {font-size:14px;color:#ffffff;}
/* #footer .ft_menu li:nth-of-type(1) {width:10%;text-align:left;}
#footer .ft_menu li:nth-of-type(2) {width:17%;}
#footer .ft_menu li:nth-of-type(3) {width:15%;}
#footer .ft_menu li:nth-of-type(4) {width:16%;}
#footer .ft_menu li:nth-of-type(5) {width:15%;}
#footer .ft_menu li:nth-of-type(6) {width:15%;}
#footer .ft_menu li:nth-of-type(7) {width:12%;text-align:right;} */

	#footer .family_site{width:220px;}
	#footer .ft_family { position: relative; display: inline-block; width: 100%; }
	#footer .ft_family dt { color:rgba(255,255,255,0.8); border: 1px rgba(255, 255, 255, 0.8) solid; outline: 0; padding: 0; width: 100%; line-height:44px; font-size:14px; font-weight:200; box-sizing: border-box; text-decoration: none; position: relative; z-index: 1; cursor: pointer; text-align: left; padding-left:18px; }
	#footer .ft_family dt:before { content: ""; border-bottom: 4px solid #D9D9D9; border-left: 3px solid transparent; border-right: 3px solid transparent; position: absolute; right:18px; top: 50%; transform: translateY(-50%); }
	#footer .ft_family dt.on:before { transform: rotate(180deg) translateY(-50%); }
	#footer .ft_family dd { position: absolute; bottom: 100%; left: 0; width: 100%; display: none; z-index: 10; }
	#footer .ft_family dd ul { background:#fff; box-sizing: border-box;  border: 1px solid #b1040e; border-bottom: none;}
	#footer .ft_family dd ul li a { display: block; font-size: 13px; color: #21242d; font-weight: 400; line-height: 30px; padding: 5px 10px;}
	#footer .ft_family dd ul li > a:hover{background: #b1040e; color: #ffffff;}

#footer .ft_gnb {padding:32px 0 25px;}
#footer .ft_gnb > li {position:relative;float:left;padding-right:25px;line-height:12px;}
#footer .ft_gnb > li:after {display:block;position:absolute;top:50%;right:12px;margin-top:-5px;width:1px;height:10px;background:#535657;content:'';}
#footer .ft_gnb > li:last-of-type:after {display:none;}
#footer .ft_gnb > li > a {font-size:12px;color:#cccccc;font-weight:700;letter-spacing:-0.04em;}
#footer address {padding:0 0 40px;font-size:12px;color:#888888;line-height:19px;letter-spacing:-0.04em;}
#footer address > p {float:right;}



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

	 INDEX | index.html

───────────────────────────────────────────────────────────*/
.main_visual {width:100%; max-width:1920px; margin:0 auto; position:relative; z-index:10; background:#ffffff;}
/* 접근성 일지정지/재생 오류로 인해 bxslider 삭제
.main_visual .bx-controls-direction {}
.main_visual .bx-controls-direction a {display:inline-block; position:absolute; top:50%; margin-top:-30px; text-indent:-9999px; width:59px; height:59px;}
.main_visual .bx-controls-direction a.bx-prev {left:0; background:url("../images/main/visual_left.png") no-repeat;}
.main_visual .bx-controls-direction a.bx-next {right:0; background:url("../images/main/visual_right.png") no-repeat;}
.main_visual .bx-controls-direction a.bx-prev.on {background:url("../images/main/visual_left_on.png") no-repeat;}
.main_visual .bx-controls-direction a.bx-next.on {background:url("../images/main/visual_right_on.png") no-repeat;}
.main_visual .bx-controls-auto {display:block; position:absolute; right:20px; bottom:20px; font-size:0px;}
.main_visual .bx-controls-auto .bx-controls-auto-item {display:inline-block; width:auto; height:auto; font-size:25px; font-weight:bold; margin-left:10px; text-shadow:#ffffff 0px 0px 5px;}
.main_visual .bx-controls-auto .bx-controls-auto-item.on a {color:#fff; text-shadow:#000 0px 0px 5px;}
*/
.main_visual .slick-arrow {display:inline-block; position:absolute; top:50%; margin-top:-40px; text-indent:-9999px; width:80px; height:80px; background:no-repeat center center rgba(0,0,0,0.2); z-index:10;}
.main_visual .slick-arrow.slick-prev {left:95px; background-image:url("../images/main/main_visual_prev.png");}
.main_visual .slick-arrow.slick-next {right:95px; background-image:url("../images/main/main_visual_next.png");}
.main_visual .slick-arrow:hover {background-color:rgba(177,4,14,0.3);}
.main_visual .slick-list,
.main_visual .slick-slide {width:100%;}
.main_visual .auto_control {display:block; position:absolute; right:20px; bottom:20px; font-size:0px;}
.main_visual .auto_control a {display:inline-block; width:auto; height:auto; font-size:25px; font-size:0px; font-weight:bold; margin-left:10px; text-shadow:#ffffff 0px 0px 5px;}
.main_visual .auto_control a.on {color:#fff; text-shadow:#000 0px 0px 5px;}
.main_visual .sld_bg {width:100%;height:calc(100vh - 68px);}
.main_visual .sld_bg img {display:none !important;}
.main_visual .sld_bg .inner_txt {display:table;width:100%;height:100%;text-align:center;color:#fffffff;font-family:'Nanum Gothic', 'Noto Sans KR', dotum, sans-serif;}
.main_visual .sld_bg .inner_txt .inner_txt_align {display:table-cell;vertical-align:middle;}
.main_visual .sld_bg .inner_txt .bld {font-size:60px;color:#ffffff;letter-spacing:-0.02em;font-weight:700;}
.main_visual .sld_bg .inner_txt strong{font-size:80px;color:#ffffff;letter-spacing:-0.02em;font-weight:700;display: block;margin:10px 0 30px;word-break:keep-all;line-height:1.2;}
.main_visual .sld_bg .inner_txt .sml {padding-top:20px;font-size:34px;color:#ffffff;letter-spacing:-0.02em;font-weight:700;line-height:120%;}

.main_scrl {position:fixed;z-index:5;top:68px;left:0;width:100%;}
.main_scrl.no_fix {position:static;}
.main_space.no_hei {height:0px !important;}

@media only screen and (max-width:1024px){
	.main_visual .sld_bg .inner_txt strong{font-size:70px;}
}
@media only screen and (max-width:749px){
	.main_visual .sld_bg .inner_txt strong{font-size:48px;}
}
@media only screen and (max-width:479px){
	.main_visual .sld_bg .inner_txt strong{font-size:36px;}
}

#content {min-height:80vh;}
#content .main_title {position:relative;padding-bottom:20px;font-size:26px;color:#222222;font-weight:900;letter-spacing:0.2em;text-align:center;line-height:100%;font-family:'Lato', 'Noto Sans KR', sans-serif;}
#content .main_title:after {display:block;position:absolute;bottom:0;left:50%;margin-left:-17px;width:34px;height:3px;background:#b1040e;content:'';}

#content .main_adf {padding:75px 0 75px;}
#content .main_adf .list_wrap {padding-top:32px;}
#content .main_adf .list_wrap .list {display:block;float:left;width:25%;height:320px;padding-top:162px;background:no-repeat center 34px;background-size:auto 102px;box-sizing:border-box;text-align:center;}
#content .main_adf .list_wrap .list .bld {font-size:24px;color:#b1040e;font-weight:700;line-height:100%;}
#content .main_adf .list_wrap .list .nrm {padding-top:25px;font-size:14px;color:#777777;font-weight:300;line-height:24px;letter-spacing:-0.02em;}
#content .main_adf .list_wrap .list:nth-of-type(1) {background-image:url("../images/main/main_ico01.png");}
#content .main_adf .list_wrap .list:nth-of-type(2) {background-image:url("../images/main/main_ico02.png");}
#content .main_adf .list_wrap .list:nth-of-type(3) {background-image:url("../images/main/main_ico03.png");}
#content .main_adf .list_wrap .list:nth-of-type(4) {background-image:url("../images/main/main_ico04.png");}
#content .main_adf .list_wrap .list:nth-of-type(1):hover {background-image:url("../images/main/main_ico01_wh.png");}
#content .main_adf .list_wrap .list:nth-of-type(2):hover {background-image:url("../images/main/main_ico02_wh.png");}
#content .main_adf .list_wrap .list:nth-of-type(3):hover {background-image:url("../images/main/main_ico03_wh.png");}
#content .main_adf .list_wrap .list:nth-of-type(4):hover {background-image:url("../images/main/main_ico04_wh.png");}

#content .main_bbs {padding:40px 0;background:url("../images/main/main_bbs_pattern.gif") center center;border-bottom:10px solid #b1040e;}
#content .main_bbs .bbs_wrap {/* padding-top:40px; */}
#content .main_bbs .bbs_wrap .bbs_box {width:588px;height:400px;background:#ffffff;}
#content .main_bbs .bbs_wrap .bbs_box .sec_title {padding:36px 34px 16px;border-bottom:1px solid #eeeeee;font-size:20px;color:#b1040e;font-weight:700;line-height:28px;}
#content .main_bbs .bbs_wrap .bbs_box .sec_title a {display:block;float:right;width:28px;height:28px;background:url("../images/main/main_bbs_more_pc.jpg") no-repeat center center;font-size:0px;}
#content .main_bbs .bbs_wrap .bbs_box .sec_title a:hover {background-image:url("../images/main/main_bbs_more_ov_pc.png");background-color:#b1040e;}
#content .main_bbs .bbs_wrap .bbs_box .list_wrap {padding:40px;counter-reset:mainBbs;}
#content .main_bbs .bbs_wrap .bbs_box .list_wrap li {padding:6px 0;height:26px;line-height:26px;counter-increment:mainBbs;}
#content .main_bbs .bbs_wrap .bbs_box .list_wrap li a {display:block;float:left;font-size:0px;}
#content .main_bbs .bbs_wrap .bbs_box .list_wrap li a > p {display:inline-block;vertical-align:top;font-size:14px;color:#666666;font-weight:700;}
#content .main_bbs .bbs_wrap .bbs_box .list_wrap li a > p.idx {width:37px;}
#content .main_bbs .bbs_wrap .bbs_box .list_wrap li a > p.idx:before{content:counter(mainBbs) ".";font-size:inherit;color:inherit;font-weight:inherit;}
#content .main_bbs .bbs_wrap .bbs_box .list_wrap li a > p.title {max-width:380px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#content .main_bbs .bbs_wrap .bbs_box .list_wrap li p.date {float:right;font-size:13px;color:#aaaaaa;font-weight:300;letter-spacing:0.02em;}
#content .main_bbs .bbs_wrap .bbs_box .list_wrap li:hover a {border-bottom:1px solid #b1040e;box-sizing:border-box;}
#content .main_bbs .bbs_wrap .bbs_box .list_wrap li:hover a * {color:#b1040e !important;}

#content .main_loc_bg {background:url("../images/main/main_bg_map.jpg") no-repeat fixed; background-size:cover;}
#content .main_loc {padding:80px 0 115px;background:rgba(0,0,0,0.5);}
#content .main_loc .main_title {color:#ffffff;}
#content .main_loc .w_set_loc {width:920px;margin:0 auto;}
#content .main_loc .list_wrap {padding:65px 0 0;}
#content .main_loc .list_wrap .list {float:left;width:33.33%;background:no-repeat center top;background-size:auto 33px;text-align:center;}
#content .main_loc .list_wrap .list .bld {padding:53px 0 12px;font-size:18px;color:#ffffff;letter-spacing:0.2em;line-height:100%;}
#content .main_loc .list_wrap .list .nrm {font-size:13px;color:#ffffff;line-height:19px;}
#content .main_loc .list_wrap .list .nrm.ff_lato {font-size:14px;letter-spacing:0.2em;}
#content .main_loc .list_wrap .list:nth-of-type(1) {background-image:url("../images/main/ft_loc_ico01.png");}
#content .main_loc .list_wrap .list:nth-of-type(2) {background-image:url("../images/main/ft_loc_ico02.png");}
#content .main_loc .list_wrap .list:nth-of-type(3) {background-image:url("../images/main/ft_loc_ico03.png");}













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

	 SUB

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

/*** 서브상단메뉴 ***/
#content_sub {max-width:1200px; margin:0 auto; padding:0 50px 80px; text-align:center;}
#content_sub.add {padding-top:137px;}
#content_sub .sub_tit {display:none;border-bottom:1px solid #e1e1e1; margin-bottom:26px;line-height:52px;padding:0 0 23px 0;position:relative;z-index:1;font-size:50px; font-weight:800; font-family:'Lato', 'Nanum Gothic';}
#content_sub .sub_tit:after,
#content_sub .sub_tit::after {display:inline-block;width:70px;height:3px;background:#b1040e;margin-left:-35px;position:absolute;left:50%;bottom:-2px;content:"";}
#content_sub ul.submenu {text-align:center; height:120px; font-size:0px;}
#content_sub ul.submenu li {position:relative; display:inline-block; height:20px;border-bottom:1px solid #ccc;text-align:center; padding:47px 5px 0;}
#content_sub ul.submenu li a {display:inline-block;height:20px;line-height:20px;font-size:15px; color:#888888; font-weight:600;border-bottom:1px solid #cccccc;padding:0 5px;min-width:65px;}
#content_sub ul.submenu li a.on {position:relative; color:#b1040e;border-color:#b1040e;}
/* #content_sub ul.submenu li a.on::before {position:absolute;left:50%;bottom:-23px;content:"";display:block;width:18px;height:19px;background:url("../images/sub/loc_navi_on.png") no-repeat left top #b1040e;margin-left:-8px;} */

#content_sub .sub_cont {}

/* sub 공통 */
/* .sub_content {padding-bottom:120px;}
.sub_bg {height:320px;background:url('../images/sub/sub_bg.jpg') repeat-x center center;}
.sub_menu {height:25px;margin:0 auto;text-align:center;font-size:0px;padding:40px 0 70px;}
.sub_menu li {display:inline-block;padding:0 13px;height:25px;border-bottom:1px solid #888;}
.sub_menu li a {display:inline-block;padding:0 5px;font-size:14px;color:#888888;font-weight:700;height:25px;line-height:25px;font-family:'Open Sans';}
.sub_menu li.on a {color:#b1040e;font-weight:bold;border-bottom:1px solid #b1040e;} */
/* .sub_title {text-align:center;position:relative;padding-bottom:40px;height:100px;padding-top:60px;}
.sub_title h1 {font-size:40px;color:#333333;font-weight:600;line-height:68px;padding-top:3px;padding-bottom:3px;}
.sub_title h3 {font-size:14px;color:#666666;font-weight:normal;}
.sub_title .location {position:absolute;top:14px;left:0;}
.sub_title .location span {padding-left:18px;font-size:12px;color:#666666;background:url("../images/sub/sub_nav_arr.png") no-repeat 7px 2px;}
.sub_title .location span.home {padding-left:15px;}
.sub_title .location span.home:after {display:block;position:absolute;width:11px;height:11px;left:0;top:0px;background:url("../images/sub/sub_locate_home.png") no-repeat left center #b1040e;content:'';}
.sub_title .location span b {color:#222;font-weight:bold;} */

/* 서브기본설정 */
.sub_bg {width:100%;height:340px;background:url("../images/sub/sub_bg.jpg") no-repeat center center;background-size:cover;position: relative;}
.sub_bg h3{font-size:30px;color:#fff;font-weight:600;position: absolute;left:50%;top:36%;transform:translate(-50%, -50%);width:100%;box-sizing:border-box;padding:0 30px;text-align: center;max-width:1240px;word-break:keep-all;}
#sub_wrap {width:1240px;padding:20px;box-sizing:border-box;margin:-85px auto 30px;background:#ffffff;}
#sub_wrap:after {display:block;clear:both;content:'';}
.sub_menu {float:left;width:215px;}
.sub_menu .menu_title {height:65px;padding-left:10px;background:#b1040e;font-size:18px;color:#ffffff;font-weight:700;letter-spacing:-0.025em;line-height:65px;}
.sub_menu .sub_txt{display: none;}
.sub_menu > ul {padding:4px 0 0;}
.sub_menu > ul > li {border-bottom:1px solid #dddddd;}
.sub_menu > ul > li:last-of-type {border-width:0px;}
.sub_menu > ul > li > a {display:block;padding: 9px 25px 10px 10px;font-size:14px;color:#333333;font-weight:500;line-height: 1.5; box-sizing:border-box;}
.sub_menu > ul > li.on > a,
.sub_menu > ul > li > a:hover {background:url("../images/sub/sub_menu_arr.png") no-repeat 200px center;color:#b1040e;}
.sub_sec {float:right;width:930px;}
.sub_sec .sub_title {border-bottom:1px solid #dddddd;}
.sub_sec .sub_title:after {display:block;clear:both;content:'';}
.sub_sec .sub_title > p {float:left;font-size:30px;color:#333333;font-weight:500;line-height:64px;}
.sub_sec .sub_title .location {float:right;line-height:64px;}
.sub_sec .sub_title .location > .list {float:left;height:64px;padding-left:20px;background:url("../images/sub/loc_arr.png") no-repeat 9px center;font-size:12px;color:#acacac;font-weight:300;}
.sub_sec .sub_title .location > .list.on {color:#333333;}
.sub_sec .sub_title .location > .list.home {padding:0 0 0 0;font-size:0px;background:none;}
.sub_sec .sub_title .location > .list.home > a {display:block;margin-top:27px;width:11px;height:10px;background:url("../images/sub/loc_home.png") no-repeat center center;}
.sub_sec .sub_cont {padding-top:72px;min-height:300px;}
.sub_p_t {text-align:center;word-break:keep-all;}
.sub_p_t.u_line {position:relative;padding-bottom:17px;}
.sub_p_t.u_line:after {display:none;position:absolute;bottom:0;left:50%;margin-left:-20px;width:40px;height:3px;background:#b1040e;content:'';}
.sub_p_t .t1 {font-size:30px;color:#333333;font-weight:700;line-height: 1.46;}
.sub_p_t .t1.t_mdl {font-size: 34px;}
.sub_p_t .t1.t_bld {font-size:40px;}
.sub_p_t .t1.t_sml {font-size:28px;}

.sub_p_t .t1.pc_dn {display: none;}

.sub_p_t .t2 {padding-top:17px;font-size:18px;color:#666666;font-weight:400;}
.sub_p_t .t2.ta_l {display:inline-block;text-align:left;}
.sub_p_t .t3 {padding:0 0 80px;font-size:16px;color:#333333;line-height:24px;}
.chk_title {padding-left:25px;background:url("../images/sub/ico_tit_chk.png") no-repeat left center;font-size:16px;color:#333333;font-weight:500;line-height:18px;}
.chk_title_on {padding:0 0 22px 30px;background:url("../images/sub/ico_tit_chk_on.png") no-repeat left top;font-size:14px;color:#333333;font-weight:300;line-height:22px;}
.chk_title_on b {display:block;font-size:16px;color:#333333;font-weight:500;}
.chk_title_on p {padding-top:10px;font-size:13px;color:#666666;line-height:19px;}
.chk_title_on.txtix p {padding-left:5px;text-indent:-6px;}
.img_zoom {font-size:0px; text-align: center;}
.img_zoom embed{width:100%;}
.table_wrap{width:100%;  border-top:2px solid #333333; overflow:hidden; overflow-x:auto;}
.table_wrap > table.sub_table {min-width:860px;}
table.sub_table {width:100%; text-align:center;}
table.sub_table.swmajor_table tr td { padding: 15px 10px; color: #555; line-height: 1.5; }
table.sub_table.swmajor_table thead tr th { font-size: 16px; font-weight: 600; }
table.sub_table.swmajor_table tbody tr th { background: #fff; padding: 16px 12px; }
table.sub_table.swmajor_table tr th strong { font-weight: 700; }
table.sub_table.swmajor_table tr th:last-child { border-right: none; }
table.sub_table.bt1 {border-top:1px solid #cccccc;}
table.sub_table tr th,
table.sub_table tr td {vertical-align:middle;border:1px solid #cccccc;border-width:0 1px 1px 0; min-width:90px;}
table.sub_table thead tr th:last-of-type,
table.sub_table tr td:last-of-type {border-width:0 0 1px 0;}
table.sub_table tr th {padding: 10px 5px;background:#eeeeee;font-size:15px;color:#333333;font-weight:500;line-height:19px;}
table.sub_table tbody tr th {padding: 7px 5px;background:#ebeff4;}
table.sub_table tr td {padding: 5px 5px;font-size:14px;color:#666666;line-height:1.3;font-weight:400;height: 31px;box-sizing: border-box;}
table.sub_table tr td.ta_l {padding:9px 15px;text-align:left;}
table.sub_table tr th.bb_ie,
table.sub_table tr td.bb_ie {border-right:1px solid #cccccc !important;}
table.sub_table tr td.btm_bd{border-bottom-width:2px; border-bottom-color:#333;}
table.sub_table tr td.bg{background:#ebeff4;}

#content_sub .sub_cont {}


.sw_01 {}
.sw_01 .intro_txt {padding:0 0 50px;font-size:16px;color:#333333;font-weight:300;line-height:26px;}
.sw_01 .intro_txt strong {font-weight:500;}

/*인사말*/
.sw_01 .company_box{display: flex;flex-wrap:wrap;gap:50px;}
.sw_01 .company_box > div{box-sizing:border-box;}
.sw_01 .company_box .img{width:40%;}
.sw_01 .company_box .intro_txt{width:calc(60% - 50px);word-break:keep-all;}

@media only screen and (max-width:860px){
	.sw_01 .company_box{gap:30px;}
	.sw_01 .company_box .intro_txt{width:calc(60% - 30px);}
}
@media only screen and (max-width:640px){
	.sw_01 .company_box{flex-direction: column;}
	.sw_01 .company_box .intro_txt{width:100%;}
}
@media only screen and (max-width:479px){
	.sw_01 .company_box{gap:20px;}	
	.sw_01 .company_box .img{width:65%;}
}

/*
	스파르탄 SW 교육원
	교육목표
*/
.sw_02 {}
.sw_02 .sec01 {padding:0 0 100px;border-bottom:1px solid #cccccc;}
.sw_02 .sec01 .pic {float:left;}
.sw_02 .sec01 .txt {float:left;padding:80px 0 0 50px;}
.sw_02 .sec01 .txt .bld {font-size:40px;color:#b1040e;font-weight:700;line-height:100%;}
.sw_02 .sec01 .txt .nrm {padding:25px 0 0;font-size:16px;color:#444444;font-weight:400;line-height:24px;}
.sw_02 .sec02 {padding:97px 0 101px;border-bottom:1px solid #cccccc;}
.sw_02 .sec02 .list_wrap {padding:61px 0 0;}
.sw_02 .sec02 .list_wrap .list {float:left;width:310px;height:310px;border:1px solid #cccccc;border-width:1px 1px 0 0;box-sizing:border-box;text-align:center; padding: 0 23px;}
.sw_02 .sec02 .list_wrap .list:nth-of-type(1),
.sw_02 .sec02 .list_wrap .list:nth-of-type(2),
.sw_02 .sec02 .list_wrap .list:nth-of-type(3) {border-top:0 none;}
.sw_02 .sec02 .list_wrap .list:nth-of-type(3n) {border-right:0 none;}
.sw_02 .sec02 .list_wrap .list:nth-of-type(n+4) .txt01 { padding-top: 33px; }
.sw_02 .sec02 .list_wrap .list .txt01 {padding:13px 0 13px;font-size:22px;color:#333333;font-weight:700;line-height:30px;}
.sw_02 .sec02 .list_wrap .list .txt02 {position:relative;padding:0 0 33px;font-size:18px;color:#666666;font-weight:500;line-height:26px; letter-spacing: -0.055em;}
.sw_02 .sec02 .list_wrap .list .txt02:after {display:block;position:absolute;bottom:0;left:50%;margin-left:-6px;width:12px;height:5px;background:#b1040e;content:'';}
.sw_02 .sec02 .list_wrap .list .txt03 {padding:17px 0 0;font-size:16px;color:#666666; font-weight:400;line-height:26px; letter-spacing: -0.055em;}
.sw_02 .sec03 {padding:100px 0 100px;}
.sw_02 .sec03 .img_zoom { text-align: center; }
.sw_02 .sec03 .edu_detail_list { display: flex; flex-wrap: wrap; width: 100%; gap: 30px; margin-top: 60px; }
.sw_02 .sec03 .edu_detail_list .edu_item { box-sizing: border-box; width: calc(100% / 2 - 15px); box-shadow: 0 0 0 1px #dddddd inset; padding-right: 20px; padding: 30px 20px 24px 30px;}
    .sw_02 .sec03 .edu_detail_list .edu_item > div { display: flex; align-items: center; gap: 28px;}
    .sw_02 .sec03 .edu_detail_list .edu_item > div .tit { margin-top: -6px; }
    .sw_02 .sec03 .edu_detail_list .edu_item > div .tit p { font-size: 32px; font-weight: 700; color: #333333;}
    .sw_02 .sec03 .edu_detail_list .edu_item:nth-child(3) > div .tit p,
    .sw_02 .sec03 .edu_detail_list .edu_item:nth-child(6) > div .tit p {  font-family: "Roboto", "Noto Sans KR", sans-serif; font-size: 36px; }
    .sw_02 .sec03 .edu_detail_list .edu_item > div .tit span { font-size: 20px; font-weight: 500; color: #b1040e; display: block; margin-top: 5px; margin-left: 2px; font-family: "Roboto", "Noto Sans KR", sans-serif; }
    .sw_02 .sec03 .edu_detail_list .edu_item > ul { margin-top: 22px; }
    .sw_02 .sec03 .edu_detail_list .edu_item > ul li { font-size: 16px; line-height: 32px; color: #333333; font-weight: 400; display: flex; }
    .sw_02 .sec03 .edu_detail_list .edu_item > ul li::before { content: ""; flex-shrink: 0; width: 3px; height: 3px; display: block; border-radius: 100px; background: #888888; margin-top: 16px; margin-right: 7px; }

/*
	스파르탄 SW 교육원
	연혁
*/
.history_box{}
.history_box .img{position: relative;overflow:hidden;margin-top:40px;height:0;padding-bottom:25.8%;}
.history_box .img img{width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);object-fit: cover;}
.history_box .img span{font-size:80px;color:#fff;font-weight:700;position: absolute;bottom:-5px;left:50%;transform:translate(-50%);line-height:1;}
.history_box ol{width:100%;position: relative;display: flex;flex-direction: column;flex-wrap:wrap;align-items: flex-end;}
.history_box ol > li{box-sizing:border-box;width:50%;padding-left:34px;position: relative;padding-bottom:27px;}
.history_box ol > li:first-child{padding-top:68px;}
.history_box ol > li:before{width:1px;height:calc(100% + 16px);content:"";background: #ddd;position: absolute;left:0;top:0;}
.history_box ol > li:last-child:before{display: none;}
.history_box ol > li dl{position: relative;}
.history_box ol > li dl:before{width:16px;height:16px;content:"";background: #333;border:4px solid #fff;box-sizing:border-box;border-radius:100%;position: absolute;left:-41px;top:7px;}
.history_box ol > li.point dl:before{background: #b1040e;}
.history_box ol > li dl dt{font-size:24px;color:#333;font-weight:500;position: relative;font-family:'Roboto', sans-serif;}
.history_box ol > li.point dl dt{color:#b1040e;}
.history_box ol > li dl dd{margin-top:9px;}
.history_box ol > li dl dd ul li{font-size:15px;color:#666;font-weight:400;font-family:'Noto Snas KR', sans-serif;position: relative;display: flex;align-items: baseline;gap: 7px;line-height:1.47;word-break:keep-all;}
.history_box ol > li dl dd ul li + li{margin-top:8px;}
.history_box ol > li dl dd ul li:before{width:3px;height:3px;content:"";background: #888;display: inline-block;transform:translateY(-3px);flex-shrink:0;}
.history_box ol > li dl dd ul li strong{font-size:inherit;color:#555;font-weight:600;font-family:inherit;}

/*짝수*/
.history_box ol > li:nth-of-type(even){align-self: flex-start;padding-left:0;padding-right:34px;text-align: right;}
.history_box ol > li:nth-of-type(even):before{right:-1px;left:auto;}
.history_box ol > li:nth-of-type(even) dl:before{left:auto;right:-43px;}
.history_box ol > li:nth-of-type(even) dl dd ul li{text-align: right;flex-direction: row-reverse;}

.it_history{box-sizing:border-box;border-top:1px solid #ccc;margin-top:85px;padding-top:100px;}
.it_history .img{margin-top:50px;text-align: center;}

@media only screen and (max-width:1024px){
	.it_history{margin-top:40px;padding-top:60px;}
	.it_history .img{margin-top:30px;}
}
@media only screen and (max-width:860px){
	.history_box ol > li dl dd ul li br{display: none;}
}
@media only screen and (max-width:640px){
	.history_box .img{padding-bottom:33%;}
	.history_box .img span{font-size:60px;}
	
	.history_box ol{box-sizing:border-box;padding-left:15px;}
	.history_box ol > li{width:100%;padding-left:20px;}
	.history_box ol > li dl:before{width:12px;height:12px;left:-25px;border-width:2px;}
	
	/*짝수*/
	.history_box ol > li:nth-of-type(even){text-align:left;padding-left:20px;padding-right:0;}
	.history_box ol > li:nth-of-type(even):before{right:auto;left:0;}
	.history_box ol > li:nth-of-type(even) dl:before{left:-25px;right:auto;}
	.history_box ol > li:nth-of-type(even) dl dd ul li{text-align:left;flex-direction: row;}
}
@media only screen and (max-width:479px){
	.history_box .img{margin-top:20px;padding-bottom:47%;}
	.history_box .img span{font-size:50px;}
	
	.history_box ol > li{padding-bottom:20px;}
	.history_box ol > li:first-child{padding-top:40px;}
	.history_box ol > li dl:before{top:6px;}
	.history_box ol > li dl dt{font-size:20px;}
	.history_box ol > li dl dd{margin-top:5px;}
	.history_box ol > li dl dd ul li{font-size:14px;}
	.history_box ol > li dl dd ul li + li{margin-top:4px;}
	
}

/*
	스파르탄 SW 교육원
	조직도
*/
.sw_03 {}
.sw_03 .sec01 {padding:0 0 105px;}
/* .sw_03 .sec01 .img_zoom {padding-top:70px;} */

/*
	스파르탄 SW 교육원
	조직도
*/
.sw_04 {}
.sw_04 .sec01 {padding:0 0 80px;}
.sw_04 .sec01 .img_zoom {padding-top:70px;}
.sw_04 .sec02 {padding:0 0 80px;}
.sw_04 .sec02 .sub_table_wrap {padding:40px 0 0; max-width: 900px; margin: 0 auto;}
.sw_04 .sec02 .sub_table_wrap .fl,
.sw_04 .sec02 .sub_table_wrap .fr {width:440px;}
.sw_04 .sec02 .sub_table_wrap .fl table:nth-of-type(n+2),
.sw_04 .sec02 .sub_table_wrap .fr table:nth-of-type(n+2) {margin-top:40px;}
.sw_04 .sec02 .sub_table_wrap colgroup col:nth-of-type(1),
.sw_04 .sec02 .sub_table_wrap colgroup col:nth-of-type(2) {width:100px !important;}

/*
	스파르탄 SW 교육원
	오시는길
*/
.sw_05 {}
.sw_05 .sec01 {padding:0 0 80px;}
.sw_05 .sec01 .img_zoom {border:1px solid #cccccc;padding:9px;}
.sw_05 .sec02 .loc_txt {padding-top:26px;font-size:14px;color:#333333;font-weight:300;line-height:100%;text-align:center;}
.sw_05 .sec02 .loc_tab {position:relative;padding-top:30px;overflow:hidden;}
.sw_05 .sec02 .loc_tab .tab_wrap {font-size:0px;}
.sw_05 .sec02 .loc_tab .tab_wrap .tab {display:inline-block;position:relative;cursor:pointer;width:calc(25% + 1px);margin-right:-1px;border:1px solid #cccccc;border-bottom:0 none;border-radius:5px 5px 0 0;box-sizing:border-box;font-size:13px;color:#999999;line-height:36px;text-align:center;}
.sw_05 .sec02 .loc_tab .tab_wrap .tab:last-of-type {width:25%;margin:0 0 0 0;}
.sw_05 .sec02 .loc_tab .tab_wrap .tab.on {z-index:1;background:#555555;border-color:#555555;color:#ffffff;}
.sw_05 .sec02 .loc_tab .tab_cont {position:absolute;width:100%;top:0;right:-9999px;}
.sw_05 .sec02 .loc_tab .tab_cont.on {position:static;}
.sw_05 .sec02 .loc_tab .tab_cont .pic {border:1px solid #555555;text-align:center;}
.sw_05 .sec02 .loc_tab .tab_cont .txt_wrap {padding:33px 0 0;}
.sw_05 .sec02 .loc_tab .tab_cont .txt_wrap .nrm_txt {padding:10px 0 0 25px;font-size:14px;color:#777777;line-height:22px;}
.sw_05 .sec02 .loc_tab .tab_cont .txt_wrap table.sub_table.bt1 {margin-top:15px;}
.sw_05 .sec02 .loc_tab .tab_cont .txt_wrap table.sub_table tr td {padding:9px 0 9px 15px;font-size:12px;color:#666666;line-height:24px;text-align:left;}
.sw_05 .sec02 .loc_tab .tab_cont .txt_wrap table.sub_table tr td p.lhc {padding:0 0 6px 42px;line-height:12px;}
.sw_05 .sec02 .loc_tab .tab_cont .txt_wrap table.sub_table.tac tr td {padding:9px 0 9px 0;text-align:center;}
.sw_05 .sec02 .loc_tab .tab_cont .txt_wrap .table_capt {padding-top:10px;font-size:12px;color:#666666;font-weight:500;}

/*
	스파르탄 SW 교육원
	인재상
*/
.sw_06 .sec01 {padding:0 0 80px;text-align:center;}
/* .sw_06 .sec01 .sub_p_t { margin-bottom: 60px; } */
.sw_06 .sec01 .tgt_txt1 {display:inline-block;height:50px;margin:0 auto;background:#b1040e;font-size:30px;font-weight:700;color:#ffffff;padding:0 20px;line-height:50px;}
.sw_06 .sec01 .tgt_wide_txt1 {display:inline-block;height:50px;margin:0 auto;background:#b1040e;padding:0 20px; box-sizing: border-box; width: 100%; border-radius: 5px;}
.sw_06 .sec01 .tgt_wide_txt1:has(span) { height: auto; padding: 20px; }
    .sw_06 .sec01 .tgt_wide_txt1 span { font-size: 16px; font-weight: 400; color: #ffffff; line-height: 1; display: block; }
    .sw_06 .sec01 .tgt_wide_txt1 strong { font-size:24px;font-weight:700;color:#ffffff; line-height: 1; display: block; margin-top: 10px; }
.sw_06 .sec01 .tgt_txt2 {padding:24px 0 29px;font-size:18px;color:#222222;/* line-height:24px; */font-weight:500;}
.sw_06 .sec01 .table_wrap {padding-top:30px;}


/*
	SW전공교육
	이수체계도
*/
.maj_01 .sec01 .pic {padding:50px 0 100px;}
.maj_01 .sec02 .pic_list {padding-top:30px;}
.maj_01 .sec02 .pic_list .pic {margin:0 0 100px;}
.maj_01 .sec02 .line {padding:0px 0 10px;margin-bottom:80px;border-bottom:2px dashed #cccccc;text-align:center;}


/*
	SW전공교육
	S4.School
*/
.maj_02 .sec01 .sub_p_t.u_line {padding-top:85px;}
.maj_02 .sec01 .pic {margin:0 0 50px;}


/*
	SW전공교육
	P.Muscle캠프
*/
.maj_03 .sec01 .sub_p_t {padding-bottom:100px;}
.maj_03 .sec01 .table_wrap {padding:0 0 30px;}


/*
	SW전공교육
	SW취 창업 종합지원 프로그램
*/
.maj_04 .sec01 {padding-bottom:100px;}
.maj_04 .sec01 .table_wrap {padding:0 0 30px;}


/*
	SW기초교육
	예비입학생교육
*/
.bse_01 .sec01 .txt_wrap,
.bse_03 .sec01 .txt_wrap {padding:35px 0 45px;}
.bse_01 .sec01 .table_wrap,
.bse_02 .sec01 .table_wrap,
.bse_03 .sec01 .table_wrap {margin:0 0 30px;}
.bse_02 .sec01 .txt_wrap{padding:0 0 45px;}

.bse_03 .sec01 .table_wrap {margin:30px 0;}
.bse_03 .sec01 .table_wrap table.sub_table tr td {padding-left:5px;padding-right:5px;}
.bse_03 .sec01 .table_wrap table.sub_table tr td p {padding:4px 0;}

/*
	SW융합교육
*/
.smj_01 .table_wrap {margin:30px 0 93px;}
.smj_01 .img_wrap{margin:0 0 93px}
.smj_01 .swmajor_step { gap: 75px; display: flex; flex-wrap: wrap; counter-reset: swmajorNum 0; margin-bottom: 93px; transition: all 500ms ease;}
.smj_01 .swmajor_step > div { width: calc(100% / 3 - 75px / 1.5); }
    .smj_01 .swmajor_step > div .step_tit { width: 100%; aspect-ratio: 1/1; background: rgb(231 116 112 / 10%); box-sizing: border-box; padding: 30px; border-radius: 100%;}
    .smj_01 .swmajor_step > div .step_tit p { width: 100%; height: 100%; border-radius: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #fff; text-align: center; box-shadow: 0px 6px 19.2px 4.8px rgba(213, 88, 84, 0.4); }
    .smj_01 .swmajor_step > div:nth-child(1) .step_tit p { background: #e77470; }
    .smj_01 .swmajor_step > div:nth-child(2) .step_tit p { background: #cf332e; }
    .smj_01 .swmajor_step > div:nth-child(3) .step_tit p { background: #b1040e; }
    .smj_01 .swmajor_step > div .step_tit strong::before { content: "0" counter(swmajorNum); counter-increment: swmajorNum 1; display: block; font-size: 18px; font-weight: 600; margin-bottom: 16px; font-family: "Roboto", "Noto Sans KR", sans-serif}
    .smj_01 .swmajor_step > div .step_tit strong { font-size: 20px; font-weight: 600; line-height: 24px; }
    .smj_01 .swmajor_step > div .step_tit span  { font-size: 16px; font-weight: 400; color: rgba(255,255,255,0.6); margin-top: 6px; margin-bottom: 16px; letter-spacing: 0;}
.smj_01 .swmajor_step > div dl { position: relative; margin-top: 52px; box-sizing: border-box; border-radius: 4px; outline: 1px solid #ddd; outline-offset: -1px; }
    .smj_01 .swmajor_step > div dl::before { content: "";width: 4px; height: 4px; border-radius: 100px; position: absolute; left: 50%; transform: translateX(-50%); top: -42px;}
    .smj_01 .swmajor_step > div:nth-child(1) dl::before { background: #e77470; box-shadow: 0px 14px 0 0 #e77470, 0px 28px 0 0 #e77470;  }
    .smj_01 .swmajor_step > div:nth-child(2) dl::before { background: #cf332e; box-shadow: 0px 14px 0 0 #cf332e, 0px 28px 0 0 #cf332e;  }
    .smj_01 .swmajor_step > div:nth-child(3) dl::before { background: #b1040e; box-shadow: 0px 14px 0 0 #b1040e, 0px 28px 0 0 #b1040e;  }
    .smj_01 .swmajor_step > div dl dt { font-size: 18px; color: #b1040e; font-weight: 600; letter-spacing: 0; padding: 15px; padding-bottom: 14px; line-height: 1; background: #f5f5f5; text-align: center; border-bottom: 1px solid #ddd;}
    .smj_01 .swmajor_step > div dl dd { padding: 16px 25px; padding-bottom: 25px; padding-right: 20px; box-sizing: border-box; min-height: 130px;}
    .smj_01 .swmajor_step > div dl ul li { display: flex; font-size: 15px; line-height: 20px; }
    .smj_01 .swmajor_step > div dl ul li::before { content: ""; width: 3px; height: 3px; border-radius: 100px; background: #333; display: block; margin-top: calc(24px / 2.4); flex-shrink: 0; margin-right: 8px;}
    .smj_01 .swmajor_step > div dl ul li:not(:last-child) { margin-bottom: 4px; }


.smj_02 .table_wrap {margin:30px 0 100px;}
.smj_02 .blank {width:100%;height:50px;}
/*
	SW프로젝트
*/
.sjt .img_wrap, .sjt .table_wrap {margin:30px 0 100px;}
.sjt.sjt_04 .img_wrap {padding-bottom:0;}
.sjt.sjt_04 .txt_wrap {padding:30px 0 80px;}
.sjt.sjt_04 .txt_wrap .chk_title {float:left;box-sizing:border-box;width:50%;font-size:14px;color:#333333;font-weight:300;line-height:34px;}

/*
	SW프로젝트
*/
.shc .img_wrap{margin:30px 0 100px;}
.shc .table_wrap{margin:0 0 100px;}
/* .shc.shc_01 .sub_p_t {margin-bottom:50px;} */
.shc.shc_01 .ptset {padding-top:50px;}
.shc.shc_01 .ptset2 {padding-top:150px;}
.shc.shc_03 .sec02 {padding:70px 0 100px;}
.shc.shc_03 .table_wrap.t1 {padding-top:30px;}
.shc.shc_03 .table_wrap.t2 {padding:20px 0 0;}



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

	 TABLE | 서브페이지 전체 사용

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

/*** TABLE 작성 ***/
table.board_write {border-top:1px solid #333; border-bottom:1px solid #bbbbbb; font-size:13px; text-align:left; margin-bottom:20px;}
table.board_write tr + tr th, table.board_write tr + tr td {border-top:1px solid #ddd;}
table.board_write th,
table.board_write td {font-size:12px;font-weight:300;color:#888;text-align:left;vertical-align:middle;box-sizing:border-box;padding-top:10px;padding-bottom:10px;padding-left:20px; padding-right:20px;line-height:30px;}
table.board_write th {color:#444; font-weight:600; font-size:14px; padding-left:25px; padding-right:25px; background-color:#fafafa; position:relative; z-index:-1;}
table.board_write td {}
table.board_write td .padding.for_m {display:none;}
table.board_write td p {padding:5px 0 0;}
table.board_write td div.view_cont {padding:8px 10px 50px 10px; line-height:26px; min-height:150px;}

table.board_write td label {color:#666;font-size:12px;font-weight:600;}
table.board_write td select,
table.board_write td input[type="text"],
table.board_write td input[type="password"],
table.board_write td input[type="number"],
table.board_write td input[type="date"] {min-width:25%; margin-right:10px; }
table.board_write td input[name="title"] {width:90%;}
table.board_write td input.tel {min-width:50px;}
table.board_write td textarea {min-width:100%; height:200px; }

.btn_right {position:absolute; bottom:-70px; right:0;}
.btn_center {text-align:center;}
.btn_center a {margin:0 2px;}
.btn {display:inline-block; font-size:15px; color:#ffffff; font-weight:600; width:120px; height:40px; line-height:40px; text-align:center;}
.gray {background-color:#666666; border:1px solid #595959;}
.orange {background-color:#b1040e; border:1px solid #b1040e;}
.btn_center input {margin-top:-4px;}
span.join_btn {display:inline-block; margin-left:5px; width:110px; height:28px; text-align:center; line-height:26px; font-size:13px; color:#ffffff; font-weight:600; background-color:#aaaaaa; border:1px solid #999999;}




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

	 BOARD

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

/*** 게시판 리스트 | board/board_list.html ***/
.sub_board {position:relative;margin-bottom:52px;}
.sub_board .board_search {background-color:#f4f4f2; padding:20px; text-align:right; margin-top:30px;margin-bottom:30px; font-size:0;}
.sub_board .board_search select {border:1px solid #ddd; background-color:#fff; height:34px; line-height:32px;  min-width:130px; padding:0 5px; color:#666;vertical-align:top;}
.sub_board .board_search input.input_text {border:1px solid #ddd; background-color:#fff; height:34px; line-height:32px; min-width:200px; padding:0 5px; color:#666; margin-right:10px; margin-left:2px;vertical-align:top;}
.sub_board .board_search input[type="submit"] {width:60px;height:34px;border:1px solid #666666;background:#666666;color:#ffffff;font-size:13px;vertical-align:top;}
.sub_board .board_search span.chk label {color:#777; font-size:12px; font-weight:500; padding-left:5px;margin-right:10px;line-height:32px;vertical-align:top;}
.sub_board .board_search span.chk input[type="checkbox"] + label::before {margin-top:7px;}
.sub_board table.board_list {margin-bottom:30px;text-align:center;border-top:1px solid #333333;border-bottom:1px solid #bbb;table-layout: fixed;}
.sub_board table.board_list tr {}
.sub_board table.board_list th {font-size:14px; color:#222; font-weight:600; padding:15px 0; border-bottom:1px solid #333;}
.sub_board table.board_list td {font-size:13px;color:#666666;font-weight:400;line-height:50px;padding:0 20px;border-bottom:1px solid #ddd;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sub_board table.board_list td.left {text-align:left;}
.sub_board table.board_list tr:last-child td {border:none;}
s
.sub_board h2.btn_writing {position:absolute; right:0; bottom:0}

/*** 게시판 상세 | board/board_view.html ***/
.sub_board .board_view {margin-top:-1px; margin-bottom:30px; border-top:1px solid #333333; border-bottom:1px solid #bbbbbb; text-align:left;}
.sub_board .board_view div.view_tit {height:20px; line-height:20px; padding:17px 30px; border-bottom:1px solid #333333;}
.sub_board .board_view div.view_tit h2 {float:left; width:85%; font-size:17px; color:#222222; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sub_board .board_view div.view_tit h3 {display:inline-block;}
.sub_board .board_view div.view_tit p {float:right; width:15%; font-size:13px; color:#666666; text-align:right;}
.sub_board .board_view div.view_cont {padding:30px; font-size:13px; line-height:25px; min-height:300px;}
.sub_board .board_view h4 {border-top:1px solid #ddd; padding:17px 30px; font-size:13px; color:#666666;}
.sub_board .board_view h4 span {display:inline-block; color:#444; font-weight:600; padding-right:15px; margin-right:15px; background:url("../images/sub/view_line.gif") no-repeat right center;}
.sub_board .view_btn {height:40px;}
.sub_board .view_btn div {float:left;}
.sub_board .view_btn p {float:right;}

/*** 게시판 댓글 ***/
.sub_board .board_comment {position: relative; border: 1px solid #d3d3d3; padding: 20px; margin:0 0 20px;}
.sub_board .board_comment .comment_name {color:#555; padding:0 0 010px; text-align:left;}
.sub_board .board_comment .comment_name span {}
.sub_board .board_comment .comment_name span input {border:1px solid #d3d3d3; padding:5px;}
.sub_board .board_comment textarea {border:1px solid #d3d3d3; width:91%; padding:5px; min-height:70px; margin-left:-101px;}
.sub_board .board_comment .comment_btn {display:inline-block;position: absolute;  right: 20px; top:59px; height: 72px; text-align: center; width: 92px; background-color: #b1040e; line-height: 72px;color:#fff; font-size:14px; font-weight:600;}

.sub_board .board_comment_list {position:relative; margin:0 0 20px;}
.sub_board .board_comment_list .comment_title {border-bottom:1px solid #d3d3d3; color:#888; padding:15px 0 7px 0; text-align:left;}
.sub_board .board_comment_list .comment_title span {color:#f59a03;}
.sub_board .board_comment_list .comment {position:relative; border-bottom:1px solid #d3d3d3; padding:8px 0;}
.sub_board .board_comment_list .comment .comment_writer {color:#333; padding-bottom:3px; text-align:left;}
.sub_board .board_comment_list .comment span.board_line {display:inline-block; width:1px; height:9px; background:#999; margin:0 8px;}
.sub_board .board_comment_list .comment .com_btn {position:absolute; right:0; top:9px;}
.sub_board .board_comment_list .comment .com_btn a {color:#999;}
.sub_board .board_comment_list .comment .com_txt {color:#888; text-align:left;}
.sub_board .board_comment_list .comment .com_txt_reply {color:#888; text-align:left; border-top:1px solid #d3d3d3; padding:16px 0 10px 40px; margin:10px 0 0; background:url("../images/sub/comment_reply.png") no-repeat 20px 18px;}
.sub_board .board_comment_list .comment .com_modify {position:relative; margin:5px 0 0;}
.sub_board .board_comment_list .comment .com_modify:after {clear:both;content:""; display:block;}
.sub_board .board_comment_list .comment .com_modify textarea {float:left; width:90%; height:50px; border:1px solid #d3d3d3;}
.sub_board .board_comment_list .comment .com_modify .btn_modify {float:right; width:9.2%; height:52px;display:inline-block; line-height:52px; background:#aaa; color:#fff; font-size:15px; font-weight:600; text-align:center;}
.sub_board .board_comment_list .comment .comment_password {position:absolute; right:25px; top:0; width:300px; border:2px solid #757575; padding:7px; background:#fff; z-index:100; text-align:left;}
.sub_board .board_comment_list .comment .comment_password.modify {right:72px;}
.sub_board .board_comment_list .comment .comment_password span {display:inline-block; height:20px; line-height:20px; font-weight:600; vertical-align:middle;}
.sub_board .board_comment_list .comment .comment_password input {width:195px; height:19px;}
.sub_board .board_comment_list .comment .comment_password h5 {display:inline-block; width:39px; height:20px; line-height:20px; border:1px solid #ccc; background:#fff; text-align:center; border-radius:5px; vertical-align:middle;}
.sub_board .board_comment_list .comment .comment_password a.close {position:absolute; right:2px; top:2px;}
.sub_board .board_comment_list .comment .com_btn a.on + .comment_password {display:block !important;}

/*** 게시판 개인정보취급 ***/
.policy_cont {}
.policy_cont > div {text-align:left; margin-top:15px;}
.policy_cont > div input[type=checkbox] {}
.policy_cont > div label {color:#333; font-size:12px; font-weight:500; cursor:pointer;}
.policy_cont > div a {display: inline-block; line-height: 20px; border: 1px #ccc solid; padding: 0 8px; height: 22px; box-sizing: border-box; color: #666; font-size: 12px; text-decoration: none; background: #fff; margin: 0 0 0 10px;}
.policy_cont > div textarea {display:block !important; width:100% !important; margin:10px 0 0 !important; text-align:left !important; color:#666 !important; font-size:12px !important; line-height:18px !important; box-sizing:border-box;}
.policy_cont > div textarea.write {min-width:80% !important; width:100% !important; padding:10px !important; height:100px !important;}


/*** 게시판(리스트형) | layout/board/kist_default.html ***/
/*
	일반 테이블 CSS 사용중
*/

/*** 게시판(갤러리형) | layout/board/list_gallery01.html ***/
.sub_board ul.gallery_list {text-align:left; padding-bottom:20px; font-size:0px;}
.sub_board ul.gallery_list:after {clear:both; content:""; display:block;}
.sub_board ul.gallery_list li {display:inline-block;position:relative;box-sizing:border-box;width:25%;}
.sub_board ul.gallery_list li > a {display:block;}
.sub_board ul.gallery_list li .thumb {}
.sub_board ul.gallery_list li .thumb img {width:100%;}
.sub_board ul.gallery_list li .bg {opacity:0;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:rgba(0,0,0,0.8);opacity:0;}
.sub_board ul.gallery_list li .txt_info {position:absolute;top:50%;left:0;z-index:2;width:100%;font-weight:600;transform:translateY(-50%);opacity:0;}
.sub_board ul.gallery_list li .txt_info h3 {height:30px; line-height:30px; font-size:24px; color:#fff; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 20px; text-align:center;}
.sub_board ul.gallery_list li:hover .bg,
.sub_board ul.gallery_list li:hover .txt_info {opacity:1;}
.sub_board ul.gallery_list li .txt_info p {margin:15px auto 0;width:120px;height:36px;border:2px solid #ffffff;border-radius:5px;box-sizing:border-box;text-align:center;font-size:12px;color:#ffffff;line-height:32px;}

/*** 게시판(갤러리형) | layout/board/board_secret.html ***/
.sub_pw_input {max-width:1058px; margin:0 auto; border:20px solid #eee; outline:1px solid #ddd;}
.sub_pw_input .ok_box {width:1000px; margin:0 auto; padding:70px 0; font-family:'Nanum Gothic', sans-serif; }
.sub_pw_input .ok_box h2 {padding-bottom:20px; font-size:16px; font-weight:600; color:#333;}
.sub_pw_input .ok_box div.input_box {padding-bottom:40px;}
.sub_pw_input .ok_box div.input_box input {width:200px;height:30px; padding:5px 10px; border:1px solid #aaa;}
.sub_pw_input .ok_box a.ok_bt {display:inline-block; font-size:15px; font-weight:700; width:120px; height:40px; background:#b1040e; border:1px solid #b1040e; text-align:center; line-height:40px; color:#fff; font-weight:600;}




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

	 GOODS(상품)

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

/*** 상품리스트, 상품검색 | goods/goods_list.html, goods/goods_search.html ***/
#content_sub .sub_tit.board span {color:#282828; font-size:50px; font-weight:800; font-family: 'Lato', 'Nanum Gothic', sans-serif !important;}
#content_sub .sub_tit span {display:inline-block; padding-bottom:23px; margin-bottom:-2px; background:url("../images/sub/tit_line.gif") no-repeat center bottom;}
.sub_list {margin-top:-15px;}?
.sub_list .list_search {width:100%; height:74px; background:#f4f4f2; margin:50px 0 30px;}
.sub_list .list_search:after {clear:both; content:""; display:block;}
.sub_list .list_search > div {float:right; padding-right:20px;}
.sub_list .list_search > div:after {clear:both; content:""; display:block;}
.sub_list .list_search > div > span {float:left; display:inline-block; height:74px; line-height:74px; margin-right:15px;}
.sub_list .list_search > div > span label {color:#777; font-size:12px; font-weight:500; padding-left:5px;}
.sub_list .list_search .search_form {float:left;}
.sub_list .list_search .search_form .search {margin:20px 0 0;}
.sub_list .list_search .search_form .search select {width:100px;height:32px;line-height:30px;}
.sub_list .list_search .search_form .search input {width:218px; height:32px; line-height:32px; border:1px solid #ddd; background:#fff; text-indent:12px;}
.sub_list .list_search .search_form .search a {display:inline-block; width:60px; height:32px; line-height:32px; text-align:center; background:#666; color:#fff; font-size:13px; font-weight:600; margin-left:3px;}
.sub_list .list_array {margin:0 0 20px;}
.sub_list .list_array:after {clear:both; content:""; display:block;}
.sub_list .list_array .list_count {float:left; height:30px; line-height:30px; color:#555; font-size:15px; font-weight:600;}
.sub_list .list_array .list_count span {color:#b1040e; font-size:15px; font-weight:600;}
.sub_list .list_array ul {float:right;}
.sub_list .list_array ul:after {clear:both; content:""; display:block;}
.sub_list .list_array  ul li {float:left; width:28px; height:28px; border:1px solid #ccc; background:#fff; text-indent:-9999px; cursor:pointer;position:relative;z-index:1;}
.sub_list .list_array  ul li:before, .sub_list .list_array  ul li::before {content:"";display:inline-block;width:28px;height:28px;position:absolute;cursor:pointer;left:0;top:0;bottom:0;right:0;}
.sub_list .list_array  ul li.typeA:before {background:url("../images/sub/icon_list_typeA.png") no-repeat left top;}
.sub_list .list_array  ul li.typeA.on:before {background:#b1040e url("../images/sub/icon_list_typeA_on.png") no-repeat left top;}
.sub_list .list_array  ul li.typeB:before {background:url("../images/sub/icon_list_typeB.png") no-repeat left top;}
.sub_list .list_array  ul li.typeB.on:before {background:#b1040e url("../images/sub/icon_list_typeB_on.png") no-repeat left top;}
.sub_list .list_array  ul li.on {border:1px solid #b1040e; background:#b1040e;}
.sub_list .list {}

/*** 검색결과없음 ***/
.sub_list .list .list_no {padding:10px; background:#eee;}
.sub_list .list .list_no .no_data {height:90px; line-height:90px; background:#fff; text-align:center; color:#555; font-size:15px; font-weight:600;}

/*** 페이징 ***/
.paging {text-align:center; margin:20px 0 0;}
.paging span {}
.paging span.arrow {display:inline-block; width:34px; height:34px; line-height:42px; margin:0 2px;}
.paging span.arrow.prev {margin-right:22px;}
.paging span.arrow.next {margin-left:22px;}
.paging span img {vertical-align:top; border:1px solid #d9d9d9; margin-top:3px;}
.paging span.arrow.prev + span a {border-left:1px solid #d9d9d9;}
.paging span.page_num {}
.paging span.page_num > a {display:inline-block; width:34px; height:34px; line-height:34px; /* border:1px solid #d9d9d9; */ border-left:none; color:#666; font-size:13px; font-weight:300;}
/* .paging span.page_num:first-of-type > a {border-left:1px solid #d9d9d9;} */
.paging span.page_num.on > a {font-weight:600; border-bottom:2px solid #b1040e; font-weight:600;}

/*** 갤러리형 | layout/goods/gallery.html ***/
.sub_list .list .list_Galleryform {}
.sub_list .list .list_Galleryform > ul {}
.sub_list .list .list_Galleryform > ul:after {clear:both; content:""; display:block;}
.sub_list .list .list_Galleryform > ul li {float:left; width:23.5%; margin:0 2% 30px 0;}
.sub_list .list .list_Galleryform > ul li:nth-child(4n) {margin-right:0;}
.sub_list .list .list_Galleryform > ul li:nth-child(4n+1) {clear:both; content:""; float:left;}
.sub_list .list .list_Galleryform > ul li dl {}
.sub_list .list .list_Galleryform > ul li dl dt {border:1px solid #ccc; margin:0 0 18px; height:auto; min-height:183px;}
.sub_list .list .list_Galleryform > ul li dl dd {text-align:left;}
.sub_list .list .list_Galleryform > ul li dl dd > em {display:inline-block;box-sizing:border-box;color:#333; font-size:16px; font-weight:600; padding:0 0 6px;}
.sub_list .list .list_Galleryform > ul li dl dd p {color:#777; font-size:14px; font-weight:500; line-height:22px;}

/*** 리스트형 | layout/goods/list.html ***/
.sub_list .list .list_Listform {}
.sub_list .list .list_Listform > ul {}
.sub_list .list .list_Listform > ul:after {clear:both; content:""; display:block;}
.sub_list .list .list_Listform > ul li {float:left; width:48.7%; border:1px solid #ccc; margin:0 2.2% 30px 0;}
.sub_list .list .list_Listform > ul li:nth-child(2n) {margin-right:0;}
.sub_list .list .list_Listform > ul li:nth-child(2n+1) {clear:both; content:""; float:left;}
.sub_list .list .list_Listform > ul li dl {display:table;height:100%;min-height:148px;}
.sub_list .list .list_Listform > ul li dl:after {clear:both; content:""; display:block;}
.sub_list .list .list_Listform > ul li dl dt {max-width:301px; border-right:1px solid #ccc; display:table-cell;vertical-align:middle;}
.sub_list .list .list_Listform > ul li dl dd {text-align:left; padding:0 0 0 30px; display:table-cell;vertical-align:middle;}
.sub_list .list .list_Listform > ul li dl dd > em  {display:inline-block;width:80%;box-sizing:border-box;position:relative; color:#333; font-size:16px; font-weight:600; padding:0 0 25px; margin:0 0 16px;}
.sub_list .list .list_Listform > ul li dl dd > em::before {position:absolute; left:0; bottom:0; content:""; display:block; width:30px; height:2px; background:#b1040e;}
.sub_list .list .list_Listform > ul li dl dd p {color:#777; font-size:14px; font-weight:500; line-height:22px; width:280px;}

/*** 상세페이지 | goods/goods_view.html  ***/
.sub_view {}
.sub_view .info {}
.sub_view .info dl {}
.sub_view .info dl:after {clear:both; content:""; display:block;}
.sub_view .info dl dt {float:left; width:40%; border:1px solid #ccc; padding:19px; margin-right:3%;}
.sub_view .info dl dd {float:left; width:52.9%;}
.sub_view .info dl dd .tit {border-top:2px solid #222; border-bottom:1px solid #ccc; background:#eee; text-align:left; padding:27px 0 23px 30px;}
.sub_view .info dl dd .tit h3 {color:#222; font-size:34px; font-weight:600; padding:0 0 7px;}
.sub_view .info dl dd .tit p {color:#777; font-size:15px; font-weight:500; line-height:30px;}
.sub_view .info dl dd ul.detail {padding:34px 0 0; border-bottom:1px solid #ccc;}
.sub_view .info dl dd ul.detail li {text-align:left; padding:0 0 25px 30px;}
.sub_view .info dl dd ul.detail li:after {clear:both; content:""; display:block;}
.sub_view .info dl dd ul.detail li span {float:left; display:inline-block; width:80px; height:24px; line-height:24px; color:#555; font-size:13px; font-weight:600}
.sub_view .info dl dd ul.detail li div {float:left; color:#777; font-size:13px; font-weight:500; line-height:24px;}
.sub_view .detail_info {margin:63px 0 0; text-align:left;}
.sub_view .detail_info > div {margin:0 0 100px;}
.sub_view .detail_info div h4.tit {color:#222; font-size:25px; font-weight:600; padding:0 0 16px; margin:0 0 40px; border-bottom:1px solid #222; text-align:left;}
.sub_view .detail_info div img {margin-bottom:24px;}
.sub_view .detail_info div p {color:#666; font-size:14px; font-weight:500; line-height:26px; letter-spacing:-0.5px;}




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

	 MEMBER(회원)

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

/*** 로그인 | member/login.html ***/
.sub_login {}
.sub_login .login_box {width:420px; margin:0 auto; padding:0 0 80px;}
.sub_login .login_box h3 {padding-bottom:25px;color:#888;font-size:16px;line-height:21px;text-align:center;font-weight:400;letter-spacing:-0.04em;font-family:"Noto Sans KR";}
.sub_login .login_box h3 em {color:#333;font-size:36px;line-height:44px;padding:0 0 6px 0;display:inline-block;width:100%;letter-spacing:0;font-weight:500;font-family:"Noto Sans KR";}
.sub_login .login_box ul {}
.sub_login .login_box ul li {padding-bottom:12px;}
.sub_login .login_box ul li input {padding:0 20px; width:100%; height:48px; border:1px solid #cccccc; font-size:14px; color:#888888; font-weight:600;}
.sub_login .login_box ul li:last-of-type {padding-top:10px;}
.sub_login .login_box ul li button[type="submit"] {font-family:"Lato";font-weight:700;font-size:17px;letter-spacing:0.02em;display:inline-block;width:100%;height:50px;line-height:50px;background:#b1040e;color:#fff;text-align:center;}
.sub_login .login_box ul.login_link {border-top:1px solid #cccccc; width:420px; margin-top:40px; text-align:center; height:20px; line-height:20px; padding-top:17px;}
.sub_login .login_box ul.login_link li {display:inline-block; padding:0 25px 0 0;}
.sub_login .login_box ul.login_link li + li:before {display:inline-block;content:"";width:1px;height:12px;background:#ddd;vertical-align:middle;margin-right:25px;}
.sub_login .login_box ul.login_link li a {color:#999999; font-size:14px; font-weight:600;}
.sub_login .login_box ul.login_link li.first {background:none;}

/*** 회원가입동의 | member/join_agreement.html ***/
.sub_agree {}
.sub_agree .agree_box {padding-bottom:20px; text-align:left;}
.sub_agree .line {margin-bottom:40px; padding-bottom:42px; border-bottom:2px solid #eeeeee;}
.sub_agree .agree_box h3 {font-size:18px; color:#222222; font-weight:600; padding-bottom:15px;}
.sub_agree .agree_box textarea {border:1px solid #dddddd; font-size:13px; color:#666666; width:96%; height:180px; font-weight:100; line-height:22px; padding:2%;}
.sub_agree .agree_box p {color:#333333; font-size:15px; padding-top:15px;}

/*** 회원가입 | member/join.html ***/
h3.join_tit {font-size:18px; color:#222222; font-weight:600; text-align:left; padding-bottom:12px;}
h3.join_tit.pt20 {padding-top:20px;}
.sub_join table.board_write td input[name="zip"] {width:80px;min-width:70px;}
.sub_join table.board_write td input[name="address"],
.sub_join table.board_write td input[name="address2"] {width:55%;min-width:450px;}
.sub_join table.captcha {}
.sub_join table.captcha th {text-align:center;}
.sub_join table.captcha td {line-height:50px;}

table.board_write th .require_dot {position:absolute;left:14px;top:50%;margin-top:-15px;line-height:30px;height:30px;}
table.board_write th .require_dot:before {content:'*';font-size:14px;color:#b1040e;line-height:14px;display:inline-block;width:auto;height:14px;}

.sub_memberout {}
.sub_memberout p {font-size:13px; color:#666; line-height:20px; padding-bottom:20px;}

select.mail_select {height:28px; line-height:28px; border:1px solid #ddd; margin-right:5px;}

/*** 회원가입 완료 | member/join_ok.html ***/
.sub_ok {max-width:1058px; margin:0 auto; border:20px solid #eee; outline:1px solid #ddd;}
.sub_ok .ok_box {width:1000px; margin:0 auto; padding:70px 0; font-family:'Nanum Gothic', sans-serif; }
.sub_ok .ok_box h3 {padding-bottom:20px; font-size:36px; font-weight:700; color:#333;}
.sub_ok .ok_box h4 {padding-bottom:40px; font-size:16px; color:#777; line-height:26px; font-weight:500;}
.sub_ok .ok_box h4 span {color:#b1040e; font-weight:600;}
.sub_ok .ok_box .home_bt a {display:inline-block; font-size:15px; font-weight:700; width:120px; height:40px; background:#b1040e; border:1px solid #b1040e; text-align:center; line-height:40px; color:#fff; font-weight:600;}
.sub_ok .ok_box .login_bt a {display:inline-block; font-size:15px; font-weight:700; width:120px; height:40px; background:#b1040e; border:1px solid #b1040e; text-align:center; line-height:40px; color:#fff; font-weight:600;}

/*** 회원탈퇴 | member/withdrawal.html ***/
p.memberout {color:#666; font-size:14px; line-height:20px; padding-bottom:30px;}


/*** 비밀번호 변경 안내 | member/periodic_change_pw.html ***/
.sub_login.add {max-width:1135px;}
.sub_login.add .login_box {width:100%; padding:191px 0 84px; background:url("../images/member/icon_password.png") no-repeat center 83px;}
.sub_login.add .login_box h2 {color:#282828; font-size:23px; font-weight:600; line-height:32px;}
.sub_login.add .login_box h2 span {color:#b1040e; font-size:23px; font-weight:600;}
.sub_login.add .login_box table.board_write {width:662px; margin:58px auto 40px;}
.sub_login.add .login_box table.board_write caption {overflow:auto;text-indent:0;height:20px;line-height:20px;color:#777;font-size:14px;font-weight:500;text-align:left;padding-bottom:14px;}
.sub_login.add .login_box table.board_write caption span {color:#444; font-size:14px; font-weight:600;}
.sub_login.add .login_box table.board_write input {width:396px;}
.sub_login.add .login_box .btn_center {}
.sub_login.add .login_box .btn_center button {width:160px;}
.sub_login.add .login_box .btn_center button.gray {margin-left:16px; background:#999; border:1px solid #999;}




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

	 SERVICE

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

/*** 이용약관 | service/agreement.html ***/
/*** 개인정보취급방침 | service/usepolicy.html ***/
.member_agree {font-size:13px; line-height:23px; padding:0 80px;text-align:left;}





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

	 ETC

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

/*** 에러페이지 | errors/index.html ***/
.error_cont {position:relative; min-height:900px; background:url("../images/sub/error_bg.gif") repeat-x left top;}
.error_cont .error_form {position:absolute; left:50%; top:123px; margin-left:-450px; width:910px; height:610px; background:url("../images/sub/error_form_bg.png") no-repeat left top; text-align:center;}
.error_cont .error_form h2 {color:#333; font-size:20px; font-weight:500; font-family: "Noto Sans KR", 'Nanum Gothic', sans-serif !important; padding:296px 0 10px;}
.error_cont .error_form p {color:#777; font-size:14px; font-weight:400; line-height:22px; font-family: "Noto Sans KR", 'Nanum Gothic', sans-serif !important;}
.error_cont .error_form h5 {width:156px; height:44px; border:2px solid #333; background:url("../images/sub/error_icon_arrow.png") no-repeat 118px center; margin:38px auto 0;}
.error_cont .error_form h5 a {display:block; width:100%; height:44px; line-height:44px; color:#333; font-size:17px; font-weight:500; font-family: "Noto Sans KR", 'Nanum Gothic', sans-serif !important; text-align:left; text-indent:38px;}





/* 정확한 용도파악 불가 */

/**********팝업***********/
.password_popup {text-align:center;}
.password_popup p {color:#888; padding:40px 0 10px 0;}
.password_popup h2 {}
.password_popup h2 input {border:1px solid #d3d3d3; padding:3px 5px; width:150px;}
.password_popup h3 {padding-top:15px;}

/**********댓글***********/
.sub_board .comment {}
.sub_board .comment .comment_box {position:relative; border:1px solid #d3d3d3; padding:20px;}
.sub_board .comment .comment_box h2 {color:#555; padding-bottom:10px;}
.sub_board .comment .comment_box h2 span {padding-right:20px;}
.sub_board .comment .comment_box h2 span input {border:1px solid #d3d3d3; padding:5px;}
.sub_board .comment .comment_box textarea {border:1px solid #d3d3d3; width:87%; padding:5px; min-height:60px;}
.sub_board .comment .comment_box h3 {position:absolute; right:20px; bottom:20px; height:72px; text-align:center; width:72px; background-color:#1e83eb; line-height:72px;}
.sub_board .comment .comment_box h3 a {font-size:14px; color:#fff; font-weight:600;}
.sub_board .comment .comment_cont {position:relative;}
.sub_board .comment .comment_cont h2 {color:#888; border-bottom:1px solid #d3d3d3; padding:15px 0 7px 0;}
.sub_board .comment .comment_cont div {position:relative; border-bottom:1px solid #d3d3d3; padding:8px 0;}
.sub_board .comment .comment_cont div h3 {color:#333; padding-bottom:3px;}
.sub_board .comment .comment_cont div h4 {color:#888;}
.sub_board .comment .comment_cont div p {position:absolute; right:0; top:9px;}
.sub_board .comment .comment_cont div p a { color:#666;}








@media only screen
and (min-width : 1240px) {  
	.img_zoom {height:auto !important;}
	.img_zoom .pinch-zoom-container {height:auto !important;}
	.img_zoom .pinch-zoom-container .img_zoom_inner {position:static !important;transform:none !important;}

	#content .main_adf .list_wrap .list:hover {background-color:#b1040e;}
	#content .main_adf .list_wrap .list:hover .bld,
	#content .main_adf .list_wrap .list:hover .nrm {color:#ffffff;}
}



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

	page04(인턴십)
	
───────────────────────────────────────────────────────────*/

    .sub_cont.renew_cont .txt_wrap { padding: unset; }
    .sub_cont.renew_cont .chk_title_on { position: relative; padding: unset; padding-left: 30px; background: revert; }
    .sub_cont.renew_cont .chk_title_on p { padding: unset; position: relative; word-break: keep-all; }
    .sub_cont.renew_cont .table_wrap { margin: unset; }
    .sub_cont.renew_cont .img_wrap { margin: unset; }
    .sub_cont.renew_cont table.sub_table tr td { font-size: revert; color: revert; line-height: 1.3; font-weight: revert; height: revert; box-sizing: border-box; }

    .sub_cont.renew_cont table.sub_table tr th { background-color: revert; }

    .sub_cont.renew_cont table.sub_table tr th, 
    .sub_cont.renew_cont table.sub_table tr td { border: 1px solid #ddd; border-width: 0 1px 1px 0; min-width: revert; }

    .sub_cont.renew_cont .chk_title_on::before { content: ''; display: inline-block; position: absolute; left: 0; top: 0; width: 22px; aspect-ratio: 1 / 1; background: url('../images/sub/ico_page04_title_deco_red.png') no-repeat center center; background-size: cover; }
    .sub_cont.renew_cont .chk_title_on p::before { content: ''; display: inline-block; position: absolute; left: 0; top: 10px; width: 5px; height: 1px; background-color: #666; }

    .sub_cont.renew_cont .sub_p_t.u_line { padding: unset; margin-bottom: 40px; }
    .sub_cont.renew_cont .t1.t_sml{ font-weight: 700; font-size: 34px; letter-spacing: -0.02em; line-height: 1.3; color: #333; }

    
    .sub_cont.renew_cont .sec01 .chk_title_on b { font-weight: 600; font-size: 16px; line-height: 1.3; letter-spacing: -0.02em; color: #333; word-break: keep-all; }
    .sub_cont.renew_cont .sec01 .chk_title_on p { padding-left: 8px; font-size: 14px; font-weight: 500; line-height: 1.3; letter-spacing: -0.02em; color: #666; word-break: keep-all; }
    
    .sub_cont.renew_cont .sec01 .renew_txt_wrap01 .chk_title_on p:nth-of-type(1) { margin-top: 10px; }
    .sub_cont.renew_cont .sec01 .renew_txt_wrap01 .chk_title_on p:nth-of-type(2) { margin-top: 10px; }

    .sub_cont.renew_cont .sec01 .table_wrap { margin-top: 40px; margin-bottom: 63px; }
    

    .sub_cont.renew_cont .sec01 table.sub_table col:nth-of-type(1) { width: 62px; }
    .sub_cont.renew_cont .sec01 table.sub_table col:nth-of-type(2) { width: 220px; }
    .sub_cont.renew_cont .sec01 table.sub_table col:nth-of-type(3) { width: 220px; }
    .sub_cont.renew_cont .sec01 table.sub_table col:nth-of-type(4) { width: 220px; }
    .sub_cont.renew_cont .sec01 table.sub_table col:nth-of-type(5) { width: 220px; }

    .sub_cont.renew_cont .sec01 table.sub_table tr th:last-child,
    .sub_cont.renew_cont .sec01 table.sub_table tr td:last-child { border-right: 0; }

    .sub_cont.renew_cont .sec01 table.sub_table thead tr th { padding: 13px 5px; font-weight: 600; font-size: 16px; letter-spacing: -0.02em; color: #333; background-color: #eee; }

    .sub_cont.renew_cont .sec01 table.sub_table tbody tr:nth-of-type(1) th { min-width: revert; width: fit-content; height: 52px; padding: 0; font-weight: 600; font-size: 15px; line-height: 1.3; letter-spacing: -0.025em; color: #333; }
    .sub_cont.renew_cont .sec01 table.sub_table tbody tr:not(:nth-of-type(1)) th { padding: 0; font-weight: 500; font-size: 15px; line-height: 1.3; letter-spacing: -0.025em; color: #333; }

    .sub_cont.renew_cont .sec01 table.sub_table tbody tr:nth-of-type(2) th { height: 93px; }
    .sub_cont.renew_cont .sec01 table.sub_table tbody tr:nth-of-type(3) th { height: 89px; }

    .sub_cont.renew_cont .sec01 table.sub_table tbody tr:not(:nth-of-type(1)) td { padding-left: 10px; word-break: keep-all; }
    .sub_cont.renew_cont .sec01 table.sub_table tbody tr:not(:nth-of-type(1)) td p { position: relative; text-align: left; font-weight: 500; font-size: 14px; line-height: 1.3; letter-spacing: -0.04em; }
    .sub_cont.renew_cont .sec01 table.sub_table tbody tr:not(:nth-of-type(1)) td p.acc { color: #666; padding-left: 7px; }
    .sub_cont.renew_cont .sec01 table.sub_table tbody tr:not(:nth-of-type(1)) td p.acc::before { content: ''; display: inline-block; position: absolute; left: 0; top: 8px; width: 3px; aspect-ratio: 1/1; border-radius: 9999px; background-color: #666; }
    .sub_cont.renew_cont .sec01 table.sub_table tbody tr:not(:nth-of-type(1)) td p.sub { color: #888; padding-left: 7px; }
    .sub_cont.renew_cont .sec01 table.sub_table tbody tr:not(:nth-of-type(1)) td p.sub::before { content: ''; display: inline-block; position: absolute; left: 0; top: 9px; width: 4px; height: 1px; border-radius: 9999px; background-color: #888; }

    .sub_cont.renew_cont .sec01 table.sub_table tbody tr:not(:nth-of-type(1)) td p.sub:nth-of-type(2) { margin-top: 11px; }
    .sub_cont.renew_cont .sec01 table.sub_table tbody tr:not(:nth-of-type(1)) td p.sub:nth-of-type(3) { margin-top: 5px; margin-bottom: 11px; }

    .sub_cont.renew_cont .sec01 table.sub_table tbody tr:not(:nth-of-type(1)) td p.acc:not(:last-child) { margin-bottom: 5px; }

    .sub_cont.renew_cont .sec01 .renew_txt_wrap02 { margin-bottom: 40px; }
    .sub_cont.renew_cont .sec01 .renew_txt_wrap02 .chk_title_on p:nth-of-type(1) { margin-top: 10px; }
    .sub_cont.renew_cont .sec01 .renew_txt_wrap02 .chk_title_on p:nth-of-type(2) { margin-top: 10px; }
    .sub_cont.renew_cont .sec01 .renew_txt_wrap02 .chk_title_on p:nth-of-type(3) { margin-top: 10px; }

    .sub_cont.renew_cont .sec01 .sucess_wrap > img { display: block; width: max-content; margin: 15px 0; margin-inline: auto; }

    .sub_cont.renew_cont .sec01 .sucess_wrap > div.suc_result { position: relative; display: flex; justify-content: center; align-items: center; column-gap: 17px; width: 100%; max-width: 910px; height: 82px; margin-top: 25px; margin-inline: auto; border: 2px solid #920008; background-color: #fff; border-radius: 9999px; box-sizing: border-box; z-index: 2; box-shadow: 0px 0px 0px 10px rgba(251,242,243,1); -webkit-box-shadow: 0px 0px 0px 10px rgba(251,242,243,1); -moz-box-shadow: 0px 0px 0px 10px rgba(251,242,243,1); }
    .sub_cont.renew_cont .sec01 .sucess_wrap > div.suc_result > img { padding-top: 4px;}
    .sub_cont.renew_cont .sec01 .sucess_wrap > div.suc_result > p { font-weight: 700; font-size: 20px; line-height: 1.3; color: #920008; }

    .sub_cont.renew_cont .sec01 .img_wrap02 { margin-top: 50px; }

    .sub_cont.renew_cont .sec01 .renew_txt_wrap03 { margin-top: 43px; }
    .sub_cont.renew_cont .sec01 .renew_txt_wrap03 > div:nth-of-type(1) > b { margin-bottom: 11px; }
    
    .sub_cont.renew_cont .sec01 .renew_txt_wrap03 > div:nth-of-type(2) { margin-top: 33px; }
    .sub_cont.renew_cont .sec01 .renew_txt_wrap03 > div:nth-of-type(2) > b { margin-bottom: 11px; }
    .sub_cont.renew_cont .sec01 .renew_txt_wrap03 > div:nth-of-type(2) > p:last-child { margin-top: 9px; }

    .sub_cont.renew_cont > div.clear:not(:last-child) { padding-bottom: 100px; border-bottom: 1px solid #ccc; }

    .sub_cont.renew_cont > div.clear h2.sec_title { font-weight: 700; font-size: 34px; line-height: 1.3; letter-spacing: -0.02em; color: #333; text-align: center; word-break: keep-all; }
    .sub_cont.renew_cont > div.clear h2.sec_title > strong { color: #b1040e; }


    .sub_cont.renew_cont > div.sec02 { margin-top: 100px; }
    
    .sub_cont.renew_cont > div.sec02 div.title_wrap > p.title_desc { margin-top: 30px; font-weight: 500; font-size: 18px; line-height: 1.5; letter-spacing: -0.02em; text-align: center; color: #666; }

    .sub_cont.renew_cont > div.sec02 .convention_wrap { margin-top: 60px; }
    .sub_cont.renew_cont > div.sec02 .convention_wrap > h3 { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; max-width: 190px; padding: 12px 0; margin-inline: auto; background-color: #000; font-weight: 500; font-size: 20px; line-height: 1.3; letter-spacing: -0.02em; color: #fff; border-radius: 22px; }
    .sub_cont.renew_cont > div.sec02 .convention_wrap > h3::after { content: ''; display: block; position: absolute; left: 50%; top: 100%; width: 1px; height: 30px; border: 1px dashed #000; box-sizing: border-box;}

    .sub_cont.renew_cont > div.sec02 .convention_wrap > .flex_wrap { position: relative; width: 100%; max-width: 930px; padding: 20px 0; margin-inline: auto; margin-top: 30px; }
    .sub_cont.renew_cont > div.sec02 .convention_wrap > .flex_wrap::before { content: ''; position: absolute; left: 0; top: 0; display: inline-block; width: 100%; height: 109px; border-radius: 109px 109px 0 0; box-sizing: border-box; border: 1px solid #000; border-bottom: 0; }
    .sub_cont.renew_cont > div.sec02 .convention_wrap > .flex_wrap > .flex_box { position: relative; display: flex; justify-content: space-between; align-items: center; width: calc(100% - 40px); margin-inline: auto; box-sizing: border-box; }
    .sub_cont.renew_cont > div.sec02 .convention_wrap > .flex_wrap > .flex_box > div:nth-of-type(odd) { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 180px; aspect-ratio: 1/1; border-radius: 9999px; }

    .sub_cont.renew_cont > div.sec02 .convention_wrap > .flex_wrap > .flex_box > div:nth-of-type(1),
    .sub_cont.renew_cont > div.sec02 .convention_wrap > .flex_wrap > .flex_box > div:nth-of-type(5) { background-color: #5c5c5c; }

    .sub_cont.renew_cont > div.sec02 .convention_wrap > .flex_wrap > .flex_box > div:nth-of-type(1) p,
    .sub_cont.renew_cont > div.sec02 .convention_wrap > .flex_wrap > .flex_box > div:nth-of-type(5) p { text-align: center; margin-top: 15px; font-weight: 700; font-size: 20px; line-height: 1.2; color: #fff; }

    .sub_cont.renew_cont > div.sec02 .convention_wrap > .flex_wrap > .flex_box > div:nth-of-type(3) { background-color: #b1040e; }

    .sub_cont.renew_cont > div.sec02 .convention_wrap > .flex_wrap > .flex_box > div:nth-of-type(even) { position: relative; width: 100%; max-width: 132px; margin-top: 5%; }
    .sub_cont.renew_cont > div.sec02 .convention_wrap > .flex_wrap > .flex_box > div:nth-of-type(even) > div { position: relative; width: 100%; height: 1px; background-color: #888; }
    .sub_cont.renew_cont > div.sec02 .convention_wrap > .flex_wrap > .flex_box > div:nth-of-type(even) p { padding-top: 5px; min-height: 45px; font-weight: 500; font-size: 17px; line-height: 1.3; letter-spacing: -0.03em; color: #333; text-align: center; box-sizing: border-box; }
    
    .sub_cont.renew_cont > div.sec02 .convention_wrap > .flex_wrap > .flex_box > div:nth-of-type(even) > div::before { content:''; display: inline-block; position: absolute; left: 0; top: -5px; width: 0; height: 0; border-style: solid; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #888; border-left: 0;  }
    .sub_cont.renew_cont > div.sec02 .convention_wrap > .flex_wrap > .flex_box > div:nth-of-type(even) > div::after { content:''; display: inline-block; position: absolute; left: 100%; top: -5px; width: 0; height: 0; border-style: solid; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #888; border-right: 0;  }


    .sub_cont.renew_cont > div.sec02 .convention_wrap .prog_wrap { position: relative; width: 100%; max-width: 711px; margin-inline: auto; margin-top: 35px; box-sizing: border-box; }

    .sub_cont.renew_cont > div.sec02 .convention_wrap .prog_wrap::before { content:''; display: inline-block; position: absolute; left: -0.6%; top: -70%; width: 0; height: 0; border-style: solid; border-top: 0; border-bottom: 5px solid #888; border-right: 5px solid transparent; border-left: 5px solid transparent;  }
    .sub_cont.renew_cont > div.sec02 .convention_wrap .prog_wrap::after { content:''; display: inline-block; position: absolute; right: -0.7%; top: -70%; width: 0; height: 0; border-style: solid; border-top: 0; border-bottom: 5px solid #888; border-right: 5px solid transparent; border-left: 5px solid transparent;  }

    .sub_cont.renew_cont > div.sec02 .convention_wrap .prog_wrap > div { position: relative; width: 100%; border-top: 1px solid #888; box-sizing: border-box; }
    .sub_cont.renew_cont > div.sec02 .convention_wrap .prog_wrap > div::before { content: ''; display: block; position: absolute; left: 0; top: -20px; width: 1px; height: 20px; background-color: #888; }
    .sub_cont.renew_cont > div.sec02 .convention_wrap .prog_wrap > div::after { content: ''; display: block; position: absolute; left: 100%; top: -20px; width: 1px; height: 20px; background-color: #888; }

    .sub_cont.renew_cont > div.sec02 .convention_wrap .prog_wrap p { font-weight: 500; font-size: 17px; line-height: 1.3; letter-spacing: -0.03em; color: #333; text-align: center; margin-top: 10px; }

    .sub_cont.renew_cont > div.sec02 .convention_wrap > .desc_wrap { display: flex; justify-content: space-between; align-items: flex-start; margin-top: 60px; }
    .sub_cont.renew_cont > div.sec02 .convention_wrap > .desc_wrap > dl { width: 48.9247%; border: 1px solid #ddd; border-width: 0 1px 1px 1px; border-radius: 4px; }
    .sub_cont.renew_cont > div.sec02 .convention_wrap > .desc_wrap > dl > dt { width: 100%; padding: 14px 0; background-color: #000; font-weight: 500; font-size: 16px; line-height: 1.3; color: #fff; text-align: center; border-top-left-radius: 4px; border-top-right-radius: 4px; }

    .sub_cont.renew_cont > div.sec02 .convention_wrap > .desc_wrap > dl:first-child > dd { display: flex; justify-content: flex-start; align-items: center; height: 135px; padding-left: 42px; }
    .sub_cont.renew_cont > div.sec02 .convention_wrap > .desc_wrap > dl:first-child > dd > ul > li dl { display: flex; justify-content: flex-start; align-items: flex-start; column-gap: 23px; }

    .sub_cont.renew_cont > div.sec02 .convention_wrap > .desc_wrap > dl:first-child > dd > ul > li .title { position: relative; padding-left: 7px; font-weight: 500; font-size: 16px; line-height: 1.6; letter-spacing: -0.02em; color: #333; }
    .sub_cont.renew_cont > div.sec02 .convention_wrap > .desc_wrap > dl:first-child > dd > ul > li .title::before { content: ''; position: absolute; left: -18px;; top: 0; display: inline-block; width: 22px; aspect-ratio: 1/1; background: url('../images/sub/ico_page04_title_deco_gray.png') no-repeat center center; background-size: cover; }
    .sub_cont.renew_cont > div.sec02 .convention_wrap > .desc_wrap > dl:first-child > dd > ul > li .desc { font-weight: 500; font-size: 15px; line-height: 1.6; letter-spacing: -0.02em; color: #666; word-break: keep-all; }

    .sub_cont.renew_cont > div.sec02 .convention_wrap > .desc_wrap > dl:first-child > dd > ul > li:last-child { margin-top: 13px; }


    .sub_cont.renew_cont > div.sec02 .convention_wrap > .desc_wrap > dl:last-child > dd { display: flex; justify-content: center; align-items: flex-start; flex-direction: column; height: 135px; padding-left: 24px; }
    .sub_cont.renew_cont > div.sec02 .convention_wrap > .desc_wrap > dl:last-child > dd > ul > li { font-weight: 500; font-size: 15px; line-height: 1.6; color: #666; }
    .sub_cont.renew_cont > div.sec02 .convention_wrap > .desc_wrap > dl:last-child > dd > p { font-size: 14px; line-height: 1.3; color: #888; margin-top: 6px; }


    
    .sub_cont.renew_cont > div.sec03 { margin-top: 90px; }
    .sub_cont.renew_cont > div.sec03 > dl { display: flex; justify-content: flex-start; align-items: flex-start; column-gap: 50px; margin-top: 60px; }
    .sub_cont.renew_cont > div.sec03 > dl > dt { position: relative; padding-left: 27px; min-width: 122px; font-weight: 500; font-size: 16px; line-height: 2.75; letter-spacing: -0.02em; color: #333; }
    .sub_cont.renew_cont > div.sec03 > dl > dt::before { content: ''; display: inline-block; position: absolute; left: 0; top: 11px; width: 22px; aspect-ratio: 1/1; background: url('../images/sub/ico_page04_title_deco_red.png') no-repeat center center; background-size: cover; }

    
    .sub_cont.renew_cont > div.sec03 > dl > dd > ul { counter-reset: circle 0; }

    .sub_cont.renew_cont > div.sec03 > dl > dd > ul li { position: relative; padding-left: 20px; margin-top: 5px; font-weight: 500; font-size: 15px; line-height: 1.6; letter-spacing: -0.02em; color: #666; word-break: keep-all;  }
    .sub_cont.renew_cont > div.sec03 > dl > dd > ul li > span { display: block; color: #888; font-size: 14px; }

    .sub_cont.renew_cont > div.sec03 > dl > dd > ul li::before { position: absolute; top: 11.4px; left: 0.425em; transform: translateY(-50%); counter-increment: circle 1; content: counter(circle); font-size: 0.75em; }
    .sub_cont.renew_cont > div.sec03 > dl > dd > ul li::after { content: ''; position: absolute; top: 12.5px; left: 0; transform: translateY(-50%); display: inline-block; border: 1px solid #666; border-radius: 50%; width: 0.9em; height: 0.9em; }

    .sub_cont.renew_cont > div.sec03 > dl:nth-of-type(1) > dd > div.link_wrap { display: flex; justify-content: flex-start; align-items: center; column-gap: 27px; margin-top: 20px; padding: 20px 37px; background-color: #fafafa; border-radius: 5px; border: 1px solid #ddd; }
    .sub_cont.renew_cont > div.sec03 > dl:nth-of-type(1) > dd > div.link_wrap > .text_wrap > .title { position: relative; padding-left: 24px; font-weight: 500; font-size: 16px; line-height: 1.3; letter-spacing: -0.02em; color: #333; }
    .sub_cont.renew_cont > div.sec03 > dl:nth-of-type(1) > dd > div.link_wrap > .text_wrap > .desc { margin-top: 8px; padding-left: 24px; font-weight: 400; font-size: 14px; line-height: 1.4; letter-spacing: -0.02em; color: #666; }
    .sub_cont.renew_cont > div.sec03 > dl:nth-of-type(1) > dd > div.link_wrap > .text_wrap > .desc > a { color: #b1040e; }

    .sub_cont.renew_cont > div.sec03 > dl:nth-of-type(1) > dd > div.link_wrap > .text_wrap > .title::before { content: ''; position: absolute; left: 0; top: 0; display: inline-block; width: 22px; aspect-ratio: 1/1; background: url('../images/sub/ico_page04_title_deco_gray.png') no-repeat center center; background-size: cover; }

    .sub_cont.renew_cont > div.sec03 > dl:nth-of-type(2) { margin-top: 52px; }


    .sub_cont.renew_cont > div.sec04 { margin-top: 100px; margin-bottom: 100px; }
    .sub_cont.renew_cont > div.sec04 > .table_wrap { margin-top: 60px; }

    .sub_cont.renew_cont .sec04 table.sub_table col:nth-of-type(1) { width: 186px; }
    .sub_cont.renew_cont .sec04 table.sub_table col:nth-of-type(2) { width: 186px; }
    .sub_cont.renew_cont .sec04 table.sub_table col:nth-of-type(3) { width: 140px; }
    .sub_cont.renew_cont .sec04 table.sub_table col:nth-of-type(4) { width: 416px; }

    .sub_cont.renew_cont .sec04 table.sub_table tr th:last-child,
    .sub_cont.renew_cont .sec04 table.sub_table tr td:last-child { border-right: 0; }

    .sub_cont.renew_cont .sec04 table.sub_table thead tr th { padding: 9px 0; font-weight: 600; font-size: 15px; letter-spacing: -0.025em; line-height: 1.6; background-color: #eee; }
    
    .sub_cont.renew_cont .sec04 table.sub_table tbody tr th { padding: 0; height: 130px; font-weight: 600; font-size: 15px; line-height: 1.4; letter-spacing: -0.025em; color: #333; }
    .sub_cont.renew_cont .sec04 table.sub_table tbody tr td { padding: 0; font-weight: 500; font-size: 14px; line-height: 1.42; letter-spacing: -0.025em; color: #333; }

    .sub_cont.renew_cont .sec04 table.sub_table tbody tr td > span { display: block; color: #888; }

    .sub_cont.renew_cont .sec04 table.sub_table tbody tr:nth-of-type(odd) td:nth-of-type(n + 2),
    .sub_cont.renew_cont .sec04 table.sub_table tbody tr:nth-of-type(even) td { color: #666; }

    .sub_cont.renew_cont .sec04 table.sub_table tbody tr:nth-of-type(n + 3) { background-color: #ebeff4; }

    .sub_cont.renew_cont .sec04 ul { margin-top: 15px; text-align: right; }
    .sub_cont.renew_cont .sec04 ul > li { position: relative; font-weight: 500; font-size: 14px; line-height: 1.57; letter-spacing: -0.025em; color: #888  }
    .sub_cont.renew_cont .sec04 ul > li::before { content: '\203B'; position: relative; left: 0; top: 0; display: inline-block; margin-right: 5px; }
    


    @media only screen and (min-width : 861px) and (max-width : 1240px) {  

        .sub_cont.renew_cont .sec01 .chk_title_on p br { display: none;  }
        .sub_cont.renew_cont .img_wrap > img { display: block; max-width: 100%; margin-inline: auto; }

        .sub_cont.renew_cont .sec01 .img_wrap02 > img { display: block; max-width: 100%; margin-inline: auto; }
        .sub_cont.renew_cont > div.sec02 .convention_wrap > .flex_wrap > .flex_box { column-gap: 15px; }
        .sub_cont.renew_cont > div.sec02 .convention_wrap > .prog_wrap { width: 78%; }
        .sub_cont.renew_cont > div.sec02 .convention_wrap > .desc_wrap > dl:first-child > dd { padding-right: 20px; }

        .sub_cont.renew_cont > div.sec02 .convention_wrap > .desc_wrap > dl:first-child > dd > ul > li .title { flex-shrink: 0; }
        .sub_cont.renew_cont > div.sec02 .convention_wrap > .desc_wrap > dl:first-child > dd > ul > li .desc br { display: none; }

        .sub_cont.renew_cont > div.sec03 > dl > dt { flex-shrink: 0; }
        
    }

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

        .sub_cont.renew_cont .chk_title_on::before { width: 20px; }
        .sub_cont.renew_cont .chk_title_on p::before { top: 8px; }

        .sub_cont.renew_cont .t1.t_sml { font-size: 26px; }

        .sub_cont.renew_cont > div.clear:not(:last-child) { padding-bottom: 60px; }

        .sub_cont.renew_cont > div.clear h2.sec_title { font-size: 28px; }

        .sub_cont.renew_cont .sec01 .table_wrap { margin-top: 25px; margin-bottom: 40px; }
        .sub_cont.renew_cont .sec01 table.sub_table col:nth-of-type(1) { width: 8%; }
        .sub_cont.renew_cont .sec01 table.sub_table col:nth-of-type(2) { width: 23%; }
        .sub_cont.renew_cont .sec01 table.sub_table col:nth-of-type(3) { width: 23%; }
        .sub_cont.renew_cont .sec01 table.sub_table col:nth-of-type(4) { width: 23%; }
        .sub_cont.renew_cont .sec01 table.sub_table col:nth-of-type(5) { width: 23%; }

        .sub_cont.renew_cont .sec01 table.sub_table thead tr th { font-size: 14px; }
        .sub_cont.renew_cont .sec01 table.sub_table tbody tr:not(:nth-of-type(1)) th { font-size: 13px; }
        .sub_cont.renew_cont .sec01 table.sub_table tbody tr:nth-of-type(1) th { font-size: 13px; }

        .sub_cont.renew_cont .sec01 table.sub_table tbody tr:not(:nth-of-type(1)) td p { font-size: 12px; }
        .sub_cont.renew_cont .sec01 table.sub_table tbody tr:not(:nth-of-type(1)) td p.acc::before { top: 7px; }
        .sub_cont.renew_cont .sec01 table.sub_table tbody tr:not(:nth-of-type(1)) td p.sub::before { top: 8px; }

        .sub_cont.renew_cont .sec01 .chk_title_on b { font-size: 14px; }
        .sub_cont.renew_cont .sec01 .chk_title_on p { font-size: 12px; }
        
        
        .sub_cont.renew_cont .sec01 .sucess_wrap > div.suc_result { width: calc(100% - 20px); }
        .sub_cont.renew_cont .sec01 .sucess_wrap > div.suc_result > p { font-size: 18px; }

        .sub_cont.renew_cont .sec01 .renew_txt_wrap03 { margin-top: 30px; }
        
        .sub_cont.renew_cont .sec01 .renew_txt_wrap03 > div:nth-of-type(1) > b { margin-bottom: 7px; }
        .sub_cont.renew_cont .sec01 .renew_txt_wrap03 > div:nth-of-type(2) { margin-top: 15px; }
        .sub_cont.renew_cont .sec01 .renew_txt_wrap03 > div:nth-of-type(2) > b { margin-bottom: 7px; }
        .sub_cont.renew_cont .sec01 .renew_txt_wrap03 > div:nth-of-type(2) > p:last-child { margin-top: 5px; }
        


        .sub_cont.renew_cont > div.sec02 { margin-top: 60px; }

        .sub_cont.renew_cont > div.sec02 div.title_wrap > p.title_desc { font-size: 16px; margin-top: 15px; }

        .sub_cont.renew_cont > div.sec02 .convention_wrap { margin-top: 40px; }

        .sub_cont.renew_cont > div.sec02 .convention_wrap > .flex_wrap { padding: 0; }


        .sub_cont.renew_cont > div.sec02 .convention_wrap > h3 { font-size: 18px; }
        .sub_cont.renew_cont > div.sec02 .convention_wrap > h3::after { display: none; }
        .sub_cont.renew_cont > div.sec02 .convention_wrap > .flex_wrap::before { display: none; }
        .sub_cont.renew_cont > div.sec02 .convention_wrap > .flex_wrap > .flex_box { flex-direction: column; row-gap: 20px; }
        

        .sub_cont.renew_cont > div.sec02 .convention_wrap > .flex_wrap > .flex_box > div:nth-of-type(odd) { width: 160px; }

        .sub_cont.renew_cont > div.sec02 .convention_wrap > .flex_wrap > .flex_box > div:nth-of-type(odd) > div.ico_wrap { display: flex; justify-content: center; align-items: center; }
        .sub_cont.renew_cont > div.sec02 .convention_wrap > .flex_wrap > .flex_box > div:nth-of-type(odd) > div.ico_wrap > img { max-width: 100%; width: 80%; }

        .sub_cont.renew_cont > div.sec02 .convention_wrap > .flex_wrap > .flex_box > div:nth-of-type(1) p,
        .sub_cont.renew_cont > div.sec02 .convention_wrap > .flex_wrap > .flex_box > div:nth-of-type(5) p { font-size: 18px; margin-top: 10px; }



        .sub_cont.renew_cont > div.sec02 .convention_wrap > .flex_wrap > .flex_box > div:nth-of-type(even) { position: relative; margin-top: 0; }
        .sub_cont.renew_cont > div.sec02 .convention_wrap > .flex_wrap > .flex_box > div:nth-of-type(even) > div { width: 1px; min-height: 132px; margin-inline: auto; }

        .sub_cont.renew_cont > div.sec02 .convention_wrap > .flex_wrap > .flex_box > div:nth-of-type(even) p { position: absolute; left: 0; top: 50%; width: max-content; font-size: 15px; transform: translate(-50%, -50%); }

        .sub_cont.renew_cont > div.sec02 .convention_wrap > .flex_wrap > .flex_box > div:nth-of-type(even) > div::before { left: -4px; border-top: 0; border-bottom: 5px solid #888; border-right: 5px solid transparent; border-left: 5px solid transparent; }
        .sub_cont.renew_cont > div.sec02 .convention_wrap > .flex_wrap > .flex_box > div:nth-of-type(even) > div::after { left: -4px; top: 100%; border-top: 5px solid #888; border-bottom: 0; border-right: 5px solid transparent; border-left: 5px solid transparent; }

        .sub_cont.renew_cont > div.sec02 .convention_wrap .prog_wrap { position: absolute; left: 85%; top: 50%; transform: translate(-50%, -50%); width: 100px; max-width: revert; height: 80%; margin-top: 0; }
        .sub_cont.renew_cont > div.sec02 .convention_wrap .prog_wrap > div { display: flex; justify-content: center; align-items: center; width: auto; height: 100%; border-top: revert; border-left: 1px solid #888; }
        .sub_cont.renew_cont > div.sec02 .convention_wrap .prog_wrap::before { border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #888; border-left: 0; left: -20px; top: -4px; }
        .sub_cont.renew_cont > div.sec02 .convention_wrap .prog_wrap::after { border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #888; border-left: 0; left: -20px; top: revert; bottom: -5px; }

        .sub_cont.renew_cont > div.sec02 .convention_wrap .prog_wrap > div::before { left: -20px; top: 0; width: 20px; height: 1px; }
        .sub_cont.renew_cont > div.sec02 .convention_wrap .prog_wrap > div::after { left: -20px; top: 100%; width: 20px; height: 1px; }

        .sub_cont.renew_cont > div.sec02 .convention_wrap .prog_wrap p { font-size: 15px; margin-top: 0; }

        .sub_cont.renew_cont > div.sec02 .convention_wrap > .desc_wrap { flex-direction: column; row-gap: 20px; }
        .sub_cont.renew_cont > div.sec02 .convention_wrap > .desc_wrap > dl { width: 100%; }
        .sub_cont.renew_cont > div.sec02 .convention_wrap > .desc_wrap > dl > dt { font-size: 14px; }

        .sub_cont.renew_cont > div.sec02 .convention_wrap > .desc_wrap > dl:first-child > dd { height: auto; padding-top: 20px; padding-bottom: 20px; }
        .sub_cont.renew_cont > div.sec02 .convention_wrap > .desc_wrap > dl:first-child > dd > ul > li .title { font-size: 14px; }
        .sub_cont.renew_cont > div.sec02 .convention_wrap > .desc_wrap > dl:first-child > dd > ul > li .title::before { width: 20px; }
        .sub_cont.renew_cont > div.sec02 .convention_wrap > .desc_wrap > dl:first-child > dd > ul > li .desc { font-size: 13px; }


        .sub_cont.renew_cont > div.sec02 .convention_wrap > .desc_wrap > dl:last-child > dd { height: auto; padding-top: 20px; padding-bottom: 20px; }
        .sub_cont.renew_cont > div.sec02 .convention_wrap > .desc_wrap > dl:last-child > dd > ul > li { font-size: 13px; }
        .sub_cont.renew_cont > div.sec02 .convention_wrap > .desc_wrap > dl:last-child > dd > p { font-size: 12px; }
        

        

        .sub_cont.renew_cont > div.sec03 { margin-top: 60px; }
        .sub_cont.renew_cont > div.sec03 > dl { flex-direction: column; column-gap: 0; margin-top: 40px; }

        .sub_cont.renew_cont > div.sec03 > dl > dt { font-size: 14px; }
        .sub_cont.renew_cont > div.sec03 > dl > dt::before { width: 20px; }

        .sub_cont.renew_cont > div.sec03 > dl > dd > ul li { font-size: 13px; }
        .sub_cont.renew_cont > div.sec03 > dl > dd > ul li::after { top: 11px; }

        .sub_cont.renew_cont > div.sec03 > dl:nth-of-type(1) > dd > div.link_wrap { padding: 15px 30px; }

        .sub_cont.renew_cont > div.sec03 > dl:nth-of-type(1) > dd > div.link_wrap > .text_wrap > .title { font-size: 14px; }
        .sub_cont.renew_cont > div.sec03 > dl:nth-of-type(1) > dd > div.link_wrap > .text_wrap > .desc { font-size: 12px; }

        .sub_cont.renew_cont > div.sec03 > dl:nth-of-type(1) > dd > div.link_wrap > .text_wrap > .title::before { width: 20px; }

        .sub_cont.renew_cont > div.sec03 > dl:nth-of-type(2) { margin-top: 20px; }

        .sub_cont.renew_cont > div.sec04 { margin-top: 60px; margin-bottom: 60px; }

        .sub_cont.renew_cont > div.sec04 > .table_wrap { margin-top: 30px; }

        .sub_cont.renew_cont .sec04 table.sub_table thead tr th { font-size: 13px; }
        .sub_cont.renew_cont .sec04 table.sub_table tbody tr th { font-size: 13px; }

        .sub_cont.renew_cont .sec04 table.sub_table tbody tr td { font-size: 12px; }

        .sub_cont.renew_cont .sec04 ul { margin-top: 10px; }
        .sub_cont.renew_cont .sec04 ul > li { font-size: 12px; }

        .sub_cont.renew_cont > div.sec03 > dl > dd > ul li > span { font-size: 12px; }

    }

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

        .sub_cont.renew_cont .chk_title_on { padding-left: 20px; }
        .sub_cont.renew_cont .chk_title_on::before { width: 16px; }
        
    
        .sub_cont.renew_cont .sub_p_t.u_line { margin-bottom: 30px; }

        .sub_cont.renew_cont .sec01 .chk_title_on b { font-size: 13px; }
        .sub_cont.renew_cont .sec01 table.sub_table thead tr th { font-size: 13px; }
        .sub_cont.renew_cont .sec01 table.sub_table tbody tr:nth-of-type(1) th { font-size: 12px; }
        .sub_cont.renew_cont .sec01 table.sub_table tbody tr:not(:nth-of-type(1)) th { font-size: 12px; }

        .sub_cont.renew_cont .sec01 .sucess_wrap > div.suc_result > p { font-size: 17px; }

        .sub_cont.renew_cont .sec01 .img_wrap02 { margin-top: 30px; }

        .sub_cont.renew_cont > div.clear h2.sec_title { font-size: 26px; }
        .sub_cont.renew_cont > div.sec02 div.title_wrap > p.title_desc { font-size: 15px; }

        .sub_cont.renew_cont > div.sec02 .convention_wrap > .flex_wrap > .flex_box > div:nth-of-type(1) p,
        .sub_cont.renew_cont > div.sec02 .convention_wrap > .flex_wrap > .flex_box > div:nth-of-type(5) p { font-size: 17px; }

        .sub_cont.renew_cont > div.sec02 .convention_wrap > .flex_wrap > .flex_box > div:nth-of-type(even) p { font-size: 14px; }

        .sub_cont.renew_cont > div.sec02 .convention_wrap .prog_wrap p { font-size: 14px; }

        .sub_cont.renew_cont > div.sec02 .convention_wrap > .desc_wrap > dl:first-child > dd > ul > li dl { column-gap: 13px; }
        .sub_cont.renew_cont > div.sec02 .convention_wrap > .desc_wrap > dl:first-child > dd > ul > li .title { font-size: 13px; padding-left: 0; }
        .sub_cont.renew_cont > div.sec02 .convention_wrap > .desc_wrap > dl:first-child > dd > ul > li .desc { font-size: 12px; }

        .sub_cont.renew_cont > div.sec02 .convention_wrap > .desc_wrap > dl:first-child > dd > ul > li .title::before { width: 16px; }
        .sub_cont.renew_cont > div.sec02 .convention_wrap > .desc_wrap > dl:last-child > dd > ul > li { font-size: 12px; }

        .sub_cont.renew_cont > div.sec03 > dl { margin-top: 30px; }
        .sub_cont.renew_cont > div.sec03 > dl > dt { font-size: 13px; padding-left: 20px; }
        .sub_cont.renew_cont > div.sec03 > dl > dt::before { width: 16px; top: 8px; }
        
        .sub_cont.renew_cont > div.sec03 > dl > dd > ul li { font-size: 12px; }

        .sub_cont.renew_cont > div.sec03 > dl:nth-of-type(1) > dd > div.link_wrap { padding: 10px 20px; }
        .sub_cont.renew_cont > div.sec03 > dl:nth-of-type(1) > dd > div.link_wrap > .text_wrap > .title { font-size: 13px; padding-left: 15px; }
        .sub_cont.renew_cont > div.sec03 > dl:nth-of-type(1) > dd > div.link_wrap > .text_wrap > .title::before { width: 16px; }
        .sub_cont.renew_cont > div.sec03 > dl:nth-of-type(1) > dd > div.link_wrap > .text_wrap > .desc { padding-left: 15px; }
        
        
        
    }

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

        .sub_cont.renew_cont > div.clear:not(:last-child) { padding-bottom: 40px; }

        .sub_cont.renew_cont .chk_title_on p::before { top: 7px; }

        .sub_cont.renew_cont .sec01 .renew_txt_wrap01 .chk_title_on p:nth-of-type(1) { margin-top: 5px; }
        .sub_cont.renew_cont .sec01 .renew_txt_wrap01 .chk_title_on p:nth-of-type(2) { margin-top: 5px; }

        .sub_cont.renew_cont .sec01 .table_wrap {margin-bottom: 30px; }

        .sub_cont.renew_cont .sec01 .sucess_wrap > div.suc_result > img { width: 90px; object-fit: cover; align-self: end; }
        .sub_cont.renew_cont .sec01 .sucess_wrap > div.suc_result > p { font-size: 16px; }

        .sub_cont.renew_cont .sec01 .renew_txt_wrap03 { margin-top: 20px; }
        .sub_cont.renew_cont .sec01 .renew_txt_wrap03 > div:nth-of-type(2) > p:last-child { margin-top: 5px; }

        .sub_cont.renew_cont > div.sec02 { margin-top: 40px; }

        .sub_cont.renew_cont > div.clear h2.sec_title { font-size: 20px; }
        .sub_cont.renew_cont > div.sec02 div.title_wrap > p.title_desc { font-size: 14px; }
        .sub_cont.renew_cont > div.sec02 div.title_wrap > p.title_desc br { display: none; }

        .sub_cont.renew_cont > div.sec02 .convention_wrap > h3 { font-size: 17px; max-width: 140px; }

        .sub_cont.renew_cont > div.sec02 .convention_wrap > .flex_wrap > .flex_box > div:nth-of-type(odd) { width: 120px; }
        .sub_cont.renew_cont > div.sec02 .convention_wrap > .flex_wrap > .flex_box > div:nth-of-type(odd) > div.ico_wrap > img { width: 60%; }
        
        .sub_cont.renew_cont > div.sec02 .convention_wrap > .flex_wrap > .flex_box > div:nth-of-type(even) p { font-size: 13px; }

        .sub_cont.renew_cont > div.sec02 .convention_wrap > .flex_wrap > .flex_box > div:nth-of-type(1) p,
        .sub_cont.renew_cont > div.sec02 .convention_wrap > .flex_wrap > .flex_box > div:nth-of-type(5) p { font-size: 15px; }

        .sub_cont.renew_cont > div.sec02 .convention_wrap > .flex_wrap > .flex_box > div:nth-of-type(3) > img { width: 60%; }

        .sub_cont.renew_cont > div.sec02 .convention_wrap .prog_wrap { width: 60px; left: 90%; }
        .sub_cont.renew_cont > div.sec02 .convention_wrap .prog_wrap p { font-size: 13px; }

        .sub_cont.renew_cont > div.sec02 .convention_wrap > .desc_wrap > dl:first-child > dd { padding-left: 30px; padding-right: 20px; }
        .sub_cont.renew_cont > div.sec02 .convention_wrap > .desc_wrap > dl:first-child > dd > ul > li dl { flex-direction: column; }
        .sub_cont.renew_cont > div.sec02 .convention_wrap > .desc_wrap > dl:first-child > dd > ul > li .desc br { display: none; }

        .sub_cont.renew_cont > div.sec02 .convention_wrap > .desc_wrap > dl > dt { font-size: 13px; }

        .sub_cont.renew_cont > div.sec02 .convention_wrap > .desc_wrap > dl:last-child > dd { padding-left: 15px; }
        
        
        .sub_cont.renew_cont > div.sec03 { margin-top: 40px; }

        .sub_cont.renew_cont > div.sec03 > dl { margin-top: 20px; }
        .sub_cont.renew_cont > div.sec03 > dl > dd > ul li::before { top: 10px; }
        .sub_cont.renew_cont > div.sec03 > dl > dd > ul li::after { top: 10px; }

        .sub_cont.renew_cont > div.sec03 > dl:nth-of-type(1) > dd > div.link_wrap { padding: 10px; flex-direction: column; row-gap: 10px; }

        
        .sub_cont.renew_cont > div.sec04 { margin-top: 40px; margin-bottom: 40px; }
        .sub_cont.renew_cont .sec04 table.sub_table col:nth-of-type(1) { width: 10%; }
        .sub_cont.renew_cont .sec04 table.sub_table col:nth-of-type(2) { width: 30%; }
        .sub_cont.renew_cont .sec04 table.sub_table col:nth-of-type(3) { width: 30%; }
        .sub_cont.renew_cont .sec04 table.sub_table col:nth-of-type(4) { width: 30%; }
        
        

        

    }