@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700');


 /* 사이트 공통 CSS */
/* default font-family */
body,
div.wrapper,
div.popupWrap,
input[type='text'],
input[type='password'],
input[type='file'],
input[type='submit'],
input[type='button'],
input[type='reset'],
select,
a,
textarea,
button {font-family: 'NotoSansKR Regular', sans-serif;}






/* ========================================================================================================== */
/* ================================================== 레이아웃 ================================================== */
/* ========================================================================================================== */


div.wrapper {overflow: hidden; position: relative; font-family: 'NotoSansKR Regular', sans-serif; min-width: 1600px;}
div.wrapper ul li, div.wrapper ol li{list-style:none;}
div.wrapper a {text-decoration: none; font-family: 'NotoSansKR Regular', sans-serif;}


div#headerWrap {position: relative;}
	div#headerWrap > div {width: 1200px; margin: 0 auto;}
	div#headerWrap > div h1 {position: absolute; top:50%; left:50%; margin: 100px 0 0 -600px;}

ul#gnb {font-size: 0; overflow: hidden; text-align: right; padding: 28px 0 29px;}
ul#gnb li {display:inline-block; margin-left: 50px;}
ul#gnb li:first-child {margin-left: 0;}
ul#gnb li a {display:block; font-size: 20px; font-family: 'notosanskr medium'; font-weight: 400; color: #282828;}

div#footerWrap {background-color: #d9e2e9; text-align: left; color: #4e4e4e; padding: 25px 0;}
div#footerWrap > div {width: 1200px; margin: 0 auto; box-sizing:border-box; padding-left: 220px; font-size: 13px; background: url(/workshop/202306/image/common/footerLogo.png) no-repeat left center;}
div#footerWrap ul {margin: 2px 0;}
div#footerWrap ul li {display:inline-block; margin-left: 20px;}
div#footerWrap ul li:first-child {margin-left: 0;}

