/* --common-- */
#container {padding: 100px 0 160px; min-width: 1280px;}

nav {padding: 20px 0; width: 100%; border-bottom: 1px solid #b3b3b3;}
nav a {display: inline-block; position: relative; padding: 0 20px; font-size: 16px; vertical-align: middle; }
nav a:first-child {padding-left: 0; width: 20px; height: 24px; font-size: 0; background: url(../img/icon_home.png) no-repeat 50%;}
nav a:after {content: ''; position: absolute; right: -10px; top: 5px; width: 7px; height: 12px; background: url(../img/icon_arrow.png) no-repeat; background-size: contain;}
nav a:last-child:after {display: none;}

article.title {margin-bottom: 90px;}
article.title h2 {position: relative; margin-top: 110px; font-size: 40px; font-weight: 800; text-align: center;}
article.title h2:before {content: ''; position: absolute; top: -111px; left: 50%; margin-left: -5px; width: 10px; height: 90px; background: url(../img/icon_tit.png) no-repeat;}
article.title p {margin-top: 20px; font-size: 18px; font-weight: 500; text-align: center;}

.wrap_sch {position: relative; margin-left: auto; width: 480px; height: 60px;}
.wrap_sch input {display: block; padding: 0 60px 0 20px; width: 100%; height: 60px; font-size: 16px; background-color: #eee; border: none; box-sizing: border-box;}
.wrap_sch input::placeholder {color: #b3b3b3;}
.wrap_sch button {content: ''; position: absolute; right: 0; top: 0; width: 60px; height: 60px; font-size: 0; background: url(../img/btn_sch.png) no-repeat 50%;}

.pager {margin-top: 60px; text-align: center;}
.pager li {display: inline-block; margin: 0 10px; width: 40px; height: 40px; vertical-align: middle;}
.pager li a {display: block; width: 100%; height: 100%; font-size: 16px; text-align: center; line-height: 40px; border: 1px solid #b8b8b8; border-radius: 50%; box-sizing: border-box;}
.pager li.active a {background-color: #846600; color: #fff; font-weight: 600; border-color: #846600;}
.pager li a:hover, .pager li a:focus, .pager li a:active {text-decoration: none; background-color: #846600; color: #fff; font-weight: 600; border-color: #846600;}
.pager li.btn_prev {margin-right: 15px;}
.pager li.btn_next {margin-left: 15px;}
.pager li.btn_prev a {background: url(../img/btn_prev.png) no-repeat 50%; font-size: 0; border: none;}
.pager li.btn_next a {background: url(../img/btn_next.png) no-repeat 50%; font-size: 0; border: none;}
.pager li.btn_prev.end a {background: url(../img/btn_prev_off.png) no-repeat 50%; background-size: contain;}
.pager li.btn_next.end a {background: url(../img/btn_next_off.png) no-repeat 50%; background-size: contain;}

.btn {display: block; margin: 0 auto; width: 160px; height: 60px; font-size: 20px; text-align: center; line-height: 60px;}
.btn:hover, .btn:focus, .btn:active {text-decoration: none;}
.btn_yellow {background-color: #ffc600;}

.tabs {margin: 0 auto; width: calc(100% - 80px); height: 60px; border: 1px solid #b3b3b3; zoom: 1}
.tabs:after {content: ''; display: block; clear: both;}
.tabs li {float: left; position: relative; width: 25%; font-size: 20px; font-weight: 600; text-align: center; line-height: 60px;  cursor: pointer;}
.tabs li.active:after {content: ''; position: absolute; left: 0; top: -2px; width: calc(100% - 2px); height: 100%; border: 2px solid #846600; box-shadow: 5px 5px 10px rgba(0,0,0,.15);}
.tabs li:hover:after, .tabs li:focus::after, .tabs li:active:after {content: ''; position: absolute; left: 0px; top: -2px; width: calc(100% - 2px); height: 100%; border: 2px solid #846600; box-shadow: 5px 5px 10px rgba(0,0,0,.15);}
.tabs li a {position: relative; display: block; width: 100%; height: 100%; z-index: 1;}
.tabs li.active, .tabs li.active a, .tabs li a:hover, .tabs li a:focus, .tabs li a:active  {text-decoration: none; color: #846600;}
.tab_area [id^="tab_cont"] {display: none}
.tab_area [id^="tab_content"].active {display: block}

.form dl {display: flex; margin-bottom: 30px;}
.form dl dt {padding: 20px 0 0 20px; width: 160px; font-size: 18px; font-weight: 600; word-break: keep-all; box-sizing: border-box;}
.form dl dt em {margin-left: 5px;}
.form dl dd {padding-right: 20px; width: calc(100% - 160px); font-size: 18px; box-sizing: border-box;}
.form dl dd input {padding-left: 20px; width: 100%; height: 60px; border: 1px solid #b3b3b3; box-sizing: border-box;}
.form dl dd input::placeholder {color: #b3b3b3;}
.form dl dd .filebox {position: relative;}
.form dl dd .filebox label {display: inline-block; margin-right: 6px; width: 160px; height: 60px; color: #fff; text-align: center; line-height: 60px; vertical-align: middle; background-color: #202020; cursor: pointer;}
.form dl dd .filebox .upload_name {display: inline-block; padding: 0 10px; width: calc(100% - 170px); height: 60px; vertical-align: middle; color: #202020;}
.form dl dd .filebox input[type="file"] {position: absolute; padding: 0; width: 0; height: 0; border: none; overflow: hidden;}
.form dl dd .filebox .btn_delete {position: absolute; right: 20px; top: 19px; font-size: 16px; color: #b3b3b3;}
.form dl dd .filebox .btn_delete:before {content: ''; display: inline-block; margin: -1px 5px 0 0; width: 20px; height: 20px; vertical-align: middle; background: url(../img/btn_delete.png) no-repeat;}
.form dl.msgbox dd p {margin-top: 15px; font-size: 16px; color: #846600;}
.form dl dd textarea {padding: 20px; width: 100%; height: 240px; font-size: 18px; border: 1px solid #b3b3b3; resize: none; box-sizing: border-box;}
.form dl dd textarea::placeholder {color: #b3b3b3;}
.form dl dd .txtbox {padding: 20px; width: 100%; font-size: 16px; border: 1px solid #b3b3b3; box-sizing: border-box;}
.form dl dd .txtbox p {margin-bottom: 5px;}
.form dl dd .txtbox dl {display: block; margin-bottom: 0;}
.form dl dd .txtbox dl dt {display: block; padding: 0; margin-bottom: 5px; width: auto; font-size: 16px;}
.form dl dd .txtbox dl dd {padding-right: 0; margin-bottom: 5px; width: auto;}
.form dl dd .ckbox {position: relative; margin-top: 20px;}
.form dl dd .ckbox input[type="checkbox"] {padding: 0; margin-right: 10px; width: 20px; height: 20px;}
.form dl dd .ckbox label {font-size: 18px; vertical-align: middle;}
.form dl dd .ckbox input[type="checkbox"]:checked + label:after {content: ''; position: absolute; left: 0; top: 4px; width: 20px; height: 20px; background: url(../img/icon_ck.jpg) no-repeat;}

.h3_tit {margin-bottom: 30px; font-size: 24px; font-weight: 700; word-break: keep-all;}

.cl_r {color: #f04a37;}


/* --- ���������� ����� --- */
/* ���� */
.history {overflow: hidden;}
.history div[class^="time"] {position: relative;}
.history div[class^="time"]:nth-child(odd) {padding-left: 640px;}
.history div[class^="time"]:nth-child(even) {padding-right: 640px;}
.history div .time01 {margin-bottom: 310px;}
.history div .time02 {margin-bottom: 200px;}
.history div .time03 {margin-bottom: 135px;}
.history div .time04 {margin-bottom: 135px;}
.history div .time05 {margin-bottom: 240px;}
.history div .time06 {margin-bottom: 130px;}
.history div[class^="time"]:before {content: ''; position: absolute; left: -1000px; top: 185px; width: 5000px; height: 1px; background-color: #b3b3b3;}
.history div[class^="time"] dl {margin-bottom: 75px;}
.history div[class^="time"] dl dt {font-size: 64px; font-weight: 900; text-shadow: -1px 0 #202020, 0 1px #202020, 1px 0 #202020, 0 -1px #202020; color: #fff;}
.history div[class^="time"] dl dd {margin-top: -5px; font-size: 40px; font-weight: 900; letter-spacing: -2px;}
.history div[class^="time"] ul li {margin-bottom: 20px; font-size: 18px;}
.history div[class^="time"] ul li span {display: inline-block; width: 130px; font-weight: 600; vertical-align: middle;}
.history div[class^="time"] p {margin-top: 5px; font-size: 18px; word-break: keep-all;}
.history div[class^="time"] i {position: absolute;}
.history div[class^="time"] .img01 {left: 0; top: 63px; width: 264px; height: 360px; background: url(../img/history01.jpg) no-repeat;}
.history div[class^="time"] .img02 {left: 270px; top: 255px; width: 309px; height: 313px; background: url(../img/history02.jpg) no-repeat; z-index: 1;}
.history div[class^="time"] .img03 {left: 0; top: 515px; width: 314px; height: 220px; background: url(../img/history03.jpg) no-repeat;}
.history div[class^="time"] .img04 {right: -205px; top: -132px; width: 650px; height: 117px; background: url(../img/history04.png) no-repeat;}
.history div[class^="time"] .img05 {right: 235px; top: -40px; width: 375px; height: 281px; background: url(../img/history05.jpg) no-repeat;}
.history div[class^="time"] .img06 {right: 0; top: 177px; width: 348px; height: 340px; background: url(../img/history06.jpg) no-repeat;}
.history div[class^="time"] .img07 {right: 115px; top: 413px; width: 400px; height: 280px; background: url(../img/history07.jpg) no-repeat;}
.history div[class^="time"] .img08 {left: 105px; top: 30px; width: 386px; height: 500px; background: url(../img/history08.jpg) no-repeat;}
.history div[class^="time"] .img09 {right: 130px; top: 30px; width: 488px; height: 320px; background: url(../img/history09.jpg) no-repeat;}
.history div[class^="time"] .img10 {right: 0; top: 375px; width: 368px; height: 240px; background: url(../img/history010.jpg) no-repeat;}
.history div[class^="time"] .img11 {right: 175px; top: 502px; width: 394px; height: 400px; background: url(../img/history011.jpg) no-repeat;}
.history div[class^="time"] .img12 {right: 30px; top: 830px; width: 432px; height: 300px; background: url(../img/history012.jpg) no-repeat;}
.history div[class^="time"] .img13 {left: 0; top: 28px; width: 357px; height: 239px; background: url(../img/history013.jpg) no-repeat;}
.history div[class^="time"] .img14 {left: 175px; top: 230px; width: 414px; height: 276px; background: url(../img/history014.jpg) no-repeat;}
.history div[class^="time"] .img15 {left: 0; top: 535px; width: 354px; height: 280px; background: url(../img/history015.jpg) no-repeat;}
.history div[class^="time"] .img16 {right: 160px; top: 5px; width: 436px; height: 280px; background: url(../img/history016.jpg) no-repeat;}
.history div[class^="time"] .img17 {right: 0; top: 315px; width: 437px; height: 280px; background: url(../img/history017.jpg) no-repeat;}
.history div[class^="time"] .img18 {left: 120px; top: 30px; width: 356px; height: 460px; background: url(../img/history018.jpg) no-repeat;}

/* ���� ���̵� ȿ�� */
.history div[class^="time"] dl, .history div[class^="time"] ul, .history div[class^="time"] p, .history div[class^="time"] i {transform: translateY(30px); transition: all 1.1s; opacity: 0;}
.history div[class^="time"].visible dl, .history div[class^="time"].visible ul, .history div[class^="time"].visible p, .history div[class^="time"].visible i {opacity: 1; transform: translateY(0);}
.history div[class^="time"].visible i:nth-of-type(1) {transition-delay: 0.4s;}
.history div[class^="time"].visible i:nth-of-type(2) {transition-delay: 0.8s;}
.history div[class^="time"].visible i:nth-of-type(3) {transition-delay: 1.2s;}
.history div[class^="time"].visible i:nth-of-type(4) {transition-delay: 1.6s;}

.history .history__detail {position: relative; padding: 20px 0; margin-top: 160px; border-top: 2px solid #202020; border-bottom: 1px solid #202020; cursor: pointer;}
.history .history__detail .detail__top {font-size: 20px; text-align: center;}
.history .history__detail .detail__bottom {display: none; padding: 20px; margin-top: 25px; background-color: #eee;}
.history .history__detail .detail__bottom p {margin-bottom: 5px; font-size: 18px; word-break: keep-all;}
.history .history__detail button {display: block; margin: 20px auto 0; width: 24px; height: 24px; font-size: 0; background: url(../img/btn_more.png) no-repeat; cursor: pointer;}
.history .history__detail.active button {background: url(../img/btn_close.png) no-repeat;}


/* ���ü��� */
.book ul {padding: 30px 0; border-top: 2px solid #202020; zoom: 1}
.book ul:after {content: ''; display: block; clear: both;}
.book ul li {float: left; margin: 50px 40px 0 0; width: calc((100% - 120px) / 4); height: 510px;}
.book ul li:nth-child(4n+4) {margin-right: 0;}
.book ul li:nth-of-type(1), .book ul li:nth-of-type(2), .book ul li:nth-of-type(3), .book ul li:nth-of-type(4) {margin-top: 0;}
.book ul li .thum img {width: 100%; border: 1px solid #b3b3b3; box-sizing: border-box;}
.book ul li .tit {margin-top: 15px; font-size: 20px; font-weight: 700;}
.book ul li .info {margin-top: 10px; font-size: 16px;}
.book ul li .info em {display: inline-block; margin-right: 8px; font-weight: 600; color: #846600;}


/* ��� */
.quotation .tabs li {width: calc(100% / 3);}
.quotation .tab_area {margin-top: 60px;}
.quotation .tab_area ul li {position: relative; padding: 39px 65px; margin-bottom: 30px; border-top: 2px solid #202020; border-bottom: 1px solid #b3b3b3;}
.quotation .tab_area ul li:before {content: ''; position: absolute; left: 0; top: 40px; width: 32px; height: 30px; background: url(../img/icon_quot01.png) no-repeat;}
.quotation .tab_area ul li:after {content: ''; position: absolute; right: 0; top: 40px; width: 32px; height: 30px; background: url(../img/icon_quot02.png) no-repeat;}
.quotation .tab_area ul li:last-child {margin-bottom: 0;}
.quotation .tab_area ul li p {margin-top: 20px; font-size: 20px; word-break: keep-all;}
.quotation .tab_area ul li p:nth-of-type(1) {margin-top: 0;}
.quotation .tab_area ul li span {display: block; margin-top: 15px; font-size: 16px; font-weight: 600; color: #846600;}


/* --- ��ܼҰ� --- */
/* ��ܼҰ� */
.intro .bg {position: relative; padding: 60px 0 55px; width: 100%; height: 400px; box-sizing: border-box; overflow: hidden;}
.intro .bg:after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/bg_intro.jpg) no-repeat 50% -210px; transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); animation: scaleAnimation 3s forwards; -webkit-animation: scaleAnimation 3s forwards; -moz-animation: scaleAnimation 3s forwards; z-index: -1;}

@keyframes scaleAnimation {
    0% {transform: scale(1.3);}
    100% {transform: scale(1);}
}

.intro .bg h3 {color: #fff;}
.intro .bg h3:before {content: ''; display: block; margin-bottom: 15px; width: 40px; height: 2px; background-color: #ffc600;}
.intro .bg p {margin-top: 165px; font-size: 24px; font-weight: 700; color: #fff; line-height: 1.6;}
.intro .bg p em {color: #ffc600;}

.intro .content {position: relative; margin-top: 45px;}
.intro .content p {font-size: 18px;}
.intro .content p + b {display: block; margin-top: 15px; font-size: 20px; font-weight: 700;}
.intro .content div[class^='content__box'] {position: relative; padding-left: 200px; margin-top: 120px;}
.intro .content div[class^='content__box'] h3 {position: absolute; left: 0; top: 0;}
.intro .content .content__box01 ul {margin-bottom: 20px; width: 1080px; height: 80px; zoom: 1}
.intro .content .content__box01 ul:after {content: ''; display: block; clear: both;}
.intro .content .content__box01 ul li {float: left; position: relative; width: 50%; font-size: 20px; font-weight: 600; text-align: center; line-height: 80px;}
.intro .content .content__box01 ul li:first-child {background-color: #fff7db;}
.intro .content .content__box01 ul li:first-child:after {content: ''; position: absolute; right: -12px; top: 50%; margin-top: -12px; width: 24px; height: 24px; background: url(../img/btn_more.png) no-repeat; z-index: 5;}
.intro .content .content__box01 ul li:last-child {background-color: #ede8d9;}
.intro .content .content__box01 p {margin-bottom: 5px;}
.intro .content .content__box02 ul {width: 1080px; border-top: 2px solid #202020;}
.intro .content .content__box02 ul li {position: relative; padding: 25px 20px 25px 65px; font-size: 18px; border-bottom: 1px solid #b3b3b3; box-sizing: border-box;}
.intro .content .content__box02 ul li span {position: absolute; left: 20px; top: 25px; font-weight: 700; color: #846600;}
.intro .content .content__box02 ul li b {font-weight: 700;}
.intro .content .content__box02 ul li p {margin-top: 10px;}


/* �̻��� �λ縻 */
.greeting {position: relative; margin-top: 200px}
.greeting:before {content: ''; position: absolute; left: 0; top: 170px; width: 1000px; height: 120px; background-color: #846600;}
.greeting:after {content: ''; position: absolute; right: 0; top: -50px; width: 1440px; height: 280px; background: url(../img/bg_greeting01.jpg) no-repeat 50% top; z-index: -1;}
.greeting strong {display: block; position: relative; font-size: 40px; font-weight: 800; text-align: right;}
.greeting strong em {color: #846600;}
.greeting .top {position: relative; padding: 25px 0 25px 380px; margin-top: 110px; width: 100%; height: 120px; font-size: 24px; color: #fff; font-weight: 600; background-color: #846600; box-sizing: border-box;}
.greeting .top:before {content: ''; position: absolute; left: 0; bottom: 0; width: 352px; height: 400px; background: url(../img/greeting.png) no-repeat; vertical-align: bottom;}
.greeting .top:after {content: ''; position: absolute; right: 0; bottom: 0; width: 372px; height: 69px; background: url(../img/bg_greeting02.png) no-repeat;}
.greeting .wrap_txt {padding: 50px 0 10px; border-bottom: 1px solid #b3b3b3;}
.greeting .wrap_txt p {margin-bottom: 35px; font-size: 18px; word-break: keep-all;}
.greeting .bottom {margin-top: 55px; font-size: 18px; color: #846600; font-weight: 600; text-align: right;}
.greeting .bottom b {display: block; margin-top: 10px; font-size: 24px; font-weight: 700; color: #202020;}


/* ������ */
.organization .pc {display: block; margin: 0 auto;}
.organization .mobile {display: none;}


/* ���� */
.rule dl {border-bottom: 1px solid #202020;}
.rule dl:first-child {border-top: 2px solid #202020;}
.rule dl dt {position: relative; padding: 22px 20px; font-size: 24px; font-weight: 600; cursor: pointer;}
.rule dl dt:after {content: ''; position: absolute; right: 20px; top: 28px; width: 24px; height: 24px; background: url(../img/btn_more.png) no-repeat; background-size: contain;}
.rule dl dt.active:after {background: url(../img/btn_close.png) no-repeat; background-size: contain;}
.rule dl dd {display: none; padding: 20px 20px 0; font-size: 18px; word-break: keep-all; background-color: #eee;}
.rule dl dd p, .rule dl dd ul {padding-bottom: 35px;}
.rule dl dd p + ul {padding-top: 0;}
.rule dl dd ul li > ul {padding-bottom: 0;}


/* �������� */
.finance ul {zoom: 1}
.finance ul:after {content: ''; display: block; clear: both;}
.finance ul li {float: left; position: relative; padding: 35px 0 30px; margin: 60px 40px 0 0; width: calc((100% - 80px) / 3); height: 280px;border-top: 2px solid #202020; border-bottom: 1px solid #b3b3b3; box-sizing: border-box;}
.finance ul li:nth-of-type(1), .finance ul li:nth-of-type(2), .finance ul li:nth-of-type(3) {margin-top: 0;}
.finance ul li:nth-child(3n+3) {margin-right: 0;}
.finance ul li .tit {margin-bottom: 25px; font-size: 20px; font-weight: 700;}
.finance ul li .txt {padding-right: 30px; margin-bottom: 20px; font-size: 16px; line-height: 1.6; word-break: keep-all;}
.finance ul li .info span {display: inline-block; vertical-align: middle; font-size: 16px;}
.finance ul li .info span:first-child:after {content: ''; display: inline-block; margin: 0 8px; width: 1px; height: 15px; background-color: #202020;}
.finance ul li .btn_file {position: absolute; right: 20px; bottom: 30px; font-size: 18px; font-weight: 500; color: #846600;}
.finance ul li .btn_file:after {content: ''; display: inline-block; margin-left: 5px; width: 20px; height: 20px; vertical-align: middle; background: url(../img/btn_file.png) no-repeat;}


/* ���ô� �� */
.route .map {position: relative; width: 100%; height: 560px; background-color: #ccc;}
.route .map #daumRoughmapContainer1687485333594 {width: 100%; height: 100%;}
.route .map .info {position: absolute; left: 0; bottom: 0; padding: 40px 30px; width: 360px; height: 200px; background-color: rgba(0,0,0,.6); box-sizing: border-box; z-index: 5;}
.route .map .info strong {display: block; margin-bottom: 25px; font-size: 24px; font-weight: 700; color: #fff; line-height: 1;}
.route .map .info strong:before {content: ''; display: block; margin-bottom: 20px; width: 40px; height: 2px; background-color: #ffc600;}
.route .map .info p {font-size: 18px; color: #fff;}
.route ul {margin-top: 40px; zoom: 1}
.route ul:after {content: ''; display: block; clear: both;}
.route ul li {float: left; padding: 0 30px; width: 630px; height: 80px; font-size: 18px; font-weight: 600; line-height: 80px; box-sizing: border-box;}
.route ul li:first-child {margin-right: 20px; background-color: #fff7db;}
.route ul li:last-child {background-color: #ede8d9;}
.route ul li span:after {content: ''; display: inline-block; margin: 0 30px; width: 1px; height: 20px; background-color: #b3b3b3; vertical-align: middle;}


/* --- ��ܼҽ� --- */
/* �Խ��� ���(����) */
.wrap_board {position: relative;}
.wrap_board .cnt {position: absolute; top: 40px; left: 0; font-size: 18px;}
.wrap_board .cnt b {color: #846600;}
.wrap_board .board {margin-top: 30px; border-top: 2px solid #202020;}
.wrap_board .msg_empty {padding: 80px 0; margin-top: 30px; font-size: 18px; text-align: center; border-top: 2px solid #202020; border-bottom: 1px solid #b3b3b3;}
.wrap_board .msg_empty:before {content: ''; position: relative; display: block; margin: 0 auto 15px; width: 60px; height: 60px; background: url(../img/icon_empty.png) no-repeat;}


/* �Խ��� ��(����) */
.board_view {margin-bottom: 60px;}
.board_view .wrap_share {margin-bottom: 20px; text-align: right;}
.board_view .wrap_share button {display: inline-block; margin-right: 8px; width: 40px; height: 40px; font-size: 0; vertical-align: middle;}
.board_view .wrap_share button:last-child {margin-right: 0;}
.board_view .wrap_share .btn_url {background: url(../img/btn_url.png) no-repeat 50%; background-size: contain;}
.board_view .wrap_share .btn_ist {background: url(../img/btn_ist.png) no-repeat 50%; background-size: contain;}
.board_view .wrap_share .btn_fb {background: url(../img/btn_fb.png) no-repeat 50%; background-size: contain;}

.board_view .header {position: relative; padding: 30px 0 25px; border-top: 2px solid #202020; border-bottom: 1px solid #b3b3b3;}
.board_view .header em {position: absolute; left: 0; top: 30px; width: 100px; height: 40px; font-size: 18px; color: #fff; text-align: center; line-height: 40px; background-color: #846600;}
.board_view .header .tit {font-size: 24px; font-weight: 700}
.board_view .header .info {margin-top: 20px;}
.board_view .header .info li {display: inline-block; margin-right: 40px; font-size: 18px; vertical-align: middle;}
.board_view .header .info li span {position: relative; margin-right: 30px;}
.board_view .header .info li span:after {content: ''; position: absolute; right: -16px; top: 3px; width: 1px; height: 15px; background-color: #000;}

.edu.board_view .header .tit {padding-left: 120px;}
.edu.board_view .header .info li span {display: inline-block; margin-right: 8px; font-weight: 600; color: #846600;}
.edu.board_view .header .info li span:after {display: none;}
.edu.board_view .header .info li:first-child span {margin-right: 30px; font-weight: normal; color: #202020;}
.edu.board_view .header .info li:first-child span:after {content: ''; display: block; position: absolute; right: -16px; top: 6px; width: 1px; height: 15px; background-color: #000;}

.board_view .content {padding: 40px 20px; font-size: 18px; border-bottom: 1px solid #b3b3b3;}

.board_view .file {padding: 26px 20px; font-size: 18px; border-bottom: 1px solid #b3b3b3;}
.board_view .file p {font-size: 18px; cursor: pointer;}
.board_view .file p:before {content: ''; display: inline-block; margin-right: 20px; width: 22px; height: 24px; background: url(../img/icon_file.png) no-repeat 50%; vertical-align: middle;} 
.board_view .file p:hover, .board_view .file p:focus, .board_view .file p:active {text-decoration: underline;}

.view_pager {margin-top: 60px; border-top: 1px solid #202020; border-bottom: 1px solid #202020;}
.view_pager li {position: relative; padding: 26px 0; cursor: pointer;}
.view_pager li:first-child {border-bottom: 1px solid #b3b3b3;}
.view_pager li span {margin-right: 20px; font-size: 18px; font-weight: 700;}
.view_pager li span:before {content: ''; display: inline-block; margin: -1px 10px 0 0; width: 40px; height: 40px; border-radius: 50%; vertical-align: middle;}
.view_pager .btn_prev span:before {background: url(../img/btn_prev.png) #eee no-repeat 50%;}
.view_pager .btn_next span:before {background: url(../img/btn_next.png) #eee no-repeat 50%;}
.view_pager .btn_prev:hover span:before, .view_pager .btn_prev:focus span:before, .view_pager .btn_prev:active span:before {background: url(../img/btn_prev02.png) #846600 no-repeat 50%;}
.view_pager .btn_next:hover span:before, .view_pager .btn_next:focus span:before, .view_pager .btn_next:active span:before {background: url(../img/btn_next02.png) #846600 no-repeat 50%;}
.view_pager li a {display: inline-block; width: 80%; font-size: 18px; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; overflow: hidden;}
.view_pager li a:hover, .view_pager li a:focus, .view_pager li a:active {text-decoration: none;}
.view_pager li em {position: absolute; top: 32px; right: 20px; font-size: 18px; color: #b3b3b3;}


/* �������� */
.wrap_board .list li {position:relative; padding: 24px 0; border-bottom: 1px solid #b3b3b3; zoom: 1; box-sizing: border-box;}
.wrap_board .list li:after {content: ''; display: block; clear: both;}
.wrap_board .list li:hover, .wrap_board .list li:focus, .wrap_board .list li:active {margin-top: -1.5px; border-top: 1px solid #846600; border-bottom-color: #846600;}

.wrap_board .list li .num {float: left; width: 80px; font-size: 20px; text-align: center;}
.wrap_board .list li .tit {float: left; display: block; padding-left: 20px; width: calc(100% - 236px); font-size: 20px; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; overflow: hidden;}
.wrap_board .list li:hover .tit, .wrap_board .list li:focus .tit, .wrap_board .list li:active .tit {color: #846600; text-decoration: none;}
.wrap_board .list li .date {position: absolute; right: 16px; top: 24px; font-size: 18px; color: #b3b3b3;}

.wrap_board .list.archive li .tit {margin-bottom: 20px;}
.wrap_board .list.archive li .cont {box-sizing: border-box; display: -webkit-box;width:100%;height: 3em;font-size: 18px;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.5em;overflow: hidden;width: 100%;padding: 0 15px;}


/* ���� ���α׷� */
.wrap_board .gallery {padding-top: 30px; zoom: 1}
.wrap_board .gallery:after {content: ''; display: block; clear: both;}
.wrap_board .gallery a {float: left; margin: 55px 40px 0 0; width: calc((100% - 80px) / 3);}
.wrap_board .gallery a:hover, .wrap_board .gallery a:focus, .wrap_board .gallery a:active {text-decoration: none;} 
.wrap_board .gallery a:nth-of-type(1), .wrap_board .gallery a:nth-of-type(2), .wrap_board .gallery a:nth-of-type(3) {margin-top: 0;}
.wrap_board .gallery a:nth-child(3n+3) {margin-right: 0;}
.wrap_board .gallery a .thum {position: relative; width: 100%; height: 400px; overflow: hidden;}
.wrap_board .gallery a .thum img {width: 100%; height: 100%;}
.wrap_board .gallery a:hover img, .wrap_board .gallery a:focus img, .wrap_board .gallery a:active img {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;}
.wrap_board .gallery a .thum span {position: absolute; right: 0; top: 0; width: 100px; height: 40px; font-size: 18px; font-weight: 600; color: #fff; text-align: center; line-height: 40px;}
.wrap_board .gallery a .thum span.yet {background-color: #b3b3b3;}
.wrap_board .gallery a .thum span.now {background-color: #846600;}
.wrap_board .gallery a .thum span.finish {background-color: #202020;}
.wrap_board .gallery a .tit {margin-top: 15px; display: -webkit-box; width: 100%; height: 3em; font-size: 20px; font-weight: 700; text-align: left; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5em; overflow: hidden;}
.wrap_board .gallery a .tit:hover, .wrap_board .gallery a .tit:focus, .wrap_board .gallery a .tit:active {text-decoration: underline;}
.wrap_board .gallery a .info {margin-top: 5px; font-size: 16px;}
.wrap_board .gallery a .info em {display: inline-block; margin-right: 10px; font-weight: 700; color: #846600;}


/* --- �м����� --- */
/* ����� �м����� */
.research .bg {position: relative; padding: 60px 0 55px; width: 100%; height: 400px; box-sizing: border-box; overflow: hidden;}
.research .bg:after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/bg_research.jpg) no-repeat 50% top; transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); animation: scaleAnimation 3s forwards; -webkit-animation: scaleAnimation 3s forwards; -moz-animation: scaleAnimation 3s forwards; z-index: -1;}
.research .bg h3 {color: #fff;}
.research .bg h3:before {content: ''; display: block; margin-bottom: 15px; width: 40px; height: 2px; background-color: #ffc600;}
.research .bg p {margin-top: 165px; font-size: 24px; font-weight: 700; color: #fff; line-height: 1.6;}
.research .bg p em {color: #ffc600;}

.research .content div[class^='content__box'] {position: relative; padding-left: 200px; margin-top: 120px;}
.research .content div[class^='content__box'] h3 {position: absolute; left: 0; top: 0;}
.research .content .content__box01:after {content: ''; position: absolute; left: -22px; bottom: 0; width: 204px; height: 200px; background: url(../img/bg_research02.png) no-repeat; z-index: -1;}
.research .content .content__box01 ul {margin-bottom: 35px; zoom: 1}
.research .content .content__box01 ul:after {content: ''; display: block; clear: both;}
.research .content .content__box01 ul li {float: left; padding: 25px 0; margin-right: 40px; width: calc((100% - 120px) / 4); height: 175px; font-size: 18px; line-height: 1.7; border-top: 2px solid #202020; border-bottom: 1px solid #b3b3b3; box-sizing: border-box;}
.research .content .content__box01 ul li:last-child {margin-right: 0;}
.research .content .content__box01 ul li span {display: block; margin-bottom: 20px; font-size: 24px; font-weight: 700; line-height: 1;}
.research .content .content__box01 ul + b {display: block; margin-bottom: 20px; font-size: 20px; font-weight: 700;}
.research .content .content__box01 .txt {font-size: 18px;}

.research .content .content__box02 ul {width: 1080px; border-top: 2px solid #202020;}
.research .content .content__box02 ul li {position: relative; padding: 25px 20px 25px 65px; font-size: 18px; border-bottom: 1px solid #b3b3b3; box-sizing: border-box;}
.research .content .content__box02 ul li span {position: absolute; left: 20px; top: 25px; font-weight: 700; color: #846600;}
.research .content .content__box02 ul li b {font-weight: 700;}
.research .content .content__box02 ul li p {margin-top: 10px;}


/* �м����� �ڷ�� */
.tab .cnt {top: 135px;}
.tab .board {margin-top: 125px;}

.wrap_board .list li .tag {float: left; margin-left: 15px; width: 90px; height: 30px; font-size: 16px; text-align: center; line-height: 30px; background-color: #eee;}
.wrap_board .list li:hover .tag, .wrap_board .list li:focus .tag, .wrap_board .list li:active .tag {background-color: #846600; color: #fff;}
.wrap_board .list li .tit {width: calc(100% - 265px);}


/* ������ */
.donation .wrap_dl {margin-bottom: 100px; border-top: 2px solid #202020; zoom: 1}
.donation .wrap_dl:after {content: ''; display: block; clear: both;}
.donation .wrap_dl dl {float: left; width: 50%; border-bottom: 1px solid #b3b3b3; zoom: 1}
.donation .wrap_dl dl:after {content: ''; display: block; clear: both;}
.donation .wrap_dl dl dt {float: left; display: flex; align-items: center; padding-left: 20px; width: 160px; height: 80px; font-size: 18px; background-color: #eee; box-sizing: border-box;}
.donation .wrap_dl dl dd {float: left; display: flex; align-items: center; padding: 0 22px; width: calc(100% - 160px); height: 80px; font-size: 18px; box-sizing: border-box;}

.method {padding: 80px 0; width: 100%; height: 560px; background: url(../img/bg_method.jpg) no-repeat 50% top; box-sizing: border-box;}
.method .method__box {zoom: 1}
.method .method__box:after {content: ''; display: block; clear: both;}
.method .method__box h3 {float: left; width: 200px;}
.method .method__box .step {float: left; margin-bottom: 40px; width: calc(100% - 200px); zoom: 1}
.method .method__box .step:after {content: ''; display: block; clear: both;}
.method .method__box .step li {float: left; position: relative; padding: 40px 30px; margin-right: 20px; width: 200px; height: 280px; background-color: #fff; box-sizing: border-box;}
.method .method__box .step li:last-child {margin-right: 0;}
.method .method__box .step li:before {content: ''; position: absolute;}
.method .method__box .step li:nth-of-type(1):before {right: 30px; bottom: 30px; width: 132px; height: 80px; background: url(../img/icon_step01.png) no-repeat;}
.method .method__box .step li:nth-of-type(2):before {right: 32px; bottom: 30px; width: 88px; height: 80px; background: url(../img/icon_step02.png) no-repeat;}
.method .method__box .step li:nth-of-type(3):before {right: 20px; bottom: 30px; width: 88px; height: 80px; background: url(../img/icon_step03.png) no-repeat;}
.method .method__box .step li:nth-of-type(4):before {right: 20px; bottom: 30px; width: 110px; height: 80px; background: url(../img/icon_step04.png) no-repeat;}
.method .method__box .step li:nth-of-type(5):before {right: 30px; bottom: 30px; width: 84px; height: 80px; background: url(../img/icon_step05.png) no-repeat;}
.method .method__box .step li:after {content: ''; position: absolute; right: -20px; top: 50%; margin-top: -15px; width: 20px; height: 30px;background: url(../img/icon_arrow2.png) #846600 no-repeat 60% 50%;}
.method .method__box .step li:last-child:after {display: none;}
.method .method__box .step li em {font-size: 16px; font-weight: 500; color: #846600; line-height: 1;}
.method .method__box .step li em:after {content: ''; display: block; margin-top: 10px; width: 30px; height: 2px; background-color: #846600;}
.method .method__box .step li p {margin-top: 15px; font-size: 18px; font-weight: 600;}
.method .method__box .contact {float: left; width: calc(100% - 200px); zoom: 1}
.method .method__box .contact:after {content: ''; display: block; clear: both;}
.method .method__box .contact li {float: left; padding: 27px 30px; margin-right: 20px; width: calc((100% - 20px) / 2); font-size: 18px; background-color: #fff; box-sizing: border-box;}
.method .method__box .contact li:last-child {margin-right: 0;}
.method .method__box .contact li span {font-weight: 600;}
.method .method__box .contact li span:after {content: ''; display: inline-block; margin: -4px 30px 0 30px; width: 1px; height: 20px; vertical-align: middle; background-color: #b3b3b3;}
 
article.contact {padding-top: 90px;}
article.contact .txt {margin-bottom: 45px; font-size: 18px;}
article.contact .msg {font-size: 16px; font-weight: 500;}
article.contact .form {padding: 30px 0 20px; margin: 15px 0 60px; border-top: 2px solid #202020; border-bottom: 1px solid #b3b3b3;}


/* --- ���� �� �Ŀ� --- */
/* 1:1 ���� */
article.ask .greybox {position: relative; padding: 27px 30px; margin-bottom: 55px; width: 100%; height: 80px; background-color: #eee; font-size: 18px; box-sizing: border-box; overflow: hidden;}
article.ask .greybox:after {content: ''; position: absolute; right: -6px; bottom: -20px; width: 369px; height: 80px; background: url(../img/bg_ask.png) no-repeat;}
article.ask .greybox b:after {content: ''; display: inline-block; margin: -3px 30px 0; width: 1px; height: 20px; vertical-align: middle; background-color: #b3b3b3;}
article.ask .msg {font-size: 16px; font-weight: 500;}
article.ask .form {padding: 30px 0 20px; margin: 15px 0 60px; border-top: 2px solid #202020; border-bottom: 1px solid #b3b3b3;}

article.ask2 .h3_tit {text-align: center;}
article.ask2 .h3_tit:before {content: ''; display: block; margin: 0 auto 15px; width: 120px; height: 120px; border: 1px solid #b7b7b7; border-radius: 50%; background: url(../img/icon_ask.png) no-repeat 50%; box-sizing: border-box;}
article.ask2 .greybox {padding: 23px 30px; margin-bottom: 40px; font-size: 18px; font-weight: 500; text-align: center; word-break: keep-all; background-color: #eee;}


/* �Ŀ��ȳ� */
article.sponsor {position: relative; overflow: hidden;}
article.sponsor .sponsor__way {padding-bottom: 120px;}
article.sponsor .sponsor__way h3 {padding: 80px 60px; margin-bottom: 0; width: 640px; height: 380px; background: url(../img/bg_sponsor.jpg) no-repeat 50%; box-sizing: border-box;}
article.sponsor .sponsor__way h3:before {content: ''; display: block; margin-bottom: 15px; width: 40px; height: 2px; background-color: #846600;}
article.sponsor .sponsor__way .wrap_dl {position: absolute; right: 0; top: 80px; width: 720px; height: 300px;}
article.sponsor .sponsor__way .wrap_dl dl {border-bottom: 1px solid #fff; background-color: #846600; box-sizing: border-box; zoom: 1;}
article.sponsor .sponsor__way .wrap_dl dl:after {content: ''; display: block; clear: both;}
article.sponsor .sponsor__way .wrap_dl dl dt {float: left; padding-top: 20px; width: 80px; height: 80px; font-size: 40px; font-weight: 900; color: #fff; text-align: center; line-height: 1; background-color: #846600; box-sizing: border-box;}
article.sponsor .sponsor__way .wrap_dl dl dd {float: left; width: calc(100% - 80px); font-size: 20px; font-weight: 700; background-color: #ede8d9; box-sizing: border-box;}
article.sponsor .sponsor__way .wrap_dl dl dd p {padding: 25px 30px;}
article.sponsor .sponsor__way .wrap_dl dl dd ul {padding: 24px 30px; background-color: #fff;}
article.sponsor .sponsor__way .wrap_dl dl dd ul li {margin-bottom: 5px; font-size: 18px; font-weight: 500;}
article.sponsor .sponsor__way .wrap_dl dl dd ul li:last-child {margin-bottom: 0;}
article.sponsor .sponsor__way .wrap_dl dl dd ul li b {display: inline-block; width: 120px; font-weight: 700;}

.sponsor__link {position: relative;}
.sponsor__link:after {content: ''; position: absolute; left: -1000px; top: 60px; width: 3000px; height: 1px; background-color: #846600; z-index: -1;}
.sponsor__link a {display: block; margin: 0 auto; width: 120px; height: 120px; font-size: 0; border: 1px solid #846600; border-radius: 50%; background: url(../img/btn_sponsor.png) #fff no-repeat 50%;  box-sizing: border-box;}
.sponsor__link a:hover, .sponsor__link a:focus, .sponsor__link a:active {background: url(../img/btn_sponsor_active.png) #846600 no-repeat 50%;}
.sponsor__link h3 {margin: 15px 0; text-align: center;}
.sponsor__link p {font-size: 18px; text-align: center;}
.sponsor__link .msg {position: relative; padding: 17px 0; margin-top: 50px; width: 100%; text-align: center; background-color: #eee;}
.sponsor__link .msg:before {content: ''; position: absolute; left: 50%; bottom: 10px; margin-left: -380px; width: 136px; height: 189px; background: url(../img/icon_sponsor01.png) no-repeat; z-index: -1;}
.sponsor__link .msg:after {content: ''; position: absolute; right: 50%; bottom: 32px; margin-right: -372px; width: 130px; height: 169px; background: url(../img/icon_sponsor02.png) no-repeat; z-index: -1;}


/* --- ��Ÿ --- */
/* ��������ó����ħ */
.privacy .h3_tit {margin: 30px 0 10px;}
.privacy p {margin-bottom: 5px; font-size: 18px; font-weight: 500; word-break: keep-all;}
.privacy dl dt {margin: 0 0 5px 20px; font-size: 18px; font-weight: 500; word-break: keep-all;}
.privacy dl dd {margin: 0 0 5px 45px; font-size: 18px; font-weight: 500; word-break: keep-all;}
.privacy table {margin-top: 10px; width: 100%; border-top: 2px solid #202020;}
.privacy table tr {border-bottom: 1px solid #b3b3b3;}
.privacy table th {padding: 26px 0; width: 160px; font-size: 18px; font-weight: 500; word-break: keep-all; background-color: #eee;}
.privacy table td {padding: 26px 20px; font-size: 18px; font-weight: 500; border-right: 1px solid #b3b3b3;}
.privacy table:nth-of-type(2) tr td:nth-of-type(1) {width: 200px; box-sizing: border-box;}
.privacy table tr td:last-child {border-right: none;}
.privacy ul {padding: 19px 20px; margin-top: 10px; background-color: #eee;}
.privacy ul li {margin-bottom: 5px; font-size: 18px; font-weight: 500;}
.privacy ul li:last-child {margin-bottom: 0;}


/* �˾� */
.alertify {border-top: 2px solid #846600;}
.alertify-dialog {padding: 0;}
.alertify-message {padding: 33px 25px 30px; font-size: 18px; line-height: 1.5; word-break: keep-all;}
.alertify-button, .alertify-button:hover, .alertify-button:focus, .alertify-button:active, .alertify-button:visited {margin: 0; width: 100%; height: 60px; font-size: 18px; line-height: 1.5;}


/* 김근태 글꼴 */
.font.title .font_p {margin-top: 30px;}
.font_p span {position: relative; display: inline-block; margin-left: 10px;}
.font_p span:before {content: ''; position: absolute; left: -7px; top: 6px; width: 2px; height: 16px; background-color: #202020;}
.font.title img {margin-top: 95px;}
.font_detail dl {margin-top: 100px;}
.font_detail dl dt {height: 80px; font-size: 24px; font-weight: bold; text-align: center; line-height: 80px; border-bottom: 1px solid #b3b3b3; border-top: 2px solid #202020;}
.font_detail dl dd {padding: 60px 0; border-bottom: 1px solid #b3b3b3;}
.font_detail dl dd p {font-size: 18px;}
.font_detail dl dd .img {font-size: 0;}
.font_detail .dl01 .img {width: 1280px; height: 482px; background: url(../img/font02.jpg) no-repeat -1px 0;}
.font_detail .dl02 .img {width: 1280px; height: 470px; background: url(../img/font03.jpg) no-repeat -1px 0;}
.font_detail .dl03 .img {width: 1280px; height: 511px; background: url(../img/font04.jpg) no-repeat;}
.font_detail .wrap_btn {margin-top: 60px; text-align: center;}
.font_detail .wrap_btn a {display: inline-block; width: 250px; height: 60px; font-size: 20px; text-align: center; line-height: 60px; text-decoration: none;}
.font_detail .wrap_btn .btn_black {margin-left: 30px; color: #fff; background-color: #202020;}


@media screen and (max-width: 1030px) {

    /* common */
    #container {padding-top: 60px; min-width: auto;}

    nav {padding: 9px 0;}
    nav a {padding: 0 15px; font-size: 14px;}
    nav a:first-child {width: 19px; height: 18px; background-size: contain;}

    article.title {margin-bottom: 60px;}
    article.title h2 {margin-top: 80px; font-size: 32px;}
    article.title h2:before {top: -81px; height: 70px; background-size: contain;}
    article.title p {padding: 0 15px; font-size: 15px; word-break: keep-all;}

    .wrap_sch {margin: 0 auto; width: 100%; height: 40px;}
    .wrap_sch input {padding: 0 40px 0 15px; height: 40px; font-size: 15px;}
    .wrap_sch button {width: 40px; height: 40px; background-size: contain;}

    .pager {margin: 80px 0 120px;}
    .pager li {margin: 0 3px;}
    .pager li a {font-size: 14px;}
    .pager li.btn_prev {margin-right: 3px;}
    .pager li.btn_next {margin-left: 10px;}

    .btn {width: 180px; height: 50px; font-size: 16px; color: #202020 !important; line-height: 50px; appearance: none; -moz-appearance: none; -webkit-appearance: none;}

    .tabs {width: 100%; height: 100px;}
    .tabs li {width: 50%; font-size: 16px; line-height: 50px;}
    .tabs li:hover:after, .tabs li:focus::after, .tabs li:active:after, .tabs li.active:after {left: -1px; top: -1px; height: calc(100% - 2px);}

    .form dl {display: block;}
    .form dl dt {padding: 0; margin-bottom: 15px; width: 100%; font-size: 15px; line-height: 1;}
    .form dl dd {padding: 0; width: 100%; font-size: 15px;}
    .form dl dd input {padding-left: 15px; height: 40px;}
    .form dl dd .filebox label {margin: 0 0 10px 0; width: 100%; height: 40px; line-height: 40px;}
    .form dl dd .filebox .upload_name {padding: 0 15px; width: 100%; width: 100%; height: 40px;}
    .form dl dd .filebox .btn_delete {right: 15px; top: 60px; font-size: 14px;}
    .form dl dd .filebox .btn_delete:before {margin: -3px 3px 0 0; width: 15px; height: 15px; background-size: contain;}
    .form dl.msgbox dd p {margin-top: 10px; font-size: 14px;}
    .form dl dd textarea {padding: 15px; height: 240px; font-size: 15px;}
    .form dl dd .txtbox {padding: 15px; font-size: 14px;}
    .form dl dd .txtbox dl dt {font-size: 14px;}
    .form dl dd .txtbox dl dd {font-size: 14px;}
    .form dl dd .ckbox {margin-top: 10px;}
    .form dl dd .ckbox label {font-size: 15px;}
    .form dl dd .ckbox input[type="checkbox"]:checked + label:after {top: 2px;}

    .h3_tit {margin-bottom: 25px;}


    /* --- ���������� ����� --- */
    /* ���� */
    .history div.time01:before {top: 125px}
    .history div.time02:before {top: 475px}
    .history div.time03:before {top: 777px;}
    .history div.time04:before {top: 425px}
    .history div.time05:before {top: 515px;}
    .history div.time06:before {top: 565px;}
    .history div.time07:before {top: 935px;}
    .history div .time01 {padding: 0 !important; margin: 205px 0 0;}
    .history div .time02 {padding: 350px 0 0 !important; margin-bottom: 0;}
    .history div .time03 {padding: 615px 0 0 !important; margin-bottom: 0;}
    .history div .time04 {padding: 300px 0 0 !important; margin-bottom: 0;}
    .history div .time05 {padding: 355px 0 0 !important; margin-bottom: 0;}
    .history div .time06 {padding: 440px 0 0 !important; margin-bottom: 0;}
    .history div .time07 {padding:  810px 0 0 !important;}
    .history div[class^="time"] dl {margin-bottom: 50px;}
    .history div[class^="time"] dl dt {font-size: 48px;}
    .history div[class^="time"] dl dd {font-size: 24px; word-break: keep-all;}
    .history div[class^="time"] ul li {font-size: 15px;}
    .history .time01 ul li span, .history .time04 ul li span, .history .time06 ul li span, .history .time07 ul li span {width: 105px !important;}
    .history .time02 ul li span, .history .time03 ul li span {width: 85px !important;}
    .history .time05 ul li span {width: 63px !important;}
    .history div[class^="time"] p {margin-top: 0; font-size: 15px;}
    .history div[class^="time"] .img01 {top: -193px; left: -15px; width: 125px; height: 178.5px; background-size: contain;}
    .history div[class^="time"] .img02 {top: -123px; right: -25px; left: auto; width: 143px; height: 156.5px; background-size: contain;}
    .history div[class^="time"] .img03 {left: -18px; top: 25px; width: 152px; height: 110px; background-size: contain;}
    .history div[class^="time"] .img04 {top: 150px; right: -38px; width: 300px; height: 57.5px; background-size: contain;}
    .history div[class^="time"] .img05 {top: 185px; right: -7px; width: 189px; height: 139px; background-size: contain;}
    .history div[class^="time"] .img06 {top: 25px; left: 70px; right: auto; width: 175px; height: 127px; background-size: contain;}
    .history div[class^="time"] .img07 {top: 145px; right: auto; left: -15px; width: 200px; height: 140px; background-size: contain;}
    .history div[class^="time"] .img08 {left: auto; right: 0; top: 335px; width: 196px; height: 249px; background-size: contain;}
    .history div[class^="time"] .img09 {right: auto; left: -15px; top: 63px; width: 220px; height: 145px; background-size: contain;}
    .history div[class^="time"] .img10 {top: 149px; width: 184px; height: 120px; background-size: contain;}
    .history div[class^="time"] .img11 {top: 20px; right: auto; left: 0; width: 147.5px; height: 113px; background-size: contain;}
    .history div[class^="time"] .img12 {right: -15px; top: 150px;  width: 220px; height: 138px; background-size: contain;}
    .history div[class^="time"] .img13 {top: 20px; left: -15px; width: 190px; height: 127px; background-size: contain;}
    .history div[class^="time"] .img14 {top: 77px; right: 0; left: auto; width: 212px; height: 139px; background-size: contain;}
    .history div[class^="time"] .img15 {top: 236px; width: 182.5px; height: 132px; background-size: contain;}
    .history div[class^="time"] .img16 {right: auto; top: 25px; left: -15px; width: 215px; height: 218px; background-size: contain;}
    .history div[class^="time"] .img17 {top: 178px; width: 218.5px; height: 141px; background-size: contain;}
    .history div[class^="time"] .img18 {top: 345px; left: 50%; margin-left: -173px; width: 345px; height: 446px; background-size: contain;}

    /* ���� ���̵� ȿ�� */
    .history div[class^="time"].visible i:nth-of-type(1) {transition-delay: 0s;}
    .history div[class^="time"].visible i:nth-of-type(2) {transition-delay: .4s;}
    .history div[class^="time"].visible i:nth-of-type(3) {transition-delay: .8s;}
    .history div[class^="time"].visible i:nth-of-type(4) {transition-delay: 1.2s;}

    .history .history__detail {padding: 15px 0; margin-top: 80px;}
    .history .history__detail .detail__top {font-size: 16px;}
    .history .history__detail .detail__bottom {padding: 15px;}
    .history .history__detail .detail__bottom p {font-size: 15px; word-break: break-all;}
    .history .history__detail button {margin-top: 10px; width: 20px; height: 20px; background-size: contain;}
    .history .history__detail.active button {background-size: contain;}


    /* ���ü��� */
    .book ul {padding: 20px 0;}
    .book ul li {margin: 25px 15px 0 0; width: calc((100% - 15px) / 2); height: auto; min-height: 310px;}
    .book ul li:nth-child(even) {margin-right: 0;}
    .book ul li:nth-of-type(3), .book ul li:nth-of-type(4) {margin-top: 25px;}
    .book ul li .tit {margin-top: 10px; font-size: 16px;}
    .book ul li .info {position: relative; padding-left: 35px; margin-top: 5px; font-size: 14px; word-break: keep-all;}
    .book ul li .info em {position: absolute; left: 0; top: 0;}


    /* ��� */
    .quotation .tabs {height: 150px;}
    .quotation .tabs li {width: 100%; height: 50px;}

    .quotation .tab_area ul li {padding: 25px 15px 20px 50px; margin-bottom: 20px;}
    .quotation .tab_area ul li:before {top: 30px; width: 32px; height: 30px; background: url(../img/mobile/icon_quot01.png) no-repeat; background-size: contain;}
    .quotation .tab_area ul li:after {display: none;}
    .quotation .tab_area ul li p {font-size: 16px;}
    .quotation .tab_area ul li span {margin-top: 15px; font-size: 14px;}


    /* --- ��ܼҰ� --- */
    /* ��ܼҰ� */
    .intro .bg {padding: 40px 0 35px; height: 280px;}
    .intro .bg:after {background-size: cover; background-position: 50% top;}
    .intro .bg p {margin-top: 75px; line-height: 1.4;}

    .intro .content {margin-top: 30px;}
    .intro .content p {font-size: 15px; word-break: keep-all;}
    .intro .content p + b {font-size: 16px;}
    .intro .content div[class^='content__box'] {padding-left: 0; margin-top: 75px;}
    .intro .content div[class^='content__box'] h3 {position: relative; left: auto; top: auto;}
    .intro .content .content__box01 ul {margin-bottom: 15px; width: 100%; height: 50px;}
    .intro .content .content__box01 ul li {font-size: 16px; line-height: 50px;}
    .intro .content .content__box01 ul li:first-child:after {right: -10px; margin-top: -10px; width: 20px; height: 20px; background-size: contain;}
    .intro .content .content__box02 ul {width: 100%;}
    .intro .content .content__box02 ul li {padding: 13px 15px 13px 40px; font-size: 15px; word-break: keep-all;}
    .intro .content .content__box02 ul li span {left: 15px; top: 13px;}


    /* �̻��� �λ縻 */
    .greeting {margin-top: 115px;}
    .greeting:before {display: none;}
    .greeting:after {top: -23px; width: calc(100% - 15px); height: 210px; background: url(../img/mobile/bg_greeting01.jpg) no-repeat 50% top; background-size: cover;}
    .greeting strong {font-size: 24px; line-height: 1.3;}
    .greeting .top {padding: 20px 15px; margin: 80px 0 0 -15px; width: calc(100% + 15px); height: 100px; font-size: 24px; line-height: 1.3;}
    .greeting .top:before {left: 15px; bottom: 100px; width: 179px; height: 202px; background-size: contain;}
    .greeting .top:after {width: 233px; height: 43px; background-size: contain;}
    .greeting .wrap_txt {padding: 35px 0 10px;}
    .greeting .wrap_txt p {margin-bottom: 20px; font-size: 15px;}
    .greeting .bottom {margin-top: 35px; font-size: 15px;}
    .greeting .bottom b {margin-top: 5px; font-size: 24px;}

    /* ������ */
    .organization .pc {display: none}
    .organization .mobile {display: block; width: 100%;}


    /* ���� */
    .rule dl dt {padding: 13px 10px; font-size: 16px;}
    .rule dl dt:after {top: 15px; right: 10px; width: 20px; height: 20px;}
    .rule dl dd {padding: 20px 15px 0; font-size: 15px;}
    .rule dl dd p, .rule dl dd ul {padding-top: 20px;}


    /* �������� */
    .finance ul li {padding: 25px 0; margin: 0 0 30px 0; width: 100%; height: 220px;}
    .finance ul li:last-child {margin-bottom: 0;}
    .finance ul li .tit {font-size: 16px;}
    .finance ul li .txt {margin-bottom: 25px; font-size: 14px;}
    .finance ul li .info span {font-size: 14px;}
    .finance ul li .info span:first-child:after {height: 13px;}
    .finance ul li .btn_file {right: 10px; bottom: 20px; font-size: 15px;}
    .finance ul li .btn_file:after {width: 20px; height: 20px; background-size: contain;}


    /* ���ô� �� */
    .route .map {height: 375px;}
    .route .map .info {padding: 30px 20px; width: 100%; height: 158px;}
    .route .map .info strong {margin-bottom: 15px; font-size: 24px;}
    .route .map .info strong:before {margin-bottom: 15px;}
    .route .map .info p {font-size: 15px;}
    .route ul {margin-top: 30px;}
    .route ul li {float: none; padding: 0 20px; width: 100%; height: 50px; font-size: 15px; line-height: 50px;}
    .route ul li:first-child {margin: 0 0 10px 0;}
    .route ul li span:after {margin: 0 20px;}


    /* --- ��ܼҽ� --- */
    /* �Խ��� ���(����) */
    .wrap_board .cnt {left: 15px; top: 65px; font-size: 15px;}
    .wrap_board .board {margin-top: 65px;}
    .wrap_board .msg_empty {padding: 50px 0; margin-top: 65px; font-size: 15px;}
    .wrap_board .msg_empty:before {width: 40px; height: 40px; background-size: contain;}

    /* �Խ��� ��(����) */
    .board_view {margin-bottom: 40px;}
    .board_view .wrap_share {margin-bottom: 15px;}

    .board_view .header em {display: block; position: relative; top: auto; width: 80px; height: 30px; font-size: 15px; line-height: 30px;}
    .board_view .header .tit {line-height: 1.4;}
    .board_view .header .info {margin-top: 15px;}
    .board_view .header .info li {display: block; margin: 0 0 5px 0; font-size: 15px;}
    .board_view .header .info li:last-child {margin-bottom: 0;}
    .board_view .header .info li:first-child span:after {top: 2px; height: 14px;}
    
    .edu.board_view .header .tit {padding-left: 0; margin-top: 10px;}
    .edu.board_view .header .info li:first-child span:after {top: 4px; height: 14px;}

    .board_view .content {padding: 30px 0;}
    .board_view .content p {font-size: 15px;}
    .board_view .content img {width: 100% !important;}

    .board_view .file {padding: 13px 0; font-size: 15px;}
    .board_view .file p {font-size: 15px;}
    .board_view .file p:before {margin-right: 15px;}

    .view_pager li {padding: 13px 0;}
    .view_pager li span {margin-right: 15px; font-size: 15px;}
    .view_pager li span:before {width: 30px; height: 30px;}
    .view_pager .btn_prev span:before {background-size: 150%;}
    .view_pager .btn_next span:before {background-size: 150%;}
    .view_pager .btn_prev:hover span:before, .view_pager .btn_prev:focus span:before, .view_pager .btn_prev:active span:before {background-size: 150%;}
    .view_pager .btn_next:hover span:before, .view_pager .btn_next:focus span:before, .view_pager .btn_prev:active span:before {background-size: 150%;}

    .view_pager li a {width: 70%; font-size: 15px;}
    .view_pager li em {display: none;}

    
    /* �������� */
    .wrap_board .list li {padding: 14px 0;}
    .wrap_board .list li .num {display: none;}
    .wrap_board .list li .date {float: none; position: relative; right: auto; top: auto; padding: 0; margin-top: 10px; width: 100%; font-size: 14px;}
    .wrap_board .list li .tit {float:none; padding-left:0; margin-bottom:5px;width:100%;margin-bottom: 10px;}
    
    .wrap_board .list.archive li .tit {display: -webkit-box; height: 3em;font-size: 16px;text-overflow: ellipsis;word-wrap: break-word;white-space: normal;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.5em;overflow: hidden;}
    .wrap_board .list.archive li .cont {padding:0; font-size: 14px;}
    

    .wrap_board .gallery a {margin: 20px 15px 0 0; width: calc((100% - 15px) / 2);}
    .wrap_board .gallery a:nth-of-type(3) {margin: 20px 15px 0 0;}
    .wrap_board .gallery a:nth-child(even) {margin-right: 0;}
    .wrap_board .gallery a .thum {height: auto;}
    .wrap_board .gallery a .thum span {width: 80px; height: 30px; font-size: 15px; line-height: 30px;}
    .wrap_board .gallery a .tit {margin-top: 15px; font-size: 16px;}
    .wrap_board .gallery a .info {font-size: 14px;}
    .wrap_board .gallery a .info em {display: block; margin: 0;}


    /* --- �м����� --- */
    /* ����� �м����� */
    .research .bg {padding: 40px 0 35px; height: 280px;}
    .research .bg:after {background: url(../img/mobile/bg_research.jpg) no-repeat 50% top; background-size: cover;}
    .research .bg p {margin-top: 47px;}

    .research .content div[class^='content__box'] {padding-left: 0; margin-top: 75px;}
    .research .content div[class^='content__box'] h3 {position: relative; left: auto; top: auto;}
    .research .content .content__box01:after {left: auto; right: 0; top: -39px; width: 102px; height: 100px; background-size: contain;}
    .research .content .content__box01 ul {margin-bottom: 25px;}
    .research .content .content__box01 ul li {padding: 20px 0 15px; margin: 0 0 20px 0; width: 100%; height: auto; font-size: 15px; line-height: 1.6;}
    .research .content .content__box01 ul li span {margin-bottom: 15px; font-size: 20px;}
    .research .content .content__box01 ul + b {margin-bottom: 15px; font-size: 16px; word-break: keep-all;}
    .research .content .content__box01 .txt {font-size: 15px; word-break: keep-all;}
    .research .content .content__box02 ul {width: 100%;}
    .research .content .content__box02 ul li {padding: 13px 15px 13px 40px; font-size: 15px; word-break: keep-all;}
    .research .content .content__box02 ul li span {left: 15px; top: 13px;}
    

    /* �м����� �ڷ�� */
    .tab .cnt {top: 130px;}
    .wrap_board .list li .tag {float: none; margin: 0 0 15px 0; width: 70px; height: 25px; font-size: 14px; line-height: 25px;}


    /* ������ */
    .donation .wrap_dl {margin-bottom: 60px;}
    .donation .wrap_dl dl {float: none; width: 100%; overflow: hidden;}
    .donation .wrap_dl dl dt {position: relative; padding: 15px; width: 100px; height: auto; font-size: 15px;}
    .donation .wrap_dl dl dt:before {content: ''; position: absolute; left: 0; top: 0;  width: 100%; height: 80px; background-color: #eee; z-index: -1;}
    .donation .wrap_dl dl dd {padding: 15px; width: calc(100% - 100px); height: auto; font-size: 15px; word-break: keep-all;}

    .method {padding: 60px 0; height: auto; background-size: cover;}
    .method .method__box h3 {float: none; width: 100%;}
    .method .method__box .step {float: none; margin-bottom: 50px; width: 100%;}
    .method .method__box .step li {float: none; padding: 30px 20px 25px; margin: 0 0 15px 0; width: 100%; height: 110px;}
    .method .method__box .step li:nth-of-type(1):before {right: 25px; bottom: 25px; width: 99px; height: 60px; background: url(../img/mobile/icon_step01.png) no-repeat; background-size: contain;}
    .method .method__box .step li:nth-of-type(2):before {right: 25px; bottom: 25px; width: 66px; height: 60px; background: url(../img/mobile/icon_step02.png) no-repeat; background-size: contain;}
    .method .method__box .step li:nth-of-type(3):before {right: 25px; bottom: 25px; width: 66px; height: 60px; background: url(../img/mobile/icon_step03.png) no-repeat; background-size: contain;}
    .method .method__box .step li:nth-of-type(4):before {right: 21px; bottom: 25px; width: 82px; height: 60px; background: url(../img/mobile/icon_step04.png) no-repeat; background-size: contain;}
    .method .method__box .step li:nth-of-type(5):before {right: 25px; bottom: 25px; width: 63px; height: 60px; background: url(../img/mobile/icon_step05.png) no-repeat; background-size: contain;}
    .method .method__box .step li:after {top: auto; right: 50%; bottom: -15px; margin-right: -15px; width: 30px; height: 15px; background: url(../img/mobile/icon_arrow02.png) #846600 no-repeat; background-size: contain;}
    .method .method__box .step li em {font-size: 14px;}
    .method .method__box .step li em:after {margin-top: 5px; width: 20px;}
    .method .method__box .step li p {margin-top: 8px; font-size: 15px;}
    .method .method__box .contact {float: none; width: 100%;}
    .method .method__box .contact li {float: none; padding: 15px 20px; margin: 0 0 15px 0; width: 100%; font-size: 15px;}
    .method .method__box .contact li span:after {margin: -2px 17px 0 17px; height: 15px;}

    article.contact {padding-top: 75px;}
    article.contact .txt {margin-bottom: 35px; font-size: 15px; word-break: keep-all;}
    article.contact .msg {font-size: 14px;}
    article.contact .form {padding: 30px 0 0; margin: 15px 0 40px;}


    /* --- �Ŀ� �� ���� --- */
    /* 1:1 ���� */
    article.ask .greybox {padding: 15px 20px; height: 50px; font-size: 15px;}
    article.ask .greybox b:after {margin-top: -5px; height: 15px;}
    article.ask .greybox:after {right: -3px; bottom: -15px; width: 230px; height: 50px; background: url(../img/mobile/bg_ask.png) no-repeat; background-size: contain;}
    article.ask .msg {font-size: 14px;}

    article.ask2 .greybox {padding: 12px 15px; font-size: 15px;}


    /* �Ŀ��ȳ� */
    article.sponsor .sponsor__way {padding-bottom: 80px;}
    article.sponsor .sponsor__way h3 {padding: 40px 20px; width: 100%; height: 210px; background-size: cover;}
    article.sponsor .sponsor__way h3:before {margin-bottom: 10px;}
    article.sponsor .sponsor__way .wrap_dl {position: relative; width: 100%; right: auto; top: auto; height: 240px;}
    article.sponsor .sponsor__way .wrap_dl dl dt {width: 60px; height: 60px; font-size: 24px;}
    article.sponsor .sponsor__way .wrap_dl dl dd {width: calc(100% - 60px); font-size: 16px;}
    article.sponsor .sponsor__way .wrap_dl dl dd p {padding: 18px 20px;}
    article.sponsor .sponsor__way .wrap_dl dl dd ul {padding: 18px 20px;}
    article.sponsor .sponsor__way .wrap_dl dl dd ul li {position: relative; padding-left: 85px; font-size: 15px;}
    article.sponsor .sponsor__way .wrap_dl dl dd ul li b {position: absolute; left: 0; top: 1px;}

    .sponsor__link p {font-size: 15px;}
    .sponsor__link .msg {padding: 15px; margin-top: 75px; box-sizing: border-box;}
    .sponsor__link .msg:before {bottom: 63px; margin-left: -172.5px; width: 89px; height: 130px; background: url(../img/mobile/icon_sponsor01.png) no-repeat 50%; background-size: contain;}
    .sponsor__link .msg:after {bottom: 73px; margin-right: -172.5px; width: 84px; height: 133px; background: url(../img/mobile/icon_sponsor02.png) no-repeat 50%; background-size: contain;}


    /* --- ��Ÿ --- */
    /* ��������ó����ħ */
    .privacy p {font-size: 15px;}
    .privacy dl dt {margin: 0 0 0 15px; font-size: 15px;}
    .privacy dl dd {margin-left: 30px; font-size: 15px;}
    .privacy table th {padding: 17px 0; font-size: 15px;}
    .privacy table td {padding: 17px 15px; font-size: 15px;}
    .privacy table:nth-of-type(1) tr th {width: 100px;} 
    .privacy table:nth-of-type(2) tr th {width: 70px;} 
    .privacy table:nth-of-type(2) tr td:nth-of-type(1) {width: 30%;}
    .privacy ul {padding: 15px;}
    .privacy ul li {font-size: 15px; word-break: keep-all;}


    /* �˾� */
    .alertify-message {padding: 25px 15px 23px; font-size: 15px;}
    .alertify-button, .alertify-button:hover, .alertify-button:focus, .alertify-button:active, .alertify-button:visited {height: 50px; font-size: 15px;}


    /* 김근태 글꼴 */
    .font.title .layout {padding: 0;}
    .font.title .font_p {margin-top: 20px;}
    .font.title img {margin-top: 60px; width: 100%;}
    .font_detail dl {margin-top: 50px;}
    .font_detail dl dt {height: 50px; font-size: 15px; line-height: 50px;}
    .font_detail dl dd {padding: 30px 0;}
    .font_detail dl dd .img {margin: 0 auto;}
    .font_detail .dl01 .img {width: 345px; height: 226px; background: url(../img/mobile/font02.jpg) no-repeat 50%; background-size: contain;}
    .font_detail .dl02 .img {width: 345px; height: 244.5px; background: url(../img/mobile/font03.jpg) no-repeat 50%; background-size: contain;}
    .font_detail .dl03 .img {width: 345px; height: 252.5px; background: url(../img/mobile/font04.jpg) no-repeat 50%; background-size: contain;}
    .font_detail dl dd p {margin-top: 20px; font-size: 15px; text-align: center; word-break: keep-all;}
    .font_detail .wrap_btn a {width: 275px; height: 50px; font-size: 16px; line-height: 50px;}
    .font_detail .wrap_btn .btn_black {margin: 15px 0 0;}

}


@media screen and (max-width: 560px) {
    .greeting strong em {display: block;}
}