/*인사말*/ #a1 {width: 100%;} #a1 .box {margin-bottom: 80px;} #a1 .box:last-child {margin-bottom: 0;} #a1 .box h2.tit {font-size: 36px; text-align: center; margin-bottom: 40px; font-weight: 800; color: #f83f3f;} #a1 .box h5 {font-size: 30px; font-weight: 800; margin-bottom: 30px; padding-left: 40px; position: relative;} #a1 .box h5::after {position: absolute; content: ''; width: 30px; height: 30px; background-image: url(../html/img/simbol.png); background-size: cover; left: 0; top: 50%; transform: translateY(-50%);} #a1 .box1 h2 {font-size: 30px; text-align: center; margin-bottom: 30px; padding-bottom: 30px; position: relative; font-weight: 800;} #a1 .box1 h2::after {position: absolute; content: ''; width: 30px; height: 4px; background-color: #f83f3f; bottom: 0; left: 50%; transform: translateX(-50%);} #a1 .box1 p {font-size: 18px; line-height: 28px; color: #666; text-align: center; font-weight: 500;} #a1 .box2 .conwrap .con {margin-bottom: 70px; display: flex; justify-content: space-between;} #a1 .box2 .conwrap .con:last-child {margin-bottom: 0;} #a1 .box2 .conwrap .con .txtbox {width: 30%; background-color: #f83f3f; border-radius: 10px; padding: 50px;} #a1 .box2 .conwrap .con .txtbox h3 {font-size: 30px; color: #fff; font-weight: 800; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #fff; line-height: 40px;} #a1 .box2 .conwrap .con .txtbox p {font-size: 18px; line-height: 28px; color: #fff; font-weight: 400;} #a1 .box2 .conwrap .con .imgbox {width: 68%; border-radius: 10px; overflow: hidden;} #a1 .box2 .conwrap .con .imgbox img {width: 100%;} #a1 .box4 .conwrap {display: flex; justify-content: space-between; flex-wrap: wrap;} #a1 .box4 .conwrap .con {width: 32.333%; margin-bottom: 50px;} #a1 .box4 .conwrap .con .imgwrap {margin-bottom: 20px; border-radius: 20px; overflow: hidden;} #a1 .box4 .conwrap .con .imgwrap img {width: 100%; transition-duration: 0.4s;} #a1 .box4 .conwrap .con .imgwrap:hover img {transform: scale(1.1); transition-duration: 0.4s;} #a1 .box4 .conwrap .con .txtwrap span {display: block; margin-bottom: 20px;} #a1 .box4 .conwrap .con .txtwrap span img {height: 35px;} #a1 .box4 .conwrap .con .txtwrap h2 {font-size: 24px; font-weight: 800; margin-bottom: 20px; padding-bottom: 20px; position: relative;} #a1 .box4 .conwrap .con .txtwrap h2::after {position: absolute; content: ''; width: 20px; height: 4px; background-color: #121212; bottom: 0; left: 0;} #a1 .box4 .conwrap .con .txtwrap p {font-size: 18px; line-height: 30px; font-weight: 400; margin-bottom: 30px; color: #121212;} #a1 .box4 .conwrap .con .txtwrap p b {color: #666;} #a1 .box4 .conwrap .con .txtwrap .morebtn {display: inline-block; border: 1px solid #f83f3f; font-size: 16px; color: #f83f3f; font-weight: 400; padding: 10px 20px; border-radius: 20px; transition-duration: 0.4s;} #a1 .box4 .conwrap .con .txtwrap .morebtn:hover {background-color: #f83f3f; transition-duration: 0.4s; color: #fff;} #a1 .box4 .conwrap .con .txtwrap .morebtn img {margin-left: 10px;} #a1 .box4 .conwrap .con .txtwrap .morebtn:hover img {filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(4deg) brightness(200%) contrast(101%);} #a1 .box5 {display: flex; justify-content: center;} #a1 .box5 .morebtn {background-color: #f83f3f; display: flex; border-radius: 5px; overflow: hidden; position: relative;} #a1 .box5 .morebtn::after {position: absolute; content: ''; width: 0; height: 100%; background-color: #efefef; left: 0; transition-duration: 0.5s;} #a1 .box5 .morebtn:hover::after {width: 100%;} #a1 .box5 .morebtn span {width: 60px; position: relative; z-index: 1; background-color: #efefef;} #a1 .box5 .morebtn a {text-align: right; display: flex; align-items: center; font-size: 16px; color: #fff; padding: 20px; transition-duration: 0.5s; position: relative; z-index: 2;} #a1 .box5 .morebtn:hover a {color: #121212;} #a1 .box5 .morebtn a img {height: 15px; margin-left: 10px; transition-duration: 0.5s;} #a1 .box5 .morebtn:hover a img {filter: invert(0%) sepia(8%) saturate(853%) hue-rotate(334deg) brightness(20%) contrast(86%);} @media (max-width: 960px){ #a1 .box {margin-bottom: 60px;} #a1 .box h2.tit {font-size: 30px; margin-bottom: 30px;} #a1 .box h5 {font-size: 24px; margin-bottom: 20px; padding-left: 30px;} #a1 .box h5::after {width: 24px; height: 24px;} #a1 .box1 h2 {font-size: 24px;} #a1 .box1 p {font-size: 16px; line-height: 26px;} #a1 .box2 .conwrap .con {margin-bottom: 50px;} #a1 .box2 .conwrap .con:nth-child(2n) {flex-direction: column;} #a1 .box2 .conwrap .con:nth-child(2n-1) {flex-direction: column-reverse;} #a1 .box2 .conwrap .con .imgbox {width: 100%; border-radius: 10px 10px 0 0;} #a1 .box2 .conwrap .con .txtbox {border-radius: 0 0 10px 10px; width: 100%; padding: 30px;} #a1 .box2 .conwrap .con .txtbox h2 {font-size: 20px; margin-bottom: 20px; padding-bottom: 20px;} #a1 .box2 .conwrap .con .txtbox h3 {font-size: 24px; margin-bottom: 10px;} #a1 .box2 .conwrap .con .txtbox p {font-size: 16px; line-height: 26px;} #a1 .box4 .conwrap .con {width: 49%;} #a1 .box4 .conwrap .con .txtwrap h2 {font-size: 20px;} #a1 .box4 .conwrap .con .txtwrap span img {height: 30px;} #a1 .box4 .conwrap .con .txtwrap p {font-size: 16px; line-height: 28px; height: 70px;} #a1 .box4 .conwrap .con .txtwrap .morebtn {font-size: 16px;} #a1 .box5 .morebtn a {font-size: 14px;} } @media (max-width: 640px){ #a1 .box {margin-bottom: 50px;} #a1 .box h2.tit {font-size: 24px; margin-bottom: 20px;} #a1 .box h5 {font-size: 20px;} #a1 .box h5::after {width: 20px; height: 20px;} #a1 .box1 h2 {font-size: 20px; margin-bottom: 20px; padding-bottom: 20px;} #a1 .box1 p {font-size: 14px; line-height: 24px;} #a1 .box2 .conwrap .con {margin-bottom: 30px;} #a1 .box2 .conwrap .con .txtbox h2 {font-size: 18px;} #a1 .box2 .conwrap .con .txtbox h3 {font-size: 20px; padding-bottom: 20px;} #a1 .box2 .conwrap .con .txtbox p {font-size: 14px; line-height: 24px;} #a1 .box4 .conwrap .con {width: 100%; margin-bottom: 30px;} #a1 .box4 .conwrap .con:last-child {margin-bottom: 0;} #a1 .box4 .conwrap .con .txtwrap p {height: auto; font-size: 14px; line-height: 26px;} #a1 .box4 .conwrap .con .txtwrap .morebtn {font-size: 14px;} #a1 .box5 .morebtn a {padding: 15px;} } /*인사말*/ /* 창업소개 */ #c1 .box {padding: 120px 0;} #c1 .box:last-child {padding: 120px 0 0;} #c1 .box1 {background-color: #303030;} #c1 .box1 .tit {color: #fff; text-align: center; margin-bottom: 50px;} #c1 .box1 .tit h2 {font-size: 50px; margin-bottom: 20px; font-weight: 500;} #c1 .box1 .tit h2 b {font-weight: 800;} #c1 .box1 .tit p {font-size: 18px; opacity: .8;} #c1 .box1 .con1 {margin-bottom: 50px; position: relative; height: 0; padding-bottom: 56.25%} #c1 .box1 .con1 iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} #c1 .box1 .con2 h3 {color: #fbc4c4; text-align: center; font-size: 40px; line-height: 50px; font-weight: 800; margin-bottom: 50px;} #c1 .box1 .con2 .wrap {display: flex; justify-content: space-between; align-items: center;} #c1 .box1 .con2 .wrap .left {width: 49%; display: flex; flex-direction: column; align-items: center;} #c1 .box1 .con2 .wrap .left p {text-align: center; background-color: #363636; color: #fbc4c4; font-size: 20px; padding: 20px; line-height: 30px; border-radius: 20px; margin-bottom: 30px;} #c1 .box1 .con2 .wrap .left img {height: 400px;} #c1 .box1 .con2 .wrap .right {width: 49%;} #c1 .box1 .con2 .wrap .right h2 {background-color: #f83f3f; color: #fff; font-size: 30px; font-family: "GmarketSans"; padding: 10px; font-weight: 500; text-align: center;} #c1 .box1 .con2 .wrap .right h2 span {font-weight: 100; font-size: 16px; margin-left: 5px;} #c1 .box1 .con2 .wrap .right table {width: 80%; border-collapse: collapse; margin: 0 auto;} #c1 .box1 .con2 .wrap .right table th {background-color: #363636; color: #fbc4c4; font-size: 24px; padding: 20px; border-bottom: 1px solid rgba(251,196,196,.3); text-align: left;} #c1 .box1 .con2 .wrap .right table th:last-child {text-align: right;} #c1 .box1 .con2 .wrap .right table th span {font-size: 16px; margin-left: 5px;} #c1 .box1 .con2 .wrap .right table td {font-size: 18px; padding: 20px; background-color: #5d4f4a; color: #c0b4af; border-bottom: 1px solid rgba(54,54,54,.5);} #c1 .box1 .con2 .wrap .right table td:last-child {text-align: right;} #c1 .box1 .con2 .wrap .right table td span {font-size: 14px; margin-left: 3px;} #c1 .box2 .tit {margin-bottom: 40px;} #c1 .box2 .tit h2 {font-size: 40px; text-align: center; font-weight: 800; line-height: 50px; margin-bottom: 20px;} #c1 .box2 .tit p {font-size: 24px; text-align: center; line-height: 34px; font-weight: 600; color: #666;} #c1 .box2 .con1 .contit {display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;} #c1 .box2 .con1 .contit h2 {font-size: 24px; font-weight: 800;} #c1 .box2 .con1 .contit p {font-size: 16px; color: #999;} #c1 .box2 .con1 table {width: 100%; border-collapse: collapse; border-top: 2px solid #f83f3f;} #c1 .box2 .con1 table th {background-color: #f5f5f5; padding: 20px; font-size: 18px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;} #c1 .box2 .con1 table th:last-child {border-right: 0;} #c1 .box2 .con1 table td {padding: 20px; font-size: 18px; line-height: 28px; text-align: center; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;} #c1 .box2 .con1 table td:nth-child(2) {font-size: 20px; font-weight: 800;} #c1 .box2 .con1 table td:last-child {border-right: 0; color: #f83f3f; font-size: 20px; font-weight: 800;} #c1 .box3 {background-color: #303030;} #c1 .box3 .tit {text-align: center; margin-bottom: 50px;} #c1 .box3 .tit h3 {color: #fedfe1; font-size: 36px; font-weight: 600; margin-bottom: 10px;} #c1 .box3 .tit h2 {font-size: 60px; font-weight: 800; color: #fff;} #c1 .box3 ul {margin-bottom: 10px;} #c1 .box3 ul li {background-color: #fff; padding: 30px; text-align: center;} #c1 .box3 ul li h2 {font-size: 20px; margin-bottom: 20px; text-align: center;} #c1 .box3 ul li p {font-size: 40px; font-weight: 900; color: #f83f3f;} #c1 .box3 ul .owl-dots {display: none;} #c1 .box3 ul .owl-nav {display: none;} #c1 .box3 p.btmtxt {font-size: 15px; color: #fff; opacity: .8; font-weight: 500; text-align: right;} #c1 .box4 .tit {margin-bottom: 50px; text-align: center;} #c1 .box4 .tit h2 {font-size: 40px; line-height: 50px; color: #f83f3f; font-weight: 800;} #c1 .box4 .conwrap .con {margin-bottom: 70px; display: flex; justify-content: space-between;} #c1 .box4 .conwrap .con:last-child {margin-bottom: 0;} #c1 .box4 .conwrap .con .txtbox {width: 30%; background-color: #f83f3f; border-radius: 10px; padding: 50px;} #c1 .box4 .conwrap .con .txtbox h3 {font-size: 30px; color: #fff; font-weight: 800; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #fff; line-height: 40px;} #c1 .box4 .conwrap .con .txtbox p {font-size: 18px; line-height: 28px; color: #fff; font-weight: 400;} #c1 .box4 .conwrap .con .imgbox {width: 68%; border-radius: 10px; overflow: hidden;} #c1 .box4 .conwrap .con .imgbox img {width: 100%;} #c1 .box5 {background: linear-gradient(0deg, rgba(255,255,255,1) 10%, rgba(238,38,26,1) 100%);} #c1 .box5 .tit {background-color: #fff; color: #f83f3f; padding: 40px; text-align: center; margin-bottom: 30px;} #c1 .box5 .tit h2 {font-size: 40px; font-weight: 500; line-height: 50px;} #c1 .box5 .tit h2 b {font-weight: 800; font-size: 44px;} #c1 .box5 .con {background-color: #fff; padding: 40px; margin-bottom: 30px;} #c1 .box5 .con:last-child {margin-bottom: 0;} #c1 .box5 .con .contit {text-align: center; margin-bottom: 50px;} #c1 .box5 .con .contit p {font-size: 24px; margin-bottom: 20px; color: #fff; display: inline-block; background-color: #f83f3f; padding: 5px 15px; border-radius: 18px;} #c1 .box5 .con .contit h2 {font-size: 40px; font-weight: 800; margin-bottom: 20px;} #c1 .box5 .con .contit h2 span {font-size: 24px; font-weight: 600;} #c1 .box5 .con .contit h3 {font-size: 24px; color: #666;} #c1 .box5 .con1 ul {display: flex; justify-content: space-between;} #c1 .box5 .con1 ul li img {margin-bottom: 20px; width: 100%;} #c1 .box5 .con1 ul li p {font-size: 24px; text-align: center; color: #f83f3f; font-weight: 700;} #c1 .box5 .con2 .incon {display: flex; justify-content: space-between;} #c1 .box5 .con2 .incon div {width: 49%;} #c1 .box5 .con2 .incon div img {width: 100%;} #c1 .box5 .con2 .incon div p {font-size: 20px; line-height: 30px; text-align: center; padding: 10px; color: #fff;} #c1 .box5 .con2 .incon .left p {background-color: #4c4c4c;} #c1 .box5 .con2 .incon .right p {background-color: #f83f3f;} #c1 .box5 .con3 .incon {display: flex; justify-content: space-between;} #c1 .box5 .con3 .incon div {width: 49%; background-color: #f83f3f; padding: 30px; display: flex; flex-direction: column; align-items: center; text-align: center;} #c1 .box5 .con3 .incon div h3 {font-size: 20px; background-color: #fff; color: #f83f3f; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; font-weight: 700; margin-bottom: 20px;} #c1 .box5 .con3 .incon div h2 {color: #fff; font-size: 24px; line-height: 34px; font-weight: 400;} #c1 .box5 .con3 .incon div h2 b {font-weight: 800;} @media (max-width: 960px){ #c1 .box {padding: 100px 0;} #c1 .box:last-child {padding: 100px 0 0;} #c1 .box1 .tit h2 {font-size: 40px;} #c1 .box1 .tit p {font-size: 16px;} #c1 .box1 .con2 h3 {font-size: 30px; line-height: 40px;} #c1 .box1 .con2 .wrap .left p {font-size: 18px; line-height: 28px;} #c1 .box1 .con2 .wrap .left img {height: 300px;} #c1 .box1 .con2 .wrap .right h2 {font-size: 24px;} #c1 .box1 .con2 .wrap .right table th {font-size: 20px;} #c1 .box1 .con2 .wrap .right table td {font-size: 16px;} #c1 .box2 .tit h2 {font-size: 30px; line-height: 40px;} #c1 .box2 .tit p {font-size: 20px; line-height: 30px;} #c1 .box2 .con1 .contit h2 {font-size: 20px;} #c1 .box2 .con1 .contit p {font-size: 14px;} #c1 .box2 .con1 table th {font-size: 16px;} #c1 .box2 .con1 table td {font-size: 16px; line-height: 26px;} #c1 .box2 .con1 table td:nth-child(2) {font-size: 18px;} #c1 .box2 .con1 table td:last-child {font-size: 18px;} #c1 .box3 .tit h3 {font-size: 30px;} #c1 .box3 .tit h2 {font-size: 50px;} #c1 .box3 ul li h2 {font-size: 18px;} #c1 .box3 ul li p {font-size: 36px;} #c1 .box3 p.btmtxt {font-size: 14px;} #c1 .box4 .tit h2 {font-size: 30px; line-height: 40px;} #c1 .box4 .conwrap .con {margin-bottom: 50px;} #c1 .box4 .conwrap .con:nth-child(2n) {flex-direction: column;} #c1 .box4 .conwrap .con:nth-child(2n-1) {flex-direction: column-reverse;} #c1 .box4 .conwrap .con .imgbox {width: 100%; border-radius: 10px 10px 0 0;} #c1 .box4 .conwrap .con .txtbox {border-radius: 0 0 10px 10px; width: 100%; padding: 30px;} #c1 .box4 .conwrap .con .txtbox h2 {font-size: 20px; margin-bottom: 20px; padding-bottom: 20px;} #c1 .box4 .conwrap .con .txtbox h3 {font-size: 24px; margin-bottom: 10px;} #c1 .box4 .conwrap .con .txtbox p {font-size: 16px; line-height: 26px;} #c1 .box5 .tit h2 {font-size: 30px; line-height: 40px;} #c1 .box5 .tit h2 b {font-size: 34px;} #c1 .box5 .con .contit p {font-size: 20px;} #c1 .box5 .con .contit h2 {font-size: 36px;} #c1 .box5 .con .contit h3 {font-size: 20px;} #c1 .box5 .con1 ul {flex-wrap: wrap; justify-content: space-between;} #c1 .box5 .con1 ul li {width: 45%; display: flex; flex-direction: column; align-items: center; margin-bottom: 40px;} #c1 .box5 .con1 ul li:nth-child(3), #c1 .box5 .con1 ul li:nth-child(4) {margin-bottom: 0;} #c1 .box5 .con1 ul li p {font-size: 20px;} #c1 .box5 .con2 .incon div p {font-size: 18px; line-height: 28px;} #c1 .box5 .con3 .incon div h3 {font-size: 18px;} #c1 .box5 .con3 .incon div h2 {font-size: 20px; line-height: 30px;} } @media (max-width: 640px){ #c1 .box {padding: 80px 0;} #c1 .box:last-child {padding: 80px 0 0;} #c1 .box1 .con2 h3 {margin-bottom: 30px;} #c1 .box1 .tit h2 {font-size: 30px; margin-bottom: 10px;} #c1 .box1 .tit p {font-size: 14px;} #c1 .box1 .con2 h3 {font-size: 24px; line-height: 34px; margin-bottom: 30px;} #c1 .box1 .con2 .wrap {flex-direction: column;} #c1 .box1 .con2 .wrap .left {margin-bottom: 30px;} #c1 .box1 .con2 .wrap .left p {font-size: 16px; line-height: 26px;} #c1 .box1 .con2 .wrap .left img {height: 300px;} #c1 .box1 .con2 .wrap .right {width: 100%;} #c1 .box2 .tit h2 {font-size: 24px; line-height: 34px; margin-bottom: 10px;} #c1 .box2 .tit p {font-size: 16px; line-height: 26px;} #c1 .box2 .con1 .contit {margin-bottom: 10px;} #c1 .box2 .con1 .contit h2 {font-size: 18px;} #c1 .box2 .con1 table th {padding: 15px; font-size: 14px;} #c1 .box2 .con1 table td {padding: 15px; font-size: 14px; line-height: 24px;} #c1 .box2 .con1 table td:nth-child(2) {font-size: 16px;} #c1 .box2 .con1 table td:last-child {font-size: 16px;} #c1 .box3 .tit {margin-bottom: 30px;} #c1 .box3 .tit h3 {font-size: 20px;} #c1 .box3 .tit h2 {font-size: 34px;} #c1 .box4 .tit {margin-bottom: 30px;} #c1 .box4 .tit h2 {font-size: 24px; line-height: 34px;} #c1 .box4 .conwrap .con {margin-bottom: 30px;} #c1 .box4 .conwrap .con .txtbox h2 {font-size: 18px;} #c1 .box4 .conwrap .con .txtbox h3 {font-size: 20px; padding-bottom: 20px;} #c1 .box4 .conwrap .con .txtbox p {font-size: 14px; line-height: 24px;} #c1 .box5 .tit {padding: 30px;} #c1 .box5 .tit h2 {font-size: 20px; line-height: 30px;} #c1 .box5 .tit h2 b {font-size: 26px;} #c1 .box5 .con {padding: 30px;} #c1 .box5 .con .contit {margin-bottom: 30px;} #c1 .box5 .con .contit p {font-size: 16px;} #c1 .box5 .con .contit h2 {font-size: 26px; margin-bottom: 10px;} #c1 .box5 .con .contit h3 {font-size: 16px; line-height: 26px;} #c1 .box5 .con .contit h2 {font-size: 24px; line-height: 30px;} #c1 .box5 .con .contit h2 span {font-size: 20px;} #c1 .box5 .con1 ul li p {font-size: 18px;} #c1 .box5 .con2 .incon {flex-direction: column;} #c1 .box5 .con2 .incon div {width: 100%; margin-bottom: 20px;} #c1 .box5 .con2 .incon div:last-child {margin-bottom: 0;} #c1 .box5 .con2 .incon div p {font-size: 16px; line-height: 26px;} #c1 .box5 .con3 .incon {flex-direction: column;} #c1 .box5 .con3 .incon div {width: 100%; margin-bottom: 20px;} #c1 .box5 .con3 .incon div:last-child {margin-bottom: 0;} #c1 .box5 .con3 .incon div h3 {font-size: 16px; margin-bottom: 10px;} #c1 .box5 .con3 .incon div h2 {font-size: 18px; line-height: 28px;} } /* 창업소개 */ /* 창업비용 */ #c2 .box1 .tit {margin-bottom: 50px; text-align: center;} #c2 .box1 .tit h2 {font-size: 40px; line-height: 50px; color: #f83f3f; font-weight: 800;} #c2 .box1 .con {margin-bottom: 50px;} #c2 .box1 .con:last-child {margin-bottom: 0;} #c2 .box1 .con table {width: 100%; border-collapse: collapse; border: 1px solid #f83f3f;} #c2 .box1 .con table tr:first-child th {background-color: #f83f3f; padding: 20px; font-size: 30px; color: #fff; font-weight: 800;} #c2 .box1 .con table tr td {font-size: 20px; padding: 20px; text-align: center; line-height: 30px;} #c2 .box1 .con table tr td.none {color: #aaa; text-decoration: line-through; position: relative;} #c2 .box1 .con table tr td.none::after {position: absolute; content: ''; background-image: url(../html/img/c1_icon.png); width: 100px; height: 50px; background-repeat: no-repeat; background-size: cover; transform: rotateZ(340deg); top: 0; left: 50%;} #c2 .box1 .con1 table tr:nth-child(2) td {color: #666;} #c2 .box1 .con2 table tr:last-child td {font-weight: 900;} @media (max-width: 960px){ #c2 .box1 .tit h2 {font-size: 30px; line-height: 40px;} #c2 .box1 .con table tr:first-child th {font-size: 24px;} #c2 .box1 .con table tr td {font-size: 16px; line-height: 26px; padding: 15px;} #c2 .box1 .con table tr td.none::after {top: 10px; width: 80px; height: 40px;} } @media (max-width: 640px){ #c2 .box1 .tit h2 {font-size: 24px; line-height: 34px;} #c2 .box1 .con table tr:first-child th {font-size: 20px;} #c2 .box1 .con table tr td {font-size: 14px; line-height: 24px;} #c2 .box1 .con table tr td.none::after {width: 60px; height: 30px;} } /* 창업비용 */ /* 창업문의 */ #c3 {max-width: 1440px; padding: 0 20px; margin: 0 auto;} #c3 .tit {text-align: center; color: #fff; margin-bottom: 50px;} #c3 .tit h1 {font-size: 40px; font-family: "GmarketSans"; color: #f83f3f; margin-bottom: 20px;} #c3 .tit h3 {font-size: 30px; margin-bottom: 10px; display: inline-block; background-color: #f83f3f; padding: 5px;} #c3 .tit h2 {font-size: 18px; font-weight: 500;} #c3 .form {border-top: 2px solid #f83f3f; max-width: 1000px; width: 100%; margin: 0 auto;} #c3 .form .input_page {display: flex; align-items: center; padding: 10px 20px; border-bottom: 1px solid rgba(255,255,255,.4);} #c3 .form .input_page h3 {font-size: 20px; color: #fff; width: 30%;} #c3 .form .input_page h3 span {color: #f83f3f;} #c3 .form .input_page input {width: 70%; height: 40px; padding: 5px; border: 0;} #c3 .form .input_page select {width: 70%; height: 40px; font-size: 16px; font-family: "NanumSquareNeo"; padding: 5px; appearance: none; -webkit-appearance: none; -webkit-border-radius: 0;} #c3 .form .input_page textarea {width: 70%; height: 120px; resize: none; padding: 5px;} #c3 .form .btnwrap .c3_check input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;} #c3 .form .btnwrap .c3_check input[type="checkbox"] + label {display: inline-block; position: relative; padding-left: 26px; cursor: pointer;} #c3 .form .btnwrap .c3_check input[type="checkbox"] + label:before {content: "";position: absolute; top: 5px; left: 0;width: 18px; height: 18px;border-radius: 50%; background:#121212 url(../img/check.png) no-repeat 50%; border: 1px solid #ee261a;} #c3 .form .btnwrap .c3_check span {font-size: 16px; color: #fff;} #c3 .form .btnwrap .topwrap {display: flex; justify-content: center; align-items: center; margin: 20px auto 40px; font-family: "NanumSquareNeo";} #c3 .form .btnwrap #p_popup {border: 1px solid #fff; color: #fff; margin-left: 10px; font-size: 14px; padding: 5px; display: inline-block;} #c3 .btnwrap #p_popup:hover {background-color: #fff; color: #121212;} #c3 .form .submit {display: flex; justify-content: center;} #c3 .form .submit input[type="submit"] {width: 300px; background-color: #f83f3f; padding: 20px; border: 0; font-family: 'NanumSquareNeo'; font-size: 16px; font-weight: 500; display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,1); cursor: pointer;} #c3 .form .submit input[type="submit"]:disabled {width: 300px; background-color: #f83f3f; padding: 20px; border: 0; font-family: 'NanumSquareNeo'; font-size: 16px; font-weight: 500; display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,.7); cursor: auto;} /* 보여질 부분의 스타일을 추가하면 된다. */ #c3 .form .btnwrap .c3_check input[type="checkbox"]:checked + label:after {content: ""; position: absolute; left: 0; top: 5px; width: 18px; height: 18px; text-align: center; background: url(../img/checked.png)no-repeat 50%; box-sizing: border-box; border-radius: 50%; border: 1px solid #ee261a; background-color: #ee261a;} #c3 .form .btnwrap .c3_check input[type="checkbox"] + label span {font-weight: 500; font-size: 16px; color: #fff; line-height: 26px; letter-spacing: -1px;} #x_message{position:absolute;width:300px;border-radius:10px;height:50px;text-align:center;line-height:50px;top:15%;left:50%;margin-left:-150px;background-color:#FDD;border:2px solid #C00;font-weight:600;color:#666;z-index:1000; font-size: 16px;} #x_loading{position:absolute;display:none;top:25%;left:50%;z-index:1;font-size:40px;} #x_message.x-msg1 {background-color: #FDD;} #x_message.x-msg2 {background-color: #fff;border:2px solid #ddd;} @media (max-width: 960px){ #c3 .tit h1 {font-size: 30px;} #c3 .tit h3 {font-size: 24px;} #c3 .tit h2 {font-size: 16px;} #c3 .form .input_page h3 {font-size: 18px;} #c3 .form .btnwrap .c3_check input[type="checkbox"] + label span {font-size: 15px;} #c3 .form .submit input[type="submit"] {width: 250px;} #c3 .form .submit input[type="submit"]:disabled {width: 250px;} } @media (max-width: 640px){ #c3 .tit h1 {font-size: 24px;} #c3 .tit h3 {font-size: 20px;} #c3 .tit h2 {font-size: 15px;} #c3 .form .input_page h3 {font-size: 16px;} #c3 .form .input_page input {height: 30px;} #c3 .form .input_page select {font-size: 14px; height: 30px;} #c3 .form .input_page textarea {height: 30px;} #c3 .form .submit input[type="submit"] {width: 200px; font-size: 14px;} #c3 .form .submit input[type="submit"]:disabled {width: 200px; font-size: 14px;} } /* 창업문의 */ /* 준비중 페이지 */ #preimg {width: 100%;} #preimg img {max-width: 800px; display: block; width: 100%; margin: 0 auto;} /* 준비중 페이지 */