div.titArea {background-color: #f1f6fa; height: 155px; padding: 100px 0 95px; background-image: url(/workshop/202504/image/common/titBg_re.png); background-position: center top; background-repeat: no-repeat;}
	div.titArea > * {width: 1200px; margin: 0 auto; padding: 0 70px 0;}
	div.titArea h2 {font-size: 60px; font-family: 'notosanskr bold'; font-weight: 600; color: #3a4891;}
	div.titArea h2 span {color: #f4a46f;}
	div.titArea ul {overflow: hidden; font-size: 0; margin-top: 35px;}
	div.titArea ul li {font-size: 18px; margin-left: 30px; display:inline-block;}
	div.titArea ul li:first-child {margin-left: 0;}
	div.titArea ul li strong {display:inline-block; color: #fff; background-color: #3a4891; width: 54px; padding: 15px 0 16px; border-radius: 50%; text-align: center; font-weight: 400; margin-right: 10px;}
	div.titArea ul li span {display:inline-block;}


div.titArea a.onair_link {-width: 480px; -margin-left: 280px; display:block;}
div.titArea a div.onair_btn {width:480px; font-size:22px; height: 40px; line-height:40px; text-align:center;  color:white; background-color:#e1889e; margin-top:15px; border-radius: 30px; padding: 0px; margin-bottom:-10px;}

div#container {}
div#container div.contents {width: 1200px; margin: 0 auto; padding: 50px 0 100px; box-sizing:border-box;}
div#container div.contents::after {content:""; display:block; clear: both;}



/* 메인페이지 */

div.main {}
	ul.mainInfo {overflow: hidden; width: 550px; float: left;}
	ul.mainInfo li {float: left; margin: 0 0 0 15px; padding-left: 15px; border-left: 1px solid #ccc;}
	ul.mainInfo li:first-child {margin-left: 0; padding-left: 0; border-left: 0 none;}
	ul.mainInfo li:last-child {clear: both; margin-left: 0; padding-left: 0; border-left: 0 none;}
	ul.mainInfo li strong {display:block; font-size: 18px; color: #3a4891; font-family: 'notosanskr bold';}
	ul.mainInfo li span {display:block; font-size: 16px; color: #4e4e4e; margin-top: 5px;}

	ul.mainInfo li:last-child {margin-top: 53px;}
	ul.mainInfo li:last-child span {display:inline-block; color: #4e4e4e; margin-left: 5px;}
	ul.mainInfo li:last-child > span {margin-left: 20px;}
	ul.mainInfo li:last-child > strong + span {margin-left: 0px;}
	ul.mainInfo {}
	ul.mainInfo {}

	ul.mainQuickMenu {overflow: hidden; float: right; font-size: 0;}
	ul.mainQuickMenu li {display:inline-block;}
	ul.mainQuickMenu li * {display:block;}

div.main div.contactUs {background-color: #eff8ff; padding: 20px 0 40px;}
div.main div.contactUs h3 {width: 1200px; margin: 0 auto 40px;}
div.main div.contactUs ul {width: 1200px; margin: 0 auto; font-size: 0;}
div.main div.contactUs ul li {position: relative; display:inline-block; font-size: 16px; color: #4e4e4e; width: 175px; padding-left: 80px;}
div.main div.contactUs ul li strong {display:block; font-size: 18px; font-family: 'notosanskr bold'; color: #3a4891; margin-bottom: 5px;}
div.main div.contactUs ul li span {display:block;}
div.main div.contactUs ul li img {display:block; position: absolute; top:0; left:0;}




/* 공통 */
.subTit_bl {background: url(/workshop/202306/image/sub/subTit_bl.png) no-repeat left center; padding-left: 25px; font-size: 18px; color: #3a4891; margin: 50px 0 10px;}
.subTit {font-size: 26px; font-weight: 400; font-family: 'notosanskr medium'; color: #262626; margin: 0 0 45px;}
.point_Tit {color:#3a4891; font-weight:bold;}

h4.registTit {text-align: center; background-color: #f1f6fa; border-top: 2px solid #3a4891; color: #3a4891; font-size: 16px; font-family: 'notosanskr bold'; font-weight: 400; padding: 15px 0; margin: 20px 0 0;}
h4.registTit + table.inputTbl, h4.registTit + table.tblDef {border-top: 1px solid #d7d7d7;}


/* 공통테이블 , 입력 폼 테이블 공통*/
table.tblDef, table.inputTbl {border-top: 2px solid #3a4891; background-color: #fff;}
table.tblDef tr > *, table.inputTbl tr > * {border-left: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; color: #4e4e4e; padding: 15px 10px; font-size: 16px;}
table.tblDef tr > *:first-child, table.inputTbl tr > *:first-child {border-left: 0 none;}
table.tblDef tr > th, table.inputTbl tr > th {background-color: #f1f6fa; color: #3a4891; font-weight: 400; font-family: 'notosanskr medium';}

table.inputTbl tr > * {padding: 10px;}


/* 서브메뉴 */
ul.subMenu {font-size: 0; overflow: hidden; margin-bottom: 20px;}
ul.subMenu li {width: 50%; float: left;}
ul.subMenu li a {display:block; border-left: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7;font-size: 16px; color: #4e4e4e; padding: 12px 0; text-align: center;}
ul.subMenu li:last-child a {border-right: 1px solid #d7d7d7;}
ul.subMenu li.on a {background-color: #3a4891; color: #fff; font-family: 'notosanskr bold'; font-weight: 400;}

/* 팝업 */

div.popupWrap {position: relative; width: 492px; padding: 25px 20px; margin: 0 auto;}
	div.popupWrap p.bg {z-index: 0; position: absolute; top:50%; left:50%; margin: -152px 0 0 -152px;}
	div.popupWrap p.bg ~ * {position: relative; z-index: 1;}
	div.popupWrap div.btnArea a {width: 70px; min-width: auto; text-align: center; color: #fff; border-radius: 0; padding: 4px 0 5px; font-weight: 200; font-family: 'notosanskr light'}

/* 영수증 */
	div#receipt div.popupCon {border: 3px solid #ebebeb; padding: 65px 30px 40px;text-align: center;}
	div#receipt div.popupCon h1 {margin-bottom: 40px;}
	div#receipt div.popupCon h2 {margin-bottom: 30px; font-size: 20px; color: #f08235; font-family: 'notosanskr medium'; font-weight: 400;}

	div#receipt div.popupCon table.tblDef {border-top: 1px solid #ddd;}
	div#receipt div.popupCon table.tblDef th {background-color: #f4f4f4; padding: 10px 15px; color: #343e45; font-size: 14px; font-weight: 400 !important;}
	div#receipt div.popupCon table.tblDef td {padding: 10px 15px; color: #343e45; font-size: 14px; text-align: left;}

	div#receipt div.popupCon p.con {margin-top: 30px; font-size: 16px;}
	div#receipt div.popupCon p.con span.date {display:block;}
	div#receipt div.popupCon p.sign {margin-top: 20px;}