@charset "utf-8";
/* ************************************** *
 * 웹폰트 import
 * ************************************** */
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
/* SUIT */
@font-face {
    font-family: 'SUIT';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'SUIT';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'SUIT';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'SUIT';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'SUIT';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}





/* ************************************** *
 * 속성 초기화
 * ************************************** */
body { overflow-y: scroll;}
html { font-size: 62.5%;}
body, div, dl, dt, dd, ul, ol, li, i, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, legend, button, select, p, blockquote, th, td, table { font-family: 'SUIT', '맑은 고딕', 'Malgun Gothic', sans-serif !important; font-size: 100%; padding: 0; margin: 0; word-break: keep-all; -webkit-text-size-adjust: none;/* 모바일에서 폰트크기 변형안되도록 함 */}
ol, ul, li { list-style: none; margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 { font-weight: normal;}
form, fieldset, img { border: 0; margin: 0; padding: 0;}
address, caption, small, em { font-weight: normal; font-style: normal;}
i { font-style: normal;}
/* a link */
a { text-decoration: none; outline: none; -webkit-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out;}
a:link, a:visited { text-decoration: none;}
a:hover, a:active { text-decoration: none;}
/* table */
table { border-spacing: 0; padding: 0; margin: 0; border-collapse: collapse; border: 0; empty-cells: show;}
caption { display: none;}
tr, th, td { margin: 0; padding: 0;}
/* image 공백 0으로 조절 */
img { border: 0; margin: 0; padding: 0; vertical-align: middle;}
/* button */
button { border: 0; background: none; cursor: pointer;}
input:focus,
select:focus,
textarea:focus,
button:focus { outline: none !important;}
/* vertical align */
input, textarea, select { vertical-align :middle; appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none;}
/* sumit 네이티브 모양 숨기기 */
input[type="submit"] { appearance: none !important; -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; -o-appearance: none;}
/* select 네이티브 모양 숨기기 */
select::-ms-expand { display: none;}
/* 숨김영역 */
.skip, legend { position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden;}
.hidden { position: absolute; left: -9999px;}
.clear:after { content: ""; display: block; clear: both;}/* float해제 */
.flex { display: flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; -moz-flex-flow: row wrap; -o-flex-flow: row wrap;}
.appearance { appearance: auto !important; -webkit-appearance: auto !important; -moz-appearance: auto !important; -ms-appearance: auto !important; -o-appearance: auto !important;}
.img-max { max-width: 100%;}
.img-ct-max { display: block; max-width: 100%; margin: 0 auto;}
/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
	/* mobile에서 font size 자동 축소 */
	html { font-size: 57% !important;}
}





/* ************************************** *
 * align 정렬
 * ************************************** */
