#sub_wp {position:relative;}

#sub_wp .subvisual h2{text-align:left; font-size:3em; letter-spacing:-1px; color:#fff; padding:220px 0 30px; font-family:'NanumSquareNeoHeavy';} 
#sub_wp .sub01_bg {position:relative; display:block; width:100%;  background:url('/culture/img_sub/sub01_top.png') center top no-repeat;}
#sub_wp .sub02_bg {position:relative; display:block; width:100%;  background:url('/culture/img_sub/sub02_top.png') center top no-repeat;}
#sub_wp .sub03_bg {position:relative; display:block; width:100%;  background:url('/culture/img_sub/sub03_top.png') center top no-repeat;}
#sub_wp .sub04_bg {position:relative; display:block; width:100%;  background:url('/culture/img_sub/sub04_top.png') center top no-repeat;}
#sub_wp .sub05_bg {position:relative; display:block; width:100%;  background:url('/culture/img_sub/sub05_top.png') center top no-repeat;}
#sub_wp .sub06_bg {position:relative; display:block; width:100%;  background:url('/culture/img_sub/sub06_top.png') center top no-repeat;}

#sub_wp #content { background:#fff; display:block; width: 1440px; margin: 0 auto; z-index: 0; position: relative; } 

#sub_wp #snb { border-bottom:1px solid #ccc;}
#sub_wp #snb .inner {display:flex;}
#sub_wp #snb .gohome_util .gohome_box { border:1px solid #ccc; border-top:0; border-bottom:0;} 
#sub_wp #snb .gohome_util .gohome { display:block; width:3.5rem; height:3.5rem; background:url('/culture/img_sub/home.png') center no-repeat; font-size:0; } 
#sub_wp #snb .menu { display: flex;} 
#sub_wp #snb .menu > li { position:relative; font-size:1.1em; color: #333; min-width:15rem; background:url('/culture/img_sub/location_arrow1.png') 90% center no-repeat; } 
#sub_wp #snb .menu > li.active { background:url('/culture/img_sub/location_arrow2.png') 90% center no-repeat; } 
#sub_wp #snb .menu > li > a { display:block; height: 3.5rem; line-height: 3.5rem; padding:0 15px; border-right:1px solid #ccc; color:#333; font-weight:600; } 
#sub_wp #snb .menu > li.active > a { color:#333; font-weight:600; text-decoration:none; color:#333;} 
#sub_wp #snb .menu > li.home { display:block; text-indent:-9999px; font-size:0px; min-width:62px; margin-left:0; border-left:1px solid #ccc; background:url('/culture/depth_home.gif') center no-repeat; } 

#sub_wp #snb .menu .submenu { position:absolute; left:0; top:3.5rem; display:none; width:100%; border:1px solid #ccc; border-top:0; background:#fff; z-index:9999; } 

#sub_wp #snb .menu .submenu > ul > li { border-top:1px solid #ccc; } 
#sub_wp #snb .menu .submenu > ul > li > a { display:block; font-weight:600; padding:0 15px; height: 3.5rem; line-height: 3.5rem; font-weight:400; color:#333;} 
#sub_wp #snb .menu .submenu > ul > li > a:hover { background:#f8f8f8; transition: all 0.2s ease-in-out 0s; color:#333; font-weight:700; } 

#sub_wp p img {padding:0 0 250px 0;font-size:4em; color:#ccc; font-weight:200;}

