@charset "euc-kr";

@media screen and (min-width:768px) {
	html {font-size: 150%; /*15px*/; line-height:100%;}
}


/* ¸ÞÀθ¸ º°µµ Àû¿ë */
a.gotop {display:none;}
body {background:#FFF url(../images/main/bg.png) repeat-x left top; background-size:cover;}
a {text-decoration:none;}

#header {background:none;}
#header.new_logo {background:none;}
#header h1 {visibility:hidden;} /* »ó´Ü ·Î°í °¡¸², display:noneÇÏ¸é ³ôÀ̸¦ ÀâÀ» ¼ö ¾øÀ½ */

section {background:transparent;}

.mark {position:relative; text-align:center; margin-top:-40px; z-index:-9;}
.mark.new {position:relative; text-align:center; margin-top:-30px; z-index:-9;}
.mark img {width:4rem;}
.mark.new img {width:6rem;}
.title {text-align:center; padding-top:0.5rem;}
.title img {height:2.5rem;}
.title.new img {height:1.5rem;}

.main_wrap {margin-top:0;}

.btn_main {text-align:center; padding:1rem 0 0.2rem 0;}
.btn_main a {display:block; width:100%; height:100%;}
.btn_main p {font-size:1rem; letter-spacing:-1px;}
.btn_main > ul > li {position:relative; text-align:center; width:30%; margin:0.4rem 0;overflow:hidden; display:inline-block;}
.btn_main > ul > li:nth-of-type(10), .btn_main > ul > li:nth-of-type(11) {vertical-align:top;}
.btn_main div {display:inline-block; width:5.5rem; height:5.5rem; border-radius:50%; text-align:center;}
.btn_main div:hover {}
.btn_main > ul > li:nth-child(1) > div {background:#e60e0e;}
.btn_main > ul > li:nth-child(1) > div.on {background:#ff3b3b;}
.btn_main > ul > li:nth-child(2) > div {background:#008b3d;}
.btn_main > ul > li:nth-child(2) > div.on {background:#19c665;}
.btn_main > ul > li:nth-child(3) > div {background:#f26d7e;}
.btn_main > ul > li:nth-child(3) > div.on {background:#ed9ba6;}
.btn_main > ul > li:nth-child(4) > div {background:#8600df;}
.btn_main > ul > li:nth-child(4) > div.on {background:#a93cf1;}
.btn_main > ul > li:nth-child(5) > div {background:#0092c6;}
.btn_main > ul > li:nth-child(5) > div.on {background:#42c1ee;}
.btn_main > ul > li:nth-child(6) > div {background:#ffc000;}
.btn_main > ul > li:nth-child(6) > div.on {background:#fee32a;}
.btn_main > ul > li:nth-child(7) > div {background:#3a5a97;}
.btn_main > ul > li:nth-child(7) > div.on {background:#0042bf;} 
.btn_main > ul > li:nth-child(8) > div {background:#2db400;}
.btn_main > ul > li:nth-child(8) > div.on {background:#38e000;}
.btn_main > ul > li:nth-child(9) > div {background:#0042bf;}
.btn_main > ul > li:nth-child(9) > div.on {background:#206cfd;}
.btn_main > ul > li:nth-child(10) > div {background:#e60e0e;}
.btn_main > ul > li:nth-child(10) > div.on {background:#e60e0e;}
.btn_main > ul > li:nth-child(11) > div.on {background:#00da7d;}
.btn_main div img {width:3rem; height:3rem; padding-top:1.27rem;}
.btn_main p {font-size:0.8rem; margin-top:0.2rem;}


.bBanner ul {overflow:hidden; padding:10px 0; background:#fff;}
.bBanner ul li {float:left; width:calc(100%/3 - 0.1px);}
.bBanner ul li a {display:block; padding:10px;}
.bBanner ul li a img {width:100%;}



/*¼öÁ¤ÀÛ¾÷22-05-06*/
body.modify2022-main {background:#efefef;}
body.modify2022-main .mark {margin-top:0;}
body.modify2022-main .mark img {width:9rem;}
body.modify2022-main .btn_main > ul > li > div {background-color:#fff;}
body.modify2022-main .btn_main div img {width:3rem; height:5rem; padding-top:0.25rem;}
body.modify2022-main .btn_main p {font-weight:700;}

/* û¼Ò³â À°»ó¿µÀç ÀåÇлç¾÷ Æ˾÷ */
.youth {z-index:999999; display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7);}
.youth.on {display:block;}
.youth>ul {max-width:1200px; margin:0 auto; height:100vh;}
.youth>ul>li {overflow-x:hidden; overflow-y:auto; height:100%; display:flex; flex-wrap:wrap; align-items:center; background-color:#f39c31; padding:20px; width:calc(100% - 12vw); height:calc(100% - 5vh); margin:0 auto;}
.youth ul li>div {position:relative; background-color:#fff; padding:20px; overflow:hidden; z-index:0;}
.youth ul li>div .bg_img {position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/main/bg_img.png)no-repeat right bottom/30vh; opacity:0.2; z-index:-1;}
.youth ul li>div h3 {font-size:1.2rem; color:#00806f; text-align:center; padding-bottom:3vh;}
.youth ul li>div .bg_g {padding:1rem; background-color:#edf7e0; border-radius:5px; line-height:1.5; word-break:keep-all;}
.youth ul li>div dl {display:flex; flex-direction:column; text-align:left; overflow:hidden;}
.youth ul li>div dl:nth-of-type(4) {margin-bottom:30px;}
.youth ul li>div dl dt {font-size:1.1rem; color:#009c79; font-weight:600; padding:3vh 0 2vh;}
.youth ul li>div dl dd {color:#333; line-height:1.5;}
.youth ul li>div dl dd .list-wrap {padding-bottom:10px;}
.youth ul li>div dl dd .list-wrap article {margin-bottom:15px;}
.youth ul li>div dl dd .list-wrap article h4 {background-color:#fee3ae; line-height:1.8;border-radius:5px 5px 0 0; text-align:center;}
.youth ul li>div dl dd .list-wrap article ul {border:1px solid #ddd; border-top:0; padding:10px;}
.youth ul li>div dl dd .list-wrap article ul li {line-height:1.7;}
.youth ul li>div dl dd .list-wrap article ul li span {position:relative; padding-left:10px;}
.youth ul li>div dl dd .list-wrap article ul li span:before {position:absolute; display:block; content:''; width:3px; height:3px; left:0; top:48%; background:#ddd;}
.youth ul li>div dl dd .list-wrap article p {border:1px solid #ddd; border-top:0; padding:10px;}
.youth ul li>div dl dd .list-wrap>span {color:#888;}
.youth ul li>div dl dd .list-wrap>span.mb10 {display:block; margin-bottom:10px;}
.youth ul li>div dl .inquiry>span {display:inline-block; word-break:keep-all; white-space:nowrap;}

.youth .x {position:fixed; display:block; top:5px; right:5px; text-align:center; width:50px; height:50px; line-height:50px; font-size:12px; background:#fff; color:#000; cursor:pointer; border:1px solid #999; border-radius:50%;}
.youth .x:hover {background:#222; color:#fff;}