File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
@charset "utf-8";
html{scroll-behavior: smooth; min-width: 280px; margin: 0 auto;}
*{margin: 0; padding: 0; word-break: keep-all; max-width: 1024px;}
a{text-decoration: none;color: #222222;}
.con_wrap{background-color: #f0f3f7; letter-spacing: -0.5px;}
/*header*/
header .inner{position: absolute; padding: 7px 20px; background-color: #fff; border-radius: 0 0 30px 0;}
header .inner a{display: flex; align-items: center;}
header .inner a p{font-size: 26px; font-weight: 300; padding: 0 0 0 20px;}
/*메인비주얼*/
.visual{background-image: url(/publish/publish_m/img/main_bg_big.png); background-repeat: no-repeat; /*background-position: calc(100% - 30px) 0;*/ background-color: #0b4aa7; width: 100%; border-radius: 0 0 35px 0; text-align: center;}
.visual .inner h2{padding: 110px 0 25px 0; font-family: 'yg-jalnan'; font-size: 60px; color: #fff; line-height: 74px;}
.visual .inner h2 span{color: #ffe329;}
.visual .inner .button{display: inline-block;}
.visual .inner .button a p{margin: 0 auto; width: 340px; height: 74px;border: 2px solid #cec442; border-radius: 50px; font-size: 30px; font-family: 'yg-jalnan'; color: #ffe329; line-height: 74px;}
.visual .inner .button a p span{font-family: 'Noto Sans KR', sans-serif; font-weight: 500;}
/*메인비주얼 > 요금표*/
.visual .price .text{font-size: 18px; color: #fff; font-weight: 300;}
.visual .price .text01{padding: 38px 20px 10px 0; text-align: right; opacity: 40%;}
.visual .price .text02{padding: 10px 0 25px 20px; text-align: left; opacity: 50%;}
.visual .price ul{display: flex; justify-content: space-between; padding: 0 20px;}
.visual .price ul li{width: calc((100% - 20px)/3);}
.visual .price ul .wrap{border: 3px solid #ffcd05; border-radius: 10px; background-color: #eaedf1; color: #082550; font-weight: 400;}
.visual .price ul .wrap .title{padding: 9px 0; border-radius: 6px 6px 0 0; background-color: #ffcd05; text-align: center; font-size: 20px;}
.visual .price ul .wrap .title p img{margin: 0 0 4px 0;}
.visual .price ul .wrap .inner_text{padding: 7px 7px 10px 7px; border-radius: 0 0 8px 8px; background-color: #fff; font-size: 26px;}
.visual .price ul .wrap .inner_text span{font-size: 18px;}
/*con*/
.con{margin: 80px 20px 0 20px;}
.con .title{font-family: 'yg-jalnan'; display: flex; align-items: center;}
.con .title p{font-size: 36px; margin: 1px 0 0 0;}
.con .title .num{padding: 2px 0 0 0; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; margin: 0 20px 0 0; border-radius: 13px; background-color: #ffcd05; font-size: 32px;}
.con .text_wrap{background-color: #fff; box-shadow: 0 0 9px rgba(0,0,0,0.1 ); padding: 44px 44px 44px 74px; margin: 30px 0 0 0; border-radius: 20px;}
.con .text{position: relative; margin: 0 0 35px 0;}
.con .text:last-child{margin: 0;}
.con .text p{font-size: 32px; font-weight: 400; line-height: 1.5;}
.con .text .te::after{content: ""; position: absolute; top: 24px; left: -22px; transform: translateY(-50%); border-radius: 50%; width: 10px; height: 10px; background-color: #ffcd05;}
.con .text .text_sub p{font-size: 28px; font-weight: 300; color: #666; line-height: 1.5; word-break: break-all; text-indent: -17px; margin: 0 0 0 21px;}
/*footer*/
footer{ margin: 80px 0 0 0; text-align: center; background-color: #393939; color: #fff;}
footer .title{padding: 40px 0 18px 0; display: flex; align-items: center; justify-content: center; font-size: 30px; font-weight: 500;}
footer .title p{margin: 0 0 0 16px;}
footer ul li{width: 380px; /*display: flex; align-items: center; justify-content: center;*/ margin: 0 auto 16px auto; padding: 8px 0 12PX 0; border-radius: 10px; border: 1px solid #888; font-size: 40px; font-weight: 700;}
footer ul li a{color: #fff;}
footer ul li:last-child{margin: 0 auto;}
footer .iten{padding: 22px 0 40px 0; font-size: 26px; font-weight: 300; opacity: 40%;}
/*intro_03 내용 수정*/
.visual .banner_con ul{padding: 50px 20px;}
.visual .banner_con ul li{width:calc((100% - 15px)/2)}
.visual .banner_con ul .wrap{border: none;}
.visual .banner_con ul .wrap .inner_text{border-radius: 8px; font-weight: 700; padding: 15px 7px; line-height: 1.1; box-shadow: 0 0 20px rgba(0,0,0,0.3 );}
.visual .banner_con ul .wrap .inner_text span{font-size: 20px;}
.con .add_wrap .text .inner_sub{font-size: 30px; font-weight: 300;}
/*intro 내용 수정_250108*/
.intro_four .visual .inner .tit{padding: 110px 0 25px 0; font-family: 'yg-jalnan'; font-size: 60px; color: #fff; line-height: 1.3;}
.intro_four .visual .inner .tit span{color: #ffe329; font-size: 62px; letter-spacing: 20px; margin: 0 0 0 16px;}
.intro_four .visual .inner .button a p span{font-weight: 700;}
.intro_four .visual .price ul .wrap .inner_text{background-color: #15eeef;}
/*미디어쿼리_640x*/
@media screen and (max-width:640px){
.visual{background-image: url(/publish/publish_m/img/main_bg.png);}
}
/*미디어쿼리_585px*/
@media screen and (max-width:585px){
/*intro_03 내용 수정*/
.visual .banner_con ul .wrap .inner_text{font-size: 18px;}
.visual .banner_con ul .wrap .inner_text span{font-size: 14px;}
}
/*미디어쿼리_500px*/
@media screen and (max-width:500px){
/*header*/
header .inner{border-radius: 0 0 20px 0; padding: 3px 20px;}
header .inner a img{width: 64%;}
header .inner a p{font-size: 14px; padding: 0; margin: 0 0 0 -20px;}
/*메인비주얼*/
.visual{border-radius: 0 0 25px 0;}
.visual .inner h2{padding: 70px 0 15px 0; font-size: 32px; line-height: 1.3;}
.visual .inner .button a p{width: 180px; height: 40px; font-size: 16px; line-height: 42px;}
.visual .inner .button a p img{width: 5%;}
/*요금*/
.visual .price .text{font-size: 12px;}
.visual .price ul .wrap{border: 2px solid #ffcd05; border-radius: 7px;}
.visual .price ul .wrap .title{font-size: 14px; border-radius: 5px 5px 0 0; padding: 6px 0;}
.visual .price ul .wrap .inner_text{font-size: 15px; border-radius: 0 0 6px 6px; padding: 5px 7px 6px 7px;}
.visual .price ul .wrap .inner_text span{font-size: 13px;}
.visual .price .text01{padding: 15px 20px 10px 0;}
/*con*/
.con{margin: 40px 20px 0 20px;}
.con .title p{font-size: 20px;}
.con .title .num{/*padding: 8px 12px 7px 12px; */width: 30px; height: 30px; margin: 0 10px 0 0; border-radius: 6px; font-size: 18px;}
.con .text_wrap{padding: 22px 22px 22px 37px; margin: 20px 0 0 0; border-radius: 15px;}
.con .text{margin: 0 0 14px 0;}
.con .text p{font-size: 17px;}
.con .text .te::after{top: 10px; left: -11px; width: 5px; height: 5px;}
.con .text .text_sub p{font-size: 15px; text-indent:-8px; margin: 0 0 0 9px;}
/*footer*/
footer{margin: 40px 0 0 0;}
footer .title{padding: 20px 0 10px 0; font-size: 16px;}
footer .title img{width: 8%;}
footer .title p{margin: 0 0 0 10px;}
footer ul li{width: 210px; margin: 0 auto 8px auto; border-radius: 8px; font-size: 22px; padding: 8px 0 5px 0;}
footer .iten{padding: 12px 0 20px 0; font-size: 13px;}
/*intro_03 내용 수정*/
.visual .banner_con ul .wrap{border: none;}
.visual .banner_con ul .wrap .inner_text{font-size: 18px; border-radius: 8px; font-weight: 700; font-size: 18px; padding: 15px 7px 13px 7px; line-height: 1.1; box-shadow: 0 0 20px rgba(0,0,0,0.3 );}
.visual .banner_con ul .wrap .inner_text span{font-size: 14px;}
.con .add_wrap .text .inner_sub{font-size: 15px;}
/*intro 내용 수정_250108*/
.intro_four .visual .inner .tit{padding: 80px 0 10px 0; font-size: 38px;}
.intro_four .visual .inner .tit span{font-size: 38px; letter-spacing: 14px; margin: 0 0 0 10px;}
.intro_four .visual .banner_con ul{padding: 40px 20px 50px 20px;}
.intro_four .visual .inner .button a p{width: 200px;}
}
/*미디어쿼리_460px*/
@media screen and (max-width:460px){
/*.visual{background-image: url(/publish//publish_m/img/main_bg_small_01.png);}*/
/*intro_03 내용 수정*/
.visual .banner_con ul .wrap .inner_text{font-size: 16px;}
}
/*미디어쿼리_383px*/
@media screen and (max-width:383px){
.visual .banner_con ul .wrap .second_te{padding: 15px 6px 13px 6px;}
}
/*미디어쿼리_382px*/
@media screen and (max-width:382px){
.visual .banner_con ul .wrap .second_te{padding: 15px 7px 13px 7px;}
}
/*미디어쿼리_360x*/
@media screen and (max-width:360px){
.visual{background-image: url(/publish/publish_m/img/main_bg_small_02.png);}
}
/*미디어쿼리_340x*/
@media screen and (max-width:340px){
.visual .price ul .wrap .title{font-size: 13px;}
.visual .price ul{padding: 0 15px;}
/*intro_03 내용 수정*/
.visual .banner_con ul{padding: 40px 15px;}
}
/*미디어쿼리_310x*/
@media screen and (max-width:310px){
.visual .price ul .wrap .title{font-size: 12px;}
.visual .price ul{padding: 0 9px;}
/*intro_03 내용 수정*/
.visual .banner_con ul{padding: 40px 15px;}
}
/*미디어쿼리_310x*/
@media screen and (max-width:300px){
/*intro_03 내용 수정*/
.visual .banner_con ul .wrap .inner_text{font-size: 15px;}
}