/* align */
.left { text-align: left !important;}
.center { text-align: center !important;}
.right { text-align: right !important;}
/* vertical-align */
.top { vertical-align: top !important;}
.middle { vertical-align: middle !important;}
.bottom { vertical-align: bottom !important;}
/* inline-block */
.inline { display: inline-block !important;}
/* border */
.bor-none { border: 0 !important;}
.bor-left { border-left: solid 1px #ddd;}
.bor-right { border-right: solid 1px #ddd;}
.bor-top { border-top: solid 1px #ddd;}
.bor-bottom { border-bottom: solid 1px #ddd;}
/* text */
.required-mark { color: rgba(230,0,18,1) !important; font-size: 1.5rem; font-weight: normal; font-family: 'Nanum Myeongjo', serif !important;}
.p-required { margin-top: -20px; padding-bottom: 10px; font-size: 1.4rem; color: #444; text-align: right;}
.p-summury { padding-top: 5px; font-size: 1.2rem; color: #797979; line-height: 1.4em;}





/* ************************************** *
 * text-color 공통 폰트 스타일
 * ************************************** */
/* txt-color */
.txt-white { color: #fff !important;}
.txt-black { color: rgba(31,36,41,1) !important;}
.txt-darkgray { color: rgba(31,36,41,.75) !important;}
.txt-gray { color: rgba(31,36,41,.5) !important;}
.txt-lightgray { color: rgba(31,36,41,.3) !important;}
.txt-blue { color: rgba(26,115,232,1) !important;}
.txt-red { color: rgba(230,0,18,1) !important;}
.txt-green { color: rgba(40,167,69,1) !important;}
.txt-yellow { color: rgba(255,216,0,1) !important;}
.txt-orange { color: rgba(250,134,64,1) !important;}
.txt-mint { color: rgba(2,174,165,1) !important;}
.txt-purple { color: rgba(124,79,216,1) !important;}
.txt-italic { font-style: italic !important;}
.txt-decoline { text-decoration: underline !important;}





/* ************************************** *
 * scroll-text 액션 스타일
 * ************************************** */
 /* scroll-text-action */
.in-view { opacity: 1; -webkit-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out;}
.fade-in { opacity: 0; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.in-view.fade-in { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.fade-up { opacity: 0; -webkit-transform: translate3d(0, 15%, 0); -ms-transform: translate3d(0, 15%, 0); -moz-transform: translate3d(0, 15%, 0); -o-transform: translate3d(0, 15%, 0); transform: translate3d(0, 15%, 0);}
.in-view.fade-up { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.fade-down { opacity: 0; -webkit-transform: translate3d(0, -15%, 0); -ms-transform: translate3d(0, -15%, 0); -moz-transform: translate3d(0, -15%, 0); -o-transform: translate3d(0, -15%, 0); transform: translate3d(0, -15%, 0);}
.in-view.fade-down { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.fade-left { opacity: 0; -webkit-transform: translate3d(7%, 0, 0); -ms-transform: translate3d(7%, 0, 0); -moz-transform: translate3d(7%, 0, 0); -o-transform: translate3d(7%, 0, 0); transform: translate3d(7%, 0, 0);}
.in-view.fade-left { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.fade-right { opacity: 0; -webkit-transform: translate3d(-7%, 0, 0); -ms-transform: translate3d(-7%, 0, 0); -moz-transform: translate3d(-7%, 0, 0); -o-transform: translate3d(-7%, 0, 0); transform: translate3d(-7%, 0, 0);}
.in-view.fade-right { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.fade-rotate { opacity: 0; -webkit-transform: scale(.3) rotate(-15deg); -ms-transform: scale(.3) rotate(-15deg); -moz-transform: scale(.3) rotate(-15deg); -o-transform: scale(.3) rotate(-15deg); transform: scale(.3) rotate(-15deg);}
.in-view.fade-rotate { opacity: 1; -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0);}
.fade-scale { opacity: 0; -webkit-transform: scale(.7); -ms-transform: scale(.7); -moz-transform: scale(.7); -o-transform: scale(.7); transform: scale(.7);}
.in-view.fade-scale { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
/* delay */
.delay10 { transition-delay: .1s !important;}
.delay20 { transition-delay: .2s !important;}
.delay25 { transition-delay: .25s !important;}
.delay30 { transition-delay: .3s !important;}
.delay40 { transition-delay: .4s !important;}
.delay50 { transition-delay: .5s !important;}
.delay60 { transition-delay: .6s !important;}
.delay70 { transition-delay: .7s !important;}
.delay75 { transition-delay: .75s !important;}
.delay80 { transition-delay: .8s !important;}
.delay90 { transition-delay: .9s !important;}
.delay100 { transition-delay: 1s !important;}
.delay120 { transition-delay: 1.2s !important;}
.delay150 { transition-delay: 1.5s !important;}
.delay200 { transition-delay: 2s !important;}
.delay250 { transition-delay: 2.5s !important;}
.delay300 { transition-delay: 3s !important;}





/* ************************************** *
 * padding-margin 디폴트 스타일
 * ************************************** */
/* padding-top */
.pt0 { padding-top: 0px !important;}
.pt1 { padding-top: 1px !important;}
.pt2 { padding-top: 2px !important;}
.pt3 { padding-top: 3px !important;}
.pt4 { padding-top: 4px !important;}
.pt5 { padding-top: 5px !important;}
.pt6 { padding-top: 6px !important;}
.pt7 { padding-top: 7px !important;}
.pt8 { padding-top: 8px !important;}
.pt9 { padding-top: 9px !important;}
.pt10 { padding-top: 10px !important;}
.pt12 { padding-top: 12px !important;}
.pt15 { padding-top: 15px !important;}
.pt16 { padding-top: 16px !important;}
.pt20 { padding-top: 20px !important;}
.pt23 { padding-top: 23px !important;}
.pt25 { padding-top: 25px !important;}
.pt30 { padding-top: 30px !important;}
.pt35 { padding-top: 35px !important;}
.pt40 { padding-top: 40px !important;}
.pt45 { padding-top: 45px !important;}
.pt50 { padding-top: 50px !important;}
.pt55 { padding-top: 55px !important;}
.pt60 { padding-top: 60px !important;}
.pt65 { padding-top: 65px !important;}
.pt70 { padding-top: 70px !important;}
.pt80 { padding-top: 80px !important;}
.pt90 { padding-top: 90px !important;}
.pt100 { padding-top: 100px !important;}
/* padding-right */
.pr0 { padding-right: 0px !important;}
.pr1 { padding-right: 1px !important;}
.pr2 { padding-right: 2px !important;}
.pr3 { padding-right: 3px !important;}
.pr4 { padding-right: 4px !important;}
.pr5 { padding-right: 5px !important;}
.pr6 { padding-right: 6px !important;}
.pr7 { padding-right: 7px !important;}
.pr8 { padding-right: 8px !important;}
.pr9 { padding-right: 9px !important;}
.pr10 { padding-right: 10px !important;}
.pr15 { padding-right: 15px !important;}
.pr20 { padding-right: 20px !important;}
.pr25 { padding-right: 25px !important;}
.pr30 { padding-right: 30px !important;}
.pr40 { padding-right: 40px !important;}
.pr50 { padding-right: 50px !important;}
.pr60 { padding-right: 60px !important;}
.pr70 { padding-right: 70px !important;}
.pr80 { padding-right: 80px !important;}
/* padding-left */
.pl0 { padding-left: 0px !important;}
.pl1 { padding-left: 1px !important;}
.pl2 { padding-left: 2px !important;}
.pl3 { padding-left: 3px !important;}
.pl4 { padding-left: 4px !important;}
.pl5 { padding-left: 5px !important;}
.pl6 { padding-left: 6px !important;}
.pl7 { padding-left: 7px !important;}
.pl8 { padding-left: 8px !important;}
.pl9 { padding-left: 9px !important;}
.pl10 { padding-left: 10px !important;}
.pl12 { padding-left: 12px !important;}
.pl15 { padding-left: 15px !important;}
.pl20 { padding-left: 20px !important;}
.pl25 { padding-left: 25px !important;}
.pl30 { padding-left: 30px !important;}
.pl40 { padding-left: 40px !important;}
.pl50 { padding-left: 50px !important;}
.pl60 { padding-left: 60px !important;}
.pl70 { padding-left: 70px !important;}
.pl80 { padding-left: 80px !important;}
/* padding-bottom */
.pb0 { padding-bottom: 0px !important;}
.pb1 { padding-bottom: 1px !important;}
.pb2 { padding-bottom: 2px !important;}
.pb3 { padding-bottom: 3px !important;}
.pb4 { padding-bottom: 4px !important;}
.pb5 { padding-bottom: 5px !important;}
.pb6 { padding-bottom: 6px !important;}
.pb7 { padding-bottom: 7px !important;}
.pb8 { padding-bottom: 8px !important;}
.pb9 { padding-bottom: 9px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb13 { padding-bottom: 13px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb25 { padding-bottom: 25px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb35 { padding-bottom: 35px !important}
.pb40 { padding-bottom: 40px !important;}
.pb50 { padding-bottom: 50px !important;}
.pb60 { padding-bottom: 60px !important;}
.pb70 { padding-bottom: 70px !important;}
.pb80 { padding-bottom: 80px !important;}
.pb90 { padding-bottom: 90px !important;}
.pb100 { padding-bottom: 100px !important;}
/* margin-top */
.mt0 { margin-top: 0px !important;}
.mt5 { margin-top: 5px !important;}
.mt7 { margin-top: 7px !important;}
.mt10 { margin-top: 10px !important;}
.mt14 { margin-top: 14px !important;}
.mt15 { margin-top: 15px !important;}
.mt19 { margin-top: 19px !important;}
.mt20 { margin-top: 20px !important;}
.mt22 { margin-top: 22px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt32 { margin-top: 32px !important;}
.mt40 { margin-top: 40px !important;}
.mt50 { margin-top: 50px !important;}
.mt60 { margin-top: 60px !important;}
.mt70 { margin-top: 70px !important;}
.mt80 { margin-top: 80px !important;}
.mt90 { margin-top: 90px !important;}
.mt100 { margin-top: 100px !important;}
/* margin-left */
.ml9 { margin-left: 9px !important;}
.ml10 { margin-left: 10px !important;}
.ml13 { margin-left: 13px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml30 { margin-left: 30px !important;}
.ml40 { margin-left: 40px !important;}
.ml50 { margin-left: 50px !important;}
.ml60 { margin-left: 60px !important;}
.ml70 { margin-left: 70px !important;}
.ml80 { margin-left: 80px !important;}
.ml90 { margin-left: 90px !important;}
.ml100 { margin-left: 100px !important;}
/* margin-right */
.mr0 { margin-right: 0px !important;}
.mr5 { margin-right: 5px !important;}
.mr6 { margin-right: 6px !important;}
.mr8 { margin-right: 8px !important;}
.mr10 { margin-right: 10px !important;}
.mr14 { margin-right: 14px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr40 { margin-right: 40px !important;}
.mr50 { margin-right: 50px !important;}
.mr60 { margin-right: 60px !important;}
.mr70 { margin-right: 70px !important;}
.mr80 { margin-right: 80px !important;}
.mr90 { margin-right: 90px !important;}
.mr100 { margin-right: 100px !important;}
/* margin-bottom */
.mb0 { margin-bottom: 0 !important;}
.mb5 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb14 { margin-bottom: 14px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb60 { margin-bottom: 60px !important;}
.mb70 { margin-bottom: 70px !important;}
.mb80 { margin-bottom: 80px !important;}
.mb90 { margin-bottom: 90px !important;}
.mb100 { margin-bottom: 100px !important;}
/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
    .mt30 { margin-top: 20px !important;}
    .mt50 { margin-top: 35px !important;}
    .mt60 { margin-top: 40px !important;}
    .mt80 { margin-top: 60px !important;}
    .mb80 { margin-bottom: 60px !important;}
}





/* ************************************** *
 * 초청장 css
 * ************************************** */
.wrap { max-width: 640px; margin: 0 auto;}
/* section01 */
.section01 { position: relative; background-color: #06182e; background-image: url('img/bg01-1.jpg'), url('img/bg01-2.jpg'); background-size: 100% auto; background-position: center top, center bottom; background-repeat: no-repeat; text-align: center;}
.section01 .txt { padding: 70% 10% 30%;}
.section01 .txt p:nth-of-type(2) { padding: 25px 0 15px; font-size: 17px; color: #3e7898;}
.section01 .txt p:nth-of-type(3) { font-size: 52px; font-weight: 700; color: #fff; line-height: 1.3; letter-spacing: -.05em;}
.section01 .txt p:nth-of-type(4) { padding-top: 50px; font-size: 23px; font-weight: 600; color: #8dc0df; line-height: 1.6; letter-spacing: -.4px;}
.section01 .btn-down { position: absolute; bottom: 5%; left: 50%; transform: translate(-50%,0);}
.section01 .btn-down button { display: inline-block; -webkit-animation: scrollerAllow ease-in-out 1.5s infinite; animation: scrollerAllow ease-in-out 1.5s infinite;}
@-webkit-keyframes scrollerAllow {
    0% { padding-bottom: 0;}
    75% { padding-bottom: 10px;}
    100% { padding-bottom: 0;}
}
@keyframes scrollerAllow {
    0% { padding-bottom: 0;}
    75% { padding-bottom: 10px;}
    100% { padding-bottom: 0;}
}
/* section02 */
.section02 { position: relative; padding: 50px 5%; background: url('img/bg02.jpg') no-repeat; background-size: cover;}
.section02:after { position: absolute; left: 50%; top: 0; content: ""; display: block; background: url('img/img01.png') no-repeat; background-size: 100%; width: 153px; height: 92px; transform: translate(-50%,0);}
.section02 .box { padding: 60px 30px; background: #fff; border: solid 5px #34508a; box-sizing: border-box;}
.section02 .box h2 { padding-bottom: 30px; font-weight: 700; font-size: 30px; color: #34508a;}
.section02 .box p { padding-bottom: 30px; font-family: 'Nanum Myeongjo', serif !important; font-size: 19px; letter-spacing: -.05em; color: #06182e; line-height: 1.8em;}
.section02 .box li { float: left; width: 50%; box-sizing: border-box;}
.section02 .box li:nth-of-type(2) { padding-left: 10%;}
/* section03 */
.section03 { padding: 70px 5%;}
.section03 .tit { text-align: center;}
.section03 .tit p:nth-of-type(1) { padding-bottom: 15px; font-size: 17px; color: #3e7898;}
.section03 .tit p:nth-of-type(2) { font-size: 45px; font-weight: 700; color: #06182e; line-height: 1.3; letter-spacing: -.05em;}
.section03 .tit img { padding: 30px 0;}
.section03 .tit p:nth-of-type(3) { font-size: 23px; font-weight: 600; color: #06182e; line-height: 1.6; letter-spacing: -.4px;}
.section03 .program-list { margin: 60px 0 30px;}
.section03 .program-list li { padding: 15px 25px; border-bottom: solid 1px #bbb; box-sizing: border-box;}
.section03 .program-list li h3:before { content: ""; display: block; clear: both;}
.section03 .program-list li p { float: left; width: 50%; font-size: 19px; color: #333;}
.section03 .program-list li p:nth-of-type(2) { text-align: right;}
.section03 .program-list li h3 { padding-top: 23px; font-weight: 700; font-size: 24px; color: #333;}
.section03 .program-list li.h { padding: 20px 25px; background: #34508a;}
.section03 .program-list li.h p,
.section03 .program-list li.h h3 { color: #fff;}
.section03 p.bot { font-size: 19px; color: #06182e; text-align: center;}
.section03 p.bot a { text-decoration: underline; color: #478ecf;}
/* section04 */
.section04 { padding: 70px 5%; background: #e6e7ea; text-align: center;}
.section04 h2 { margin: 80px 0 20px; font-weight: 800; font-size: 45px; color: #06182e; letter-spacing: -.05em;}
.section04 p { margin-top: 15px; font-size: 19px; color: #06182e; line-height: 1.4; letter-spacing: -.4px;}
.section04 p a { text-decoration: underline; color: #478ecf;}
.section04 .box { margin-top: 30px; padding: 17px 30px; font-weight: 500; font-size: 19px; color: #06182e; line-height: 2; letter-spacing: -.4px; border: solid 2px #06182e; box-sizing: border-box; text-align: left;}
/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:450px) {
    /* section01 */
    .section01 .txt p:nth-of-type(2) { padding: 20px 0 10px; font-size: 13px;}
    .section01 .txt p:nth-of-type(3) { font-size: 39px;}
    .section01 .txt p:nth-of-type(4) { padding-top: 35px; font-size: 15px;}
    /* section02 */
    .section02 { padding: 35px 5%;}
    .section02:after { width: 115px; height: 69px;}
    .section02 .box { padding: 40px 20px 20px; border: solid 3px #34508a;}
    .section02 .box h2 { padding-bottom: 20px; font-size: 20px;}
    .section02 .box p { padding-bottom: 20px; font-size: 15px;}
    /* section03 */
    .section03 { padding: 45px 5%;}
    .section03 .tit p:nth-of-type(1) { padding-bottom: 10px; font-size: 13px;}
    .section03 .tit p:nth-of-type(2) { font-size: 29px;}
    .section03 .tit img { padding: 20px 0;}
    .section03 .tit p:nth-of-type(3) { font-size: 15px;}
    .section03 .program-list { margin: 40px 0 20px;}
    .section03 .program-list li { padding: 12px 20px;}
    .section03 .program-list li p { font-size: 14px;}
    .section03 .program-list li h3 { font-size: 16px;}
    .section03 .program-list li.h { padding: 15px 20px;}
    .section03 p.bot { font-size: 15px;}
    /* section04 */
    .section04 { padding: 45px 5%;}
    .section04 h2 { margin: 60px 0 20px; font-size: 32px;}
    .section04 p { margin-top: 10px; font-size: 15px;}
    .section04 .box { margin-top: 20px; padding: 12px 20px; font-size: 15px;}
    .section04 iframe { height: 270px;}
}