@charset "utf-8";

.renewal{
	background: url(../../../renewal.jpg);
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.quick {position: fixed; bottom: 30px; right: 30px;}
.quick ul {}
.quick ul li {margin-bottom: 10px;}
.quick ul li:last-child {margin-bottom: 0;}
.quick ul li a {display: flex; justify-content: center; align-items: center; padding: 10px; width: 35px; height: 35px; border-radius: 10px;}
.quick ul li:first-child a {background: #ef463b;}
.quick ul li:last-child a {background: #0b9444;}
.quick ul li a img {width: 100%;}

@media (max-width: 991.98px) {
    .quick {display: none;}
}

.page_top {position:relative;}
/*.page_top02 {position:relative;background:url("/img/sub/page_bg_top03.png") no-repeat 50% bottom; height:400px;}
.page_top02 h2 {font-size:48px; font-family:'Binggrae-Bold',sans-serif; color:#e85084;font-weight:500;text-align:center; padding-top:130px;}*/
.page_top02 {position:relative; height:400px; overflow:hidden;}
.page_top02 h2 {text-align:center;position:absolute; width:100%;font-size:48px; font-family:'Sbb',sans-serif; color:#333;font-weight:500;text-align:center; padding-top:190px; }
.page_top02 h2 span {color:#ffc708;}
.page_top02 h2 p {font-size:15px;font-family:'Sbl','Nanum Square','Nanum Gothic',Dotum,'����',Gulim,Helvetica,sans-serif; padding-top:10px; color:#555;font-weight:400;}
.page_t_light {position:relative; min-height:900px; background-color: #f9f8e2;}
.pt_stl01_01 {position:relative;height:900px; text-align:center; background: url("/img/sub/maker_about_main.png") ; background-position: center; background-repeat: no-repeat; background-size: contain;}
.pt_copy {position:relative; clear:both; }
.pt_copy01 {padding-top:170px;}
.pt_copy01 p.st02 {padding:25px 0 10px 0; color:#3f3e3e; font-size:22px; letter-spacing:-0.08em;font-weight:700;font-family:'Binggrae-Bold',sans-serif;}
.pt_copy02 {padding-top:30px;text-align:center;font-family:'Binggrae-Bold',sans-serif;}
.pt_copy02 p.pt_copy02_info {border:2px solid #946027; border-radius:25px;padding:0;background:#fff; width:auto; overflow:hidden;display:inline-block;}
.pt_copy02 p.pt_copy02_info span {background:#946027; padding:10px 15px; color:#fff;display:inline-block; margin-right:20px;;}
.pt_copy02 p.pt_copy02_info { padding:0px 20px 0 0; color:#946027;display:inline-block;  font-size:17px; letter-spacing:-0.07em;}
.page_mid {background-color: #0e0b19;}
.page_mid02 {padding-top: 40px;}

.zone-img {max-width: 1024px; margin: 0 auto; width: 100%; overflow-y: scroll; height: 100vh;}
.zone-img::-webkit-scrollbar {display: none;}
.zone-img img {width: 100%; margin: 100px 0;}

@media (max-width: 1024px) {
    .zone-img {width: 95%;}
}

/* ��ȸ�ȳ�  */
.about { letter-spacing:-0.04em;}
.about01{
    max-width: 1400px; margin: 0 auto;display: flex;
}
.about01 p.st01 {font-family:'TT'; font-size:55px; color:#231f20;font-weight:bold; line-height: 80px;}
.about01 p.st01 span {color:#f81268; font-size: 60px;}
.about01 p.st02{font-size: 23px; color: #231f20; margin-top: 40px;}
.about01 div.st02 {font-size:25px; padding:15px 0 20px 0;font-weight:700;}
.about01 div.st02 p {display:block;}
.about01 div.st02 span {display:inline-block; padding-left:10px;}
.about01 p.st03 {color:#292c2f; font-size:17px;}
.about01 .inner_text{
    margin-top:150px;
}
.about02 {margin: 0 auto; max-width: 1400px;}
.about02>img{display: block; margin: 0 auto 30px auto;}
.about02 .maker>img{margin: 0 auto; display:block;}
.about02 .text{
    font-size: 23px;
    color: #231f20;
    margin-top: 40px;
    text-align: center;
}
.about03 {margin: 0 auto; max-width: 1400px;}
.about03>img{margin: 0 auto 30px auto; display:block;}
.about03 .maker>img{margin: 0 auto; display:block;}
.about03 .text{
    font-size: 23px;
    color: #231f20;
    margin-top: 40px;
    text-align: center;
}
.about04 {margin: 0 auto; max-width: 1400px;}
.about_history{
    margin: 100px auto;
    display:block;
}
.about04 .poster{
    display: flex;
    justify-content: space-between;
}
.about04 .poster .inner:last-child{
    margin-right: 0;
}
.poster .inner h3{
    font-family: 'TT';
    color: #231f20;
    text-align: center;
    margin-top: 30px;
    font-size: 25px;
}
.modal {
    display: none;
    position: absolute;
    z-index: 1000;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
}
.modal-content {
    max-width: 100%;
    max-height: 100%;
    display: block;
}
.close {
    position: absolute;
    top: 15%;
    left: 63%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 60px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.2s ease;
}
.close:hover{
    color: #ec2836;
}
.poster-img {
    cursor: pointer;
    transition: transform 0.2s ease;
}
.poster-img:hover {
    transform: scale(1.05);
}
.about05 {
    margin: 0 auto;
    max-width: 1400px;
}
.makerspace{
    margin: 100px auto;
    display: block;
}
.about05 .flex{
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
}
.about05 .flex .list{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.about05 .flex .list>li img{
    margin: 0 auto;
    display: block;
}
.about05 .flex .list>li{
    width: 20%;
    border: #e5ecc1 1px solid;
    border-width: 0 1px 1px 0;
    background-color: white;
    text-align: center;
    margin: 10px 10px;
    padding: 10px 10px;
}
.about05 .flex .list>li .org{
    color: #0e0b19;
    font-size: 18px;
    font-family: 'sbl';
    font-weight: 500;
}
.about05 .flex .list>li .org:hover{
    color: #ec2836;
}
.about05 .flex .list>li:nth-child(1){
    border-radius: 30px 0 0 0;
}
.about05 .flex .list>li:nth-child(4){
    border-radius: 0 30px 0 0;
}
.about05 .flex .list>li:nth-child(5){
    border-radius: 0 0 0 30px;
}
.about05 .flex .list>li:nth-child(8){
    border-radius: 0 0 30px 0;
}
/**.about02 ul {width:1100px; margin:0 auto;}
.about02 ul li {width:25%; display:table-cell;}
.about02 ul li div {width:90%; margin:0 auto; height:295px; box-shadow: 3px 10px 10px rgba(0, 0, 0, 0.2);text-align:left;}
.about02 ul li div.st01 {background:#fff url("/img/sub/about_ico01.png") no-repeat 160px 25px;}
.about02 ul li div.st02 {background:#fff url("/img/sub/about_ico02.png") no-repeat 160px 25px;}
.about02 ul li div.st03 {background:#fff url("/img/sub/about_ico03.png") no-repeat 160px 25px;}
.about02 ul li div.st04 {background:#fff url("/img/sub/about_ico04.png") no-repeat 160px 25px;}
.about02 ul li div p.tit {color:#000; font-size:20px; padding:115px 0 15px 30px;}
.about02 ul li div p.txt {color:#666; font-size:14px; padding:0px 30px 0px 30px;}
.about02 ul li div p.txt span {display:block;}**/
.about_step {background:url("/img/sub/about_step_bg.png") no-repeat 50% 100px; margin-top:30px;}
.about_step ul {width:1000px; margin:0 auto;}
.about_step ul li {width:240px; display:inline-block; padding-top:110px;}
.about_step ul li.on {background:url("/img/sub/about_step_on.png") no-repeat 50% 0;}
.about_step ul li p {background:url("/img/sub/about_step_bl.png") no-repeat 50% 0; padding-top:40px;}
.about_step ul li p span.tit {border-radius:25px;background:#b0b0b0; color:#fff; padding:2px 20px;}
.about_step ul li p span.tit_on {border-radius:25px;background:#0acfaa; color:#fff; padding:2px 20px;}
.about_step ul li p span.date {color:#1a1a1a; display:block; padding-top:15px;font-family:'Binggrae-Bold',sans-serif; font-size:16px;}
.award_A {background:#009591;width:1100px; margin:0 auto; border:3px solid #009591;border-radius:35px; overflow:hidden;}
.award_tip {width:1050px; margin:0 auto;text-align:left; padding-top:30px;}
.award_tip01 {width:20%; float:left; font-size:30px; color:#222;}
.award_tip02 {width:80%; float:right; padding-bottom:90px;}
.award_tip02 ul li {background: url("/img/sub/tip_bl.png") no-repeat 0 7px; font-size:14px; color:#222; padding:0 0 30px 20px;}
.award_tip02 ul li span.red {color:#eb3565;}


.about0401 {width:400px;text-align:left; }
.about0401 p.tit {font-size:30px; padding-bottom:55px;font-family: 'Sbm';color: #000}
.about0401 ul li { padding:15px 0;}

.about0401 ul li p.tit {font-size:16px; padding-bottom:10px;font-family: 'Sbl';}
.about0401 ul li p.date {font-size:14px;font-family: 'Sbl';color: #000;}
.about0402 {width:600px;color:#000;}
.about0402 p.tit {font-size:30px; padding-bottom:45px;text-align:right;font-family: 'Sbm';}
.about0402 ul li {text-align:center; background:#ffcc00 url("/img/sub/faq_bl.png") no-repeat 50% 170px; height:220px; width:31.33333333%; margin:0 1%; float:left;border-radius:10px;}
.about0402 ul li p.q {font-weight:bold; font-size:20px; padding:30px 0 20px 0;}
.about0402 ul li p.tit {font-size:15px; padding:0 15px;text-align:center;font-family: 'Sbl';}

/*h3.tit01 {background:url("/img/sub/h3_bg.png") no-repeat 50% 0; color:#000; font-size:40px; color:#0e0b19; margin-bottom:100px;font-family:'Noto Sans KR'; font-weight: bold;}*/

/* ��û�ϱ�  */
.draw_cau{color: red;
    margin-left: 20px;}
.school{display: flex;align-items: center;}
.school div{display: flex;align-items: center;}

.apply_cate {padding-top:30px;}
.apply_cate ul {width:1000px; margin:0 auto;}
.apply_cate ul li {width:50%; float:left; color:#fff;}
.apply_cate ul li div.st01 {background:#77a6d9 url("/img/sub/apply_bg02.png") no-repeat 50% bottom; background-size:100% auto;}
.apply_cate ul li div.st02 {background:#f7c326 url("/img/sub/apply_bg01.png") no-repeat 50% bottom; background-size:100% auto;}
.apply_cate ul li div { height:470px; width:470px; box-shadow: 3px 10px 10px rgba(0, 0, 0, 0.2);border-radius:50%;margin:0 auto;}
.apply_cate ul li div p.tit01 {font-family:'Binggrae-Bold',sans-serif; font-size:16px; padding:90px 0 10px 0;}
.apply_cate ul li div p.tit02 {font-family:'Binggrae-Bold',sans-serif; font-size:36px; padding-bottom:15px;}
.apply_cate ul li div p.txt {font-size:15px; padding-bottom:20px;}
.apply_cate ul li div.st01 p.btn a {font-size:15px; display:inline-block; padding:7px 45px; background:#fff;color:#77a6d9;border-radius:25px;}
.apply_cate ul li div.st01 p.btn a:hover {color:#fff; background:none; border:1px solid #abc8e7;}
.apply_cate ul li div.st02 p.btn a {font-size:15px; display:inline-block; padding:7px 45px; background:#fff;color:#f7c326;border-radius:25px;}
.apply_cate ul li div.st02 p.btn a:hover {color:#fff; background:none; border:1px solid #fada79;}

.n_apply_cate {padding-top:0px;width:1000px; margin:0 auto;}
.n_apply_cate p.t_tip {font-size:16px; color:#666; margin:0 0 10px;text-align:left;}
.n_apply_cate ul {}
.n_apply_cate ul li {width:50%; float:left; }

.n_apply_cate ul li div { width:430px; overflow:hidden; border:1px solid #ddd; border-radius:10px; height:600px;}
.n_apply_cate ul li div:hover {box-shadow: 3px 10px 10px rgba(0, 0, 0, 0.2);}
.n_apply_cate ul li div p.tit01 {font-family:'Binggrae-Bold',sans-serif; font-size:14px; padding:30px 0 5px 0;color:#aaa;}
.n_apply_cate ul li div p.tit02 {font-family:'Binggrae-Bold',sans-serif; font-size:36px; padding-bottom:15px;color:#333;}
.n_apply_cate ul li div p.txt {font-size:15px; padding-bottom:20px;}
.n_apply_cate ul li div p.btn span {font-size:15px; display:inline-block; padding:7px 45px; background:#ed4043;color:#fff;border-radius:25px;}
.n_apply_cate ul li div p.btn span:hover {color:#ed4043; background:none; border:1px solid #ed4043;}
.n_apply_cate ul li div p.img {padding-top:0px}
.sub_tab {font-family:'Sbm',sans-serif; margin:0 auto; width:100%;  margin:3em auto 2em auto;}
.sub_tab ul {text-align:center;}
.sub_tab li {display:inline-block; margin-left:1px; min-width:110px;background:#fff;}
.sub_tab li a {border-radius:35px; font-size:23px; display:block; box-sizing:border-box; color:#8f8f8f; letter-spacing:0em; text-align:center; position:relative; display:flex;align-items:center;justify-content:center; padding:15px 35px 10px;border:1px solid #d3d3d3;}
.sub_tab li a:after {background-color:#03c75a;  border:1px solid #03c75a;}
.sub_tab li.on {border:1px solid #3ccaa66;}
.sub_tab li.on a { opacity:1; width:100%;color:#fff;background-color:#4485ff; border:1px solid #4485ff; }
.sub_tab li.on a:hover {color:#fff;}
.sub_tab li a:hover {color:#000; }
.sub_tab li span {display:block;position:absolute; margin:-70px 0 0 0 ;text-align:right;}

.wn_apply {position:relative;width:100%; }
.wn_apply_con {margin:0 auto;max-width: 1160px; }
.wn_apply01 p.tit {padding:70px 0 15px 0;color:#000; font-size:30px;font-family:'Sbm',sans-serif;}
.wn_apply01 p.txt {font-size:19px; padding:0 0 70px 0px; color:#333;font-family: 'Sbl';}
.wn_apply01 p.txt b {font-weight:400px; color:#ec1515;}
.wn_apply02 {height:700px;}
.wn_apply02 ul li{ width:100%;  padding-top:150px;}
.wn_apply02 ul li:first-child {border-bottom:1px solid #ddd;}
.wn_apply02 ul li div {margin:0 auto; width:80%;}
.wn_apply02 ul li.ico01 {background:url("/img/sub/w_apply_ico0201.png") no-repeat 0 0;}
.wn_apply02 ul li.ico02 {background:url("/img/sub/w_apply_ico0202.png") no-repeat 0% 0;}
.wn_apply02 ul li p.tit {color:#00b076; font-size:25px;font-weight:bold; padding:20px 0 10px 0;}
.wn_apply02 ul li ul li {display:block;text-align:center; width:100%;font-size:15px; padding:0 0 10px 0px; color:#333;}
.wn_apply02 ul li ul li:first-child {border-right:0;}
.wn_apply02 ul li ul li span {background:#ccc; color:#fff; font-size:11px;font-weight:bold;display:inline-block;border-radius:50%; width:20px; height:18px;text-align:center; padding-top:2px; margin-right:10px;}
.wn_apply02 ul li div p.tip {background:#fff; border:5px solid #eee; padding:20px 0 20px 20px; margin-top:20px;}
.wn_apply02 ul li div p.btn {padding:70px 0 0 0; clear:both;}
.wn_apply02 ul li div p.btn span.btn01 {font-size:15px; display:inline-block; padding:7px 45px; background:#ed4043;color:#fff;border-radius:25px;}
.wn_apply02 ul li div p.btn span.btn02 {font-size:15px; display:inline-block; padding:7px 45px; background:#fff; border:1px solid #ed4043 !important; color:#ed4043;border-radius:25px;}

.wn_apply03 ul {width:80%; margin:0 auto;}
.wn_apply03 ul li{ width:100%;float:left;background:url("/img/sub/w_apply_ico0202.png") no-repeat 0% 0; padding-bottom:70px; margin-bottom:70px;border-bottom:1px solid #ddd;}
.wn_apply03 ul li.ico01 {background:url("/img/sub/w_apply_ico0201.png") no-repeat 0 0;}
.wn_apply03 ul li.ico02 {background:url("/img/sub/w_apply_ico0202.png") no-repeat 0% 0;}
.wn_apply03 ul li:last-child {border:0;}
.wn_apply03 ul li div {float:right; width:70%;text-align:left;}
.wn_apply03 ul li p.tit {color:#00b076; font-size:25px; padding:20px 0 10px 0;font-family: 'Sbm';}
.wn_apply03 ul li p.tit span{font-size:0.9rem; padding:0.3em 0.8em; border-radius:20px; background:#1a9efb; color:#fff;     vertical-align: middle; margin:0 3px;}
.wn_apply03 ul li p.tit span + span{background:#ff6231;}
.wn_apply03 ul li ul li {border:0; display:block; width:100%;font-size:15px; padding:0 0 10px 0px; margin:0;color:#333;background:none;font-family: 'Sbl';}
.wn_apply03 ul li ul {width:100%;}
.wn_apply03 ul li ul li span.num {background:#ccc; color:#fff; font-size:11px;font-weight:bold;display:inline-block;border-radius:50%; width:20px; height:18px;text-align:center; padding-top:2px; margin-right:10px;}
.wn_apply03 ul li ul li span.pc {display:inline-block; background:#ffffff40;}
.wn_apply03 ul li div p.tip {background:#fff; border:5px solid #eee; padding:20px; margin-top:20px;}
.wn_apply03 ul li div p.btn {padding:70px 0 0 0; clear:both;transform: translateX(10%);}
.wn_apply03 ul li div p.btn span.btn01 {font-size:15px; display:inline-block; padding:7px 45px; background:#ed4043;color:#fff;border-radius:25px;font-family: 'Sbl';}
.wn_apply03 ul li div p.btn span.btn02 {font-size:15px; display:inline-block; padding:7px 45px; background:#fff; border:1px solid #ed4043 !important; color:#ed4043;border-radius:25px;}

.w_apply {margin-top:45px; padding-top:25px; background:url("/img/sub/apply_tit01.png") no-repeat 50% 0; width:100%;}
.w_apply02 {margin-top:45px; padding-top:25px; background:url("/img/sub/apply_tit02.png") no-repeat 50% 0; width:100%;}
.w_apply_con_wrap {width:980px; margin:0 auto;background:url("/img/sub/w_apply_bg01.png") no-repeat 0 bottom; height:900px;}
.w_apply_con_wrap02 {width:980px; margin:0 auto;background:url("/img/sub/w_apply_bg02.png") no-repeat 0 bottom; height:700px;}
.w_apply_con {width:800px; float:right;text-align:left; clear:both;}
.w_apply_con h3 {color:#000; font-size:35px;font-family:'Binggrae-Bold',sans-serif; color:#000;font-weight:bold;  margin-bottom:35px;}
.w_apply_con p.txt {font-size:19px; padding:0 0 70px 0px; color:#333;}
.w_apply_con ul li {padding:0 0 70px 120px; color:#000;}
.w_apply_con ul li h4 {padding:0 0 20px 0; font-size:20px;font-weight:bold;}
.w_apply_con ul li ul li {padding:0 0 10px 15px; color:#666;background:url("/img/sub/bl01.png") no-repeat 0 10px;}
.w_apply_con ul li p.btn {padding-top:20px;}
.w_apply_con ul li p.btn span.btn01 {font-size:15px; display:inline-block; padding:7px 45px; background:#ed4043;color:#fff;border-radius:25px;}
.w_apply_con ul li p.btn span.btn02 {font-size:15px; display:inline-block; padding:7px 45px; background:#fff; border:1px solid #ed4043 !important; color:#ed4043;border-radius:25px;}
.w_apply_con ul li p.tip {border:5px solid #eee; padding:20px 0 20px 20px; margin-top:20px;}
.w_apply_con ul li.icon01 {background:url("/img/sub/w_apply_ico01.png") no-repeat 0 0;}
.w_apply_con ul li.icon02 {background:url("/img/sub/w_apply_ico02.png") no-repeat 0 0;}
.w_apply_tit01 {margin-top:45px; padding-top:25px; background:url("/img/sub/apply_tit01.png") no-repeat 50% 0; width:100%;}
.w_apply_tit01 h3 {text-align:left;width:100%; margin:0 auto;max-width:1200px; min-width:1050px; color:#000; font-size:35px;font-family:'Binggrae-Bold',sans-serif; color:#000;font-weight:bold;  padding-bottom:35px;}




/* �Խ���  */
.bbs_wrap { margin:0 auto;font-family: 'Sbl';max-width: 1160px;padding: 0 30px;}
.board_wrap {position:relative; margin:0 auto;width:100%; padding-bottom:100px; font-size:14px;font-family: 'Sbl';}
.board_wrap_le {width:25%; float:left;font-size:18px; color:#000; font-weight:bold; text-align:left; padding:0px 0 0px 0;}
.board_wrap_ri {width:75%; float:right;}
.bbs_wrap02 {width:1100px; margin:0 auto;}




/******** �����û & ���� ********/

textarea {width:100%;padding:5px;border:1px solid #d8d8d8;box-sizing:border-box;-webkit-appearance: none;border-radius:0;}
select{font-size:15px;}
 

.apply-wr{ padding:0 0 100px 0;text-align:left;}
.apply-wr h4{font-size:15px; color:#333; padding:30px 0;} 
.apply-wr p.t_tip {color:#777;}
.agree-box{margin:50px 0;}
.agree-box textarea{margin:10px 0; padding:20px; font-size:14px; height:200px; border:1px solid #ddd;}
.agree-box .agree-tit{font-weight:bold; font-size:17px; color:#333} 
.center-app{text-align:center; padding:50px 0; clear:both; width:100%;}
.center-app p{margin:0 0 50px; }
.center-app p b{color:#333;} 
.center-app .checkbox{font-size:15px;}

.agree-box02 {margin:10px 0;height:200px; padding:30px; color:#666; font-size:13px; line-height:22px; border:1px solid #c9c9c9; overflow-x:hidden; overflow-y:auto;}


/* ��û button */
.apply-btn{ width:100%;;text-align:center; }
.apply-btn a{ padding:20px; border:1px solid #222; color:#222; font-size:18px; display:inline-block; margin:0 5px; text-align:center; min-width:200px; }
.apply-btn a.next-btn{ background:#009591; border-color:#009591; color:#fff; font-family: 'Sbl';}
.apply-btn a.next-btn02{ background:#2196f3; } 
.apply-btn a.next-btn02{ background:#555; border-color:#555; color:#fff;}
.apply select{border:1px solid #ddd;}
.apply input[type=text]{border:1px solid #ddd;}

/* checkbox
.checkbox{position:relative; font-size:14px;  display:inline-block;}
input[type=checkbox]{ width: 18px; cursor: pointer; height: 18px; display: block; position: absolute; top: 0; left: 0; margin: 0;z-index: 1;opacity: 0;}
input[type=checkbox]+ label{position:relative; font-weight: normal;  padding:0 0 0 30px; display:inline-block;  cursor:pointer; text-align:left;}
input[type=checkbox]+ label:before {content: ""; display: inline-block; width:16px; height:16px; border:1px solid #333; position:absolute; top:2px; left:0;}
input[type=checkbox]:checked + label:after {content: ""; background:#009591; width:10px; height:10px;  position:absolute; top:6px; left:4px;} */
 
.top_noti02 {background:url("/img/sub/ico_tip.png") no-repeat 0 40px;font-size:20px; font-weight:400; padding:50px 0 35px 70px;text-align:left;font-family: 'Sbl'; color: #231f20;}

.app_con_wrap { margin:0 auto; padding:50px;border:1px solid #ccc;}
.app_con {width:100%; color:#000;}
.app_con .a_pr01 {font-size:25px; padding:10px 0 30px 0;text-align:center;font-family: 'Sbm';}
.app_con .a_pr02 {font-size:15px; font-weight:400; padding:0px 0 25px 0;text-align:left;font-family: 'Sbl';}
.app_con .a_pr03 {border:1px solid #ccc; text-align:left; padding:20px; font-size:14px;font-family: 'Sbl';}
.app_con .a_pr03 ul li {display:block;background:url("/img/sub/bl02.png") no-repeat 0 10px; padding:0 0 10px 15px; }
.app_con .a_pr03 ul li span.st01 {display:block;font-weight:700;}
.app_con .a_pr03 ul li span.st02 {display:block; color:#378ece;font-size:20px; font-weight:700;}
.app_con .a_pr03 p {display:block;padding-top:10px;}
.app_con .a_pr04 { width:100%;padding:20px 0; font-size:14px;text-align:center;font-family: 'Sbl';}
.app_con .a_pr04 span {padding-left:20px;}
.app_con .a_pr04 p {padding-bottom:20px; font-size:17px;}
.app_con .a_pr04 p span.check {padding:0px 35px 5px 0; font-size:17px;background:url("/img/sub/ico_check.png") no-repeat right 0;}
.app_con .a_pr05 {padding:20px 0; font-size:17px;text-align:left;font-family: 'Sbl';}
.app_con .a_pr06 {width:100%;padding:20px 0; font-size:14px;text-align:center;font-family: 'Sbl';}
.app_con .a_pr06 span {padding-left:20px;}
.app_con .a_pr06 p {padding-bottom:20px; font-size:17px;}
.app_con .a_pr06 p span.check {padding:0px 35px 5px 0; font-size:17px;background:url("/img/sub/ico_check.png") no-repeat right 0;}
.app_con .apply-viw {}
.app_con .a_pr07 {font-size:18px; font-weight:500; padding:10px 0 30px 0;text-align:center;}
.app_con .a_pr07 span {display:inline-block; padding:0 30px;}

.app_con {width:100%; color:#000;}
.app_con_print {width:100%; color:#000;}
.app_con_print .a_pr01 {font-size:25px; font-weight:700; padding:20px 0 15px 0;text-align:center;}
.app_con_print .a_pr02 {font-size:13px; font-weight:400; padding:0px 0 20px 0;text-align:left;}
.app_con_print .a_pr03 {border:1px solid #ccc; text-align:left; padding:20px 20px; font-size:13px;}
.app_con_print .a_pr03 ul li {display:block;background:url("/img/sub/bl02.png") no-repeat 0 10px; padding:0 0 5px 15px; }
.app_con_print .a_pr03 ul li span.st01 {display:block;font-weight:700;}
.app_con_print .a_pr03 ul li span.st02 {display:block; color:#378ece;font-size:15px; font-weight:700;}
.app_con_print .a_pr03 p {display:block;padding-top:10px;}
.app_con_print .a_pr04 { width:100%;padding:20px 0 10px 0; font-size:14px;text-align:center;}
.app_con_print .a_pr04 span {padding-left:20px;}
.app_con_print .a_pr04 p {padding-bottom:20px; font-size:14px;}
.app_con_print .a_pr04 p span.check {padding:0px 35px 9px 0; font-size:15px;background:url("/img/sub/ico_check.png") no-repeat right 0;}
.app_con_print .a_pr05 {padding:10px 0 10px 0; font-size:14px;font-weight:500;text-align:left;}
.app_con_print .a_pr06 {width:100%;padding:20px 0 0 0; font-size:13px;text-align:center;}
.app_con_print .a_pr06 span {padding-left:20px;}
.app_con_print .a_pr06 p {padding-bottom:20px; font-size:15px;}
.app_con_print .a_pr06 p span.check {padding:0px 35px 9px 0; font-size:15px;background:url("/img/sub/ico_check.png") no-repeat right 0;}
.app_con_print .apply-viw {width:95%;}
.app_con_print .a_pr07 {font-size:18px; font-weight:500; padding:20px 0 15px 0;text-align:center;}
.app_con_print .a_pr07 span {display:inline-block; padding:0 30px;}

.bottom_noti02 {padding-bottom:50px;}
/* �����ϱ� */
.apply-wrt{ }
.apply-wrt .tab-menu {  display:flex; }
.apply-wrt .tab-menu li{ text-align:center;}  
.apply-wrt .tab-menu li a{ color:#aaa; cursor:pointer; position:relative;  padding: 0 30px; line-height:1; display: block; transition:all ease .3s;   margin:20px 0;   border:1px solid #ddd; line-height:46px; height:50px;}   
.apply-wrt .tab-menu li a.active{ border:2px solid #222; color:#222; font-weight:bold;  font-size:18px; } 
.apply-wrt small{vertical-align:baseline; color:red;}

.apply-wrt .apply-tit{font-weight:bold; font-size:17px; color:#333} 
.apply-wrt ul{overflow:hidden;}
.apply-wrt .active{ display: block;}
.apply-wrt textarea{padding:20px; margin:10px 0; font-size:14px;;}
.apply-wrt div li{margin:10px 0;   float:left; width:48%;}
.apply-wrt div li:nth-child(2n){float:right;}
.apply-wrt div li.wid-50 > div{width:40%; margin-right:2%;  display:inline-block;}
.apply-wrt div li.wid-30 > div{width:30%; margin-right:2%;  display:inline-block;}
.apply-wrt div li div.wid-100{width:100%; margin-right:2%;  display:inline-block;}
.apply-wrt div li input[type=text]{font-size:14px;  margin:10px 0; padding:0 10px; height:45px; line-height:45px; width:95%;}
.apply-wrt div li select{font-size:14px;  margin:10px 0; height:45px; line-height:45px; width:100%; padding:0 10px;}
.apply-wrt div li:last-child, .apply-wrt div li:nth-child(11) {width:100%;}
.apply-wrt div li div.tip { padding:20px; background:#fff; margin:10px 0 0; font-size:14px;}
.apply-wrt div li div.tip p{text-indent:-10px; padding-left:10px; margin:3px 0;}


.apply-wrt {background:#f8f8f8; padding:50px;font-family: 'Sbl';}
.apply-wrt .apply-tit{font-weight:bold; font-size:17px; color:#333} 
.apply-wrt ul{overflow:hidden;}
.apply-wrt .active{ display: block;}
.apply-wrt textarea{padding:20px;  font-size:14px;}
.apply-wrt li{margin:0 0 10px 0;   float:left; width:100%;text-align:left; font-size:14px;}
.apply-wrt li span {margin-right:20px;}
.school .tit{margin-right: 3px;}
.apply-wrt li p.tit {display:inline-block; width:120px; font-weight:700;vertical-align: middle;}
.apply-wrt li p.s_tip {display:inline-block; font-weight:400; font-size:13px; color:red;}
.apply-wrt li:nth-child(2n){float:right;}
.apply-wrt li.wid-50 > div{width:40%; margin-right:2%;  display:inline-block;}
.apply-wrt li.wid-30 > div{width:30%; margin-right:2%;  display:inline-block;}
.apply-wrt li input.w50 {width:350px; margin-right:2%;  display:inline-block;}
.apply-wrt li input[type=text]{font-size:14px; padding:0 10px; height:40px; line-height:40px;font-family: 'Sbl';}
.apply-wrt li select{font-size:14px;  height:42px; line-height:45px;padding:0 10px;border: 1px solid #d2d2d2;margin-right: 10px; font-weight: 300;color: #666;font-family: 'Sbl';width: 32%;}
.school #p_school{width: 32%;margin-right: 0;}
.apply-wrt li:last-child, .apply-wrt li:nth-child(11) {width:100%;}
.apply-wrt div.tip { padding:20px; background:#fff; margin:10px 0 0; font-size:14px;text-align:left; padding:20px; color:#555;}
.apply-wrt div.tip p.tit {color:#000; padding-bottom:10px;font-weight:700;}
.apply-wrt div.tip p, .apply-wrt div.tip u {padding-left:10px; margin:3px 0;}
.apply-wrt li small {display:block; padding-left:120px;}



/* ÷������ */
.file_input {display:inline-block; width:750px;}
.file_input label {position:absolute; cursor:pointer; display:inline-block; vertical-align:middle; overflow:hidden; width:100px; height:40px; background:#444; color:#fff; text-align:center; line-height:40px; font-size:14px;}
.file_input label input {position:absolute; width:0; height:0;  overflow:hidden;} 
.file_input input[type=text] {vertical-align:middle; display:inline-block; width:600px; height:38px; line-height:38px;  padding:0; border:0; border:1px solid #ddd; margin-right:5px !important;}

/* �������� */
.confirm_input {display:inline-block; width:750px;}
.confirm_input a {position:absolute; cursor:pointer; display:inline-block; vertical-align:middle; overflow:hidden; width:100px; height:40px; background:#444; color:#fff; text-align:center; line-height:40px; font-size:14px; }
.confirm_input input[type=text] {vertical-align:middle; display:inline-block; width:350px;height:38px; line-height:38px;  padding:0; border:0; border:1px solid #ddd; margin-right:5px !important;}

/* ���� Ȯ�� */
.apply .complete{text-align:center; padding:50px; background:#f4f4f4; max-width:870px; margin:0 auto;}
.apply .complete ul{display:inline-block;}
.apply .complete li{margin:20px 0; padding-left:150px; position:relative; text-align:left;}
.apply .complete li span{position:absolute; left:0; top:0; color:#333; font-weight:bold;}
.apply .line{display:block; width:100%; height:2px; background:#222; margin:50px 0 0;}

 



/* �Խ��ǰ˻�  */
.lst_header{position:relative; line-height:34px; overflow:hidden; width:540px; margin:0 auto;padding:25px 0 35px 0;}
.lst_header .search{position:relative; width:100%; }
.lst_header .search input{border-radius:10px;width:370px; font-weight:500;padding-left:15px; height:46px; border:3px solid #cdd3d6; font-size:16px;font-family: 'Sbl';margin-right: 5px;}
.lst_header .search .btn_search{border-radius:10px; color:#fff; font-family: 'Sbl'; display:inline-block; background:#9b9ea2;  display:inline-block; padding: 10px 25px 7px;text-align:center;}

/* ����¡  */
.paging{  clear:both;text-align:center; padding:0; margin:40px 0; position:relative; font-size:13px; line-height:21px; vertical-align:middle;font-family: 'Sbl';}
.paging span{color: #fff; display: inline-block;    width: 30px; height: 30px; border: none; line-height: 30px; text-align: center; margin: 0 2px;  font-weight: bold;  background: #37b368;  border-radius: 20px;  vertical-align: bottom; }
.paging a{ display:inline-block; width:30px; height:30px; border:none; line-height:30px; text-align:center; margin:0 2px; color:#999; vertical-align:middle; }
.paging a:hover,
.paging a.on{ color:#2471c8; font-weight:bold; text-decoration:underline;}
.paging .direction,
.paging .direction:hover{ text-indent:-9999px; width:30px; height:30px; border:#ddd 2px solid; border-radius:50%;}
.paging .direction.prev{ background:url("/img/sub/paging_prev.png") 50% 50% no-repeat; margin-right:10px;}
.paging .direction.next{ background:url("/img/sub/paging_next.png") 50% 50% no-repeat; margin-left:10px;}
.paging .paging-pc{ display:inline-block;}
.paging .paging-m{ display:none;}

/* �Խ���btn */
.board_btn {padding:30px 0; overflow:hidden;width:100%;font-family: 'Sbl'; }
.board_btn .btn_left {float:left;}
.board_btn .btn_right {float:right;}
.board_btn .btn_center {margin:0 30%; float:left;}
.grybt01 {background: #fff; color: #828b9c; display: inline-block; font-size: 13px; padding:10px 20px ; border:1px solid #828b9c;border-radius:50px;}
.grybt02 {background: #aaa; color: #fff; display: inline-block; font-size: 12px; height:22px; padding:5px 10px 0 10px; border-radius:3px;margin-right:3px;}
.orgbt01 {background: #2b3a53; color: #fff; display: inline-block; font-size: 13px; padding:10px 20px ; border-radius:50px;}
.orgbt02 {background: #2b3a53; color: #fff; display: inline-block; font-size: 13px; height:30px; width:80px;padding:30px 0 0 40px; border-radius:50px;}
.blubt01 {background: #008299; color: #fff; display: inline-block; font-size: 13px;  padding:10px 20px  border:1px solid #828b9c;border-radius:50px;}

.noti {position:absolute; z-index:10; margin:30px 0 0 -10px;}
.noti span {width:45px; height:45px; color:#fff; font-size:14px; border-radius:50%; display:flex;align-items:center;justify-content:center; box-shadow: 3px 10px 10px rgba(0, 0, 0, 0.2);font-weight:600; }
.noti span.st01 {background:#f3555a;}
.noti span.st02 {background:#00a7e1;}


.t_noti_wrap {width:100%; width:1200px;  margin:0 auto; }
.t_noti_btn {z-index:10;width:100%; width:1200px; position:absolute; top:180px;  overflow:hidden;}
.t_noti_btn_le {float:left;}
.t_noti_btn_le a {background:url("/img/sub/btn_pre.png") no-repeat scroll 0 4px;display:inline-block; width:51px; height:55px;text-indent:-9999px;}
.t_noti_btn_le a:hover {background:url("/img/sub/btn_pre_on.png") no-repeat scroll 0 4px;display:inline-block; width:51px; height:55px;text-indent:-9999px;}
.t_noti_btn_ri {float:right;}
.t_noti_btn_ri a {background:url("/img/sub/btn_nxt.png") no-repeat scroll 0 4px;display:inline-block; width:51px; height:55px;text-indent:-9999px;}
.t_noti_btn_ri a:hover {background:url("/img/sub/btn_nxt_on.png") no-repeat scroll 0 4px;display:inline-block; width:51px; height:55px;text-indent:-9999px;}
.t_noti_con {width:1200px; margin:0 auto; overflow:hidden;}
.t_noti_con ul li {width:25%; float:left;  height:420px;}


/* type1 */
.blubt05{    background: #2b3a53;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    height: 30px;
    padding: 10px 20px 0 20px;
    border-radius: 50px;font-family: 'Sbl';}
.lst_board{font-family: 'Sbl';}
.lst_board.type1 {position:relative;  border-top:3px solid #ffc708;}
.lst_board.type1 ul li{display:flex; table-layout:fixed; width:100%; overflow:hidden; border-bottom:1px solid #e5e4e4;align-items: center;}
.lst_board.type1 ul li:last-child {border-bottom:1px solid #e5e4e4;}
.lst_board.type1 ul li p{display:table-cell;  text-align:center; padding:15px 0; font-size:15px; color:#231f20;width: 68%;}
.lst_board.type1 ul li p.no{width:80px; padding-left:0; text-align:center; font-size:20px; color:#bbb;}
.lst_board.type1 ul li p.subject a{display:inline-block; vertical-align:middle; max-width:calc(100% - 68px); font-size:15px; color:#231f20;  white-space:nowrap;}
.lst_board.type1 ul li p.subject img {vertical-align:middle; margin:0 0 0 10px;}
.lst_board.type1 ul li p.subject .lock{margin-left:16px; width:16px;}
.lst_board.type1 ul li p.subject span { color:#386ef8; font-size:12px; display:inline-block; padding-right:10px;}
.lst_board.type1 ul li p.author{position:relative; width:90px; padding:0 10px 0 50px;}
.lst_board.type1 ul li p.author .logintype{position:absolute; top:16px; left:0; width:40px; height:40px; background-color:#edeff4;}
.lst_board.type1 ul li p.date{width:100px; font-size:13px; color:#231f20;}
.lst_board.type1 ul li p.date02{width:100px; font-size:13px;}
.lst_board.type1 ul li p.name{width:100px; }
.lst_board.type1 ul li p.state{width:100px;}
.lst_board.type1 ul li p.cate{width:100px;}
.lst_board.type1 ul li p.state span{display:inline-block; vertical-align:middle; width:80px; line-height:30px; text-align:center; font-size:12px; font-weight:700; color:#fff; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;}
.lst_board.type1 ul li p.state span.ing{background:#fff; border:1px solid #ccc; color:#ec2836;}
.lst_board.type1 ul li p.state span.fin{background:#fff; border:1px solid #ccc; color:#000;}
.lst_board.type1 .board_empty{width:100%; line-height:350px; padding:0; text-align:center; font-size:14px; color:#084d98;}
.lst_board.type1 .board_empty p{color:#084d98;}

/* type2 */
.lst_board.type2 {position:relative;}
.lst_board.type2 ul li{float:left; width:33.333333333333%; overflow:hidden; padding-bottom:50px;}
.lst_board.type2 ul li div.box {height:260px;width:90%; margin:0 auto; box-shadow: 5px 20px 15px rgba(0, 0, 0, 0.07) ;font-family: 'Sbl'; border-radius: 20px; background: #fff;}
.lst_board.type2 ul li div.box>img{width: 270px !important;}
.lst_board.type2 ul li div.box:hover {background:#d4e09b;}
.lst_board.type2 ul li p {display:block; vertical-align:middle;  text-align:left; font-size:14px; color:#4f5355;}
.lst_board.type2 ul li p.subject {vertical-align:middle;font-size:16px; color:#000; padding:110px 40px 10px 40px; font-weight:500;}
.lst_board.type2 ul li p.txt {vertical-align:middle;font-size:15px; color:#666; padding:0px 40px 20px 40px; font-weight:400;       text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    line-height: 1.6;
    height: 3.6em;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
.lst_board.type2 ul li p.date{vertical-align:middle;font-size:13px; color:#231f20; padding:0px 40px 20px 40px; font-weight:400;text-align: center;}
.lst_board.type2 ul li p.date {display: none;}

/* type3 */
.lst_board.type3 {position:relative;  border-top:3px solid #000;}
.lst_board.type3 ul li.tit {text-align:center;background:#eee; color:#333;}
.lst_board.type3 ul li{display:table; table-layout:fixed; width:100%; overflow:hidden; border-bottom:1px solid #e5e4e4;}
.lst_board.type3 ul li:last-child {border-bottom:1px solid #e5e4e4;}
.lst_board.type3 ul li p{display:table-cell; vertical-align:middle; padding:15px 0; font-size:13px; color:#4f5355;}
.lst_board.type3 ul li p.no{width:50px; padding-left:0; text-align:center; font-size:13px; color:#bbb;}
.lst_board.type3 ul li p.subject01 a{display:inline-block; vertical-align:middle; max-width:calc(100% - 68px); font-size:15px; color:#4f5355;  white-space:nowrap;}
.lst_board.type3 ul li p.subject01 b {font-size:17px; color:#000;}
.lst_board.type3 ul li p.subject01 img {vertical-align:middle; margin:0 0 0 10px;}
.lst_board.type3 ul li p.subject01 .lock{margin-left:16px; width:16px;}
.lst_board.type3 ul li p.subject01 span { color:#386ef8; font-size:12px; display:inline-block; padding-right:10px;}
.lst_board.type3 ul li p.subject02 a{display:inline-block; vertical-align:middle; max-width:calc(100% - 68px); font-size:15px; color:#4f5355;  white-space:nowrap;}
.lst_board.type3 ul li p.subject02 b {font-size:17px; color:#000;}
.lst_board.type3 ul li p.subject02 img {vertical-align:middle; margin:0 0 0 10px;}
.lst_board.type3 ul li p.subject02 .lock{margin-left:16px; width:16px;}
.lst_board.type3 ul li p.subject02 span { color:#386ef8; font-size:12px; display:inline-block; padding-right:10px;}
.lst_board.type3 ul li p.subject01, .lst_board.type3 ul li p.subject02 {width:240px;}
.lst_board.type3 ul li p.author{position:relative; width:90px; padding:0 10px 0 50px;}
.lst_board.type3 ul li p.author .logintype{position:absolute; top:16px; left:0; width:40px; height:40px; background-color:#edeff4;}
.lst_board.type3 ul li p.date {width:80px; font-size:13px;  text-align:center;}
.lst_board.type3 ul li p.agree {width:80px; font-size:13px;  text-align:center;}
.lst_board.type3 ul li p.name{width:70px; }
.lst_board.type3 ul li p.state{width:70px;}
.lst_board.type3 ul li p.cate{width:120px;}
.lst_board.type3 ul li p.modify {width:170px;}
.lst_board.type3 ul li p.modify span{display:inline-block; margin:0 1px;vertical-align:middle; width:50px; height:50px; line-height:50px; text-align:center; font-size:12px; font-weight:700; color:#fff; border-radius:50%;}
.lst_board.type3 ul li p.modify span.st01 {background:#03c75a; color:#fff;}
.lst_board.type3 ul li p.modify span.st02 {background:#aaa; color:#fff;}
.lst_board.type3 ul li p.modify span.st03 {background:#e85084; color:#fff;}
.lst_board.type3 ul li p.cate span{display:inline-block; vertical-align:middle; width:50px; line-height:30px; text-align:center; font-size:12px; font-weight:700; color:#fff; border-radius:50px;}
.lst_board.type3 ul li p.cate span.st01 {background:#fff; border:1px solid #ccc; color:#e83c7a;}
.lst_board.type3 ul li p.cate span.st02 {background:#fff; border:1px solid #ccc; color:#8f6b6b;}
.lst_board.type3 ul li p.state span{display:inline-block; vertical-align:middle; width:80px; line-height:30px; text-align:center; font-size:12px; font-weight:700; color:#fff; border-radius:30px;}
.lst_board.type3 ul li p.state span.ing{background:#fff; border:1px solid #ccc; color:#e83c7a;}
.lst_board.type3 ul li p.state span.fin{background:#fff; border:1px solid #ccc; color:#8f6b6b;}
.lst_board.type3 ul li p.file {width:120px;}
.lst_board.type3 ul li p.file a {background:url("/img/sub/ico_down.png") right 5px no-repeat; padding:5px 30px 5px 5px;border:1px solid #ccc; color:#e83c7a;text-align:center; font-size:12px; color:#333; border-radius:5px;}
.lst_board.type3 .board_empty{width:100%; line-height:350px; padding:0; text-align:center; font-size:14px; color:#084d98;}
.lst_board.type3 .board_empty p{color:#084d98;}

.board_wrap .tip {padding:50px 0 20px 0; color:#333; font-size:16px;}
.faqList{overflow:hidden;width:100%;margin-bottom:0;border-top:2px solid #ffc708; text-align:left;}
.faqList ul li { border-bottom:1px solid #e9e9e9; float:left; width:100%;font-size:16px;overflow: hidden;}
.faqList ul li img{
    max-width: 100%;
    height: 800px;
    display: block;
}
.faqList ul li>.tit-faq{
    display: flex;
    align-items: center;
}
.faqList ul li>.tit-faq>p { padding:20px 10px; color: #231f20;cursor: pointer;}
.faqList ul li>.tit-faq>.downloadimg{
    background: url(../../img/common/download.png);
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-left: 5px;
}
.faqList ul li>.tit-faq>p:hover{
    color: #12a3e9;
}
.faqList ul li p span { color:#ec2836; padding:0 17px 0 0;display:inline-block;}
.faqList ul li ul li {overflow:hidden;  line-height:24px;border-bottom:0;font-size:14px; padding: 20px 0;}
/*.faqList ul li ul li > p {padding:10px 50px;}*/
/*.faqList ul li ul li > p span { color:#000; padding:25px 0 10px 0;display:block;font-weight:700;}*/
.bo_v_com{margin-top: 100px;}


/* view */
.viewType02 {}
.viewType02 dt {border-top:0px solid #000;padding-top:30px;border-bottom:1px solid #e5e4e4; text-align:center;font-family: 'Sbl';}
.viewType02 dt .titA {font-size: 27px; line-height: 1.5; margin: 0 auto;color:#231f20;}
.viewType02 dt .titA span {color:#0047ff;}
.viewType02 dt .dateA {color: #999; padding:10px 0 30px 0;font-size: 13px;  }
.viewType02 dt .dateA span {display:inline-block; padding-right:15px; font-size:13px;}
.viewType02 dd .dataA {text-align:left;padding: 13px 0;width: 100%; border-bottom:1px solid #e5e5e5;}
.viewType02 dd .dataA ul li {padding:5px 10px;}
.viewType02 dd .dataA span {color:#000; display:inline-block; padding-right:15px; font-size:13px;}
.viewType02 dt .coop { padding:20px 0 10px 0;font-size: 14px; color: #777; overflow: hidden; }
.viewType02 dt .coop span { background:url("/img/sub/icon_coop.png") 0 2px no-repeat; padding:0 0 0 25px;}

.viewType02 dt .cate {ont-size: 12px; font-weight: bold; color: #bc9a5d; text-align:center; padding:0 0 30px 0;}
.viewType02 dt .posA {font-size: 14px; color: #f1732f; text-align:center; padding:10px 0 0 0;}
/*.viewType02 dd .fileA  {text-align:left;background: #f8f8f8; padding: 13px;width: 100%; border-top:1px solid #e5e5e5; font-size:13px;}*/
.viewType02 dd .fileA .item{color:#000; padding-right:15px;}
.viewType02 dd .fileA .file_name{color:#666;}
.viewType02 dd .fileA .file_name a {background:url("/img/sub/ico_file_o.png") no-repeat scroll 0 4px; content: ""; left: 0;padding:0 20px 5px 20px; top: -2px; font-size:14px;display:block;}
.viewType02 dd {padding:0 ; border-bottom:1px solid #e5e4e4;}
.viewType02 dd .viewCon {color:#231f20; line-height:25px; padding:50px; word-break:break-all;font-family: 'Sbl'; }

.viewType02 dd .viewCon img{overflow:hidden;position:relative; margin-bottom:10px; max-width:96%;  height: auto !important;}
.viewType02 dd .viewCon div.btn {position:absolute;top:1150px; z-index:99; width:1100px; margin:0 auto;}
.viewType02 dd .viewCon div.btn p.img_prev{float:left;}
.viewType02 dd .viewCon div.btn p.img_next{float:right;}
.viewType02 dd .viewCon div.v_con_list {width:100% !important; overflow:hidden;position:relative; margin-bottom:10px;}
.viewType02 dd .viewCon div.v_con_list ul li {width:135px; height:79px; float:left; margin-right:2px; margin-bottom:1px; overflow:hidden;}
.viewType02 dd .viewCon div.v_con_list ul li img {width:100%; border:1px solid #fff;}

.viewShiftA{border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; clear:both;}
.viewShiftA p{padding:15px 0; border-top:1px solid #e1e1e1;  color:#555}
.viewShiftA p:first-child{border-top:none}
.viewShiftA span.Tit{color:#000; display:inline-block; padding:0 20px;}
.viewShiftA span.data{color:#000; display:inline-block; font-size: 13px;}
.viewShiftA a{white-space:nowrap; text-overflow:ellipsis}
.viewShiftA a:hover{text-decoration:underline;}


.qna_viewA {border-top:1px solid #cdcdcd;background:#f1f2f7 url("/img/sub/ico_qna.gif") no-repeat scroll 25px 25px; }
.qna_viewA p.an {padding:25px 25px 25px 50px;color:#000; line-height:24px;font-size: 13px;}
.qna_viewA p.btn {padding:0 25px 25px 0;text-align:right;}

.qna_writeA {border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; padding:25px;vertical-align:top;position:relative;height:70px;}
.qna_writeA p.qna_writeA_le {width:90%;display:inline-block; float:left;}
.qna_writeA p.qna_writeA_le textarea {border:1px solid #ccc; width:100%; display:inline-block;height:55px;font-family:'Nanum Square','����',Dotum,'����',Gulim,Helvetica,sans-serif;}
.qna_writeA p.qna_writeA_ri {width:7%;display:inline-block; float:right;}
.qna_writeA p.qna_writeA_ri span.btn {background:#2b3a53;width:100%; color:#fff; display:inline-block; height:45px; padding-top:30px;text-align:center;}

.shareA {text-align:right; vertical-align:middle; padding:20px 0 0 0;width:90%;  margin:0 auto;}
.shareA span { padding:0 20px 0 0;}
.shareA a {display:inline-block; padding:0 0 0 0;border-radius:20px;overflow:hidden; margin-right:2px;}

.message {padding-top:50px;width:100%;  margin:0 auto;}
.msg_write {border:1px solid #ccc;background:#fff; margin-bottom:35px;}
.msg_write01 {}
.msg_write01 textarea, .msg_write01 textarea:focus{width:100%; border:0;background:none;height:80px; color:#666; padding:5px 0 0 20px;}
.msg_write02 {border-top:1px solid #f0f0f1;text-align:right;}
.msg_write03 {border-bottom:1px solid #f0f0f1;text-align:left; height:38px;}
.msg_write03 input {border:0;background:none; padding:5px 0 0 20px;}
.btn_msg {background:#15295b; width:100px; height:33px; color:#fff;display:inline-block;text-align:center; padding-top:5px; font-weight:700;}
.msg_total {text-align: left;font-size:14px; color:#666; padding-bottom:10px;}
.msg_total b {color:#000;}
.msg_list {width:100%; position: relative; text-align: left;border-top:1px solid #000; margin-bottom:45px;font-size:13px;font-family: 'Sbl';}
.msg_list ul li {width:100%; padding:20px 0;border-bottom:1px solid #dfe0e1;}
.msg_list ul li p.name {padding-bottom:10px; color:#000; font-weight:700;}
.msg_list ul li p.name span {margin-right:10px; vertical-align:middle;}
.msg_list ul li p.txt {padding-bottom:5px; color:#626264;  text-overflow:ellipsis;}
.msg_list ul li p.date { color:#838486; font-size:13px;}
.msg_list ul li p.date  a {color:#999;}


/* write */
.wrt_board{border-top:1px solid #435057; border-bottom:1px solid #435057;}
.wrt_board dl{display:table; table-layout:fixed; width:100%;}
.wrt_board dl + dl{border-top:1px solid #c5c8d3;}
.wrt_board dl dt, .wrt_board dl dd{display:table-cell; min-height:44px; padding:7px 0; text-align:left; font-weight:700;}
.wrt_board dl dd p {font-size:13px; font-weight:400;}
.wrt_board dl dt{width:130px; vertical-align:top; padding-left:20px; line-height:44px; font-size:14px; color:#4f5355;}
.wrt_board dl dd{padding-right:30px; vertical-align:middle; color:#999;}
.wrt_board dl dd:after{content:""; display:block; clear:both;}
.wrt_board dl dd .wfull{width:100%;}
.wrt_board dl dd .w1{width:27.4% !important;}
.wrt_board dl dd .w2{width:37% !important;}
.wrt_board dl dd .w3{width:24% !important;}
.wrt_board dl dd input[type="radio"] + label{display:inline-block; padding:0 5px 0 2px; min-width:43px; }
.wrt_board dl dd .frm_item{display:table; table-layout:fixed;}
.wrt_board dl dd .frm_item label{display:table-cell; vertical-align:middle; line-height:44px;}
.wrt_board dl dd .frm_item input{display:table-cell; width:100%; vertical-align:middle;}
.wrt_board dl dd .frm_item.type1{float:left; width:37%;}
.wrt_board dl dd .frm_item.type1 label{width:32px;}
.wrt_board dl dd .frm_item.type2{float:right; width:59%;}
.wrt_board dl dd .frm_item.type2 label{width:42px;}
.wrt_board dl dd span {color:#333; font-weight:200; font-size:14px; display:inline-block; padding-left:15px;}


.law {width:1000px; margin:0 auto; padding:100px 0;}
.law-box {font-family: 'Sbl';margin:10px 0;height:500px; padding:30px; color:#666; font-size:13px; line-height:22px; border:1px solid #c9c9c9; overflow-x:hidden; overflow-y:auto; text-align:left;}


/* ��� */
.law_top { border-bottom:1px solid #ccc; padding-bottom:25px;}
.law_info { padding:0 15px 100px 15px;width:1050px; margin:0 auto;text-align:left;}
.law_info h4 {padding-top:20px;}
.law_info p {line-height:20px; padding:20px 0; font-size:13px;}
.law_info ul li { line-height:20px; padding-bottom:10px; font-size:13px;}
.law_info ul li ul { margin:10px 0;}


/* ����� */
.join_top {width:100%; border-bottom:1px solid #ccc;  padding:20px 0 0 0; height:242px;}
.join_step {width:1000px; margin:0 auto; display:table;}
.join_step ul li {width:33.333333333333333%;float:left; padding:150px 0 30px 0;text-align:center; color:#000;font-size:20px;}
.join_step ul li.icon01 {margin-bottom:10px;background:url("/img/sub/join_icon01.png") no-repeat center 0;}
.join_step ul li.icon02 {margin-bottom:10px;background:url("/img/sub/join_icon02.png") no-repeat center 0;}
.join_step ul li.icon03 {margin-bottom:10px;background:url("/img/sub/join_icon03.png") no-repeat center 0;}
.join_step ul li span {display:block; color:#b7b7b7; font-size:12px; letter-spacing:0;font-weight:500; padding-top:10px;}
.join_step ul li.on {border-bottom:3px solid #000;}
.login-bx{ overflow:hidden; display:block; width:1000px; margin:0 auto; padding:0 0 140px 0;}
.login-bx div.box1{ display:block; vertical-align:top; background:#fff;width:90%; margin:0 auto;}

.login-bx p.tip {font-size:14px; padding:50px 0 0px 0px; color:#333;font-family: 'Sbl';}
.login-bx div.tc{ width:70%; margin:0 auto; padding:50px 0;}
.login-bx div.tc .inp{ padding:0;}
.login-bx div.tc .inp .input{ border:none; border-bottom:#ccc 1px solid; height:36px; line-height:36px; text-indent:22px; display:block; width:100%; color:#999;font-family: 'Sbl';}
.login-bx div.tc .inp .input.id{ background:url("/img/sub/icon_id.png") 0 50% no-repeat;}
.login-bx div.tc .inp .input.pw{ background:url("/img/sub/icon_pw.png") 0 50% no-repeat;}
.login-bx div.tc .inp .input.na{ background:url("/img/sub/icon_name.png") 0 50% no-repeat;}
.login-bx div.tc .inp+.inp{ margin-top:20px;}
.login-bx div.tc .chk{ padding:14px 0; text-align:right; color:#959595; display:block; font-size:12px;}
.login-bx div.tc .btn-box{ margin-top:30px;}
.login-bx div.tc .btn-box a{ width:100%; padding:15px 0; border-radius: 25px; background:#3e9ced; display:block; text-align:center; font-size: 16px;color: #fff;font-family: 'Sbl';}

.login-bx div.box2{display:block; vertical-align:top;  color:#666;width:90%; margin:0 auto;}
.login-bx div.box2 dl{ float:left; width:50%;  padding:25px 0 50px 0;}
.login-bx div.box2 dl dt{ color:#000; text-align:center; padding:0 0 15px 0;}
.login-bx div.box2 dl dd{ font-size:12px; color:#777;  text-align:center;}
.login-bx div.box2 dl+dl{ border-top:#ddd 1px solid; }
.login-bx div.box2 dl .btnz{ position:relative; top:auto; right:auto; margin-top:10px; width:100%; display:block;}
.login-bx div.box2 dl .btnz .btlogin{ display:inline-block; width:100px; background:#fff; border:#ccc 1px solid; border-radius:15px; height:30px; line-height:30px; font-size:12px;}
.login-bx div.box2 dl .btnz .btlogin+.btlogin{ margin-top:0; margin-left:10px;}
.login-bx div.box2 dl+dl .btnz{ margin-top:10px;}

.my_top {width:1000px;margin:0 auto; padding:0;text-align:right;}
.my_top a { color:#fff; background:#000; margin-left:10px; font-size:13px; padding:5px 15px;display:inline-block; font-weight:500;}

/*.joinA {width:1000px;margin:0 auto; padding:50px 0 100px 0;text-align:left;}
.agree-box { height:200px; padding:30px; color:#666; line-height:22px; border:1px solid #c9c9c9; overflow-x:hidden; overflow-y:auto;}
.agree-box h3 {padding:10px 0; font-size:14px; margin:5px 0;text-align:left;background:none;}
.agree-box h4 {padding-top:5px;text-align:left; font-size:14px;}
.agree-box p {line-height:20px; padding:10px 0; font-size:12px;}
.agree-box ul li { line-height:20px; padding-bottom:10px; font-size:12px;}
.agree-box ul li ul { margin:10px 0;}
.agree-box02 {height:500px; padding:30px; color:#666; font-size:13px; line-height:22px; border:1px solid #c9c9c9; overflow-x:hidden; overflow-y:auto;}
.join_btn {margin-top:50px; width:100%; text-align:center;}

.agreeW{position:relative;  margin-top:10px;width:100%;}
.agree_check {position:relative;font-size:14px; padding:20px 0;}
.agree_check span {display:inline-block;}
.agree_check span.ri {display:inline-block; float:right}
.agree_A {width:100%;position:relative;border:1px solid #d7d7d6;width:100%; color:#666; clear:both; padding:20px 0; overflow-y:scroll; margin-bottom:50px;}
.agree_A ul {width:90%; margin:0 auto; font-size:13px;}
.join_btn {margin-top:50px; width:100%; text-align:center;}
.mem_btn03{ width:40%; padding:12px 0; border-radius: 25px; background:url("/img/sub/btn_bg.png") 0 50% no-repeat; display:inline-block; text-align:center; font-size: 14px;color: #fff;}
.mem_btn04{ width:40%; padding:12px 0; border-radius: 25px; background:#fff; display:inline-block; text-align:center; font-size: 14px;color: #333; border:1px solid #ccc;}
*/
.join_ok {width:100%; padding:50px 0 0 0; display:inline-block;vertical-align:top; text-align:center;  background-size:60px:}
.join_ok p.tit {font-size:20px; color:#333; font-weight:500;}
.join_ok p.tit span { color:#1a76f2;}
.join_ok p.txt {padding:20px 0; font-size:13px; color:#666;}
.join_ok p.btn {padding:50px 0 0 0;}


@media only screen and (max-width: 767px) {
.bbs_wrap { padding: 0 15px;}
.page_top {position:relative;}
.page_top02 {position:relative;background:none; height:210px;}
.page_top02 h2 {font-size:25px; padding-top:150px;}
.page_top02 h2 p {font-size:13px;padding-top:10px;}
.page_t_light {position:relative;}
.page_tm_light {position:relative;}
.pt_stl01 {}
.pt_stl01_01 {position:relative;height:520px;background:none;text-align:center;}
.pt_copy01 {padding-top:120px;}
.pt_copy01 p.st01 {background:none;}
.pt_copy01 p.st01 img {width:300px;}
.pt_copy01 p.st02 {padding-top:25px; color:#3f3e3e; font-size:14px;}
.pt_copy02 {padding-top:20px;text-align:center;}
.pt_copy02 p.pt_copy02_info {border:0px solid #946027; border-radius:25px;padding:0;background:none; overflow:hidden;display:inline-block;font-weight:bold;}
.pt_copy02 p.pt_copy02_info span {background:none; padding:5px 5px; color:#946027;display:inline-block; margin-right:10px;;}
.pt_copy02 p.pt_copy02_info { padding:0px 10px 0 0; color:#000;display:inline-block; color:#404040; font-size:14px;}
/*.page_mid {background:url("/img/sub/page_bg.png") repeat-y 50% 0;}*/
/*.page_mid02 {background:#fff url("/img/sub/page_bg03___.png") repeat-y 50% 0;}*/


/* ��ȸ�ȳ�  */
.about01 p.st01 {font-size:20px; padding-top:50px;}
.about01 div.st02 {font-size:14px; display:block; padding:15px 0 20px 0;letter-spacing:-0.09em;}
.about01 div.st02 p {display:block;}
.about01 div.st02 span {display:block;}
.about01 p.st03 {font-size:0.9em; padding:0 15px;     letter-spacing: -0.05em;}
.about01 p.st03 span{display:block;}


/*.about02 {margin-top:90px;}
.about02 .maker .text{font-size: 30px; color: white;}
.about02 ul {width:90%; margin:0 auto;}
.about02 ul li {width:100%; display:block; padding-bottom:20px;}
.about02 ul li div {width:100%; margin:0 auto; height:auto; min-height:120px; box-shadow: 3px 10px 10px rgba(0, 0, 0, 0.2);text-align:left;}
.about02 ul li div.st01 {background:#fff url("/img/sub/about_ico01.png") no-repeat 20px 25px;background-size:45px;}
.about02 ul li div.st02 {background:#fff url("/img/sub/about_ico02.png") no-repeat 20px 25px;background-size:45px;}
.about02 ul li div.st03 {background:#fff url("/img/sub/about_ico03.png") no-repeat 20px 25px;background-size:45px;}
.about02 ul li div.st04 {background:#fff url("/img/sub/about_ico04.png") no-repeat 20px 25px;background-size:45px;}
.about02 ul li div p.tit {color:#000; font-size:15px; padding:20px 10px 10px 80px;}
.about02 ul li div p.txt {color:#666; font-size:0.9em; padding:0px 10px 20px 80px;}
.about02 ul li div p.txt span {display: block; letter-spacing: -0.09em;}*/


.about_step {background:url("/img/sub/about_step_bg.png") no-repeat 50% 100px; margin-top:30px;}
.about_step ul {width:90%; margin:0 auto;}
.about_step ul li {width:100%; display:inline-block; padding-top:110px;}
.about_step ul li.on {background:url("/img/sub/about_step_on.png") no-repeat 50% 0;}
.about_step ul li p {background:url("/img/sub/about_step_bl.png") no-repeat 50% 0; padding-top:40px;}
.about_step ul li p span.tit {border-radius:25px;background:#b0b0b0; color:#fff; padding:2px 20px;}
.about_step ul li p span.tit_on {border-radius:25px;background:#0acfaa; color:#fff; padding:2px 20px;}
.about_step ul li p span.date {color:#1a1a1a; display:block; padding-top:15px;font-family:'Binggrae-Bold',sans-serif; font-size:16px;}
.about_step ul li:nth-child(2), .about_step ul li:nth-child(3), .about_step ul li:nth-child(4), .about_step ul li:nth-child(5) {display:none;}
.award_A {background:#009591;width:90%; margin:0 auto; border:3px solid #009591;border-radius:35px; overflow:hidden;}
.award_tip {width:90%; margin:0 auto;text-align:left; padding-top:30px;}
.award_tip01 {width:100%; float:none; font-size:20px; }
.award_tip02 {width:100%; float:none; padding:20px 0 50px 0;}
.award_tip02 ul li {background: url("/img/sub/tip_bl.png") no-repeat 0 7px; font-size:13px; color:#222; padding:0 0 20px 20px;}


.about0401 p.tit {font-size:20px; padding-bottom:10px;}
.about0401 ul li {border-bottom:1px solid #b1dcb8; padding:15px 0;}
.about0401 ul li a { color:#fff;}
.about0401 ul li p.tit {font-size:13px; padding-bottom:10px;}
.about0401 ul li p.date {font-size:12px;}
.about0401 ul li:last-child {border-bottom:0;}
.about0402 {width: 100%;}
.about0402 p.tit {font-size:20px;text-align:left;padding: 30px 0;}
.about0402 ul {
    width: 100%;
    margin: 0 auto;
    flex-wrap: wrap;
    height: 210px;
    display: flex;
    justify-content: space-between;
}
.about0402 ul li {
    text-align: center;
    background: #ffcc00 url(/img/sub/faq_bl.png) no-repeat 50% 120px;
    height: 50px;
    margin: 0;
    width: 100%;
}
    .about0402 ul li a{
        display: flex; align-items: center;height: 100%;
    }
.about0402 ul li p.q {font-size: 15px;
    padding: 0 0 3px 20px;}
.about0402 ul li p.tit {font-size:12px; padding:0 11px;text-align:left; }


h3.tit01 {background:#31a43a; padding:7px 20px; font-size:18px; margin-bottom:25px; display:inline-block;border-radius:25px;}



.sub_tab { width:100%; padding-top:50px;}
.sub_tab li {display:inline-block; margin-left:1px; min-width:100px;background:#fff;}
.sub_tab li a {border-radius:25px; font-size:13px; padding:10px 15px 6px;}

.wn_apply_con {width:100%;}
.wn_apply01 p.tit {padding:50px 0 15px 0; font-size:18px;}
.wn_apply01 p.txt {font-size:13px; padding:0 0 50px 0px;}
.wn_apply02 {height:auto;}
.wn_apply02 ul li{ width:100%; float:none; padding:100px 0 50px 0; margin-bottom:50px;}
.wn_apply02 ul li:first-child {border-right:0; border-bottom:1px solid #eee !important; margin-bottom:50px;}
.wn_apply02 ul li.ico01 {background-size:100px;}
.wn_apply02 ul li.ico02 {background-size:100px;}
.wn_apply02 ul li div {margin:0 auto; width:100%;height:auto;}
.wn_apply02 ul li p.tit {font-size:18px; padding:20px 0 10px 0;}
.wn_apply02 ul li ul li {display:block;text-align:center; width:100%;font-size:13px; padding:0 0 10px 0px;}
.wn_apply02 ul li ul li:first-child { border-bottom:0 !important; margin:0;}
.wn_apply02 ul li ul li span {display:none !important;}
.wn_apply02 ul li div p.tip {background:#fff; border:5px solid #eee; padding:20px 0 20px 20px; margin-top:20px;}
.wn_apply02 ul li div p.btn {padding:00px 0 0 0; clear:both;}
.wn_apply02 ul li div p.btn span.btn01 {font-size:15px; display:inline-block; padding:7px 45px; background:#ed4043;color:#fff;border-radius:25px;}
.wn_apply02 ul li div p.btn span.btn02 {font-size:15px; display:inline-block; padding:7px 45px; background:#fff; border:1px solid #ed4043 !important; color:#ed4043;border-radius:25px;}

.wn_apply03 ul {width:90%; margin:0 auto;}
.wn_apply03 ul li{ width:100%;float:left;background:url("/img/sub/w_apply_ico0202.png") no-repeat 50% 0; padding-bottom:50px; margin-bottom:50px;border-bottom:1px solid #ddd;}
.wn_apply03 ul li.ico01 {background:url("/img/sub/w_apply_ico0201.png") no-repeat 50% 0;background-size:100px;}
.wn_apply03 ul li.ico02 {background:url("/img/sub/w_apply_ico0202.png") no-repeat 50% 0;background-size:100px;}
.wn_apply03 ul li:last-child {border:0;}
.wn_apply03 ul li div {float:none; width:100%;text-align:center; padding-top:120px;}
.wn_apply03 ul li p.tit {color:#00b076; font-size:18px;font-weight:bold; padding:5px 0 10px 0;}
.wn_apply03 ul li ul li {border:0; display:block; width:100%;font-size:14px; padding:0 0 10px 0px; margin:0;color:#333;background:none; letter-spacing:-0.08em;}
.wn_apply03 ul li ul {width:100%;}
.wn_apply03 ul li ul li span.num {display:none;background:#ccc; color:#fff; font-size:11px;font-weight:bold;border-radius:50%; width:20px; height:18px;text-align:center; padding-top:2px; margin-right:10px;}
.wn_apply03 ul li ul li span.pc {display:block;}
.wn_apply03 ul li div p.tip {background:#fff; border:5px solid #eee; font-size:13px; padding:20px; margin-top:20px;}
.wn_apply03 ul li div p.btn {transform: translateX(0);}
.wn_apply03 ul li div p.btn span.btn01 {font-size:15px; display:inline-block; padding:7px 45px; background:#ed4043;color:#fff;border-radius:25px;}
.wn_apply03 ul li div p.btn span.btn02 {font-size:15px; display:inline-block; padding:7px 45px; background:#fff; border:1px solid #ed4043 !important; color:#ed4043;border-radius:25px;}



.w_apply {margin-top:45px; padding-top:25px; background:url("/img/sub/apply_tit01.png") no-repeat 50% 0; width:100%;}
.w_apply02 {margin-top:45px; padding-top:25px; background:url("/img/sub/apply_tit02.png") no-repeat 50% 0; width:100%;}
.w_apply_con_wrap {width:980px; margin:0 auto;background:url("/img/sub/w_apply_bg01.png") no-repeat 0 bottom; height:900px;}
.w_apply_con_wrap02 {width:980px; margin:0 auto;background:url("/img/sub/w_apply_bg02.png") no-repeat 0 bottom; height:700px;}
.w_apply_con {width:800px; float:right;text-align:left; clear:both;}
.w_apply_con h3 {color:#000; font-size:35px;font-family:'Binggrae-Bold',sans-serif; color:#000;font-weight:bold;  margin-bottom:35px;}
.w_apply_con p.txt {font-size:19px; padding:0 0 70px 0px; color:#333;}
.w_apply_con ul li {padding:0 0 70px 120px; color:#000;}
.w_apply_con ul li h4 {padding:0 0 20px 0; font-size:20px;font-weight:bold;}
.w_apply_con ul li ul li {padding:0 0 10px 15px; color:#666;background:url("/img/sub/bl01.png") no-repeat 0 10px;}
.w_apply_con ul li p.btn {padding-top:20px;}
.w_apply_con ul li p.btn span.btn01 {font-size:15px; display:inline-block; padding:7px 45px; background:#ed4043;color:#fff;border-radius:25px;}
.w_apply_con ul li p.btn span.btn02 {font-size:15px; display:inline-block; padding:7px 45px; background:#fff; border:1px solid #ed4043 !important; color:#ed4043;border-radius:25px;}
.w_apply_con ul li p.tip {border:5px solid #eee; padding:20px 0 20px 20px; margin-top:20px;}
.w_apply_con ul li.icon01 {background:url("/img/sub/w_apply_ico01.png") no-repeat 0 0;}
.w_apply_con ul li.icon02 {background:url("/img/sub/w_apply_ico02.png") no-repeat 0 0;}

.w_apply_tit01 {margin-top:45px; padding-top:25px; background:url("/img/sub/apply_tit01.png") no-repeat 50% 0; width:100%;}
.w_apply_tit01 h3 {text-align:left;width:90%; margin:0 auto;max-width:767px; min-width:300px; font-size:25px;padding-bottom:35px;}

/* �Խ���  */

.board_wrap {position:relative; margin:0 auto;padding-bottom:100px; font-size:12px;}
.board_wrap_le {width:25%; float:left;font-size:18px; color:#000; font-weight:bold; text-align:left; padding:0px 0 0px 0;}
.board_wrap_ri {width:75%; float:right;}
.bbs_wrap02 {width:100%; margin:0 auto;max-width:767px;}




/******** �����û & ���� ********/

textarea {width:100%;padding:5px;border:1px solid #d8d8d8;box-sizing:border-box;-webkit-appearance: none;border-radius:0;}
select{font-size:15px;}
 

.apply-wr{ padding:0 0 100px 0;text-align:left;}
.apply-wr h4{font-size:15px; color:#333; margin:0 0 10px;} 
.apply-wr p.t_tip {color:#777;}
.agree-box{margin:50px 0;}
.agree-box textarea{margin:10px 0; padding:20px; font-size:12px; height:200px; border:1px solid #ddd;}
.agree-box .agree-tit{font-weight:bold; font-size:17px; color:#333} 
.center-app{text-align:center; margin:0px 0 0; clear:both; width:100%;}
.center-app p{margin:0 0 50px; }
.center-app p b{color:#333;} 
.center-app .checkbox{font-size:15px;}

.agree-box02 {margin:10px 0;height:200px; padding:30px; color:#666; font-size:13px; line-height:22px; border:1px solid #c9c9c9; overflow-x:hidden; overflow-y:auto;}


/* ��û button */
.apply-btn a{ padding:10px 20px; border:1px solid #222; color:#222; font-size:14px; display:inline-block; margin:0 2px; text-align:center; min-width:90px; }
.apply-btn a.next-btn{ background:#009591; border-color:#009591; color:#fff; }
.apply-btn a.next-btn02{ background:#555; border-color:#555; color:#fff;}

.apply select{border:1px solid #ddd;}
.apply input[type=text]{border:1px solid #ddd;}

/* checkbox */
.checkbox{position:relative; font-size:14px;  display:inline-block;}
input[type=checkbox]{ width: 18px; cursor: pointer; height: 18px; display: block; position: absolute; top: 0; left: 0; margin: 0;z-index: 1;opacity: 0;}
input[type=checkbox]+ label{position:relative; font-weight: normal;  padding:0 0 0 30px; display:inline-block;  cursor:pointer; text-align:left;}
input[type=checkbox]+ label:before {content: ""; display: inline-block; width:16px; height:16px; border:1px solid #333; position:absolute; top:2px; left:0;}
input[type=checkbox]:checked + label:after {content: ""; background:#009591; width:10px; height:10px;  position:absolute; top:6px; left:4px;}
 
.top_noti02 {background:url("/img/sub/ico_tip.png") no-repeat 0 40px;font-size:14px; font-weight:400; padding:40px 0 50px 70px;text-align:left;border-bottom:1px solid #ccc;}

/* �����ϱ� */
.apply-wrt{ }
.apply-wrt .tab-menu {  display:flex; }
.apply-wrt .tab-menu li{ text-align:center;}  
.apply-wrt .tab-menu li a{ color:#aaa; cursor:pointer; position:relative;  padding: 0 30px; line-height:1; display: block; transition:all ease .3s;   margin:20px 0;   border:1px solid #ddd; line-height:46px; height:50px;}   
.apply-wrt .tab-menu li a.active{ border:2px solid #222; color:#222; font-weight:bold;  font-size:18px; } 
.apply-wrt small{vertical-align:baseline; color:red;}

.apply-wrt .apply-tit{font-weight:bold; font-size:17px; color:#333} 
.apply-wrt ul{overflow:hidden;}
.apply-wrt .active{ display: block;}
.apply-wrt textarea{padding:20px; margin:10px 0; font-size:14px;}
.apply-wrt div li{margin:10px 0;   float:left; width:100%;}
.apply-wrt div li:nth-child(2n){float:right;}
.apply-wrt div li.wid-50 > div{width:40%; margin-right:2%;  display:inline-block;}
.apply-wrt div li.wid-30 > div{width:30%; margin-right:2%;  display:inline-block;}
.apply-wrt div li div.wid-100{width:100%; margin-right:2%;  display:inline-block;}
.apply-wrt div li input[type=text]{font-size:14px;  margin:10px 0; padding:0 10px; height:45px; line-height:45px; width:90%;}
.apply-wrt div li select{font-size:14px;  margin:10px 0; height:45px; line-height:45px; width:100%; padding:0 10px;}
.apply-wrt div li:last-child, .apply-wrt div li:nth-child(11) {width:100%;}
.apply-wrt div li div.tip { padding:20px; background:#f4f4f4; margin:10px 0 0; font-size:12px;}
.apply-wrt div li div.tip p{text-indent:-10px; padding-left:10px; margin:3px 0;}


.apply-wrt {background:#f8f8f8; padding:20px;}
.apply-wrt ul{overflow:hidden;}
.apply-wrt .active{ display: block;}
.apply-wrt textarea{padding:20px;  font-size:12px;}
.apply-wrt li{margin:0 0 10px 0;   float:left; width:100%;text-align:left; font-size:12px;}
    .school{flex-direction: column; align-items: baseline;}
.apply-wrt li span {margin-right:20px;}
.apply-wrt li p.tit {display:inline-block; width:120px; font-weight:700;}
.apply-wrt li p.s_tip {display:inline-block; font-weight:400; font-size:10px; color:red;}
.apply-wrt li:nth-child(2n){float:right;}
.apply-wrt li.wid-50 > div{width:40%; margin-right:2%;  display:inline-block;}
.apply-wrt li.wid-30 > div{width:30%; margin-right:2%;  display:inline-block;}
.apply-wrt li input.w50 {width:90%; margin-right:2%;  display:inline-block;}
.apply-wrt li input[type=text]{font-size:12px; padding:0 10px; height:40px; line-height:40px;}
.apply-wrt li select{font-size:12px;  margin-right: 5px;  padding:0 10px;}
    .school div{width: 100%;}
.apply-wrt li:last-child, .apply-wrt li:nth-child(11) {width:100%;}
.apply-wrt div.tip { padding:20px; background:#fff; margin:10px 0 0; font-size:12px;text-align:left; padding:20px; color:#555;}
.apply-wrt div.tip p.tit {color:#000; padding-bottom:10px;font-weight:700;}
.apply-wrt div.tip p, .apply-wrt div.tip u {padding-left:10px; margin:3px 0;}
.apply-wrt li small {display:block; padding-left:0px;}



/* ÷������ */
.file_input {width:100%;}
.file_input label {position:absolute; cursor:pointer; display:inline-block; vertical-align:middle; overflow:hidden; width:80px; height:40px; background:#444; color:#fff; text-align:center; line-height:40px; font-size:12px; margin:0px; right:none;}
.file_input label input {position:absolute; width:0; height:0;  overflow:hidden; } 
.file_input input[type=text] {vertical-align:middle; display:inline-block; width:60% !important; max-width:450px; height:38px; line-height:38px;  padding:0; border:0; border:1px solid #ddd; margin-right:5px !important;}



/* �������� */
.confirm_input {width:100%;}
.confirm_input a {position:absolute; cursor:pointer; display:inline-block; vertical-align:middle; overflow:hidden; width:80px; height:40px; background:#444; color:#fff; text-align:center; line-height:40px; font-size:12px; margin-top:0px;right:none; }
.confirm_input label input {position:absolute; width:0; height:0;  overflow:hidden;}
.confirm_input input[type=text] {vertical-align:middle; display:inline-block; width:60% !important; max-width:450px; height:38px; line-height:38px;  padding:0; border:0; border:1px solid #ddd; margin-right:5px !important;}


/* ���� Ȯ�� */
.apply .complete{text-align:center; padding:50px; background:#f4f4f4; max-width:870px; margin:0 auto;}
.apply .complete ul{display:inline-block;}
.apply .complete li{margin:20px 0; padding-left:150px; position:relative; text-align:left;}
.apply .complete li span{position:absolute; left:0; top:0; color:#333; font-weight:bold;}
.apply .line{display:block; width:100%; height:2px; background:#222; margin:50px 0 0;}

 
.app_con_wrap {width:100%; ;padding:50px 0 0 0;border:0;overflow:hidden;}
.app_con {width:100%; color:#000; margin:0 auto;}
.app_con .a_pr01 {font-size:17px;  padding:10px 0 30px 0;}
.app_con .a_pr02 {font-size:13px; padding:0px 0 25px 0;}
.app_con .a_pr03 {border:1px solid #ccc; text-align:left; padding:20px; font-size:12px;}
.app_con .a_pr03 ul li {display:block;background:url("/img/sub/bl02.png") no-repeat 0 10px; padding:0 0 10px 15px; }
.app_con .a_pr03 ul li span.st01 {display:block;font-weight:700;}
.app_con .a_pr03 ul li span.st02 {display:block; color:#378ece;font-size:17px; font-weight:700;}
.app_con .a_pr03 p {display:block;padding-top:10px;}
.app_con .a_pr04 { width:100%;padding:20px 0 50px 0; font-size:12px;text-align:center;}
.app_con .a_pr04 span {padding-left:20px;}
.app_con .a_pr04 p {padding-bottom:20px; font-size:13px;}
.app_con .a_pr04 p span.check {padding:0px 35px 5px 0; font-size:12px;background:url("/img/sub/ico_check.png") no-repeat right 0;}
.app_con .a_pr05 {padding:20px 0; font-size:15px;font-weight:500;text-align:left;}
.app_con .a_pr06 {width:100%;padding:20px 0; font-size:12px;text-align:center;}
.app_con .a_pr06 span {padding-left:20px;}
.app_con .a_pr06 p {padding-bottom:20px; font-size:13px;}
.app_con .a_pr06 p span.check {padding:0px 35px 5px 0; font-size:17px;background:url("/img/sub/ico_check.png") no-repeat right 0;}
.app_con .apply-viw {}
.app_con .a_pr07 {font-size:18px; font-weight:500; padding:10px 0 30px 0;text-align:center;}
.app_con .a_pr07 span {display:inline-block; padding:0 30px;}

.app_con {width:100%; color:#000;}
.app_con_print { height:auto;width:100%; color:#000;}
.app_con_print .a_pr01 {font-size:17px;  padding:10px 0 30px 0;}
.app_con_print .a_pr02 {font-size:13px; padding:0px 0 25px 0;}
.app_con_print .a_pr03 {border:1px solid #ccc; text-align:left; padding:50px 20px; font-size:12px;}
.app_con_print .a_pr03 ul li {display:block;background:url("/img/sub/bl02.png") no-repeat 0 10px; padding:0 0 10px 15px; }
.app_con_print .a_pr03 ul li span.st01 {display:block;font-weight:700;}
.app_con_print .a_pr03 ul li span.st02 {display:block; color:#378ece;font-size:17px; font-weight:700;}
.app_con_print .a_pr03 p {display:block;padding-top:10px;}
.app_con_print .a_pr04 { width:100%;padding:20px 0; font-size:14px;text-align:center;}
.app_con_print .a_pr04 span {padding-left:20px;}
.app_con_print .a_pr04 p {padding-bottom:20px; font-size:17px;}
.app_con_print .a_pr04 p span.check {padding:0px 35px 5px 0; font-size:17px;background:url("/img/sub/ico_check.png") no-repeat right 0;}
.app_con_print .a_pr05 {padding:50px 0 20px 0; font-size:15px;font-weight:500;text-align:left;}
.app_con_print .a_pr06 {width:100%;padding:20px 0; font-size:14px;text-align:center;}
.app_con_print .a_pr06 span {padding-left:20px;}
.app_con_print .a_pr06 p {padding-bottom:20px; font-size:17px;}
.app_con_print .a_pr06 p span.check {padding:0px 35px 5px 0; font-size:17px;background:url("/img/sub/ico_check.png") no-repeat right 0;}
.app_con_print .apply-viw {}
.app_con_print .a_pr07 {font-size:18px; font-weight:500; padding:100px 0 30px 0;text-align:center;}
.app_con_print .a_pr07 span {display:inline-block; padding:0 30px;}




/* �Խ��ǰ˻�
.lst_header{position:relative; line-height:34px; overflow:hidden; width:100%; border:1px solid #e5e4e4;margin:0 auto;padding:5px 15px;}
.lst_header .search{position:relative; width:100%; }
.lst_header .search input{width:calc(100% - 12px); padding-left:0; height:32px; border:0; font-size:14px;font-family:'Noto Sans KR','Nanum Square','Nanum Gothic',Dotum,'����',Gulim,Helvetica,sans-serif;}
.lst_header .search .btn_search{text-indent:-9999px;position:absolute; background:url("/images/sub/btn_search.png") 0 0 no-repeat; top:10px; right:0; display:inline-block; width:25px; height:34px; line-height:34px; text-align:center;}
  */
/* �Խ��ǰ˻�  */
.lst_header{position:relative; line-height:34px; overflow:hidden; width:90%; margin:0 auto;padding:50px 0 35px 0;}
.lst_header .search{position:relative; width:100%; }
.lst_header .search input{border-radius:10px;width:60%; font-weight:500;padding-left:15px; height:46px; border:2px solid #cdd3d6; font-size:14px;}
.lst_header .search .btn_search{display:inline-block; padding:8px 10px ; text-align:center;}

/* ����¡  */
.paging{  clear:both;text-align:center; padding:0; margin:40px 0; position:relative; font-size:13px; line-height:20px;}
.paging a{ display:inline-block; width:30px; height:30px; border:none; line-height:30px; text-align:center; margin:0 2px; color:#999; vertical-align:middle; }
.paging a:hover,
.paging a.on{ color:#2471c8; font-weight:bold; text-decoration:underline;}
.paging .direction,
.paging .direction:hover{ text-indent:-9999px; width:30px; height:30px; border:#ddd 2px solid; border-radius:50%;}
.paging .direction.prev{ background:url("/img/sub/paging_prev.png") 50% 50% no-repeat; margin-right:10px;}
.paging .direction.next{ background:url("/img/sub/paging_next.png") 50% 50% no-repeat; margin-left:10px;}
.paging .paging-pc{ display:inline-block;}
.paging .paging-m{ display:none;}

/* �Խ���btn */
.board_btn {padding:30px 0; overflow:hidden;width:100%; }
.board_btn .btn_left {float:left;}
.board_btn .btn_right {float:right;}
.board_btn .btn_center {margin:0 30%; float:left;}
.grybt01 { font-size: 12px;}
.grybt02 {background: #aaa; color: #fff; display: inline-block; font-size: 12px; height:22px; padding:5px 10px 0 10px; border-radius:3px;margin-right:3px;}
    .orgbt01 { font-size: 12px; }
.orgbt02 {background: #2b3a53; color: #fff; display: inline-block; font-size: 12px; height:30px; width:80px;padding:30px 0 0 40px; border-radius:50px;}
.blubt01 {background: #008299; color: #fff; display: inline-block; font-size: 12px; height:30px; padding:10px 10px 0 10px; border:1px solid #828b9c;border-radius:50px;}

.noti {position:absolute; z-index:10; margin:30px 0 0 -10px;}
.noti span {width:45px; height:45px; color:#fff; font-size:14px; border-radius:50%; display:flex;align-items:center;justify-content:center; box-shadow: 3px 10px 10px rgba(0, 0, 0, 0.2);font-weight:600; }
.noti span.st01 {background:#f3555a;}
.noti span.st02 {background:#00a7e1;}


.t_noti_wrap {width:100%; width:1200px;  margin:0 auto; }
.t_noti_btn {z-index:10;width:100%; width:1200px; position:absolute; top:180px;  overflow:hidden;}
.t_noti_btn_le {float:left;}
.t_noti_btn_le a {background:url("/img/sub/btn_pre.png") no-repeat scroll 0 4px;display:inline-block; width:51px; height:55px;text-indent:-9999px;}
.t_noti_btn_le a:hover {background:url("/img/sub/btn_pre_on.png") no-repeat scroll 0 4px;display:inline-block; width:51px; height:55px;text-indent:-9999px;}
.t_noti_btn_ri {float:right;}
.t_noti_btn_ri a {background:url("/img/sub/btn_nxt.png") no-repeat scroll 0 4px;display:inline-block; width:51px; height:55px;text-indent:-9999px;}
.t_noti_btn_ri a:hover {background:url("/img/sub/btn_nxt_on.png") no-repeat scroll 0 4px;display:inline-block; width:51px; height:55px;text-indent:-9999px;}
.t_noti_con {width:1200px; margin:0 auto; overflow:hidden;}
.t_noti_con ul li {width:25%; float:left;  height:420px;}


/* type1 */
/*.lst_board.type1 {position:relative;  border-top:3px solid #f8d340;}
.lst_board.type1 ul li{display: flex;
    justify-content: space-around;
    align-items: baseline;}
.lst_board.type1 ul li:last-child {border-bottom:1px solid #e5e4e4;}
.lst_board.type1 ul li p{display:inline-block; vertical-align:middle; padding:5px 0; font-size:12px; color:#4f5355;}
.lst_board.type1 ul li p.no{display:none;}
.lst_board.type1 ul li p.subject a{display:block; vertical-align:middle; max-width:calc(100% - 100px); min-width:205px; font-size:13px; color:#4f5355;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.lst_board.type1 ul li p.subject img {vertical-align:middle; margin:0 0 0 10px;}
.lst_board.type1 ul li p.subject .lock{margin-left:16px; width:16px;}
.lst_board.type1 ul li p.subject span { color:#386ef8; font-size:12px; display:inline-block; padding-right:10px;}
.lst_board.type1 ul li p.author{position:relative; width:90px; padding:0 10px 0 50px;}
.lst_board.type1 ul li p.author .logintype{position:absolute; top:16px; left:0; width:40px; height:40px; background-color:#edeff4;}
.lst_board.type1 ul li p.date{width:70px; font-size:12px; color:#bbb;}
.lst_board.type1 ul li p.date02{width:100px; font-size:12px;}
.lst_board.type1 ul li p.name{width:75px; text-align:center; }
.lst_board.type1 ul li p.state{width:100px;}
.lst_board.type1 ul li p.cate{width:100px;}
.lst_board.type1 ul li p.state span{display:inline-block; vertical-align:middle; width:80px; line-height:30px; text-align:center; font-size:12px; font-weight:700; color:#fff; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;}
.lst_board.type1 ul li p.state span.ing{background:#fff; border:1px solid #ccc; color:#e83c7a;}
.lst_board.type1 ul li p.state span.fin{background:#fff; border:1px solid #ccc; color:#8f6b6b;}
.lst_board.type1 .board_empty{width:100%; line-height:350px; padding:0; text-align:center; font-size:14px; color:#084d98;}
.lst_board.type1 .board_empty p{color:#084d98;}*/

.lst_board.type1 ul li p.no{
    display: none;
}

.lst_board.type1 ul li p{
    font-size: 14px;
}
.lst_board.type1 ul li p.subject a{
    font-size: 14px;
}
.lst_board.type1 ul li p.date{
    font-size: 12px;
}
/* type2 */
.lst_board.type2 {position:relative;}
.lst_board.type2 ul li{float:left; width:100%; overflow:hidden; padding-bottom:50px;}
.lst_board.type2 ul li div.box {height:auto;min-height:250px;width:90%; margin:0 auto;border-top:1px solid #ededed;box-shadow: 5px 20px 15px rgba(0, 0, 0, 0.2);}
.lst_board.type2 ul li div.box:hover {background:#f3f3f3;}
.lst_board.type2 ul li p {display:block; vertical-align:middle;  text-align:left; font-size:12px; color:#4f5355;}
.lst_board.type2 ul li p.subject {vertical-align:middle;font-size:13px; color:#000; padding:110px 40px 10px 40px; font-weight:500;}
.lst_board.type2 ul li p.txt {vertical-align:middle;font-size:12px; color:#666; padding:0px 40px 18px 40px; font-weight:400;}
.lst_board.type2 ul li p.date{vertical-align:middle;font-size:12px; color:#bbb; padding:0px 40px 50px 40px; font-weight:400;}

/* type3 */

.lst_board.type3 {position:relative; overflow-x:scroll;}







.faqList ul li {font-size:13px;}
.faqList ul li p { padding:20px 10px;}
.faqList ul li p span { color:#f47808; padding:0 17px 0 0;display:inline-block;}
.faqList ul li ul li {overflow:hidden;  line-height:18px;border-bottom:0;font-size:12px;}
.faqList ul li ul li p {padding:20px 30px;}
.faqList ul li ul li p span {padding:15px 0 10px 0;}



/* view */
.viewType02 {position:relative;}
.viewType02 dt {border-bottom:1px solid #000;padding:30px 0 0 0;}
.viewType02 dt .titA {font-size: 20px; line-height: 1.5; margin: 0 auto; text-align:center;padding:0 0 0 0; color:#000;}
.viewType02 dt .dateA {font-size: 14px; color: #666; text-align:center; padding:10px 0 30px 0;}
.viewType02 dt .dateA span {display:inline-block; padding-right:15px; font-size:13px;}
.viewType02 dt .cateA {font-size: 14px; color: #2d71c4; text-align:center; padding:10px 0 0 0;}
.viewType02 dt .coop { padding:10px 0 0px 0;font-size: 12px;}
.viewType02 dt .coop span { background:url("/img/sub/icon_coop.png") 0 2px no-repeat; background-size:15px auto; padding:0 0 0 25px;}

.viewType02 dd .fileA  {background: #f8f8f8; padding: 13px 0;width: 100%; border-top:1px solid #e5e5e5; font-size:13px;}
.viewType02 dd .fileA .item{color:#000; padding-right:15px;}
.viewType02 dd .fileA .file_name{color:#666; font-size:11px;}
.viewType02 dd .fileA .file_name a {background:url("/img/sub/ico_file_o.png") no-repeat scroll 0 5px;  padding:5px 20px 5px 20px; font-size:12px; position:relative;top: -2px; display:block;}
.viewType02 dd{padding:0 ; border-bottom:1px solid #e5e5e5;}
.viewType02 dd .viewCon {color:#555; line-height:25px; padding:50px 0;}
.viewType02 dd .viewCon p > img{max-width:100% !important;}
.viewType02 dd .viewCon img{ max-width:100%; width: auto !important; height: auto;}

.viewType02 dt .dateA {color: #999; padding:10px 0 30px 0;font-size: 12px;  }
.viewType02 dt .dateA span {display:inline-block; padding-right:15px; font-size:12px;}
.viewType02 dd .dataA {text-align:left;padding: 13px 0;width: 100%; border-bottom:1px solid #e5e5e5;}
.viewType02 dd .dataA ul li {padding:5px 10px;}
.viewType02 dd .dataA span {color:#000; display:inline-block; padding-right:15px; font-size:13px;}



.viewShiftA {border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; font-size:13px;}
.viewShiftA p{padding:15px 0; border-top:1px solid #e1e1e1; position:relative; color:#555;}
.viewShiftA p:first-child{border-top:none}
.viewShiftA .prvTit{position:absolute; left:20px; color:#000; display:inline-block; font-size:0;}
.viewShiftA .nxtTit{position:absolute; left:20px; color:#000; display:inline-block; font-size:0;}
.viewShiftA span.date{top:19px; right:0; color:#767676;}
.viewShiftA a{width:100%; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.viewShiftA a:hover{text-decoration:underline;}

.qna_viewA {border-top:1px solid #cdcdcd;background:#f1f2f7; }
.qna_viewA p.an {padding:25px;line-height:24px;}

.qna_writeA {border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; padding:25px 0;vertical-align:top;position:relative;height:120px;}
.qna_writeA p.qna_writeA_le {width:100%;display:inline-block; float:left; text-align:center;}
.qna_writeA p.qna_writeA_le textarea { display:inline-block;height:55px; padding:10px 0;}
.qna_writeA p.qna_writeA_ri {width:100%;display:inline-block; text-align:center; float:left;}
.qna_writeA p.qna_writeA_ri span.btn {background:#2b3a53;width:100%; color:#fff; display:inline-block; height:27px; padding-top:10px;text-align:center;}

.shareA {text-align:right; vertical-align:middle; padding:20px 0 0 0;width:90%;  margin:0 auto;}
.shareA span { padding:0 10px 0 0;}
.shareA a {display:inline-block; padding:0 0 0 0;border-radius:20px;overflow:hidden; margin-right:2px;}
.shareA img {width:25px;}

.qna_viewA {border-top:1px solid #cdcdcd;background:#f1f2f7 url("/img/sub/ico_qna.gif") no-repeat scroll 25px 25px; }
.qna_viewA p.an {padding:25px 25px 25px 50px;color:#000; line-height:24px;font-size: 13px;}
.qna_viewA p.btn {padding:0 25px 25px 0;text-align:right;}

.qna_writeA {border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; padding:25px;vertical-align:top;position:relative;height:70px;}
.qna_writeA p.qna_writeA_le {width:90%;display:inline-block; float:left;}
.qna_writeA p.qna_writeA_le textarea {border:1px solid #ccc; width:100%; display:inline-block;height:55px;font-family:'Nanum Square','����',Dotum,'����',Gulim,Helvetica,sans-serif;}
.qna_writeA p.qna_writeA_ri {width:7%;display:inline-block; float:right;}
.qna_writeA p.qna_writeA_ri span.btn {background:#2b3a53;width:100%; color:#fff; display:inline-block; height:45px; padding-top:30px;text-align:center;}


.message {padding-top:30px;}
.msg_write {margin-bottom:25px;}
.msg_write01 textarea, .msg_write01 textarea:focus{width:95%; border:0;background:none;height:80px; color:#666; padding:5px 0 0 10px; font-size:12px; line-height:20px;}
.msg_write02 {border-top:1px solid #f0f0f1;text-align:right;}
.msg_write03 {border-bottom:1px solid #f0f0f1;text-align:left; height:38px;}
.msg_write03 input {border:0;background:none; padding:5px 0 0 20px;}
.btn_msg {background:#15295b; width:100px; height:33px; color:#fff;display:inline-block;text-align:center; padding-top:5px; font-weight:700;}
.msg_total {text-align: left;font-size:12px; color:#666; padding-bottom:10px;}
.msg_total b {color:#000;}
.msg_list {width:100%; position: relative; text-align: left;border-top:1px solid #000; margin-bottom:45px;font-size:12px;}
.msg_list ul li {width:100%; padding:20px 0;border-bottom:1px solid #dfe0e1;}
.msg_list ul li p.name {padding-bottom:10px; color:#000; font-weight:700;}
.msg_list ul li p.name span {margin-right:10px; vertical-align:middle;}
.msg_list ul li p.txt {padding-bottom:5px; color:#626264;  text-overflow:ellipsis;}
.msg_list ul li p.date { color:#838486; font-size:12px;}
.msg_list ul li p.date  a {color:#999;}



/* write */
.wrt_board {position:relative;border-top:2px solid #000; margin-top:50px} 
.wrt_board dl dt, .wrt_board dl dd{min-height:33px; padding:5px 0;}
.wrt_board dl dt{display: block;width:95px;  line-height:33px; font-size:12px; color:#000;}
.wrt_board dl dd{font-size:12px;display: block;}
.wrt_board dl.mdrop dt, .wrt_board dl.mdrop dd{display:block;}
.wrt_board dl.mdrop dt{padding-bottom:0;}
.wrt_board dl.mdrop dd{padding-top:0;}
.wrt_board dl dd .w1{width:70% !important;}
.wrt_board dl dd .w2{width:60% !important;}
.wrt_board dl dd .w3{width:24% !important;}
.wrt_board dl dd .frm_item label{line-height:33px;}
.wrt_board dl dd .frm_item input{display:table-cell; width:90%; vertical-align:middle;}
.wrt_board dl dd .frm_item.type1{float:none; width:100%;}
.wrt_board dl dd .frm_item.type1 label{width:35px;}
.wrt_board dl dd .frm_item.type2{float:none; margin-top:2px; width:100%;}
.wrt_board dl dd .frm_item.type2 label{width:35px;}
.wrt_board dl dd .wfull{width:95%;}
.wrt_board dl dd .textbox {color:#555; height:30px;}
.wrt_board dl dd .h_n {height:auto;}
.wrt_board dl dd span {font-weight:200; font-size:12px; padding:10px 0; color:#666; display:inline-block;}

.board_view_wrap {background:#000 fixed; width:100%; z-index:1100; position:absolute; height:100%; left: 0px; top: 0px; width: 100%;}
.board_view_btn a {z-index:10000; position:fixed;text-align:center;}


.mem_bg {background:#fff;}

.law {width:90%; margin:0 auto; padding:50px 0;}
.law-box {margin:10px 0;height:300px; padding:30px; color:#666; font-size:12px; line-height:20px; border:1px solid #c9c9c9; overflow-x:hidden; overflow-y:auto; text-align:left;}


/* ��� */
.law_top { border-bottom:1px solid #ccc; padding-bottom:25px;}
.law_info { padding:0 15px 100px 15px;width:90%; margin:0 auto;text-align:left;}
.law_info h4 {padding-top:20px;}
.law_info p {line-height:20px; padding:20px 0; font-size:12px;}
.law_info ul li { line-height:20px; padding-bottom:10px; font-size:12px;}
.law_info ul li ul { margin:10px 0;}


/* ����� */
.join_top {height:85px;}
.join_step {width:90%;}
.join_step ul li {padding:0px 0 30px 0; font-size:15px;}
.join_step ul li.icon01 {background:none;}
.join_step ul li.icon02 {background:none;}
.join_step ul li.icon03 {background:none;}
.join_step ul li span {font-size:11px;}

.login-bx {width:100%;background:#fff; padding-bottom:50px;}
.login-bx div.tc{ width:70%; margin:0 auto; padding:50px 0;}
.login-bx div.tc .inp{ padding:0;}
.login-bx div.tc .inp .input{ border:none; border-bottom:#ccc 1px solid; height:36px; line-height:36px; text-indent:22px; display:block; width:100%; color:#999;}
.login-bx div.tc .inp .input.id{ background:url("/img/sub/icon_id.png") 0 50% no-repeat;}
.login-bx div.tc .inp .input.pw{ background:url("/img/sub/icon_pw.png") 0 50% no-repeat;}
.login-bx div.tc .inp .input.na{ background:url("/img/sub/icon_name.png") 0 50% no-repeat;}
.login-bx div.tc .inp+.inp{ margin-top:20px;}
.login-bx div.tc .chk{ padding:14px 0; text-align:right; color:#959595; display:block; font-size:12px;}
.login-bx div.tc .btn-box{ margin-top:10px;}
.login-bx div.tc .btn-box a{ width:100%; padding:15px 0; border-radius: 25px;  display:block; text-align:center; font-size: 16px;color: #fff;}

.login-bx div.box2{display:block; vertical-align:top;  color:#666;width:90%; margin:0 auto;}
.login-bx div.box2 dl{ float:left; width:100%;  padding:25px 0 50px 0;}
.login-bx div.box2 dl dt{ color:#000; text-align:center; padding:0 0 15px 0;}
.login-bx div.box2 dl dd{ font-size:12px; color:#777;  text-align:center;}
.login-bx div.box2 dl+dl{ border-top:#ddd 1px solid; }
.login-bx div.box2 dl .btnz{ position:relative; top:auto; right:auto; margin-top:10px; width:100%; display:block;}
.login-bx div.box2 dl .btnz .btlogin{ display:inline-block; width:100px; background:#fff; border:#ccc 1px solid; border-radius:15px; height:30px; line-height:30px; font-size:12px;}
.login-bx div.box2 dl .btnz .btlogin+.btlogin{ margin-top:0; margin-left:10px;}
.login-bx div.box2 dl+dl .btnz{ margin-top:10px;}

.joinA {width:90%;margin:0 auto; padding:50px 0 100px 0;text-align:left;}
.agree-box {padding:0px; color:#666; line-height:22px;  overflow-x:hidden; overflow-y:auto;}
.agree-box h3 {padding:10px 0; font-size:12px; margin:5px 0;text-align:left;background:none;}
.agree-box h4 {padding-top:5px;text-align:left; font-size:14px;}
.agree-box p {line-height:20px; padding:10px 0; font-size:12px;}
.agree-box ul li { line-height:20px; padding-bottom:10px; font-size:12px;}
.agree-box ul li ul { margin:10px 0;}
.agree-box02 {height:200px; padding:30px; color:#666; font-size:13px; line-height:22px; border:1px solid #c9c9c9; overflow-x:hidden; overflow-y:auto;}
.join_btn {margin-top:50px; width:100%; text-align:center;}

.agreeW{position:relative;  margin-top:10px;width:100%;}
.agree_check {position:relative;font-size:14px; padding:20px 0;}
.agree_check span {display:inline-block;}
.agree_check span.ri {display:inline-block; float: right;}
.agree_A {width:100%;position:relative;border:1px solid #d7d7d6;width:100%; color:#666; clear:both; padding:20px 0; overflow-y:scroll; margin-bottom:50px;}
.agree_A ul {width:90%; margin:0 auto; font-size:13px;}
.join_btn {margin-top:50px; width:100%; text-align:center;}
.mem_btn03{ width:40%; padding:12px 0; border-radius: 25px; background:url("/img/sub/btn_bg.png") 0 50% no-repeat; display:inline-block; text-align:center; font-size: 14px;color: #fff;}
.mem_btn04{ width:40%; padding:12px 0; border-radius: 25px; background:#fff; display:inline-block; text-align:center; font-size: 14px;color: #333; border:1px solid #ccc;}

.join_ok {width:100%; padding:50px 0 0 0; display:inline-block;vertical-align:top; text-align:center;  background-size:60px;}
.join_ok p.tit {font-size:20px; color:#333; font-weight:500;}
.join_ok p.tit span { color:#1a76f2;}
.join_ok p.txt {padding:20px 0; font-size:13px; color:#666;}
.join_ok p.btn {padding:50px 0 0 0;}

.sitemap {background:#fff; padding-top:30px;}
.sitemap ul {width:90%;}
.sitemap ul li {width:50%;}
.sitemap ul li ul {width:90%; margin:0 auto; height:300px;}
.sitemap ul li ul li {width:100%; float:left;font-size:13px; padding:5px 0;}
.sitemap ul li ul li a {color:#666;}
.sitemap ul li p {font-size:15px; width:90%; padding:5px 0; margin-bottom:10px;}


/*����*/
.mo_wzine {display:block; padding:0 30px; }
.mo_wzine ul {margin-bottom:50px;float:left;}
.mo_wzine ul li {width:40%; font-size:12px; color: #333; text-align:center; float:left;margin:0 5% 10px 5%; height:190px; }
.mo_wzine ul li a {color: #333;text-align:center;}
.mo_wzine ul li img {display:block; margin-bottom:10px; width:120px;text-align:center;}
.mo_wzine ul.txt {margin-bottom:30px;float:left;}
.mo_wzine ul.txt li {width:100%; font-size:13px; color: #333; text-align:left; float:left;margin:0 0 10px 0; height:50px; }
.mo_wzine ul.txt li a {color: #333;text-align:left;}

.pc_wzine { padding-bottom:30px;}

.wzine_noti {padding:20px 0; font-size:13px; color:#225ac6;display:block;}


/* ���հ˻� */
.spage_top_con {width:90%; min-width:250px; max-width:700px;  margin:0 auto; text-align:center; font-size:17px;color: #333; font-weight:500;}
.spage_top_con span.st01 {font-weight:500; color:#2293f1;}
.spage_top_con span.st02 {font-weight:500; color:#fe5555;}

.spage_con {width:90%;  margin:0 auto;padding:50px 0; text-align:left;}

.spage_con p.tit {padding-bottom:30px;font-weight:500; color:#000;font-size:30px;}
.spage_con ul li {padding-bottom:25px;}
.spage_con ul li p {padding-bottom:2px;font-weight:400; color:#2293f1;font-size:17px;}
.spage_con ul li p a {color:#2293f1;}


}
@media only screen and (max-width: 570px) {
    .lst_board.type1 ul li p{
        font-size: 13px;
    }
    .lst_board.type1 ul li p.subject a{
        font-size: 13px;
    }
    .lst_board.type1 ul li p.date{
        display: none;
    }
}
@media only screen and (max-width: 430px) {
    .lst_board.type1 ul li p{
        font-size: 12px;
    }
    .lst_board.type1 ul li p.subject a{
        font-size: 12px;
    }
    .lst_board.type1 ul li p.state span.ing{
        border: none;
    }
    .lst_board.type1 ul li p.subject img{
        display: none;
    }
}
@media only screen and (max-width: 330px){
    .lst_board.type1 ul li p{
        text-align: left;
    }
    .lst_board.type1 ul li p.name{
        display: none;
    }
    .lst_board.type1 ul li p.state span{
        width: 50px;
    }
    .lst_board.type1 ul li p.state{
        width: 93px;
    }
    .lst_board.type1 ul li p.subject img{
        display: none;
    }
}


/*-----행사개요*/

.festival{
    max-width: 1400px;
    margin: 40px auto 0 auto;
}
.festival>img{
    margin: 0 auto 45px auto;
    display: block;
}
.festival .table{
    font-family: 'Sbm';
    color: white;
}
.festival .table .inner{
    display: flex;
    text-align: center;
    justify-content: space-evenly;
    align-items: center;
    margin-bottom: 20px;
}
.festival .table .inner:last-child{
    margin-bottom: 0;
}
.festival .table h2{
    width: 10%;
    height: 55px;
    background-color: #ec2836;
    border-radius: 15px;
    font-size: 22px;
    line-height: 60px;
}
.festival .table p{
    width: 50%;
    color: #231f20;
    font-size: 22px;
}
.festival_02{
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
}
.festival_02>img{
    display: block;
    margin: 0 auto;
}
.title{
    max-width: 1400px;
    margin: 0 auto;
}
.title_head{
    margin: 50px auto;
    display: block;
}
.schedule_head{
    margin: 0 auto;
    display: block;
}
.composition{
    max-width: 1400px;
    margin: 0 auto;
}
.composition>p{
    font-family: 'sbm';
    text-align: center;
    margin-bottom: 25px;
    font-size: 16px;
    color: #ec2836;
}
.composition_title{
    margin: 50px auto 20px auto;
    display: block;
}
.composition02_title{
    margin: 0 auto;
    display: block;
    width: 100%;
    max-width: 968px;
}
.map_view{
    max-width: 1400px;
    margin: 0 auto;
}
.map_view_title{
    margin: 50px auto;
    display: block;
}
.marker{
    position: relative;
    margin-bottom: 50px;
}
.marker>h3{
    font-family: 'Sbm';
    color: #000;
    text-align: center;
    font-size: 30px;
}
.marker>h3>br{
    display: none;
}
.marker>h3>span{
    color: #ec2836;
}
.marker>img{
    position: absolute;
    top: -50px;
    left: 295px;
}
.marker:after{
    content: '';
    width: 730px;
    height: 20px;
    background-color: #fddb5f;
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.map{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-top: 2px dashed #c7c6b5;
    border-bottom: 2px dashed #c7c6b5;
    padding: 50px 0 50px 0;
}
.map-left{
    flex: 1;
}
.map-left>h4{
    font-family: 'Sbm';
    color: #000;
    font-size: 22px;
    width: 330px;
    height: 60px;
    line-height: 68px;
    background-color: #ffc708;
    text-align: center;
    border-radius: 30px;
    margin: 0 auto 30px auto;
}
.map-left>p{
    color: #000;
    text-align: left;
    font-size: 20px;
    font-family: 'Sbl';
    width: 312px;
    display: block;
    margin: 0 auto 10px auto;
}
.map-left>p>span{
    color: #ec2836;
    font-size: 17px;
}
.map-left>p:last-child{
    margin-bottom: 0;
}
.map-left>img{
    display: block;
    margin: 30px auto 0 auto;
}
.map-right{
    flex: 1;
    border-left: 2px dashed #c7c6b5;
}
.map-right>h4{
    font-family: 'Sbm';
    color: #000;
    font-size: 22px;
    width: 330px;
    height: 60px;
    line-height: 68px;
    background-color: #ffc708;
    text-align: center;
    border-radius: 30px;
    margin: 0 auto 30px auto;
}
.map-right>p{
    color: #000;
    text-align: left;
    font-size: 20px;
    font-family: 'Sbl';
    width: 453px;
    display: block;
    margin: 0 auto 10px auto;
}
.map-right>p:last-child{
    margin-bottom: 0;
}
.map-right>p>span{
    font-size: 23px;
    font-family: 'Sbm';
}
.map-right>.point{
    color: #ec2836;
    font-size: 17px;
    text-align: right;
}
.map-right>img{
    display: block;
    margin: 30px auto 0 auto;
}
.usebus{
    max-width: 1400px;
    margin: 0 auto;
}
.usebus>h4{
    font-family: 'Sbm';
    color: #000;
    font-size: 22px;
    width: 330px;
    height: 60px;
    line-height: 68px;
    background-color: #ffc708;
    text-align: center;
    border-radius: 30px;
    margin: 0 auto 30px auto;
}

.bus-info {text-align: center;}
.bus-info img {}

.busnum{
    border-top: 2px dashed #c7c6b5;
    padding: 30px 0 30px 0;
}
.busnum:last-child{
    border-bottom: 2px dashed #c7c6b5;
}
.busnum>h5{
    font-family: 'Sbm';
    color: #000;
    text-align: center;
    font-size: 21px;
    margin-bottom: 20px;
}
.busnum>h5>span{
    font-size: 16px;
    padding-left: 10px;
    color: #ec2836;
}
.buscon{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}
.buscon>p{
    font-family: 'Sbl';
    color: #fff;
    background: #d82026;
    font-size: 19px;
    width: 80px;
    height: 40px;
    text-align: center;
    line-height: 43px;
    border-radius: 10px;
}
.buscon2{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}
.buscon2>p{
    font-family: 'Sbl';
    color: #fff;
    background: #01b3ed;
    font-size: 19px;
    width: 80px;
    height: 40px;
    text-align: center;
    line-height: 43px;
    border-radius: 10px;
    margin-right: 10px;
}
.buscon2>p:last-child{
    margin-right: 0;
}
.buscon3{
    display: flex;
    align-items: center;
    justify-content: center;
}
.buscon3>p{
    font-family: 'Sbl';
    color: #fff;
    background: #f6af30;
    font-size: 19px;
    width: 80px;
    height: 40px;
    text-align: center;
    line-height: 43px;
    border-radius: 10px;
    margin-right: 10px;
}
.buscon3>p:last-child{
    margin-right: 0;
}
.all_play{
    position: absolute;
    background: url(/img/sub/maker_play_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
}
.all_play2{
    position: absolute;
    background: url(/img/sub/maker_play_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.all_play3{
    position: absolute;
    background: url(/img/sub/maker_play_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.all_play4{
    position: absolute;
    background: url(/img/sub/maker_play_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.make_img_box {max-width: 1400px; width: 100%; margin: 0 auto; background: #fff; padding: 30px;  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 30px;}
.make_img_box .make_img_list {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.make_img_box .make_img_list img {width: calc(100% / 5 - 20px); border-radius: 10px;}
.make_img_box .make_info {display: flex; flex-wrap: wrap; justify-content:center;}
.make_img_box .make_info::before {content: ''; display: block; width: 50px; height: 5px; background: #0070c0; margin: 40px auto; }
.make_img_box .make_info h2 {width: 100%; text-align: center; font-size: 20px; color: #000; margin-bottom: 10px;}
.make_img_box .make_info p {width: 100%; text-align: center; font-size: 18px; color: #000; margin-bottom: 30px;}
.make_img_box .make_info span {display: flex; justify-content: center; align-items: center; width: 130px; height: 130px; border-radius: 50%; text-align: center; background: #0070c0; color: #fff; font-size: 16px; margin: 0 10px;}

.dmf {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; max-width: 1400px; width: 100%; margin: 0 auto; background: #fff; padding: 30px; box-sizing: border-box; border-radius: 30px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.dmf .dmf_title {width: 100%; margin-bottom: 30px; text-align: center;}
.dmf .dmf_title h2 {position: relative; background: #e83e2d; padding: 20px 40px; font-size: 1.4rem; color: #fff; display: inline-block; border-radius: 30px; font-weight: 500;}
.dmf .dmf_title h2::after {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 20px); height: calc(100% - 20px); border-radius: 30px; border: 3px dotted #fff;}
.dmf .dmf_txt {width: 100%; margin-bottom: 20px; text-align: center;}
.dmf .dmf_txt p {font-size: 18px; color: #000;}
.dmf .dmf_box {width: calc(100% / 2 - 20px);}
.dmf .dmf_box .dmf_desc {margin-bottom: 20px;}
.dmf .dmf_box .dmf_desc p {font-size: 20px; font-weight: 500; color: #000;}
.dmf .dmf_box .dmf_desc span {display: block; font-size: 16px;}
.dmf .dmf_box .dmf_img {display: flex; justify-content: space-between;}
.dmf .dmf_box .dmf_img img {width: calc(100% / 2 - 10px); border-radius: 15px;}
/*.dmf .dmf_box .dmf_img img.wd1 {width: 100%;}*/
.dmf .dmf_box .dmf_name {margin-top: 10px; text-align: center;}
.dmf .dmf_box .dmf_name p {font-size: 14px; color: #aaa;}


@media only screen and (max-width: 1400px) {
    .dmf {width: 95%; flex-wrap: wrap;}
    .dmf .dmf_box {width: 100%; margin-top: 20px;}
    .make_img_box {width: 95%;}
    .make_img_box .make_img_list {justify-content: center;}
    .make_img_box .make_img_list img {width: calc(100% / 3 - 20px); margin: 10px;}
}

.pyz {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; max-width: 1400px; width: 100%; margin: 0 auto; background: #fff; padding: 30px; box-sizing: border-box; border-radius: 30px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.pyz .dmf_title {width: 100%; margin-bottom: 30px;}
.pyz .dmf_title h2 {position: relative; background: #0094d7; padding: 20px 40px; font-size: 1.4rem; color: #fff; display: inline-block; border-radius: 30px; font-weight: 500;}
.pyz .dmf_title h2::after {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 20px); height: calc(100% - 20px); border-radius: 30px; border: 3px dotted #fff;}
.pyz .dmf_box {position: relative; width: 100%; display: flex; justify-content: space-between;}
.pyz .dmf_box .dmf_desc {}
.pyz .dmf_box .dmf_desc p {font-size: 20px; font-weight: 500; color: #000;}
.pyz .dmf_box .dmf_desc span {display: block; font-size: 16px;}
.pyz .dmf_box .dmf_img {position: absolute; bottom: 0; right: 0; display: flex; justify-content: space-between;}
.pyz .dmf_box .dmf_img::after {content: '긱블 메이커 수드래곤'; position: absolute; bottom: 0; left: -20px; font-size: 14px; padding: 10px 20px; background: #0094d7; color: #fff; border-radius: 15px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.pyz .dmf_box .dmf_img img {position: relative; width: 200px;}


.plus {width: 100%; margin-top: 30px;}
.plus .plus_con {max-width: 1400px; margin: 0 auto; width: 100%; background-color: #fff; padding: 30px; border-radius: 15px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.plus.ps1 .plus_con {background-image: url("/img/sub/plus01.jpg"); background-repeat: no-repeat; background-position: top 50% right 40px; background-size: 250px;}
.plus.ps2 .plus_con {background-image: url("/img/sub/plus02.jpg"); background-repeat: no-repeat; background-position: top 50% right 40px; background-size: 250px;}
.plus.ps3 .plus_con {background-image: url("/img/sub/plus03.jpg"); background-repeat: no-repeat; background-position: top 50% right 40px; background-size: 300px;}
.plus .plus_con .plus_title {}
.plus .plus_con .plus_title::after {content: ''; display: block; margin: 20px 0; width: 45px; height: 5px; background: #88499d;}
.plus.ex .plus_con .plus_title {text-align: center}
.plus.ex .plus_con .plus_title::after {content: ''; display: block; margin: 20px auto; width: 45px; height: 5px; background: #88499d;}
.plus.ps2 .plus_con .plus_title::after {background: #7cae35;}
.plus .plus_con .plus_title p {color: #88499d; font-weight: 700; font-size: 30px;}
.plus.ps2 .plus_con .plus_title p {color: #7cae35;}
.plus .plus_con .plus_title h2 {font-size: 30px; font-weight: 700; color: #000;}
.plus .plus_con .plus_desc {display: flex; align-items: center; margin-bottom: 30px;}
.plus.ex .plus_con .plus_desc {justify-content: center;}
.plus .plus_con .plus_desc p {background: #88499d; padding: 10px 30px; border-radius: 30px; color: #fff; font-size: 20px; font-weight: 500; margin-right: 20px;}
.plus .plus_con .plus_desc span {font-size: 20px; color: #444;}
.plus .plus_con .plus_info {}
.plus .plus_con .plus_info > p {font-size: 18px; color: #000; margin-bottom: 20px;}
.plus .plus_con .plus_info ul {}
.plus .plus_con .plus_info ul li {margin-bottom: 10px;}
.plus .plus_con .plus_info ul li:last-child {margin-bottom: 0;}
.plus .plus_con .plus_info ul li h2 {font-size: 24px; font-weight: 500; color: #000;}
.plus .plus_con .plus_info ul li span {font-size: 17px;}
.plus .plus_con .plus_info ul li span strong {font-size: 15px; font-weight: 500; color: #cc3232;}
.plus .plus_con .plus_img_list {display: flex; justify-content: center;}
.plus .plus_con .plus_img_list img {margin-right: 20px;}
.plus .plus_con .plus_img_list img:last-child {margin-right: 0;}
.plus .plus_con .plus_link {text-align: center; margin-top: 40px;}
.plus .plus_con .plus_link a {width: 180px; height: 50px; margin: 0 auto; display: flex; justify-content: center; align-items: center; background: #88499d; color: #fff; font-size: 18px;}

.allplay_title{
    display: block;
}
.play_list_wrap {
    width: 100%;
}

.play_list{
    max-width: 1400px;
    display: flex;
    justify-content: space-between;
    position: relative;
    margin: 30px auto 0;
}
.play_cate {max-width: 280px; width: 100%; margin: 30px auto 20px; display: flex; justify-content: center; align-items: flex-end; color: #fff; padding: 10px 20px; border-radius: 30px; border: 3px solid #e27397;}
.play_cate.ct1 {background: #e699b2;}
.play_cate.ct2 {background: #905fa0; border: 3px solid #88499d}
.play_cate.ct3 {background: #87bb3d; border: 3px solid #7cae35}
.play_cate.ct4 {background: #0070c0; border: 3px solid #0060a4}
.play_cate p {font-weight: 400; font-size: 24px; font-weight: 700;}
.play_cate span {margin-left: 20px;}
.maker-info {max-width: 1400px; margin: 0 auto; width: 100%; text-align: center;}
.maker-info img {max-width: 768px; width: 100%;}
.maker-info.if2 {display: flex; justify-content: space-between; align-items: center;}
.maker-info.if2 img {width: calc(100% / 2 - 20px);}

@media (max-width: 768px){
    .maker-info img {width: 95%;}
}

.maker_tb {}
.maker_tb table {max-width: 1400px; border: 1px solid #000; width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; background: #fff;}
.maker_tb table tr {border-bottom: 1px solid #ddd;}
.maker_tb table tr:last-child {border-bottom: 0;}
.maker_tb table tr td {text-align: center; padding: 10px; border-right: 1px solid #ddd; font-weight: 500;}
.maker_tb table tr td:last-child {border-right: none;}
.maker_tb table tr td:nth-child(1) {width: 100px; background: #e699b2; font-weight: 700; color: #000;}
.maker_tb table tr td:nth-child(4) {width: 100px; background: #e699b2; font-weight: 700; color: #000;}
.maker_tb.ct2 table tr td:nth-child(1) {width: 100px; background: #905fa0; color: #fff; font-weight: 700;}
.maker_tb.ct2 table tr td:nth-child(4) {width: 100px; background: #905fa0; color: #fff; font-weight: 700;}
.maker_tb.ct3 table tr td:nth-child(1) {width: 100px; background: #87bb3d; color: #fff; font-weight: 700;}
.maker_tb.ct3 table tr td:nth-child(4) {width: 100px; background: #87bb3d; color: #fff; font-weight: 700;}
.maker_tb.ct4 table tr td:nth-child(1) {width: 100px; background: #0070c0; color: #fff; font-weight: 700;}
.maker_tb.ct4 table tr td:nth-child(4) {width: 100px; background: #0070c0; color: #fff; font-weight: 700;}
.maker_tb table tr td:nth-child(2) {background: #f5f5f5;}
.maker_tb table tr td:nth-child(5) {background: #f5f5f5;}

.play_tb {margin-top: 30px;}
.play_tb table {max-width: 1400px; border: 1px solid #000; width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; background: #fff;}
.play_tb table tr {border-bottom: 1px solid #000;}
.play_tb table tr td {font-family: "TT"; text-align: center; font-size: 18px; padding: 10px; color: #222; line-height: 1.4; border-right: 1px solid #000;}
.play_tb table tr td strong {font-weight: 500; color: #ec2836;}
.play_tb table thead {background: none;}
.play_tb table thead tr {background: #f5f5f5;}
.play_tb table thead tr td {}
.play_tb table tbody tr {}
.play_tb table tbody tr td {}

.play_list .list01{
    font-family: 'TT';
    font-size: 25px;
    padding: 15px 30px;
    border: 3px solid #ffc708;
    background-color: transparent;
    color: gold;
    text-transform: uppercase;
    position: relative;
    transition: all 0.4s;
    overflow: hidden;
}
.play_list .list01:focus{
    outline: none;
}
.play_list .list01::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ffc708;
    top: 100%;
    left: 0;
    transition: all 0.4s;
    z-index: -1;
}
.play_list .list01:hover::before{
    transform:translateY(-100%);
}
.play_list .list01:hover{
    color: black;
}
.play_maker{
    position: absolute;
    background: url(/img/sub/play_maker.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.all_playmaker{
    width: 1400px;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'sbm';
    font-size: 24px;
}
.maker_school_title{
    display: block;
    margin: 100px auto;
}
.all_playmaker>p{
    color: white;
    font-size: 30px;
}
.foot_play_maker{
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 80%;
    overflow-y: scroll;
}
.play_maker_5{
    position: absolute;
    background: url(/img/sub/play_maker05_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.play_maker_6{
    position: absolute;
    background: url(/img/sub/play_maker06_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.tg{
    border-collapse:collapse;
    border-spacing:0;
    width: 100%;
    white-space: nowrap;
    overflow-x: scroll;
}
thead{
    background-color: #595959;
}
.tg td {
    border-color: white;
    border-style: solid;
    border-width: 1px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    overflow: hidden;
    padding: 10px 5px;
    word-break: normal;
}
.tg th {
    border-color: white;
    border-style: solid;
    border-width: 1px;
    font-family: 'sbl';
    font-size: 14px;
    font-weight: normal;
    overflow: hidden;
    padding: 10px 5px;
    word-break: normal;
}
.tg .tg-tcrt{
    font-family:'sbl'
    !important;text-align:center;
    vertical-align:middle;
    color: white;
    padding: 15px;
}
.tg .tg-9wq8{
    border-color:white;
    text-align:center;
    vertical-align:middle;
    color: white;
    padding: 20px;
    font-family: 'sbl';
}
.all_playmaker span{
    margin-top: 20px;
    color: #e83c7a;
    display: block;
    font-family: 'sbl';
}
.topplay_maker{
    margin-bottom: 20px;
}
.topplay_maker>h2{
    font-size: 45px;
    color: #444bfa;
}
.topplay_maker>h3{
    font-size: 35px;
    color: white;
}
.footplay_maker{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 53%;
    margin: 0 auto;
}
.play_title{
    text-align: left;
    color: white;
}
.play_title>h2{
    font-size: 40px;
    margin-bottom: 20px;
    color: #444bfa;
}
.play_title>h3{
    font-size: 35px;
}
.stage_play{
    position: absolute;
    background: url(/img/sub/play_maker_무대행사bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.stage_01{
    width: 1400px;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'sbm';
    font-size: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}
.stage_01 .left h3{
    font-size: 40px;
    margin-bottom: 20px;
    color: #f8ba59;
}
.stage_01 .left h2{
    font-size: 35px;
    margin-bottom: 30px;
}
.stage_01 .left p{
    margin-bottom: 20px;
    font-size: 27px;
    font-family: 'sbl';
}
.stage_01 .left span{
    margin-top: 30px;
    display: block;
    font-size: 22px;
    font-family: 'sbl';
}
.stage_play02{
    position: absolute;
    background: url(/img/sub/play_maker05_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.stage_02{
    width: 1400px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.stage_02 .top{
    margin-bottom: 20px;
    font-family: 'sbm';
}
.stage_02 .top>h2{
    font-size: 45px;
    color: #f8ba59;
}
.stage_02 .top>h3{
    font-size: 35px;
    color: white;
}
.stage_play02 .bottom{
    display: flex;
    margin: 0 auto;
    justify-content: center;
}
.in_play_01{
    position: absolute;
    background: url(/img/sub/play_maker_상상아트스퀘어.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.in_play_01 .list{
    background-color: #3d4154e0;
    width: 1400px;
    position: absolute;
    transform: translate(-50% , -50%);
    top: 50%;
    left: 50%;
    padding: 30px;
}
.in_play_01 .list .list_contents{
    display: flex;
    justify-content: space-evenly;
    width: 90%;
    margin: 0 auto;
}
.in_play_01 .list .list_contents p{
    font-family: 'sbm';
    margin-top: 30px;
    font-size: 28px;
    text-align: center;
    color: white;
}
.in_play_01 .list .list_contents span{
    display: block;
    font-size: 32px;
    color: #ef5b5b;
}
.in_play_01 .list .list_contents .list_inner img{
    display: block;
    margin: 0 auto;
}
.in_play_02{
    position: absolute;
    background: url(/img/sub/play_maker_별랜드.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.in_play_02 .list{
    background-color: #3d4154e0;
    width: 1400px;
    position: absolute;
    transform: translate(-50% , -50%);
    top: 50%;
    left: 50%;
    padding: 30px;
}
.in_play_02 .list .list_contents{
    display: flex;
    justify-content: space-evenly;
    width: 90%;
    margin: 0 auto;
}
.in_play_02 .list .list_contents p{
    font-family: 'sbm';
    margin-top: 30px;
    font-size: 28px;
    text-align: center;
    color: white;
}
.in_play_02 .list .list_contents span{
    display: block;
    font-size: 32px;
    color: #ef5b5b;
}
.in_play_02 .list .list_contents .list_inner img{
    display: block;
    margin: 0 auto;
}
.in_play_03{
    position: absolute;
    background: url(/img/sub/play_maker_투표.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.in_play_03 .list{
    background-color: #3d41543b;
    width: 1400px;
    position: absolute;
    transform: translate(-50% , -50%);
    top: 50%;
    left: 50%;
    color: white;
    font-family: 'sbm';
    font-size: 30px;
    text-align: center;
    padding: 50px;
}
.final_play_02{
    position: absolute;
    background: url(/img/sub/play_maker_상상아트공모전.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.final_play_02 .list{
    background-color: #3d41543b;
    width: 1400px;
    position: absolute;
    transform: translate(-50% , -50%);
    top: 50%;
    left: 50%;
    color: white;
    font-family: 'sbm';
    font-size: 45px;
    text-align: center;
    padding: 30px;
}
.final_play_02 .list>h2:nth-child(1){
    margin-bottom: 50px;
}
.final_play_03{
    position: absolute;
    background: url(/img/sub/play_maker_스탬프빙고.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.final_play_03 .list{
    background-color: #3d41543b;
    width: 1400px;
    position: absolute;
    transform: translate(-50% , -50%);
    top: 50%;
    left: 50%;
    color: white;
    font-family: 'sbm';
    font-size: 45px;
    text-align: center;
    padding: 50px;
}
.final02{
    position: absolute;
    background: url(/img/sub/play_maker_부대행사02.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.final02_all{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    justify-content: space-between;
    width: 70%;
    font-family: 'sbl';
    color: white;
    font-size: 25px;
    background-color: #3d41543b;
    padding: 30px;
}
.final02_all .final_left{
    line-height: 50px;
}
.final02_all h3{
    font-weight: bold;
    font-size: 27px;
    color: #03d2ab;
    margin-bottom: 20px;
}
.final02_all p{
    margin-bottom: 20px;
}
@media (max-width: 1400px){
    .festival{
        max-width: 90%;
        display: flex;
        align-items: center;
    }
    .festival>img{
        width: 480px;
        margin: 0 auto;
    }
    .festival .table{
        flex: 1;
    }
    .festival .table h2{
        width: 15%;
    }
    .festival .table p{
        width: 60%;
    }
    .festival_02{
        max-width: 90%;
    }
    .festival_02>img{
        width: 274px;
    }
    .map_view{
        max-width: 90%;
    }
    .usebus{
        max-width: 90%;
    }
}
@media (max-width: 1220px){
    .about01{
        flex-direction: column;
        align-items: center;
    }
    .about01 .inner_text{
        text-align: center;
        margin-top: 100px;
    }
    .about01 .bg>img{
        width: 750px;
    }
    .about01 p.st01{
        font-size: 45px;
        line-height: 70px;
    }
    .about01 p.st01 span{
        font-size: 50px;
    }
    .about01 p.st02{
        font-size: 23px;
    }
    .about02>img{
        width: 350px;
    }
    .about02 .maker>img{
        width: 1000px;
    }
    .about03>img{
        width: 350px;
    }
    .about03 .maker>img{
        width: 1000px;
    }
    .about_history{
        width: 350px;
    }
    .about04 .poster{
        flex-wrap: wrap;
        margin: 0 auto;
    }
    .poster .inner img{
        width: 240px;
    }
    .makerspace{
        width: 350px;
    }
    .festival>img{
        width: 350px;
    }
    .festival_02{
        width: 90%;
        flex-wrap: wrap;
    }
    .festival_02>img{
        width: 365px;
    }
    .festival_02>img:nth-child(3),.festival_02>img:nth-child(4){
        margin-top: 30px;
    }
    .title_head{
        width: 350px;
    }
    .schedule_head{
        width: 1210px;
    }
    .composition_title{
        width: 350px;
    }
    .composition02_title{
        width: 1060px;
        height: 620px;
    }
    .map_view_title{
        width: 350px;
    }
    .allplay_title{
        width: 350px;
    }
    .play_title{
        text-align: center;
    }
    .final02_all h3{
        font-size: 26px;
    }
    .final02_all p{
        font-size: 20px;
    }
    .in_play_01 .list .list_contents span{
        font-size: 29px;
    }
    .in_play_01 .list .list_contents p{
        font-size: 24px;
    }
    .in_play_02 .list .list_contents span{
        font-size: 29px;
    }
    .in_play_02 .list .list_contents p{
        font-size: 24px;
    }
    .in_play_02 .list .list_contents .list_inner img{
        width: 328px;
    }
    .close{
        top: 11%;
        left: 70%;
    }
}
@media (max-width: 1024px){
    .about01 .bg>img{
        width: 600px;
    }
    .about01 p.st01{
        font-size: 38px;
        line-height: 60px;
    }
    .about01 p.st02{
        font-size: 20px;
    }
    .about01 .inner_text{
        margin-top: 90px;
    }
    .about02>img{
        width: 310px;
    }
    .about02 .maker>img{
        width: 785px;
    }
    .about02 .text{
        font-size: 20px;
    }
    .about03>img{
        width: 310px;
    }
    .about03 .maker>img{
        width: 785px;
    }
    .about03 .text{
        font-size: 20px;
    }
    .about_history{
        width: 310px;
    }
    .about04 .poster{
        width: 90%;
        justify-content: center;
    }
    .about04 .poster>.inner{
        margin: 0 auto 50px auto;
    }
    .about04 .poster .inner:last-child{
        margin: 0 auto 50px auto;
    }
    .poster .inner img{
        width: 290px;
    }
    .poster .inner h3{
        font-size: 20px;
    }
    .close {
        top: 24%;
        left: 74%;
    }
    .makerspace{
        width: 310px;
    }
    .about05 .flex .list>li .org{
        font-size: 16px;
    }
    .festival>img{
        width: 310px;
    }
    .festival .table{
        font-size: 30px;
    }
    .festival_02{
        width: 80%;
    }
    .festival_02>img{
        width: 300px;
    }
    .title_head{
        width: 310px;
    }
    .schedule_head{
        width: 1000px;
    }
    .composition_title{
        width: 310px;
    }
    .composition02_title{
        width: 900px;
        height: 600px;
    }
    .map_view_title{
        width: 310px;
    }
    .map_icon{
        width: 500px;
    }
    .allplay_title{
        width: 310px;
    }
    .play_list .list01{
        font-size: 23px;
    }
    .maker_school_title{
        width: 900px;
    }
    .all_playmaker>p{
        font-size: 28px;
    }
    .topplay_maker>h2{
        font-size: 38px;
    }
    .topplay_maker>h3{
        font-size: 30px;
    }
    .stage_01 .left h3{
        font-size: 35px;
    }
    .stage_01 .left h2{
        font-size: 32px;
    }
    .stage_01 .left p{
        font-size: 25px;
    }
    .final02_all{
        width: 80%;
    }
    .final02_all h3{
        font-size: 24px;
    }
    .final02_all p{
        font-size: 19px;
    }
    .in_play_01 .list .list_contents{
        width: 80%;
    }
    .in_play_01 .list .list_contents span{
        font-size: 27px;
    }
    .in_play_01 .list .list_contents p{
        font-size: 22px;
    }
    .in_play_01 .list .list_contents .list_inner img{
        width: 328px;
    }
    .in_play_02 .list .list_contents{
        width: 80%;
    }
    .in_play_02 .list .list_contents span{
        font-size: 27px;
    }
    .in_play_02 .list .list_contents p{
        font-size: 22px;
    }
    .in_play_02 .list .list_contents .list_inner img{
        width: 288px;
    }
    .festival .table .inner{
        margin-bottom: 20px;
    }
    .festival .table h2{
        height: 50px;
        line-height: 55px;
        font-size: 20px;
    }
    .festival .table p{
        font-size: 20px;
    }
}

@media (max-width: 800px){
    .about01 .bg>img{
        width: 600px;
    }
    .about01 p.st01{
        font-size: 28px;
        text-align: center;
        line-height: 60px;
    }
    .about01 p.st01 span{
        font-size: 40px;
    }
    .about01 p.st02{
        font-size: 18px;
        text-align: center;
        width: 70%;
        margin: 0 auto;
    }
    .about01 .inner_text{
        margin-top: 65px;
    }
    .about02>img{
        width: 270px;
    }
    .about02 .maker>img{
        width: 700px;
    }
    .about02 .text{
        font-size: 18px;
    }
    .about03>img{
        width: 270px;
    }
    .about03 .maker>img{
        width: 700px;
    }
    .about03 .text{
        font-size: 18px;
    }
    .about_history{
        width: 270px;
    }
    .about04 .poster{
        width: 82%;
    }
    .poster .inner img{
        width: 220px;
    }
    .makerspace{
        width: 270px;
    }
    .about05 .flex .list>li{
        width: 42%;
    }
    .about05 .flex .list>li:nth-child(5){
        border-radius: 0;
    }
    .about05 .flex .list>li:nth-child(2){
        border-radius: 0 30px 0 0;
    }
    .about05 .flex .list>li:nth-child(4){
        border-radius: 0;
    }
    .about05 .flex .list>li:nth-child(7){
        border-radius: 0 0 0 30px;
    }
    .about05 .flex .list>li img{
        width: 150px;
    }
    .about05 .flex .list>li .org{
        font-size: 15px;
    }
    .festival>img{
        width: 270px;
    }
    .festival .table{
        font-size: 28px;
    }
    .festival_02{
        width: 80%;
    }
    .festival_02>img{
        width: 214px;
    }
    .title_head{
        width: 270px;
    }
    .schedule_head{
        width: 800px;
    }
    .composition_title{
        width: 270px;
    }
    .composition02_title{
        width: 800px;
        height: 530px;
    }
    .map_view_title{
        width: 270px;
    }
    .allplay_title{
        width: 270px;
    }
    .play_list{
        width: 800px;
    }
    .play_list .list01{
        font-size: 20px;
    }
    .tg .tg-tcrt{
        font-size: 13px;
    }
    .tg th{
        font-size: 13px;
    }
    .tg .tg-9wq8{
        font-size: 13px;
    }
    .maker_school_title{
        width: 700px;
    }
    .play_title>h2{
        font-size: 30px;
    }
    .all_playmaker>p{
        font-size: 20px;
    }
    .topplay_maker>h2{
        font-size: 30px;
    }
    .topplay_maker>h3{
        font-size: 26px;
    }
    .footplay_maker{
        width: 45%;
    }
    .footplay_maker>img{
        width: 280px;
    }
    .play_title>h3{
        font-size: 25px;
    }
    .final02_all{
        width: 90%;
    }
    .final02_all h3{
        font-size: 21px;
    }
    .final02_all p{
        font-size: 18px;
    }
    .stage_01{
        flex-direction: column;
        margin-top: 20px;
    }
    .foot_play_maker{
        width: 70%;
    }
    .in_play_02 .list{
        font-size: 40px;
    }
    .in_play_03 .list{
        font-size: 25px;
    }
    .final_play_02 .list{
        font-size: 40px;
    }
    .final_play_03 .list{
        font-size: 40px;
    }
    .in_play_01 .list .list_contents{
        width: 60%;
    }
    .in_play_01 .list .list_contents span{
        font-size: 24px;
    }
    .in_play_01 .list .list_contents p{
        font-size: 19px;
    }
    .in_play_01 .list .list_contents .list_inner img{
        width: 280px;
    }
    .in_play_02 .list .list_contents{
        width: 60%;
    }
    .in_play_02 .list .list_contents span{
        font-size: 24px;
    }
    .in_play_02 .list .list_contents p{
        font-size: 19px;
    }
    .in_play_02 .list .list_contents .list_inner img{
        width: 228px;
    }
    .festival{
        flex-direction: column;
    }
    .festival>img{
        width: 350px;
        margin: 0 auto 30px auto;
    }
    .festival .table{
        width: 100%;
    }
    .festival .table p{
        width: 73%;
    }
    .marker{
        margin-bottom: 30px;
    }
    .marker>h3{
        font-size: 23px;
    }
    .marker:after{
        width: 535px;
    }
    .marker>img{
        top: -33px;
        left: -20px;
        width: 40px;
    }
    .map{
        padding: 40px 0 40px 0;
    }
    .map-left>h4{
        font-size: 21px;
        width: 300px;
        height: 50px;
        line-height: 55px;
    }
    .map-left>p{
        width: 340px;
    }
    .usebus>h4{
        font-size: 21px;
        width: 300px;
        height: 50px;
        line-height: 55px;
    }
    .busnum>h5{
        font-size: 20px;
    }

}
@media (max-width: 550px){
    .about01 .bg>img{
        width: 430px;
        margin-top: 50px;
    }
    .about01 p.st01{
        font-size: 22px;
        text-align: center;
        line-height: 60px;
        padding-top: 0;
    }
    .about01 p.st01 span{
        font-size: 35px;
    }
    .about01 p.st02{
        font-size: 16px;
        text-align: center;
        width: 70%;
        margin: 0 auto;
    }
    .about01 .inner_text{
        margin-top: 55px;
    }
    .about02>img{
        width: 260px;
    }
    .about02 .maker>img{
        width: 395px;
    }
    .about02 .text{
        font-size: 16px;
    }
    .about03>img{
        width: 260px;
    }
    .about03 .maker>img{
        width: 395px;
    }
    .about03 .text{
        font-size: 16px;
    }
    .about_history{
        width: 260px;
    }
    .about04 .poster{
        width: 90%;
    }
    .poster .inner img{
        width: 165px;
    }
    .poster .inner h3{
        font-size: 18px;
    }
    .makerspace{
        width: 260px;
    }
    .about05 .flex .list>li{
        width: 39%;
    }
    .about05 .flex .list>li img{
        width: 85px;
    }
    .about05 .flex .list>li .org{
        font-size: 13px;
    }
    .festival>img{
        width: 300px;
    }
    .festival .table{
        font-size: 22px;
    }
    .festival_02{
        width: 80%;
    }
    .festival_02>img{
        width: 300px;
    }
    .festival_02>img:nth-child(2){
        margin-top: 30px;
    }
    .title_head{
        width: 260px;
    }
    .schedule_head{
        width: 550px;
    }
    .composition_title{
        width: 260px;
    }
    .composition02_title{
        width: 500px;
        height: 450px;
    }
    .map_view_title{
        width: 260px;
    }
    .allplay_title{
        width: 260px;
        top: 35%;
    }
    .play_list{
        width: 40%;
        flex-direction: column;
    }
    .play_list .list01{
        font-size: 18px;
        margin-bottom: 20px;
    }
    .tg .tg-tcrt{
        font-size: 12px;
    }
    .tg th{
        font-size: 12px;
    }
    .tg .tg-9wq8{
        font-size: 12px;
    }
    .maker_school_title{
        width: 380px;
    }
    .all_playmaker>p{
        font-size: 21px;
    }
    .topplay_maker>h2{
        font-size: 25px;
    }
    .topplay_maker>h3{
        font-size: 22px;
    }
    .footplay_maker{
        width: 40%;
    }
    .footplay_maker>img{
        width: 215px;
    }
    .play_title>h2{
        font-size: 25px;
    }
    .play_title>h3{
        font-size: 23px;
    }
    .final02_all{
        width: 90%;
    }
    .final02_all .final_left{
        line-height: 25px;
    }
    .final02_all h3{
        font-size: 17px;
    }
    .final02_all p{
        font-size: 14px;
    }
    .foot_play_maker{
        width: 90%;
    }
    .stage_01 .left h3{
        font-size: 30px;
    }
    .stage_01 .left h2{
        font-size: 27px;
    }
    .stage_01 .left p{
        font-size: 19px;
    }
    .stage_01 .left span{
        font-size: 19px;
    }
    .stage_02 .top>h2{
        font-size: 40px;
    }
    .stage_02 .top>h3{
        font-size: 30px;
    }
    .in_play_02 .list{
        font-size: 35px;
    }
    .in_play_03 .list{
        font-size: 19px;
    }
    .final_play_02 .list{
        font-size: 29px;
    }
    .stage_play02 .bottom>img{
        width: 213px;
    }
    .final_play_03 .list{
        font-size: 35px;
    }
    .in_play_01 .list .list_contents{
        width: 44%;
    }
    .in_play_01 .list .list_contents span{
        font-size: 20px;
    }
    .in_play_01 .list .list_contents p{
        font-size: 19px;
    }
    .in_play_01 .list .list_contents .list_inner img{
        width: 180px;
    }
    .in_play_02 .list .list_contents{
        width: 44%;
        flex-wrap: wrap;
    }
    .in_play_02 .list .list_contents span{
        font-size: 20px;
    }
    .in_play_02 .list .list_contents p{
        font-size: 19px;
    }
    .in_play_02 .list .list_contents .list_inner img{
        width: 228px;
    }
    .in_play_02 .list .list_contents .list_inner:nth-child(3){
        margin-top: 30px;
    }
    .close {
        top: 20%;
        left: 91%;
    }
    .festival .table .inner{
        justify-content: space-between;
    }
    .festival .table h2{
        height: 47px;
        line-height: 52px;
        font-size: 19px;
        width: 18%;
        border-radius: 12px;
    }
    .festival .table p{
        font-size: 19px;
    }
    .marker>h3>br{
        display: block;
    }
    .marker>h3{
        font-size: 22px;
    }
    .marker:after {
        width: 330px;
    }
    .marker>img {
        top: -4px;
        left: 40px;
    }
    .map-left>h4 {
        font-size: 20px;
        width: 270px;
        height: 40px;
        line-height: 45px;
    }
    .map-left>p {
        width: 330px;
    }
    .map-left>p>span{
        font-size: 16px;
    }
    .map-left>img{
        width: 370px;
    }
    .usebus>h4{
        font-size: 20px;
        width: 270px;
        height: 40px;
        line-height: 45px;
    }
    .buscon>p{
        font-size: 17px;
        width: 70px;
        height: 35px;
        line-height: 39px;
        border-radius: 10px;
    }
    .buscon2>p{
        font-size: 17px;
        width: 70px;
        height: 35px;
        line-height: 39px;
        border-radius: 10px;
        margin-right: 7px;
    }
    .buscon3>p{
        font-size: 17px;
        width: 70px;
        height: 35px;
        line-height: 39px;
        border-radius: 10px;
    }
    .busnum>h5>span{
        font-size: 13px;
    }
}

@media (max-width: 420px){
    .about01 .bg>img{
        width: 313px;
        margin-top: 0;
    }
    .about01 p.st01{
        font-size: 19px;
        line-height: 40px;
    }
    .about01 p.st02{
        font-size: 14px;
    }
    .about02>img{
        width: 230px;
        margin: 50px auto;
    }
    .about02 .maker>img{
        width: 282px;
    }
    .about02 .text{
        font-size: 14px;
        width: 70%;
        margin: 50px auto;
    }
    .about03>img{
        width: 230px;
        margin: 50px auto;
    }
    .about03 .maker>img{
        width: 282px;
    }
    .about03 .text{
        font-size: 14px;
        width: 70%;
        margin: 50px auto;
    }
    .about_history{
        width: 230px;
        margin: 50px auto;
    }
    .poster .inner img{
        width: 135px;
    }
    .about04 .poster{
        width: 90%;
    }
    .poster .inner h3{
        font-size: 14px;
    }
    .about05 .flex .list>li{
        width: 12%;
    }
    .about05 .flex .list>li{
        width: 34%;
    }
    .about05 .flex .list>li:nth-child(2){
        border-radius: 0 30px 0 0;
    }
    .about05 .flex .list>li:nth-child(4){
        border-radius: 0 0 0 0;
    }
    .about05 .flex .list>li:nth-child(13){
        border-radius: 0 0 0 0px;
    }
    .about05 .flex .list>li:nth-child(15){
        border-radius: 0 0 0 30px;
    }
    .festival>img{
        width: 230px;
    }
    .festival .table{
        font-size: 17px;
    }
    .festival .table h2{
        height: 40px;
        line-height: 44px;
        font-size: 18px;
        border-radius: 10px;
    }
    .festival_02>img{
        width: 250px;
    }
    .title_head{
        width: 230px;
    }
    .schedule_head{
        width: 330px;
    }
    .composition_title{
        width: 230px;
    }
    .composition02_title{
        width: 300px;
        height: 270px;
    }
    .map_view_title{
        width: 230px;
        margin: 0 auto 20px auto;
    }
    .map_icon{
        width: 310px;
    }
    .allplay_title{
        width: 230px;
    }
    .play_list{
        width: 50%;
        top: 65%;
    }
    .play_list .list01{
        font-size: 15px;
    }
    .topplay_maker>span{
        font-size: 15px;
    }
    .topplay_maker>p{
        font-size: 14px;
    }
    .tg .tg-tcrt{
        font-size: 11px;
    }
    .tg th{
        font-size: 11px;
    }
    .tg .tg-9wq8{
        font-size: 11px;
    }
    .maker_school_title{
        width: 290px;
    }
    .all_playmaker>p{
        font-size: 16px;
    }
    .topplay_maker>h2{
        font-size: 22px;
    }
    .topplay_maker>h3{
        font-size: 19px;
    }
    .play_title>h2{
        font-size: 20px;
    }
    .play_title>h3{
        font-size: 17px;
    }
    .final02_all{
        flex-wrap: wrap;
    }
    .final02_all h3{
        font-size: 16px;
    }
    .final02_all p{
        font-size: 14px;
    }
    .foot_play_maker{
        width: 90%;
    }
    .stage_01 .left h3{
        font-size: 25px;
    }
    .stage_01 .left h2{
        font-size: 22px;
    }
    .stage_01 .left p{
        font-size: 16px;
    }
    .stage_01 .left span{
        font-size: 15px;
    }
    .stage_01 .right>img{
        width: 300px;
    }
    .stage_02 .top>h2{
        font-size: 28px;
    }
    .stage_02 .top>h3{
        font-size: 25px;
    }
    .stage_play02 .bottom>img{
        width: 156px;
    }
    .in_play_02 .list{
        font-size: 25px;
    }
    .final_play_02 .list{
        font-size: 23px;
    }
    .final_play_03 .list{
        font-size: 25px;
    }
    .footplay_maker{
        width: 25%;
    }
    .footplay_maker>img{
        width: 150px;
    }
    .in_play_01 .list .list_contents{
        width: 20%;
        flex-wrap: wrap;
    }
    .in_play_01 .list .list_contents .list_inner:nth-child(2){
        margin-top: 30px;
    }
    .in_play_01 .list .list_contents span{
        font-size: 20px;
    }
    .in_play_01 .list .list_contents p{
        font-size: 17px;
    }
    .in_play_01 .list .list_contents .list_inner img{
        width: 220px;
    }
    .in_play_02 .list .list_contents{
        width: 20%;
    }
    .in_play_02 .list .list_contents .list_inner:nth-child(2),
    .in_play_02 .list .list_contents .list_inner:nth-child(3){
        margin-top: 30px;
    }
    .in_play_02 .list .list_contents span{
        font-size: 20px;
    }
    .in_play_02 .list .list_contents p{
        font-size: 17px;
    }
    .in_play_02 .list .list_contents .list_inner img{
        width: 228px;
    }
    .modal-content{
        width: 250px;
    }
    .close {
        top: 30%;
        left: 89%;
        font-size: 40px;
    }
    .festival .table .inner{
        margin-bottom: 15px;
    }
    .festival .table p{
        font-size: 18px;
    }
    .marker {
        margin-bottom: 20px;
    }
    .marker>h3 {
        font-size: 20px;
    }
    .marker:after {
        width: 310px;
    }
    .marker>img {
        top: -6px;
        left: -10px;
    }
    .map-left>img {
        width: 280px;
    }
    .map {
        padding: 25px 0 25px 0;
    }
    .map-left>h4 {
        font-size: 18px;
        width: 240px;
    }
    .map-left>p{
        font-size: 18px;
        margin: 0 auto 8px auto;
        width: 300px;
    }
    .map-left>p>span {
        font-size: 15px;
    }
    .usebus>h4{
        font-size: 18px;
        width: 240px;
    }
    .busnum>h5 {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .buscon>p {
        font-size: 15px;
        width: 60px;
        height: 33px;
        line-height: 37px;
        border-radius: 10px;
    }
    .buscon2>p{
        font-size: 15px;
        width: 60px;
        height: 33px;
        line-height: 37px;
        border-radius: 10px;
        margin-right: 5px;
    }
    .buscon3>p{
        font-size: 15px;
        width: 60px;
        height: 33px;
        line-height: 37px;
        border-radius: 10px;
    }
    .busnum{
        padding: 25px 0 25px 0;
    }
    .busnum>h5>span {
        font-size: 12px;
    }
    .faqList ul li>.tit-faq>.downloadimg{
        background: url(../../img/common/download2.png);
        width: 15px;
        height: 15px;
        margin-left: 3px;
    }
}