.content {max-width:1490px; width:100%; margin:0 auto 200px; font-size:1.1em; color:#555;}
.content h3.title {padding:125px 0;font-size:2.5em; text-align:center; color:#000;  font-family:'NanumSquareNeoHeavy';}
.content h4.tit {font-size:1.5em; font-weight:700; margin-bottom:30px;}

.pre_view {text-align:center; padding:50px 0;}

.sub_box {border:1px solid #ddd; border-radius:10px; box-shadow:0 0 20px #eee; padding:50px; margin-bottom:50px;}
.box_tit {font-weight:700; font-size:1.5em; color:#004bd5;}
.goal {background:url('/culture/img_sub/sub_box_goal.png') 50px center no-repeat; padding-left:250px;}
.tel_info {background:url('/culture/img_sub/sub_box_tel.png') 50px center no-repeat; padding-left:200px;}
.reserve_box {background:url('/culture/img_sub/reserve_box.png') 50px center no-repeat; padding-left:200px;}

.sub_ul li {margin:3px 0;padding-left:15px; background:url('/culture/img_sub/list_circle.png') left 10px no-repeat;}

dl.sub_dl {display:flex; margin:3px;}  
dl.sub_dl dt {width:30%; padding:30px 0; border:1px solid #ddd; color:#4c66b4; text-align:center; background:#edeff7; font-weight:700;}
dl.sub_dl dd {width:70%; padding:30px; border:1px solid #ddd; margin-left:3px;}

.tabContent {display: none;}
.tabContents {display: none;}
.active {display: block;}

/*member*/
.login_box {width:400px; margin:0 auto; border:1px solid #ddd; border-radius:10px; padding:50px; text-align:center; box-shadow:0 13px 16px rgba(0, 0, 0, 0.03);}
.login_box p {margin-bottom:20px; color:#555;}
.login_box input {height:40px; margin:10px 0; width:100%;}
.login_box button {display:block; width:100%; line-height:50px; margin:10px 0; text-align:center;background:#3f57c1; color:#fff; border-radius:10px;}
.login_box ul {width:100%; display:flex; margin-top:30px; }
.login_box ul li {width:33.333%; border-left:1px solid #ddd;; line-height:1;}
.login_box ul li a {display:block; text-align:center; color:#555;}
.login_box ul li:first-child {border-left:0;}

.agree_check {width:calc(100% - 20px); text-align:right; padding:10px; border-bottom:1px solid #ddd;}
.bt_basic {display:inline-block; border:1px solid #ddd; border-radius:10px; padding:15px; text-align:center; width:100px; color:#555;}
.bt_check {display:inline-block; background:#3f57c1; border:1px solid #3f57c1; border-radius:10px; padding:15px; text-align:center; width:100px; color:#fff;}
.btn_basic {border-radius:10px; height:40px; color:#fff; text-align:center; padding:5px 20px; background:#16294a;}

ul.realname {width:800px; margin:50px auto 0; display:flex;}
ul.realname li {width:50%; margin:0 20px; border:1px solid #ddd; border-radius:10px; text-align:center; padding:50px 30px;}
ul.realname li p {font-size:1.2em; font-weight:700;}
ul.realname li a {display:block; color:#fff; background:#3f57c1; border-radius:100px; padding:10px 0; margin-top:200px}
ul.realname li:nth-child(1){background:url('/culture/img_sub/auth_hp_icon.png') center center no-repeat;}
ul.realname li:nth-child(2){background:url('/culture/img_sub/auth_ipin_icon.png') center center no-repeat;}

/*sub*/
.sub011 {line-height:2;}
.sub011 p {margin-top:30px;}

.pro_wp {display:flex; flex-wrap:wrap; gap:15px;}
.pro_wp div {width:calc(33.333% - 112px); border:1px solid #ddd; border-radius:20px; padding:50px;}
.pro_wp div:nth-child(2n+1){background:#f4f4f4;}
.pro_wp p { font-weight:700; font-size:1.5em; margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #ddd;}
a.pro_bt{display:block; width:100px; margin:100px auto 0; padding:30px; border:2px solid #000; color:#000; text-align:center;}
a.pro_bt:hover{background:#000; color:#fff; border:2px solid #000;}

.sub012_top {display:flex;}
.sub012_top img {margin-right:30px;}
.sub012_con {font-size:1.1em;}
.sub012_con p {line-height:1.5em; margin:15px 0;}
.sub012 p.tit {font-weight:700; font-size:1.5em; margin:50px 0 30px;}
.sub012 table {width:100%; text-align:center; border-top:3px solid #2eaeec; margin:30px 0;}
.sub012 table th {padding:10px 0; border-bottom:1px solid #ddd; border-left:1px solid #ddd; background:#f4f4f4;}
.sub012 table td {padding:10px 0; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.sub012 table th:first-child, .sub012 table td:first-child {border-left:0;}
.sub012_center_wp {display:flex; flex-wrap:wrap; gap:20px;}
.sub012_center {width:calc(50% - 52px); padding:20px; border:1px solid #ddd;}
.sub012_center p {font-weight:700; font-size:1.2em; color:#2eaeec; }
.sub012_center ul li {list-style:circle; margin-left:20px;}
.sub012_center span {display:inline-block; border-radius:10px; margin-bottom:10px;background:#eee; padding:5px 10px; }

.sub013 .map {background:url('/culture/img_sub/sub013_bg.png') 50px center no-repeat; padding-left:200px;}
.sub013 .map p {font-weight:700; font-size:1.5em;}
.sub013 .map li {}
.sub013 .map li span {display:inline-block; width:100px; font-weight:700}

.sub021_wp { width:100%; display:flex; flex-wrap:wrap; gap:30px 30px;}
.sub021 {width:calc(50% - 77px); padding:0 30px 20px; border:1px solid #ddd; border-top:3px solid #1058a4; border-radius:10px 50px; text-align:center;}
.sub021 p {width:100% !important; color:#1058a4; font-weight:700; width:200px; font-size:1.5em; margin-bottom:30px; text-align:left; border-bottom:1px solid #ddd; }
.sub021 p span {display:inline-block; background:#1058a4; color:#fff; margin-right:20px; padding:30px 10px 10px; border-radius:0 0 10px 10px}
.sub021 ul {text-align:left;}
.sub021 .num li {float:left; border:1px solid #ddd; padding:5px 0 5px 18px; border-radius:10px; margin:5px 2px; letter-spacing:-1px;}
.sub021 .num li:after {content:""; display:inline-block; position:relative; right:-12px; top:4px;  width: 20px; height: 20px; background:url('/culture/img_sub/arrow_gray.png') no-repeat;}
.sub021 .num li:last-child:after {background:none;}
.sub021 a {display:block; width:100%; background:#aaa; color:#fff; padding:5px 0; margin:5px auto; border-radius:10px;}
.sub021 div {font-size:1.2em; line-height:2em;}

/*
.sub021_info {}
.sub021_info ul{display:inline-block;border-bottom:1px solid #f1f2f4;}
.sub021_info li {width:calc(50% - 190px); height:200px; float:left; border-bottom:1px solid #f1f2f4; padding:80px 0 0 190px;}
.sub021_info li p {font-size:1.5em; font-weight:700; margin-bottom:25px;}
.sub021_info li span {background:#9feaf0;}
.sub021_info li:nth-child(1) {background:url('/culture/img_sub/sub021_info_icon01.png') 10px center no-repeat}
.sub021_info li:nth-child(2) {background:url('/culture/img_sub/sub021_info_icon02.png') 10px center no-repeat}
.sub021_info li:nth-child(3) {background:url('/culture/img_sub/sub021_info_icon03.png') 10px center no-repeat}
.sub021_info li:nth-child(4) {background:url('/culture/img_sub/sub021_info_icon04.png') 10px center no-repeat}
.sub021_info li:nth-child(5) {background:url('/culture/img_sub/sub021_info_icon05.png') 10px center no-repeat; border-bottom:0;}

.sub021_cont { width:1320px; margin:150px auto; text-align:center;}
.sub021_cont h4 {text-align:center;}
.sub021_cont ul {display:inline-block; width:1320px; margin:0 auto; text-align:center; background:url('/culture/img_sub/sub021_cont_line.png') center center repeat-x}
.sub021_cont ul li {float:left; width:160px; height:160px; line-height:160px; margin-left:80px; font-size:1.2em; background:#fff; border:20px solid #f3f4f6; border-radius:100px;}
.sub021_cont ul li:first-child {margin-left:0;}
.sub021_cont ul li:nth-child(3) {border:20px solid #335fd5;}

.sub021_num h4 {text-align:center;}
.sub021_num ul {display:flex;background:url('/culture/img_sub/sub021_cont_line.png') center 25px repeat-x;}
.sub021_num ul li {width:16.666%; text-align:center; padding:0 5px;}
.sub021_num ul li span {display:block;color:#2c52ba; padding:70px 0 20px;}
.sub021_num ul li:nth-child(1) {background:url('/culture/img_sub/sub022_num_01.png') center top no-repeat}
.sub021_num ul li:nth-child(2) {background:url('/culture/img_sub/sub022_num_02.png') center top no-repeat}
.sub021_num ul li:nth-child(3) {background:url('/culture/img_sub/sub022_num_03.png') center top no-repeat}
.sub021_num ul li:nth-child(4) {background:url('/culture/img_sub/sub022_num_04.png') center top no-repeat}
.sub021_num ul li:nth-child(5) {background:url('/culture/img_sub/sub022_num_05.png') center top no-repeat}
.sub021_num ul li:nth-child(6) {background:url('/culture/img_sub/sub022_num_06.png') center top no-repeat}
.sub021_num ul li p {height:93px; padding-top:35px; font-weight:500; line-height:1.3; background:url('/culture/img_sub/sub022_num_bg.png') center top no-repeat}
.sub021_num ul li:nth-child(4) p, .sub021_num ul li:nth-child(5) p, .sub021_num ul li:nth-child(6) p {padding-top:45px;}
*/
.more_info {width:300px; margin:50px auto 0; background:#f3f4f6; padding:20px 0; text-align:center; border-radius:10px;}
.tel_icon {display:inline-block; padding:0 20px 0 35px; line-height:26px; background:url('/culture/img_sub/tel_icon.png') no-repeat;}

.sub022_wp {display:flex; flex-wrap:wrap;}
.sub022 {width:calc(50% - 77px); margin:0 0 30px 30px; padding:30px; border:1px solid #ddd; border-radius:10px;}
.sub022 a:hover {border:1px solid #0018ff; box-shadow:0 0 10px #ddd;}
.sub022:first-child, .sub022:nth-child(2n+1) {margin-left:0;}
.sub022 ul li {display:flex;}
.sub022 span {display:inline-block; font-size:0.9em; margin-right:20px; width:80px; font-weight:700; padding:5px 10px; color:#fff; text-align:center;}
.sub022 p {font-size:1.2em; color:#333; font-weight:700; border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:15px;}
.sub022 b {display:inline-block; width:70px; font-weight:700;}

.sub023_info {display:flex; border-radius:10px; background-color:#4c90ff;}
.sub023_info_img {width:50%; background:url('/culture/img_sub/sub023_info_bg.png') center center no-repeat; border-radius:0 10px 10px 0;}
.sub023_info p {font-size:1.5em; font-weight:700; color:#fff;}
.sub023_info ul {width:50%; margin:50px;}
.sub023_info li {display:flex; border-bottom:1px solid #70a6ff; padding:12px 0; color:#fff;}
.sub023_info b {width:50%; margin-left:5px;padding-left:10px;background:url('/culture/img_sub/sub023_list_bg.png') left center no-repeat;}
.sub023_tel {text-align:center; border-radius:10px; background:#f5f5f5; padding:20px 0; margin-top:30px;}

.sub0232_vision_wp {display:flex; margin-bottom:100px;}
.vision_img {width:726px; height:705px; background:url('/culture/img_sub/sub023_vision.png') center top no-repeat;}
.vision {width:calc(100% - 776px); margin-left:50px;}
.vision_cont {display:flex; border:1px solid #ddd; border-radius:10px; margin:35px 0;}
.vision_cont p {width:30%;font-size:1.5em; font-weight:700; text-align:center; background:#ddd; padding:75px 0; font-family:'NanumSquareNeoExtraBold';}
.vision_cont ul {width:70%; margin:20px 0;}
.vision_cont li {margin-left:20px;}

.sub0232_box_wp {width:100%; display:flex;}
.sub0232_box {float:left; width:calc(33.333% - 20px); margin-left:30px; border:1px solid #ddd; border-radius:10px;}
.sub0232_box:first-child {margin-left:0;}
.sub0232_box p {font-size:1.2em; text-align:center; padding:25px 0; font-weight:700; color:#fff; border-radius:10px 10px 0 0;}
.sub0232_box:nth-child(1) p {background:#fb7476;}
.sub0232_box:nth-child(2) p {background:#ffd559;}
.sub0232_box:nth-child(3) p {background:#269bcb;}
.sub0232_box ul {padding:30px;}

.sub0233_01 {margin-bottom:20px;}
.sub0233_01 ul {display:inline-block; width:100%;}
.sub0233_01 ul li {float:left; width:calc(33.333% - 22px); margin-left:30px; border:1px solid #ddd; border-radius:10px; text-align:center;}
.sub0233_01 ul li:first-child {margin-left:0;}
.sub0233_01 li p {font-size:1.2em; padding:15px 0; font-weight:700; color:#fff; background:#00b1fd; border-radius:10px 10px 0 0;}
.sub0233_01 li img {padding:15px 0;}

.sub0233_02 {}
.sub0233_02 ul {display:flex; margin-bottom:20px;}
.sub0233_02 ul li {width:calc(20% - 16px); margin-left:20px; background:#f2f2f2; border-radius:10px; padding:30px;}
.sub0233_02 ul li:first-child {margin-left:0;}
.sub0233_02 h5 {text-align:Center;font-size:1.5em; font-family:'NanumSquareNeoExtraBold';}
.sub0233_02 p {height:90px; line-height:90px; font-size:1.2em; margin:20px 0;text-align:Center; border:1px solid #ddd; border-left:0; border-right:0; font-weight:700;}

.sub0233_03_wp { width:100%; display:flex; flex-wrap:wrap; gap:30px 30px;}
.sub0233_03 {width:calc(33.33% - 82px); padding:30px; border:1px solid #ddd; border-top:3px solid #335fd5; border-radius:10px 50px;}
.sub0233_03:first-child, .sub0233_03:nth-child(3n+1) {margin-left:0;}
.sub0233_03 p {color:#000; font-weight:700; width:200px;}
.sub0233_03 span {display:block;color:#1058a4; font-size:1.5em;}
.sub0233_03:nth-child(1) {background:url('/culture/img_sub/sub0233_03_01.png') 95% center no-repeat;}
.sub0233_03:nth-child(2) {background:url('/culture/img_sub/sub0233_03_02.png') 95% center no-repeat;}
.sub0233_03:nth-child(3) {background:url('/culture/img_sub/sub0233_03_03.png') 95% center no-repeat;}
.sub0233_03:nth-child(4) {background:url('/culture/img_sub/sub0233_03_04.png') 95% center no-repeat;}
.sub0233_03:nth-child(5) {background:url('/culture/img_sub/sub0233_03_05.png') 95% center no-repeat;}
.sub0233_03:nth-child(6) {background:url('/culture/img_sub/sub0233_03_06.png') 95% center no-repeat;}
.sub0233_03 ul li {clear:both; height:auto; border:0; width:100%; margin:3px 0 !important;padding:0 0 0 15px; background:url('/culture/img_sub/list_circle.png') left 10px no-repeat;}

/*
.sub0233_03 {}
.sub0233_03 ul {display:inline-block; width:100%;}
.sub0233_03 ul li {display:flex; float:left; width:calc(50% - 77px); height:125px; margin:0 0 30px 30px; padding:30px; border:1px solid #ddd; border-radius:20px;}
.sub0233_03 ul li:first-child, .sub0233_03 ul li:nth-child(2n+1) {margin-left:0;}
.sub0233_03 ul li p {color:#000; font-weight:700; width:200px;}
.sub0233_03 ul li span {display:block;color:#00b1fd; font-size:1.5em;}
.sub0233_03 ul > li:nth-child(1) {background:url('/culture/img_sub/sub0233_03_01.png') 95% center no-repeat;}
.sub0233_03 ul > li:nth-child(2) {background:url('/culture/img_sub/sub0233_03_02.png') 95% center no-repeat;}
.sub0233_03 ul > li:nth-child(3) {background:url('/culture/img_sub/sub0233_03_03.png') 95% center no-repeat;}
.sub0233_03 ul > li:nth-child(4) {background:url('/culture/img_sub/sub0233_03_04.png') 95% center no-repeat;}
.sub0233_03 ul > li:nth-child(5) {background:url('/culture/img_sub/sub0233_03_05.png') 95% center no-repeat;}
.sub0233_03 ul > li:nth-child(6) {background:url('/culture/img_sub/sub0233_03_06.png') 95% center no-repeat;}
.sub0233_03 ul > li > ul.sub_ul > li {clear:both; height:auto; border:0; width:100%; margin:3px 0;padding:0 0 0 15px; background:url('/culture/img_sub/list_circle.png') left 10px no-repeat;}
*/
.lecture_wp {display:flex; }
.lecture {width:20%; margin-left:30px; margin-bottom:20px; border:1px solid #ddd; border-radius:15px;}
.lecture_wp .lecture:first-child {margin-left:0 !important;}
.lecture p {font-size:1.2em; margin-bottom:30px; font-weight:900; text-align:center; background:#00b1fd; color:#fff; padding:15px 0; border-radius:15px 15px 0 0; margin-top:-60px;}
.lecture b {margin-left:50px;}
.lecture ul {margin:0 25px 30px;}
.lecture ul li {padding-left:15px; letter-spacing:-1px; background:url('/culture/img_sub/list_circle_sky.png') left 8px no-repeat;}
/*.lecture:nth-child(1) {margin-left:0; background:url('/culture/img_sub/sub032_01.png') 90% 90% no-repeat;}
.lecture:nth-child(2){background:url('/culture/img_sub/sub032_02.png') 90% 90% no-repeat;}
.lecture:nth-child(3){background:url('/culture/img_sub/sub032_03.png') 90% 90% no-repeat;}*/
.lecture:nth-child(5) {color:#fff; text-align:center; padding-top:130px; line-height:1; font-size:1.5em; background:url('/culture/img_sub/sub032_05.png') #006dfd center 70px no-repeat;}
.lecture_wp .lecture:before {content:""; display:block; position:relative; left:-50px; top:50%;  width: 60px; height: 60px; background:url('/culture/img_sub/arrow.png') no-repeat;}
.lecture_wp .lecture:first-child:before {background:none;}
.lecture_wp .lecture:nth-child(5):before{top:32px;}

.club {background:#edeff7; padding:20px; border-radius:10px;}
.club li { border-bottom:1px dashed #c9d1e7; width:100%; border-radius:10px; padding:30px 0; margin:5px auto; display:flex; }
.club li:last-child {border-bottom:0;}
.club li p {font-weight:700; color:#4c66b4; font-size:1.1em; padding-left:50px; width:310px; border-right:1px solid #c9d1e7; line-height:1; margin-right:50px;}
.club li p span {display:inline-block; width:50px; text-align:center; border-radius:30px; background:#4c66b4; color:#fff; margin-right:20px; }
/*.club li:nth-child(1) {background:url('/culture/img_sub/sub033_01.png') 20px center no-repeat; background-size:contain;}
.club li:nth-child(2) {background:url('/culture/img_sub/sub033_02.png') 20px center no-repeat; background-size:contain;}
.club li:nth-child(3) {background:url('/culture/img_sub/sub033_03.png') 20px center no-repeat; background-size:contain;}
.club li:nth-child(4) {background:url('/culture/img_sub/sub033_04.png') 20px center no-repeat; background-size:contain;}
.club li:nth-child(5) {background:url('/culture/img_sub/sub033_05.png') 20px center no-repeat; background-size:contain;}*/
/*
.club {display:flex;}
.club li {width:calc(20% - 18px); margin-left:20px; text-align:center; border:1px solid #ddd; border-radius:15px; padding-bottom:30px;}
.club li p {font-weight:700; color:#0084ff; font-size:1.5em;padding-top:130px;}
.club li:first-child {margin-left:0; background:url('/culture/img_sub/sub033_01.png') center 30px no-repeat;}
.club li:nth-child(2) {background:url('/culture/img_sub/sub033_02.png') center 30px no-repeat;}
.club li:nth-child(3) {background:url('/culture/img_sub/sub033_03.png') center 30px no-repeat;}
.club li:nth-child(4) {background:url('/culture/img_sub/sub033_04.png') center 30px no-repeat;}
.club li:nth-child(5) {background:url('/culture/img_sub/sub033_05.png') center 30px no-repeat;}
.club li:before {content:""; display:block; position:relative; left:-43px; top:50%;  width: 60px; height: 60px; background:url('/culture/img_sub/arrow.png') no-repeat;}
.club li:first-child:before {background:none;}
*/

.sub042_wp{width:100%; text-align:center; margin-top:100px; }
.sub042_wp h4{margin:0 0 12px;font-size: clamp(28px, 4vw, 44px);line-height:1.15;letter-spacing:-.02em;font-weight:800;   }
.sub042_wp .grad{background: linear-gradient(90deg, #1f3cfd, #7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent;}
.sub042_wp .sub_tit{margin:0 auto 34px;max-width: 52ch;color:#6b7280;font-size: 16px;line-height:1.6;    }
.sub042_wp .sub042{ margin: 0 auto; width: min(760px, 100%); background: rgba(255,255,255,.75); border-radius: 28px; box-shadow: 0 20px 60px rgba(31,60,253,.10);padding: 26px;backdrop-filter: blur(6px); }

/* Dropzone */
.sub042 .drop{border: 2px dashed #c7d2fe; border-radius:22px; padding: 54px 18px 44px; background: linear-gradient(180deg, var(--drop-#f6f9ff), var(--drop-#ffffff));
      position: relative; transition: transform .12s ease, border-color .12s ease, box-shadow .12s ease, background .12s ease; outline: none; }
.sub042 .drop[aria-disabled="true"]{opacity:.65;pointer-events:none;}
.sub042 .drop.is-over{ border-color: #4f46e5; box-shadow: 0 18px 40px rgba(79,70,229,.18); transform: translateY(-1px); background: linear-gradient(180deg, rgba(79,70,229,.09), rgba(124,58,237,.04));}
.sub042 .drop.is-invalid{border-color: rgba(239,68,68,.7);background: linear-gradient(180deg, rgba(239,68,68,.06), rgba(124,58,237,.02));}
.sub042 .drop.is-valid{border-color: rgba(22,163,74,.55); background: linear-gradient(180deg, rgba(22,163,74,.06), rgba(124,58,237,.02));}
.sub042 .icon{width:62px; height:62px; margin: 0 auto 18px; border-radius: 16px; background: #eef2ff; display:grid; place-items:center; transition: transform .12s ease, background .12s ease;}
.sub042 .drop.is-over .icon{transform: translateY(-1px) scale(1.02); background: #e0e7ff;}
.sub042 .icon svg{ width:28px; height:28px; color:#4f46e5;}
.sub042 h2{font-size: 18px; font-weight: 800; margin: 0 0 10px; letter-spacing:-.01em;}
.sub042 .hint{ margin: 0 0 10px; font-size: 13px; color:#6b7280;}
.sub042 hint b{ color:#ef4444; font-weight:800; } /* WORD °­Á¶ ´À³¦ */
.sub042 .helper{margin: 0 0 22px; font-size: 13px; color:#6b7280;}
.sub042 .btn_file{ appearance:none; border: 2px solid #111827; background: #fff; padding: 12px 22px; border-radius: 14px; font-weight: 800; cursor: pointer; transition: transform .05s ease, box-shadow .2s ease, background .2s ease;}
.sub042 .btn_file:hover{ box-shadow: 0 10px 20px rgba(17,24,39,.10);}
.sub042 .btn_file:active{ transform: translateY(1px);}
.sub042 .btn_file:focus-visible, .drop:focus-visible{ outline: 3px solid rgba(31,60,253,.35); outline-offset: 3px;}
.sub042 .kbd{display:inline-block; padding: 2px 8px; border-radius: 999px; background: rgba(17,24,39,.06); color: rgba(17,24,39,.75); font-size: 12px;font-weight: 700; margin: 0 2px;    }

    /* ===== Hero header (dark) ===== */
    .sub0422_wp .hero{border-radius:22px; color:#fff; box-shadow:0 18px 45px rgba(11,18,32,.10);overflow:hidden; position:relative;
      background:
        radial-gradient(650px 260px at 18% 35%, rgba(91,108,255,.35), transparent 60%),
        radial-gradient(450px 240px at 76% 40%, rgba(122,139,255,.22), transparent 60%),
        linear-gradient(180deg,#0b1220,#0f2147);}
    .sub0422_wp .hero-inner{display:grid; grid-template-columns: 1.2fr .8fr; gap:14px; padding:18px 18px 16px; align-items:center;}

    .sub0422_wp .hero-left .tag{display:inline-flex;gap:8px;align-items:center; padding:6px 10px;border-radius:999px; font-weight:800;color:#fff; background:#6366f1;}
    .sub0422_wp .hero-left .date{color:rgba(255,255,255,.75);  margin-left:10px;}
    .sub0422_wp .hero-left h1{color:#fff; margin:10px 0 6px;line-height:1.15;font-weight:900; font-size:1.5em;}
	.sub0422_wp .mini-row {display:flex;}
    .sub0422_wp .mini{ margin-right:5px; padding:8px 10px;border-radius:14px; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.06); color:rgba(255,255,255,.75);}
	.sub0422_wp .mini p { color:rgba(255,255,255,.75);}
    .sub0422_wp .mini .k{font-weight:900;color:#6366f1;}
    .sub0422_wp .status{color:#a7f3d0;}

    /* ===== Donut card ===== */
    .sub0422_wp .donut-card{ justify-self:end; width:160px; padding:12px 12px 10px; border-radius:18px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.16); backdrop-filter: blur(6px);}

    .sub0422_wp .donut-wrap{grid-template-columns: 160px 1fr; gap:10px;align-items:center;}
    .sub0422_wp .sw{width:10px;height:10px;border-radius:3px;background:#5b6cff;box-shadow:0 0 0 3px rgba(91,108,255,.18);}
    .sub0422_wp .sw.g{background:#21c55e; box-shadow:0 0 0 3px rgba(34,197,94,.16)}
    .sub0422_wp .sw.o{background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.16)}
    .sub0422_wp .sw.r{background:#ef4444;   box-shadow:0 0 0 3px rgba(239,68,68,.16)}

    /* ===== sub0422 content grid ===== */
    .sub0422_wp .sub0422{margin-top:14px; display:grid; grid-template-columns: 1fr 1fr; gap:14px;}

    .sub0422_wp .card{background:#fff; border:1px solid #e6e8f0; border-radius:18px; box-shadow:0 10px 25px rgba(11,18,32,.08); overflow:hidden; padding:30px;}
    .sub0422_wp .card-head{ padding:12px 14px 10px; display:flex;justify-content:space-between;align-items:flex-start;gap:10px; border-bottom:1px solid #e6e8f0;}
    .sub0422_wp .card-title{font-size:1.2em; font-weight:900; display:flex; gap:8px; align-items:center;}
    .sub0422_wp .score{font-weight:900;color:#111827; font-size:1.2em;}
    .sub0422_wp .score small{color:#6b7280;font-weight:400; font-size:0.6em;}
   
    .sub0422_wp .card-body{padding:15px;}

    /* ===== Bottom area (ÃÑÆò + Action Plan) ===== */
    .sub0422_wp .bottom{margin-top:14px; display:grid; grid-template-columns: 1.2fr .8fr; gap:14px; align-items:start;}

    .sub0422_wp .overall{background:#fff4f4; border:1px solid #ffe1e1; border-radius:16px; color:#111827;}
    .sub0422_wp .overall .card-head{border-bottom:none; padding-bottom:6px;}
    .sub0422_wp .overall-box{ background:linear-gradient(180deg,#fff, #fff); padding:12px; line-height:1.75; border-radius:16px; border:1px solid #ffe1e1;}

    .sub0422_wp .action{border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#5b6cff 0%, #3b49c9 100%); color:#fff; box-shadow:0 10px 25px rgba(11,18,32,.08); border:1px solid rgba(255,255,255,.12);}
    .sub0422_wp  .action .head{padding:12px 14px; color:#fff; display:flex;justify-content:space-between;align-items:center; border-bottom:1px solid rgba(255,255,255,.16); font-weight:900;}
    .sub0422_wp .steps{padding:12px 14px 14px;display:grid;gap:10px}
    .sub0422_wp .step{ display:flex;gap:10px;align-items:flex-start; background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.18); border-radius:16px; padding:10px 10px;}
    .sub0422_wp .no{ width:26px;height:26px;border-radius:10px; background:#fff; color:#4f46e5; display:grid;place-items:center; font-weight:900;flex:0 0 auto;}
    .sub0422_wp .step p{margin:0;line-height:1.55;color:rgba(255,255,255,.92)}

.mypage {}
.mypage ul {display:flex; margin:50px 0; flex-wrap:wrap;}
.mypage ul li {width:100%; margin-left:20px; font-size:1.2em; font-weight:700; text-align:center; border-radius:10px; border:1px solid #ddd; border-top:3px solid #000; }
.mypage ul li a {display:block;  color:#333; padding:180px 0 50px;}
.mypage ul li:nth-child(1) {background:url('/culture/img_sub/mypage_03.png') center 50px no-repeat; margin-left:0;}
.mypage ul li:nth-child(2) {background:url('/culture/img_sub/mypage_02.png') center 50px no-repeat;}
.mypage ul li:nth-child(3) {background:url('/culture/img_sub/mypage_04.png') center 50px no-repeat;}

.service_box {line-height:1.8;}
.service_box h4 {padding-top:45px; margin-top:45px; font-size:1.5em; }
.service_box h5 {padding:20px 0; font-size:1.2em;}
.service_box ul > li {list-style:none;}
.service_box ul > li > ul > li {list-style:none;} 

.sitemap_wp {display:flex; flex-wrap:wrap; gap:20px 20px;}
.sitemap {width:calc(25% - 18px); padding:0 0; border:1px solid #ddd; border-radius:10px; text-align:center; font-size:1.2em;}
.sitemap p {color: #1058a4; border-bottom:1px solid #eee; padding:30px;border-radius:10px 10px 0 0; font-weight:700; font-size:1.2em;}
.sitemap ul {width:calc(100% - 60px); padding:20px 30px;}
.sitemap li {border-bottom:1px dashed #ddd;}
.sitemap li:last-child {border-bottom:0;}
.sitemap a {display:block; text-decoration:none; padding:10px 0; color:#555;}

@media screen and (max-width:1000px) {
  .pro_wp div {width: calc(33.333% - 72px); padding: 30px;}
}

@media screen and (max-width:820px) {
  .pro_wp div {width: calc(50% - 72px); padding: 30px;}
}

@media screen and (max-width:500px) {
  .pro_wp div {width: 100%;}
}