@charset "utf-8";

/* Global initialize */
body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p,hr,select,input[type=text],input[type=password],input[type=submit],button,form,a {margin:0; padding:0; box-sizing:border-box;  -webkit-appearance: none; -moz-appearance: none;  appearance: none; border:none;}
ul,li { list-style:none; margin:0; padding:0;}
img {border:none;}
a {text-decoration:none; color:inherit; font-size:inherit;}
a:hover,a:link,a:active,a:visited { text-decoration:none; color:inherit; font-size:inherit;}
table { border-collapse:collapse; border:none;}

/*Global*/
img {max-width:100%;}
.display-none {display:none;}

/*font*//*'SUIT Variable'*/
html {font-size:10px}
* {font-family: 'SUIT Variable', sans-serif; letter-spacing:0; font-size:2rem; color:#000; word-break:keep-all;}

strong,p,span,li,a,div,h2 {color:inherit; font-size:inherit; line-height:inherit; transition:.2s all;}
.kr {font-family: "SUSE", 'Noto Sans KR', sans-serif;}
.mobile { display:none;}

/*****LANDING******/
.landing {background:rgba(240,227,221,1); padding-bottom:5rem;}
.landing .wrap {width:90%; max-width:180rem; margin:auto; line-height:0;}
.landing header { margin-top:5rem; width:100%;}
.landing .body,.landing footer {width:142.7rem; margin:5.5rem auto 0 auto;}
.landing .body .noticeList { display:flex;justify-content: space-between;}
.landing footer .footerList { display:flex; justify-content: space-between;}
.landing .body .noticeList .notice>li {text-align:center;}
.landing .body .noticeList .item1 {background:#fff; border:1rem #e84326 solid; box-sizing:border-box; max-width:69.1rem; margin:auto;}
.landing .body .noticeList .item2 {background:#fff;border:1rem #4051a3 solid; box-sizing:border-box;max-width:69.1rem; margin:auto;}
.landing .body .noticeList .btn {text-align:center;}
.landing .body .noticeList .item2 .btn>a:first-child { display:inline-block; margin-right:2.5rem;}
.landing footer .footerList li.organs>a:last-child { display:inline-block; margin-left:3rem;}

/*****NOTICE******/
.notice *{font-size:2.2rem; font-variation-settings: 'wght' 600; line-height:1.5em;}
.notice .wrap,.notice header .logo,.notice header .lang {width:96%; max-width:180rem; margin:auto;}
.notice header {background:url(../img/com-bg-header3.jpg) repeat top center;  padding-top:6rem;padding-bottom: 30rem;}
.notice header .logo { position:absolute; z-index:0; text-align:center; width:96%;}
.notice header .logo>img { }
.notice header .lang { position:absolute; z-index:1; text-align:right;color: #fff;}
.notice header .top { display:flex; justify-content: space-between;}
.notice header .top li:last-child { padding-top:15rem; box-sizing:border-box;}
.notice header .btns { margin-top:-25rem; position:relative; z-index:2;}
.notice header .bottom {margin-top:20rem;display:flex; justify-content: space-between;}
.notice section.body {background:url(../img/com-bg-body2.jpg) no-repeat top center; padding-top:0rem;}
.notice section.body * { color:#1011dd;}
.notice section.body .summary h2 { font-size:5rem; font-variation-settings: 'wght' 1000; margin-bottom:3rem;}
.notice section.body .summary p.bold { font-size:3.4rem; font-variation-settings: 'wght' 800; line-height:1.6em; }
.notice section.body .content h3 { display:block; width:100%; margin-top:13rem; background:url() no-repeat 20vw bottom; margin-bottom:10rem;border-bottom: 3px solid #1011dd;}
.notice section.body .content .item { margin-bottom:7rem; display:flex; justify-content: space-between;}
.notice section.body .content .item>h4.title { color:blue; font-variation-settings: 'wght' 800; font-size:2.2rem; display:block; width:15%;}
.notice section.body .content .item>.text {width:80%;}
.notice section.body .content .space-bottom { margin-bottom:3rem;}
.notice section.body .content .space-bottom50 { margin-bottom:5rem;}
.notice section.body .content .item .list1>li{ text-indent:-1.2rem; padding-left:1.2rem; margin-bottom:.5em;}
.notice section.body .content .item .list1>li::before { content:"· ";}
.notice section.body .content .item .list1>li.noDot::before { content:"";}
.notice section.body .content .item .list1>li.sub { text-indent:-1.5rem; padding-left:3rem;}
.notice section.body .content .item .list1>li.sub::before { content:"- ";}
.notice section.body .content .item .list1>li.note { text-indent:-2rem; padding-left:3.5rem; font-size:1.6rem;}
.notice section.body .content .item .list1>li.note::before { content:"※ ";}
.notice section.body .content .item .list1>li.noDot .note2 { text-indent:-2rem; padding-left:6.5rem; font-size:1.6rem;}
.notice section.body .content .item .list1>li.noDot .note2::before { content:"※ ";}
.notice section.body .content .item .list1>li>span.title {font-variation-settings: 'wght' 800; }
.notice section.body .content .item table.basic { margin-bottom:2rem;}
.notice section.body .content .item table.basic td { border-top:2px solid #1011dd; border-bottom:2px solid #1011dd; padding:.5em 1.5rem;}
.notice section.body .content .item .list2>li{ text-indent:-1.2rem; padding-left:1.6rem; font-size:1.5rem; margin-bottom:.5em;}
.notice section.body .content .item .list2>li::before { content:"* ";}
.notice section.body .content .item .list1>li.title { font-variation-settings: 'wght' 800;text-decoration: underline}
.notice section.body .content .item ol.number { counter-reset: circle 0;}
.notice section.body .content .item ol.number>li { position: relative;list-style: none;  text-indent:-2rem; padding-left:4rem; margin-bottom:.3em;}
.notice section.body .content .item ol.number>li.note { text-indent:-2rem; padding-left:2rem; font-size:1.6rem;}
.notice section.body .content .item ol.number>li.note::before { content:"※ ";}
.notice section.body .content.note { background:#eeeeff; padding:5rem; box-sizing:border-box;margin-top:2rem;}
.notice section.body .content.note .item { border-bottom:2px solid #1011dd; padding-bottom:5rem; margin-bottom:6rem;}
.notice section.body .content.note .item:last-child {margin-bottom:0;border-bottom:none; padding-bottom:0;}
.notice section.body .content.note .item>h4.title { width:15%;}
.notice section.body .content.note .item:last-child>h4.title { width:15%;}
.notice section.body .content.note .item>.text {width:82%; }
.notice footer {background:url(../img/com-bg-footer2.png) no-repeat bottom center; background-size:100% auto; padding-top:15rem; padding-bottom:5rem;}
.notice footer .btnSet { border-top:2px solid blue; border-bottom:2px solid blue; display:flex;}
.notice footer .btnSet>a { display:inline-block; width:50%; padding:3rem; text-align:center; font-size:2.4rem;font-variation-settings: 'wght' 650;color: #1011dd;}
.notice footer .btnSet>a:first-child { border-right:2px solid blue;}
.notice footer .footerList { margin:7.5rem auto 0 auto; width:75rem; display:flex; justify-content: space-between;}
.notice footer .footerList ul.info li { font-size:1.7rem;color: #1011dd;}


/*Mobile-vertical*/
@media screen and ( max-width: 400px ) { 
.landing footer .footerList li.organs>a:last-child { display:block; margin-left:0;}

} 

@media screen and ( max-width: 720px ) { 
/*global*/
.pc { display:none !important;}
.mobile { display:block !important;}

.landing .wrap {width:92%; max-width:92%}
.landing header { text-align:center; width:80%; margin:4rem auto 0 auto;}
.landing .body,.landing footer { width:90%;}
.landing .body {margin-top:3rem;}
.landing footer { margin-bottom:1.5rem; margin-top:3rem;}
.landing footer .footerList { display:block;}
.landing .body .noticeList { display:block;}
.landing .body .noticeList .item1 { margin-bottom:3rem; border-width:.65rem;}
.landing .body .noticeList .item2 { border-width:.65rem;}
.landing .body .noticeList .btn { width:100%; margin:auto;}
.landing .body .noticeList .item1 .btn>a { display:inline-block; width:70%;}
.landing .body .noticeList .item2 .btn>a,.landing .body .noticeList .item2 .btn>span { display:inline-block; width:40%; margin:0 1%;}
.landing footer .footerList li>a:last-child { display:block;margin-left:0;}
.landing footer .footerList li:first-child { padding-top:1.2rem;}
.landing footer .footerList li img { max-width:25rem;}
.landing footer .footerList li.organs img { max-width:15rem}

.notice header { padding-top:10rem;background:url(../img/com-bg-header3.jpg) no-repeat bottom center; }
.notice .wrap,.notice header .lang {width:90%; max-width:90%;}
.notice header .logo {width:50%; max-width:100%;}
.notice header .logo { position:static;}
.notice header .logo>img { width:100%;}
.notice header .lang { top:2.5rem;}
.notice header .top { display:flex; justify-content: space-between; margin-top:4rem;}
.notice header .top li:last-child { padding-top:0; box-sizing:border-box;}
.notice header .btns { margin-top:0rem; position:relative; z-index:2;width:100%; max-width:100%;display:flex; justify-content: space-between; }
.notice header .btns>li { width:48%;}
.notice header .bottom {margin-top:5rem;display:block; overflow:hidden;}
.notice header .bottom>li:first-child { float:left; width:80%;}
.notice header .bottom>li:last-child { float:right; width:100%;}
.notice section.body { padding-top:0rem;margin-top: -10rem;}
.notice section.body * { font-size:1.6rem;}
.notice section.body .summary h2 { font-size:2.4rem; font-variation-settings: 'wght' 1000; margin-bottom:3rem;}
.notice section.body .summary p.bold { font-size:1.8rem;}
.notice section.body .content .item { margin-bottom:5rem; display:block;}
.notice section.body .content .item>h4.title { width:100%; margin-bottom:.75em; font-size:1.8rem;}
.notice section.body .content .item>.text {width:100%;}
.notice section.body .content h3 {margin-top:5rem;margin-bottom:5rem;}
.notice section.body .content .table-wrap {overflow:scroll; width:100%;}
.notice section.body .content .table-wrap table {width:150%;}
.notice section.body .content .scroll-x {width:4.5rem; position:relative; top:-1.8rem; left:90%; height:2rem;}
.notice section.body .content.note { padding:3rem;}
.notice section.body .content.note .item { padding-bottom:3rem; margin-bottom:3rem;}
.notice section.body .content.note .item>h4.title { width:100%;}
.notice section.body .content.note .item:last-child>h4.title { width:100%;}
.notice section.body .content.note .item>.text {width:100%;}
.notice footer {padding-top:5rem; padding-bottom:5rem;background-size:100% 100%;}
.notice footer .btnSet>a { font-size:1.8rem;}
.notice footer .btnSet>a:first-child { border-right:2px solid #1011dd;}
.notice footer .footerList { margin:7.5rem auto 0 auto; width:85rem; display:block;width:80%; max-width:80%;}
.notice footer .footerList>li.logo { width:70%;}
.notice footer .footerList ul.info { margin-top:1rem;}
.notice footer .footerList ul.info li { font-size:1.4rem;}


} 

/*Mobile-horizon, Tablet*/
@media screen and ( min-width: 721px ) and  ( max-width: 1430px ) { 
/*global*/
.pc { display:none !important;}

.landing .wrap {width:92%; max-width:90rem}
.landing header { text-align:center; width:80%; margin:4rem auto 0 auto;}
.landing .body,.landing footer { width:90%;}
.landing .body {margin-top:3rem;}
.landing footer { margin-bottom:3rem;}
.landing footer .footerList { display:block;}
.landing .body .noticeList { display:block;}
.landing .body .noticeList .item1 { margin-bottom:3rem;}
.landing .body .noticeList .btn { width:100%; margin:auto;}
.landing .body .noticeList .item1 .btn>a { display:inline-block; width:70%;}
.landing .body .noticeList .item2 .btn>a,.landing .body .noticeList .item2 .btn>span { display:inline-block; width:30%; margin:0 1%;}
.landing footer .footerList li>a:last-child { display:block;margin-left:0;}
.landing footer .footerList li:first-child { padding-top:1.2rem;}

.mobile { display:block;}

.landing .wrap {width:92%; max-width:92%}
.landing header { text-align:center; width:80%; margin:4rem auto 0 auto;}
.landing .body,.landing footer { width:90%;max-width: 69.1rem;}
.landing .body {margin-top:3rem;}
.landing footer { margin-bottom:3rem; margin-top:3rem;}
.landing .body .noticeList { display:block;}
.landing .body .noticeList .item1 { margin-bottom:3rem;}
.landing .body .noticeList .btn { width:100%; margin:auto;}
.landing .body .noticeList .item1 .btn>a { display:inline-block; width:70%;}
.landing .body .noticeList .item2 .btn>a,.landing .body .noticeList .item2 .btn>span { display:inline-block; width:40%; margin:0 1%;}
.landing footer .footerList li>a:last-child { display:block;margin-left:0;}
.landing footer .footerList li:first-child { padding-top:1.2rem;}

.notice header { padding-top:8rem;background:url(../img/com-bg-header3.jpg) no-repeat bottom center; }
.notice .wrap,.notice header .lang,.notice footer .footerList {width:72%; max-width:72%;}
.notice header .logo {width:40%; max-width:60%;}
.notice header .logo { position:static;}
.notice header .logo>img { width:100%;}
.notice header .lang { top:2.5rem;}
.notice header .top { display:flex; justify-content: space-between; margin:4rem auto 0 auto; width:70%;}
.notice header .top li:last-child { padding-top:0; box-sizing:border-box;}
.notice header .btns { margin-top:5rem; position:relative; z-index:2;width:100%; max-width:100%;display:flex; justify-content: space-between; }
.notice header .btns>li { width:48%;}
.notice header .btns>li:first-child {text-align:right;}
.notice header .btns>li:last-child {text-align:left;}
.notice header .bottom {margin:10rem auto 0 auto; width:70%;display:block; overflow:hidden;}
.notice header .bottom>li:first-child { float:left; width:80%;}
.notice header .bottom>li:last-child { float:right; width:100%;}
.notice section.body { padding-top:0rem;}
.notice section.body * { font-size:1.6rem;}
.notice section.body .summary h2 { font-size:2.4rem; font-variation-settings: 'wght' 1000; margin-bottom:3rem;}
.notice section.body .summary p.bold { font-size:1.8rem;}
.notice section.body .content .item { margin-bottom:5rem; display:block;}
.notice section.body .content .item>h4.title { width:100%; margin-bottom:.75em; font-size:1.8rem;}
.notice section.body .content .item>.text {width:100%;}
.notice section.body .content h3 {margin-top:5rem;}
.notice section.body .content .scroll-x { display:none;}
.notice section.body .content.note { padding:3rem;}
.notice section.body .content.note .item { padding-bottom:3rem; margin-bottom:3rem;}
.notice section.body .content.note .item>h4.title { width:100%;}
.notice section.body .content.note .item:last-child>h4.title { width:100%;}
.notice section.body .content.note .item>.text {width:100%;}
.notice footer {padding-top:5rem; padding-bottom:5rem;background-size:100% 100%;}
.notice footer .btnSet>a { font-size:1.8rem;}
.notice footer .btnSet>a:first-child { border-right:2px solid #1011dd;}
.notice footer .footerList { margin:7.5rem auto 0 auto; width:85rem; display:block;}
.notice footer .footerList>li.logo { width:100%;}
.notice footer .footerList>li.logo img { width:35%;}
.notice footer .footerList ul.info { margin-top:1rem;}
.notice footer .footerList ul.info li { font-size:1.4rem;}


}

/*PC*/
@media screen and (min-width:1431px) {

/*global*/
.wrap { max-width:1330px;}
.mobile { display:none;}

}