@charset "utf-8";

@import url(/css/font/NanumBarunGothic.css);
@import url(/css/font/NanumSquare.css);
@import url(/css/font-awesome.css);
@import url(/css/simple-line-icons.css);

 /* 사이트 공통 CSS */
/* default font-family */
body,
input[type='text'],
input[type='password'],
input[type='file'],
input[type='submit'],
input[type='button'],
input[type='reset'],
select,
textarea,
button {/* font-family:'맑은 고딕', 'Malgun Gothic', sans-serif;color:#666;font-size:15px;line-height:1.5;font-weight:normal; */}


div.wrapper {padding-top: 0;background: none;font-family:'맑은 고딕', 'Malgun Gothic', sans-serif;}
div#hearderWrap {position: relative;width: 940px;margin: 0 auto;}
div#hearderWrap h1 {position: absolute;left: 0;top: 12px;width: 170px;height: 38px;}
div#hearderWrap h1 a {display: block;height: 100%;text-indent: -10000px;}

ul#wsGnb {overflow: hidden;}
ul#wsGnb li {float: left;}
ul#wsGnb a {display: block;}

div#footerWrap {padding: 20px 0;background: none;}
div#footerWrap img {display: block;margin: 0 auto;}


div#container {width: 940px;margin: 0 auto;padding:20px 0;background: none;}
div#container h2 {padding-bottom: 30px;}

.subTit {margin: 30px 0 10px;padding-left: 20px;color: #f33903;font-size: 16px;font-weight: bold;background: url('/workshop/201601/image/icon.gif') 0 7px no-repeat;font-family:'맑은 고딕', 'Malgun Gothic', sans-serif;}

table.tblDef {border-top: 1px solid #bebebe;border-right: 1px solid #bebebe;}
table.tblDef th,
table.tblDef td {border-color: #bebebe;font-size: 14px;}
table.tblDef tr > *:first-child {border-left: 1px solid #bebebe;}
table.tblDef th {background-color: #f8f8f8;}
table.tblDef thead th {color: #000;font-weight: bold;background-color: #2ac800;}
div.organ {overflow: hidden;}
div.organ > div {width: 445px;}


/*2018-12-12 김영환 추가*/
table.tblReg,
table.inputTbl,
table.tblProgram {border-top:2px solid #858585;}
table.tblReg {border-top-color:#0051af;}
table.inputTbl {border-bottom:1px solid #c9cfd6;}

table.bdBtm {border-bottom:2px solid #8e8e8e;}

table.tblReg th,
table.tblReg td,
table.inputTbl th,
table.inputTbl td,
table.tblProgram th,
table.tblProgram td {padding:6px 0 7px;text-align:center;border-bottom:1px solid #c9cfd6;color:#2e2e2e;}

table.tblReg thead th,
table.inputTbl th,
table.bbs thead th {color:#2e2e2e;background-color:#f8f8f8;}


table.tblReg th,
table.tblReg td {padding:5px 10px 7px;border-left:1px solid #c9cfd6;}
table.tblReg tr > *:first-child,
table.inputTbl tr > *:first-child {border-left:0 none;}

table.tblReg th {line-height:1.2;}
table.tblReg thead th {background-color:#ebf4fa;}


table.tblReg {border-top:1px solid #bebebe;border-right: 1px solid #bebebe;}
table.tblReg th,
table.tblReg td {border-color: #bebebe;font-size: 14px;padding-left:10px;}
table.tblReg tr > *:first-child {border-left: 1px solid #bebebe;}
table.tblReg th {background-color: #f8f8f8;text-align:center;}
table.tblReg thead th {color: #fff;font-weight: bold;background-color: #4a9ce9;}
div.Reg > div {width: 100%;}


div.wingBnr {position: absolute;right: -125px;top: 65px;}


/* 신경과 후원사영역 */
/* 후원사 페이지 200605 */
div.sponsor{background: url(/workshop/202001/image/sponsorBg_1.png) no-repeat center top, url(/workshop/202001/image/sponsorBg_2.png) no-repeat center 788px, url(/workshop/202001/image/sponsorBg_4.png) no-repeat center bottom, url(/workshop/202001/image/sponsorBg_3r.png) repeat-y center 1276px; margin:  0 auto; text-align: center;}
div.sponsor div{width: 920px; margin: 0 auto;}

div.sponsor div.mainsponWrap{height: 600px; padding-top: 188px;}
div.sponsor h3.mainSpon{}

div.sponsor ul.sponList{font-size: 0; margin-top: 100px;}
div.sponsor div.mainsponWrap ul.sponList:nth-child(3){margin-top: 60px;}
div.sponsor div.mainsponWrap ul.sponList li:nth-child(4n+1){margin-left: 0;}

div.sponsor ul.sponList li{display:inline-block; background: url(/workshop/202001/image/mainsponBg.png) no-repeat left top; margin-left: 0px; padding: 33px 39px 26px 34px; width: 227px; height: 133px; box-sizing: border-box;}

div.sponsor ul.sponList li a{display:block; width: 154px; height: 74px;}
div.sponsor ul.sponList li a img{width: 154px; height: 74px; display:block;}

div.sponsor div.loungeWrap{padding: 80px 0 133px;}
div.sponsor div.loungeWrap ul.sponList{margin-top: 30px; text-align: center;}
div.sponsor div.loungeWrap ul.sponList li{display:inline-block;background: url(/workshop/202001/image/loungeSponBg.png) no-repeat left top; padding: 21px 22px 27px 21px; width: 198px; height: 121px; margin: 0 0 35px 20px;}
div.sponsor div.loungeWrap ul.sponList li:nth-child(4n+1){margin-left: 0;}
div.sponsor div.loungeWrap ul.sponList li a{display:block; width: 155px; height: 74px;}
div.sponsor div.loungeWrap ul.sponList li a img{display:block; width: 155px; height: 74px;}

/* 오시는 길 */
div.mapArea {width:100%;height: 300px;}
div.mapArea iframe {width:100%;height: 100%;}

ul.mapInfo {margin-top: 20px;padding-bottom: 15px;border-bottom:1px solid #dfdfdf;}
ul.mapInfo li {position: relative;padding-left: 10px;font-family: 'NotoSansKR Regular',sans-serif;font-size: 16px;line-height: 28px;color:#252525;}
ul.mapInfo li:before {content:"";position: absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height: 4px;border-radius:50%;background-color: #252525;}
ul.mapInfo li span {font-family: 'NotoSansKR Bold',sans-serif;}

dl.wayInfo {float:left;position: relative;min-height: 100px;margin-top: 25px;padding: 0 20px 0 120px;box-sizing:border-box;}
/* dl.wayInfo {float:left;position: relative;width:50%;min-height: 100px;margin-top: 25px;padding: 0 20px 0 120px;box-sizing:border-box;} */
dl.wayInfo dt {font-family: 'NotoSansKR Bold',sans-serif;font-size: 18px;line-height: 26px;color:#036cbb;}
dl.wayInfo dd {font-family: 'NotoSansKR Regular',sans-serif;font-size: 16px;line-height: 26px;color:#252525;}
dl.wayInfo img {position: absolute;top:0;left:0;}



/* bus */
div.bus .subTit {background-position: 0 5px;}
div.bus table.tblDef {border-top:2px solid #155401;}
div.bus table.tblDef th {background-color: #f7f7f7;font-weight: bold;}
div.bus table.tblDef > * > tr > * {text-align: center;border-color: #dbd9dc;}
div.bus table.tblDef td {color: #666;}
div.bus table.tblDef td span {display: block;color: #b92f3f;line-height: 28px;}

ul.butList {margin: 25px 0;font-size: 0;line-height: 0;}
ul.butList li {display: inline-block;vertical-align: top;width: calc(33.3% - 7px);margin-left: 10px;background-color: #e4e4e4;text-align: center;font-size: 14px;line-height: 32px;color: #000;}
ul.butList li:first-child {margin-left: 0;}
ul.butList li:last-child {width: calc(33.4% - 6px);}
ul.butList li img {display:block;width: 100%; }

div.tblBox:after {clear: both; display: block; content: ''; font-size: 0; line-height: 0; height: 0; }
div.tblBox > table {width: 460px;float: left;}
div.tblBox > table + table {margin-left: 20px;}


html,
body{
	overflow-x: hidden;
}
html.ovh,
body.ovh{
	overflow: hidden;
}
.bg-wrap{
	display: none;
}

/* header */
#header{
	position: fixed;
	z-index: 1;
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
	-webkit-box-shadow: 2px 6px 10px 0px rgba(0, 0, 0, 0.16);
	box-shadow: 2px 6px 10px 0px rgba(0, 0, 0, 0.16);
}
.util-menu-wrap{
	position: absolute;
	top: 0;
	right: calc((100% - 1500px)/2);
	max-width: 1500px;
	margin: 0 auto;
	text-align: right;
}
.util-menu{
	display: inline-block;
	vertical-align: top;
}
.util-menu li{
	display: inline-block;
	vertical-align: top;
}
.util-menu li > a{
	display: block;
	padding: 5px 14px;
	background-color: #F58631; 
	border-radius: 1px;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: -0.03em;
	color: #fff;
}
.util-menu li + li{
	margin-left: -4px;
}
.util-menu li + li > a{
	background-color: #92bb34;
}
.header-wrap{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	max-width: 1500px;
	margin: 0 auto;
	padding: 25px 0;
}
.header-logo{
	width: 284px;
	height: 46px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../image/main/h1_logo.png');
}
.header-logo a{
	display: block;
	width: 100%;
	height: 100%;
}
.gnb{
	margin: 0 -25px;
}
.gnb li{
	float: left;
}
.gnb li > a{
	display: block;
	padding: 17px 25px;
	font-size: 19px;
	font-weight: 500;
	letter-spacing: -0.03em;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}
.gnb li:hover > a,
.gnb li.on > a{
	color: #c5553b;
	font-weight: 600;
}
.m-gnb-header,
.btn-menu-open,
.btn-menu-close{
	display: none;
}

/* .main .quick-menu-wrap{
} */

/* container */
#container{
	width: 100%;
	padding-top: 103px;
}
#container.onSite{
	padding-top: 0;
}
#container.main{
	background-repeat: no-repeat;
	background-position: center 0;
	background-image: url('../image/main/bg_mainvisual.png');
	background-size: cover;
}
#container:after{
	display: block;
	content: '';
	clear: both;
}
.main-container{
	width: 100%;
	padding-bottom: 40px;
}
.main-visual{
	position: relative;
	padding: 60px 0 30px;
}
.dday-conbox{
	position: absolute;
	top: 0;
	right: 0;
	padding: 20px 35px;
	padding-right: 50px;
	border-radius: 0 0 35px 5px;
	background-repeat: no-repeat;
	background-position: center 0;
	background-image: url('../image/main/bg_dday_conbox.png');
	background-size: cover;
}
.dday-conbox img,
.dday-conbox p{
	display: inline-block;
	vertical-align: middle;
}
.dday-conbox p{
	padding-left: 10px;
	color: #fff;
}
.dday-conbox .dday{
	font-size: 40px;
	font-weight: 700;
	text-align: center;
}
.dday-conbox span{
	display: block;
	margin-top: 5px;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: -0.01em;
}
.main-visual-text{
	font-weight: 500;
	letter-spacing: -0.05em;
}
.main-visual-tit{
	font-size: 40px;
	font-weight: 500;
}
.main-visual-tit img{
	max-width: 100%;
}
.visual-info{
	margin: 40px -15px 0;
}
.visual-info li{
	display: inline-block;
	padding: 7px 15px;
	font-size: 22px;
	font-weight: 500;
	vertical-align: middle;
}
.visual-info li span{
	display: inline-block;
	margin-right: 10px;
	padding: 8px 20px;
	border-radius: 30px;
	background-color: #6a3f95;
	color: #fff;
}
.main-menu-list {
	overflow: hidden;
	width: 100%;
	padding: 17px 80px 18px;
	border-radius: 120px;
	background-repeat: no-repeat;
	background-position: center 0;
	background-image: url('../image/main/bg_mainmenu_list.png');
	background-size: cover;
	text-align: center;
}
.main-menu-list li{
	float: left;
	/*width: 16.66%;*/
	width: 19.66%;
}
.main-menu-list li > a{
	display: block;
	padding: 25px 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	font-size: 30px;
	font-weight: 500;
	color: #fff;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}
.main-menu-list li:hover > a{
	background: rgba(255,255,255,0.14);
}
.main-menu-list .tit{
	display: block;
	margin-top: 20px;
	font-weight: 500;
	color: #fff;
	text-align: center;
}
.main-contents + .main-contents{
	margin-top: 80px;
}
.main-conbox{
	float: left;
}
.main-tit-wrap{
	margin-bottom: 25px;
	text-align: center;
}
.main-tit-wrap .main-tit{
	display: inline-block;
	background-color: #fff;
	font-family: inherit;
	font-size: 45px;
	font-weight: 900;
	color: #183e71;
	letter-spacing: -0.035em;
	line-height: 1;
}
.date-conbox{
	width: 780px;
	max-width: 60%;
	background-color: #fff;
	padding: 35px 45px 40px;
	border-radius: 10px 10px 40px 10px;
	-webkit-box-shadow: 2px 5px 24px 0px rgba(48, 48, 48, 0.27);
	box-shadow: 2px 5px 24px 0px rgba(48, 48, 48, 0.27);
}
.date-conbox ul li{
	width: 100%;
	padding: 19px 30px;
	border-radius: 1px 1px 20px 1px;
	font-size: 24px;
	letter-spacing: -0.035em;
	background-color: #ef904b;
	color: #fff;
}
.date-conbox ul li:after{
	display: block;
	content: '';
	clear: both;
}
.date-conbox ul li + li{
	margin-top: 15px;
	background-color: #c2658f;
}
.date-conbox ul li img{
	margin-right: 20px;
	vertical-align: middle;
}
.date-conbox ul li span{
	float: right;
	padding: 12px 0;
	font-weight: 600;
}
.main-conbox + .main-conbox{
	float: right;
	width: calc((100% - 781px));
	max-width: 34%;
}
.grade-info-box{
	height: 187px;
	padding: 25px;
	border-radius: 10px 10px 40px 10px;
	background-repeat: no-repeat;
	background-position: center 0;
	background-image: url('../image/main/bg_grade_info.png');
	background-size: cover;
	letter-spacing: -0.035em;
}
.grade-info-box .tit{
	margin-bottom: 43px;
	font-size: 24px;
	font-weight: 500;
	color: #fff;
}
.grade-info-box p{
	position: relative;
	z-index: 1;
	width: 100%;
	padding: 14px 20px;
	background-color: #fff;
	border-radius: 6px 6px 20px 6px;
	font-size: 18px;
	font-weight: 500;
	color: #1d2844;
}
.grade-info-box p:before{
	display: block;
	content: '';
	clear: both;
	position: absolute;
	top: -48px;
	right: 0;
	z-index: -1;
	width: 76px;
	height: 48px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../image/main/ic_grade_info.png');
}
.grade-info-box p > span{
	display: inline-block;
	padding: 12px 0;
	vertical-align: middle;
}
.grade-info-box p strong{
	float: right;
	font-size: 22px;
	font-weight: 700;
	color: #c24092;
	text-align: right;
}
.grade-info-box p strong > span{
	display: block;
	margin-top: 4px;
	font-size: 14px;
	font-weight: 400;
	color: #222222;
}
.main-conbox .btn-menu{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	height: 107px;
	margin-top: 40px;
	padding: 35px 30px;
	padding-right: 110px;
	border-radius: 10px 10px 40px 10px;
	background-color: #287275;
	background-repeat: no-repeat;
	background-position: right 30px center;
	background-image: url('../image/main/ic_print.png');
	font-size: 24px;
	letter-spacing: -0.035em;
	color: #fff;
	line-height: 1.1;
	word-break: keep-all;
}

/* footer */
#footer{
	width: 100%;
	padding: 35px 0;
	background-color: #343c50;
}
.footer-wrap{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.footer-con{
	padding-left: 15%;
	font-size: 15px;
	line-height: 1.6;
	letter-spacing: -0.02em;
	color: #636e89;
}
.footer-con .copy{
	margin-bottom: 10px;
	color: #fff;
}
.footer-con ul li{
	display: inline-block;
	vertical-align: middle;
}
.footer-con ul li + li{
	margin-left: 23px;
}
.footer-con ul li a{
	color: #636e89;
}
.footer-con ul li span{
	color: #a7afc4;
}

/* common */
#dim{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
}
.inner-layer{
	max-width: 1300px;
	margin: 0 auto;
}
.m-show{
	display: none;
}
.t-show{
	display: none;
}
.p-show{
	display: inline-block;
}
.m-hide{
	display: block;
}

.text-red{
	color: #fc5362 !important;
}
.text-pink{
	color: #cb2655 !important;
}
.text-pink2{
	color: #ff6f9f !important;
}
.text-skyblue{
	color: #006cff !important;
}
.text-skyblue2{
	color: #00a0da !important;
}
.text-navy{
	color: #18316d !important;
}
.text-blue{
	color: #0048ab !important;
}
.text-navy2{
	color: #3c4da3 !important;
}
.text-purple{
	color: #46227b !important;
}
.text-orange{
	color: #ff9103 !important;
}
.text-center{
	text-align: center !important;
}
.text-right{
	text-align: right !important;
}
.full-right{
	float: right;
}


.bg-skyblue{
	background-color: #4e5eb2;
}
.bg-skyblue2{
	background-color: #00a0da;
}
.bg-pink{
	background-color: #ff6f9f;
}

/* only mobile */
.mobile-note{
	display: none;
}

/* 준비중 */
.ready-wrap{
	max-width: 600px;
	margin: 0 auto;
	padding: 125px 15px 100px;
	background-color: #fff;
	border: 1px solid #dcdcdc;
	text-align: center;
	letter-spacing: -0.075em;
}
.ready-wrap img{
	max-width: 100%;
}
.ready-wrap strong{
	display: block;
	margin-top: 40px;
	font-size: 35px;
	font-weight: 500;
	line-height: 1.2;
}
.ready-wrap strong span{
	color: #134796;
}
.ready-wrap p{
	margin-top: 20px;
	font-size: 18px;
	line-height: 1.6;
	color: #a7a7a7;
}

/* button */
.btn-wrap .btn{
	margin: 4px 8px;
}
.btn.btn-type1{
	padding: 27px 45px;
	border-radius: 10px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
}
.btn.btn-type2{
	min-width: 140px;
	padding: 17px 40px;
	border-radius: 3px;
	font-size: 18px;
	line-height: 1.2;
}
.btn.btn-type3 {
	padding: 8px 15px;
	border-radius: 3px;
	font-size: 16px;
	line-height: 1.2;
}
.btn.btn-type-line{
	background-color: #fff;
	border: 1px solid #98989f;
	color: #98989f;
}
.btn.btn-type-round{
	padding: 10px 22px;
	border-radius: 30px;
	font-size: 16px;
}
.btn.btn-type-round span{
	margin-top: -3px;
}
.btn span{
	display: inline-block;
	margin-top: -7px;
	margin-left: 20px;
	vertical-align: middle;
}
.btn.color-type-gra{
    background: linear-gradient(128deg, #5295e5, #8c67cc);
	color: #fff;
}
.btn.color-type1{
	background-color: #6364d7;
	color: #fff;
}
.btn.color-type2{
	background-color: #9465dc;
	color: #fff;
}
.btn.color-type3{
	background-color: #4f359a;
	color: #fff;
}
.btn.color-type4{
	background-color: #f13445;
	color: #fff;
}
.btn.color-type5{
	background-color: #98989f;
	color: #fff;
}

/* form */
.write-wrap{
	width: 100%;
	border-top: 2px solid #4a4983;
}
.write-wrap dl{
	display: table;
	width: 100%;
	border-bottom: 1px solid #cccccc;
	table-layout: fixed;
}
.write-wrap dl dt,
.write-wrap dl dd{
	display: table-cell;
	height: 50px;
	padding: 10px 20px;
	font-size: 16px;
	line-height: 1.2;
	vertical-align: middle;
	word-break: keep-all;
}
.write-wrap dl dt{
	width: 17%;
	background-color: #f9f9f9;
	font-weight: 500;
	text-align: center;
}
.write-wrap dt .btn-wrap{
	margin-top: 10px;
}
.write-wrap dl dd{
	width: 83%;
}
.write-wrap dl.w-full{
	display: block;
}
.write-wrap dl.w-full dt,
.write-wrap dl.w-full dd{
	display: block;
	width: 100%;
	padding: 0;
	height: auto;
}
.write-wrap dl.w-full dt{
	padding: 15px 20px;
	background-color: #eeeeff;
}
.write-wrap dl.w-full dd ul{
	display: table;
	width: 100%;
	border-top: 1px solid #ccc;
	table-layout: fixed;
}
.write-wrap dl.w-full dd ul:after{
	display: block;
	content: '';
	clear: both;
}
.write-wrap dl.w-full dd ul li{
	display: table-cell;
	width: 50%;
	text-align: center;
}
.write-wrap dl.w-full dd ul li + li{
	border-left: 1px solid #ccc;;
}
.write-wrap dl.w-full dd ul li .radio-wrap{
	padding: 15px 0;
}
.write-wrap dl.w-full dd ul li .radio-group{
	display: block;
	padding: 3px 0;
}
.write-wrap dl.w-full dd ul li .tit{
	display: block;
	padding: 15px 0;
	background-color: #f9f9f9;
	border-bottom: 1px solid #ccc;
	font-weight: 500;
	text-align: center;
}
.write-wrap .form-item{
	width: 100%;
	max-width: 45%;
	margin: 0 2px;
}
select.form-item,
input[type='text'].form-item,
input[type='password'].form-item,
.form-item{
	display: inline-block;
	height: 40px;
	padding: 0 10px;
	border: 1px solid #cccccc;
	border-radius: 3px;
	font-family: 'Pretendard Variable', sans-serif;
	font-size: 16px;
	vertical-align: middle;
}
.form-item.wide{
	width: 100%;
}
.form-item.half{
	width: calc(50% - 5px) !important;
}
.form-item.half + .form-item.half{
	margin-left: 5px;
}
.form-item.xsmall{
	width: 10%;
}
.write-wrap textarea.form-item,
textarea.form-item{
	max-width: none;
	height: auto;
	padding: 10px;
}
.radio-wrap,
.checkbox-wrap{
	margin: 0 -10px;
}
.radio-group,
.checkbox-group{
	margin: 0 10px;
}
.radio-group input,
.checkbox-group input{
	margin-top: -3px;
	margin-right: 5px;
	vertical-align: middle;
}
.form-group-text span{
	display: inline-block;
	width: 20px;
	text-align: center;
	vertical-align: middle;
}
.write-wrap .form-group-text{
	max-width: 70%;
}
.form-group-text .form-item{
	margin: 0;
}
.form-group-text.n2 .form-item{
	width: calc((100% - 27px)/2);
}
.form-group.n2 .form-item{
	width: calc(50% - 5px);
}
.form-group.n2 .form-item + .form-item{
	margin-left: 5px;
}
.form-group-text.n3 .form-item{
	width: calc((100% - 54px)/3);
}
.write-wrap .help-text{
	margin: 5px 0;
	font-size: 15px;
	line-height: 1.5;
}
.selectFile .form-item{
	width: 100%;
	max-width: 100%;
}
.selectFile > p{
	width: 50%;
}
div.selectFile p.find{
	display: inline-block;
	width: 90px;
	height: 40px;
	text-align: center;
	background-color: #98989f;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../image/sub/ic_search.png');
	border-radius: 3px;
	vertical-align: middle;
}
.selectFile .attach{
	float: left;
	width: 100%;
	margin-top: 10px;
}
.attach .btn-del{
	display: inline-block;
	margin: 0 3px;
}

.regi-form-wrap .btn-wrap{
	margin-top: 50px;
}
.regi-form-wrap form,
.regi-form-wrap fieldset{
	width: 100%;
	min-width: 0;
}
.required{
	color: #f13445 !important;
}
.radio-wrap + .write-wrap{
	margin-top: 70px;
}
.radio-wrap .text-red{
	display: block;
	margin: 5px 10px;
}
.form-group.has-btn .form-item{
	width: calc(100% - 110px);
	vertical-align: middle;
}
.form-group.has-btn .btn{
	width: 100px;
	padding: 8px 0;
	margin-left: 5px;
	background-color: #98989f;
	border-radius: 3px;
	color: #fff;
	text-align: center;
}

/* 관리자 등록 form 관련 추가 */
.popupWap *{
	box-sizing: border-box;
}
.popupWap .write-wrap *,
.popupWap .write-wrap dt,
.popupWap .write-wrap dd{
	font-size: 14px;
}
.popupWap .write-wrap .form-group *{
	box-sizing: border-box;
}
.popupWap .write-wrap .form-group-text{
	max-width: 100%;
}
.popupWap .form-group-text.n3 .form-item{
	width: calc((100% - 65px)/3);
}
.popupWap .btn.btn-download{
	padding-left: 5px;
	padding-right: 5px;
	font-size: 12px;
}

/* 메인 Question 버튼 추가 작업 - 25.03.12 mj.park */
.btn.btn-qna{
    display: none;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    padding: 15px 25px;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../image/main/bg_btn_qna.png');
    font-size: 17px;
    font-weight: 500;
    color: #fff;
}
.btn.btn-qna img{
    width: 40px;
}


/* ============================================

	* responsive

============================================= */
@media screen and (max-width: 1500px){
	.util-menu-wrap{
		right: 0;
	}
	.header-wrap{
		padding-left: 20px;
	}
	.gnb{
		margin: 0 -1.25vw;
	}
	.gnb li > a{
		padding: 15px 1.25vw;
	}
}
@media screen and (max-width: 1300px){
	.inner-layer{
		padding-left: 20px;
		padding-right: 20px;
	}
	.header-logo{
		width: 200px;
		height: 32px;
		background-size: 100%;
	}
	.gnb{
		margin: 0 -0.8vw;
	}
	.gnb li > a{
		padding: 15px 0.8vw;
		font-size: 18px;
	}

	.date-conbox{
		width: 60%;
		max-width: none;
	}
	.main-conbox + .main-conbox{
		width: 38%;
		max-width: none;
	}
}
@media screen and (max-width: 1200px){
	.header-logo{
		width: 180px;
		height: 32px;
		background-size: 100%;
	}
	.gnb{
		margin: 0 -0.85vw;
	}
	.gnb li > a{
		padding: 15px 0.85vw;
		font-size: 18px;
	}

	.date-conbox{
		width: 60%;
		max-width: none;
	}
	.main-conbox + .main-conbox{
		width: 38%;
		max-width: none;
	}
}
@media screen and (max-width: 1024px){
	#container {
		padding-top: 0;
	}
	.inner-layer{
		padding-left: 15px;
		padding-right: 15px;
	}

	#header{
		position: static;
		z-index: 0;
	}
	.util-menu-wrap{
		display: none;
	}
	.btn-menu-open{
		display: inline-block;
		width: 32px;
		height: 29px;
		background-repeat: no-repeat;
		background-position: center;
		background-image: url('../image/main/ic_menu_open.png');
		background-size: 100%;
	}
	.header-wrap{
		padding-right: 20px;
	}
	#gnb{
		display: block;
		position: fixed;
		top: 0;
		right: -100%;
		z-index: 10;
		width: 70%;
		height: 100vh;
		background-color: #fff;
	}
	.btn-menu-close{
		display: block;
		position: absolute;
		top: 13px;
		left: -60px;
		width: 45px;
		height: 45px;
		background-repeat: no-repeat;
		background-position: center;
		background-image: url('../image/main/ic_menu_close.png');
		background-size: 100%;
	}

	.m-gnb-header{
		display: block;
		width: 100%;
	}
	.m-gnb-logo{
		padding: 15px 20px;
		background-repeat: no-repeat;
		background-position: center 0;
		background-image: url('../image/main/bg_gnb_header.png');
		background-size: cover;
	}
	.m-gnb-header img{
		height: 70px;
	}
	.m-gnb-header ul{
		width: 100%;
		padding: 9px 0;
		background-color: #c5553b;
		text-align: center;
	}
	.m-gnb-header ul li{
		position: relative;
		display: inline-block;
		vertical-align: top;
	}
	.m-gnb-header ul li + li{
		padding-left: 15px;
		margin-left: 13px;
	}
	.m-gnb-header ul li + li:before{
		display: block;
		content: '';
		clear: both;
		position: absolute;
		top: 0;
		left: 0;
		width: 1px;
		height: 20px;
		background-color: rgba(255,255,255,0.33);

	}
	.m-gnb-header ul li:last-child{
		width: 100%;
		padding-left: 0;
		margin-left: 0;
	}
	.m-gnb-header ul li:last-child:before{
		display: none;
	}
	.m-gnb-header ul li > a{
		display: block;
		padding: 5px 0;
		font-size: 12px;
		font-weight: 500;
		color: #fff;
	}
	.gnb{
		overflow-y: auto;
		height: calc(100vh - 110px);
		margin: 0;
		padding: 15px 15px 40px;
	}
	.gnb li{
		float: none;
		width: 100%;
		text-align: center;
	}
	.gnb li + li{
		border-top: 1px solid #e2dbd9;
	}
	.gnb li > a{
		padding: 15px 0;
		font-size: 16px;
	}

	.dday-conbox{
		padding: 15px 20px;
		padding-right: 30px;
	}
	.dday-conbox .dday{
		font-size: 30px;
	}
	.main-visual-tit{
		font-size: 30px;
	}
	.visual-info li{
		font-size: 18px;
	}
	.main-menu-list{
		padding-left: 40px;
		padding-right: 40px;
		text-align: center;
	}
	.main-menu-list li > a{
		width: 150px;
		height: 150px;
		font-size: 20px;
	}
	.main-menu-list li > a img{
		height: 60px;
	}
	.main-tit-wrap .main-tit{
		font-size: 32px;
	}
	.main-conbox{
		width: 55%;
	}
	.main-conbox + .main-conbox{
		width: 43%;
		margin-left: 2%;
	}
	.date-conbox{
		padding: 30px;
	}
	.date-conbox ul li{
		padding: 15px 20px;
		font-size: 20px;
	}
	.date-conbox ul li img{
		width: 40px;
		margin-right: 15px;
	}
	.date-conbox ul li span{
		padding: 10px 0;
	}
	.grade-info-box{
		height: auto;
	}
	.grade-info-box .tit{
		margin-bottom: 15px;
		font-size: 20px;
	}
	.main-conbox .btn-menu{
		margin-top: 20px;
		font-size: 20px;
	}

	#footer{
		padding: 25px 0;
	}
	.footer-logo{
		width: 200px;
	}
	.footer-logo img{
		max-width: 100%;
	}
	.footer-con{
		padding-left: 10%;
	}

	.p-show{
		display: block;
	}
}

@media screen and (max-width: 768px){
	.ui-dialog.jpopup,
	.jpopup table{
		width: 90% !important;
		margin: 0 auto;
		max-width: 100% !important;
	}
	.jpopup table th img{
		max-width: 80%;
	}
	.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
		background: none !important;
		background-color: #606060 !important;
	}

	#wrap.main{
		position: relative;
		z-index: 1;
		background: none;
	}
	.bg-wrap{
		display: block;
		position: absolute;
		top: 0;
		z-index: -1;
		width: 100%;
		height: 300px;
        margin-top: 70px;
		background-repeat: no-repeat;
		background-position: center 0;
		background-size: cover;
		background-image: url('../image/main/bg_mainvisual_m.png');
	}
	#header{
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.header-wrap{
		padding: 23px 15px;
	}
	.header-logo{
		width: 142px;
		height: 25px;
	}
	.btn-menu-open{
		width: 26px;
		height: 24px;
	}
	.m-gnb-header img{
		height: 38px;
	}
	.gnb li > a{
		font-size: 15px;
	}

	#container.main{
		background: none;
	}
	.main-container{
		padding-bottom: 25px;
	}
	.main-visual{
		padding: 35px 0 20px;
	}
	.dday-conbox{
		display: none;
	}
	.main-visual-tit{
        padding-right: 30px;
		font-size: 20px;
		text-align: left;
	}
	.main-visual-tit img{
        width: 100%;
        max-width: 90%;
	}
	.visual-info{
		margin: 20px 0 0;
	}
	.visual-info li{
		padding: 3px 7px;
		font-size: 14px;
	}
	.visual-info li span{
		margin-right: 5px;
		padding: 4px 10px;
	}
	.main-menu-list{
		padding: 23px 15px 13px;
		border-radius: 10px;
		background-image: url(../image/main/bg_mainmenu_list_m.png);
	}
	.main-menu-list li{
		display: inline-block;
		width: calc(33.33% - 5px);
		float: none;
		vertical-align: middle;
	}
	.main-menu-list li:hover > a{
		background: none;
	}
	.main-menu-list li > a{
		width: 100%;
		height: 100%;
		padding: 12px 0;
		border-radius: 0;
		font-size: 15px;
        line-height: 1.2;
        word-break: keep-all;
	}
	.main-menu-list li > a img{
		height: 40px;
	}
	.main-menu-list .tit{
		margin-top: 10px;
	}
	.main-contents + .main-contents{
		margin-top: 40px;
	}
	.main-conbox{
		float: none;
		width: 100%;
	}
	.main-conbox + .main-conbox{
		width: 100%;
		margin-top: 15px;
	}
	.main-tit-wrap{
		margin-bottom: 15px;
	}
	.main-tit-wrap .main-tit{
		font-size: 23px;
	}
	.date-conbox{
		padding: 20px 12px;
		border-radius: 5px 5px 20px 5px;
	}
	.date-conbox ul li{
		padding: 10px 15px;
		border-radius: 1px 1px 10px 1px;
		font-size: 14px;
	}
	.date-conbox ul li + li{
		margin-top: 7px;
	}
	.date-conbox ul li img{
		width: 25px;
		margin-right: 10px;
	}
	.date-conbox ul li span{
		padding: 5px 0;
	}
	.grade-info-box{
		padding: 12px;
		border-radius: 5px 5px 20px 5px;
	}
	.grade-info-box .tit{
		margin-bottom: 10px;
		font-size: 16px;
	}
	.grade-info-box p{
		padding: 8px 12px 8px 10px;
		border-radius: 3px 3px 10px 3px;
		font-size: 14px;
	}
	.grade-info-box p:before{
		top: -25px;
		right: 5px;
		width: 38px;
		height: 25px;
		background-size: 100%;
	}
	.grade-info-box p > span{
		padding: 8px 0;
	}
	.grade-info-box p strong{
		font-size: 16px;
	}
	.grade-info-box p strong > span{
		font-size: 13px;
	}
	.main-conbox .btn-menu{
		height: auto;
		padding: 20px 15px;
		margin-top: 12px;
		border-radius: 5px 5px 20px 5px;
		background-size: 35px;
		background-position: right 15px center;
		font-size: 16px;
	}

	.footer-wrap{
		display: block;
		text-align: center;
	}
	.footer-logo{
		display: inline-block;
		height: 25px;
	}
	.footer-logo img{
		width: auto;
		height: 100%;
	}
	.footer-con{
		padding-left: 0;
		margin-top: 20px;
		font-size: 12px;
		word-break: keep-all;
	}
	.footer-con .copy{
		margin: 0;
	}
	.footer-con ul li + li{
		margin-left: 13px;
	}

	.m-show{
		display: inline-block;
	}
	.p-show{
		display: none;
	}
	.m-hide{
		display: none;
	}

	/* button */
	.btn-wrap .btn{
		margin: 4px;
	}
	.btn.btn-type1{
		padding: 10px 16px;
		border-radius: 3px;
		font-size: 14px;
	}
	.btn.btn-type2{
		min-width: initial;
		padding: 12px 30px;
		font-size: 16px;
	}
	.btn.btn-type3{
		padding: 5px 15px;
		font-size: 14px;
	}
	.btn.btn-type-round{
		padding: 6px 15px;
		font-size: 14px;
	}
	.btn.btn-type-round span{
		margin-left: 10px;
	}
	.btn span{
		margin-top: -5px;
		margin-left: 15px;
	}

	/* form */
	.write-wrap dl dt,
	.write-wrap dl dd{
		display: block;
		width: 100%;
		height: auto;
		padding: 10px;
		font-size: 14px;
	}
	.write-wrap dl dt{
		border-bottom: 1px solid #ccc;
		text-align: left;
	}
	.write-wrap dl dt br{
		display: none;
	}
	.write-wrap .form-item{
		max-width: none;
	}
	select.form-item,
	input[type='text'].form-item,
	input[type='password'].form-item,
	.form-item{
		max-width: none;
		height: 35px;
		font-size: 14px;
	}
	.radio-group,
	.checkbox-group{
		margin-top: 2px;
		margin-bottom: 2px;
	}
	.write-wrap .form-group-text{
		max-width: 100%;
	}
	.write-wrap .help-text{
		font-size: 12px;
	}
	.write-wrap dt .btn-wrap{
		margin-top: 0;margin-left: 10px;
		display: inline-block;
		vertical-align: middle;
	}
	div.selectFile p.find{
		width: 45px;
		height: 35px;
		margin: 0;
		margin-left: 5px;
	}
	.selectFile > p{
		width: calc(100% - 50px);
	}
	.selectFile .attach{
		margin-top: 5px;
	}
	.attach .btn-del{
		margin: 1px 3px;
	}

	.regi-form-wrap .btn-wrap{
		margin-top: 30px;
	}
	.write-wrap dl.w-full dt{
		padding: 10px;
		border-bottom: 0;
		text-align: center;
	}
	.write-wrap dl.w-full dd ul li .tit{
		padding: 10px;
	}
	.write-wrap dl.w-full dd ul{
		display: block;
	}
	.write-wrap dl.w-full dd ul li{
		display: block;
		width: 100%;
	}
	.write-wrap dl.w-full dd ul li + li{
		border-left: 0;
		border-top: 1px solid #ccc;
	}

    /* 메인 Question 버튼 추가 작업 - 25.03.12 mj.park */
    .btn.btn-qna{
        display: flex;
    }
}