/* style.css */
body {font-family: 'Noto Sans KR', sans-serif; background: #090214;}

.en {font-family: 'Montserrat', sans-serif;}

.container-fluid {padding: 0; margin-bottom: 120px;}
.container {width: 100%; max-width: 1400px; padding: 0;}

/* gradient to right */
.gradient_bg {background: linear-gradient(to right, #31b4b4, #9334b7);}

/* ========================================================================================
header, sponsor, footer start
======================================================================================== */
/* ===================================
header
=================================== */
.header {position: absolute; width: 100%; height: 90px; background: rgba(0, 0, 0, 0.5); z-index: 99;}
.header > .container {padding: 0;}
#header {position: relative; width: 100%; height: 90px;}
#header > .logo {display: block; position: absolute; left: 0; padding: 32.5px 0;}

#header > #gnb {float: left; width: 750px; margin-left: 350px;}
#header > #gnb > .depth1 > li {position: relative; float: left; width: 25%; height: 90px; line-height: 90px; text-align: center;}
#header > #gnb > .depth1 > li:hover:after {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); content: ''; width: 83px; height: 4px; background: linear-gradient(to right, #31b4b4, #9334b7);}
#header > #gnb > .depth1 > li > a {display: block; font-size: 18px; color:#fff;}

#header > #gnb .depth2 {display: none;}
#header > #gnb .depth2 > li {line-height: 1;}
#header > #gnb .depth2 > li:first-child {padding-top: 17px;}
#header > #gnb .depth2 > li > a {display: block; padding: 12px; color: #333; z-index: 9;}
#header > #gnb .depth2 > li:hover > a {color: #33b1b4 !important;}
.depth2_bg {position: absolute; width: 100%; height: 160px; top: 90px; background: #fff; border-top: 1px solid #ddd; z-index: -1; display: none; border-bottom: 1px solid #ddd;}

#header > .menu_btn {position: absolute; top: 33px; right: 0;}
#header > .menu_btn_mobile {position: absolute; top: 33px; right: 20px; display: none;}

/* gnb_mobile */
#gnb_mobile {position: relative; width: 100%; height: 100vh; background: #000; text-align: center; padding-top: 90px; display: none;}
#gnb_mobile > .depth1 > li {font-size: 24px; padding: 20px 0 10px; border-top: 1px solid #332e3c;}
#gnb_mobile > .depth1 > li:hover > a {color: #419eb4;}
#gnb_mobile > .depth1 > li > a {color: #fff;}

#gnb_mobile > .depth1 > li > .depth2 {margin-top: 20px;}
#gnb_mobile > .depth1 > li > .depth2 > li {font-size: 18px; padding: 10px 0;}
#gnb_mobile > .depth1 > li > .depth2 > li:hover > a {color: #419eb4; border-bottom: 1px solid #419eb4;}
#gnb_mobile > .depth1 > li > .depth2 > li > a {color: #666;}

#gnb_mobile > .close_btn {position: absolute; top: 32px; right: 30px;}

/* ===================================
sponsor
=================================== */
.sponsor {bottom: 0; left: 0; width: 100%; background: #1c1626; margin-bottom: 0; z-index: 10;}
.sponsor > .container {overflow: hidden;}
.sponsor .pagination {width: 89px; overflow: hidden; border-radius: 0; margin: 37px 0; float: left;}
.sponsor .sponsor_group {width: 1200px; height: 120px; line-height:120px; float: right; overflow: hidden;}
.sponsor .sponsor_group > a {display: inline-block; width: 19.7%; text-align: center; line-height: 120px;}
.sponsor .sponsor_group > a > img {height: 42px; vertical-align: middle;}
.sponsor .left, .sponsor .right {position: relative; width: 44.5px; height: 46px; float: left; border: 1px solid #69666f;}
.sponsor .left {border-right: none;}
.sponsor .left:after {position: absolute; top: 50%; left: 35%; transform: translateY(-50%); content: ''; width: 10px; height: 10px; margin: -5px 10px auto 4px; vertical-align: middle; border-right: 1px solid #69666f; border-top: 1px solid #69666f; transform: rotate(225deg);}
.sponsor .right:after {position: absolute; top: 50%; left: 25%; transform: translateY(-50%); content: ''; width: 10px; height: 10px; margin: -5px 10px auto 4px; vertical-align: middle; border-right: 1px solid #69666f; border-top: 1px solid #69666f; transform: rotate(45deg);}
.sponsor_group .patner-logo-con img {vertical-align:middle;}
/* ===================================
footer
=================================== */
.footer {margin-bottom: 0;}
.footer > .container {padding: 40px 0; overflow: hidden;}
.footer .footer_btn {display: block; width: 141px; height: 36px; line-height: 36px; background: #221c2c; border-radius: 4px; font-size: 16px; text-align: center; margin-bottom: 30px; color:#fff;}
.footer .footer_info {float: left;}
.footer .footer_info > .email, .footer .footer_info > .tel {display: inline-block; margin-right: 10px;}
.footer .copy {float: right;}
.footer p {font-size: 16px; color: #bcbbbb;}
.footer p > a {color: #bcbbbb;}
.footer p > span {color: #fff;}
.footer br {display: none;}

/* ========================================================================================
end header, sponsor, footer
======================================================================================== */

/* 공통 css */
.mint {color:#419eb4;}
.sub_more_btn {background-color:#8f8f8f; padding: 5px 15px; border-radius: 100px; font-size:16px; vertical-align:middle; cursor:pointer;}
.sub_more_btn:after {content:''; display:inline-block; margin-left:10px; background-image:url('../img/more_arrow.png'); width:7px; height:13px; vertical-align:middle;}
.middle-sub-title {font-size:35px; color:#333; margin-bottom:50px;}

/* table */
.table {width: 100%; max-width: 100%; margin-bottom:10px;}
.table tr.bd-top {border-top:2px solid #333;}
.table tr {border-bottom:1px solid #ddd; }
.table tr td, .table tr th {padding: 50px 20px; vertical-align: middle; line-height: 30px; text-align:left; color:#333;}
.table tr th {font-size:22px; font-weight:500; vertical-align:top}
.table tr td {font-size:20px; font-weight:300;}
.table .col1 {width:150px;}
.table .col2 {width:auto;}


/* table */
.souvenir01	.table {width: 100%; max-width: 100%; margin-bottom:10px;}
.souvenir01	.table tr.bd-top {border-top:2px solid #333;background:rgb(247, 247, 247);}
.souvenir01	.table tr {border-bottom:1px solid #ddd; }
.souvenir01	.table tr td, .table tr th {padding: 10px 20px; vertical-align: middle; line-height: 30px; text-align:center; color:#333;}
.souvenir01	.table tr th {font-size:22px; font-weight:500; vertical-align:middle;}
.souvenir01	.table tr td {font-size:20px; font-weight:300;border-left:1px solid #ddd;}
.souvenir01	.table .col1 {width:150px;}
.souvenir01	.table .col2 {width:auto;}




/* ========================================================================================
main page start
======================================================================================== */

/* ===================================
div01
=================================== */
.div01 {height: 937px; background-image: url(../img/bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center;}
.div01 > .container {position: relative;}
.div01 .text {margin-top: 350px;}
.div01 .text > .title {font-size: 25px; font-weight: lighter; margin-bottom: 15px;}
.div01 .text > h1 {font-size: 82px; font-weight: bold; margin-bottom: 33px;}
.div01 .text > h1 > br {display: none;}
.div01 .text > .term {position: relative; display: inline-block; font-size: 25px; padding: 0 20px 0 50px;}
.div01 .text > .term:after {position: absolute; left: 0; top: 50%; transform: translateY(-50%); bottom: 0; content: ''; width: 40px; height: 3px; background: #fff;}
.div01 .text > .date {display: inline-block; font-size: 25px; width: 220px; height: 60px; line-height: 60px; border: 1px solid red; text-align: center; border-style: solid; border-image: linear-gradient(to right, #31b4b4 0%, #9334b7 100%); border-image-width: 1px; border-image-slice: 1;}
.div01 .scroll_down {position: absolute; top: 810px; left: 50%; transform: translateX(-50%);}

/* ===================================
div02
=================================== */
.div02 {height: 350px; position: relative;}
.div02 > .container {height: 350px; position: relative;}
.div02 .text {width: 100%; position: relative;  z-index: 9;}
.div02 .text > .gradient_text {width: 360px; font-size: 65px; font-weight: 500; margin-left: 60px; background: linear-gradient(to right, #31b4b4, #9334b7); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.div02 .text > h2 {font-size: 65px; font-weight: 500; margin-left: 210px;}
/*.div02 .text > p {display: inline-block; font-size: 20px; font-weight: lighter; margin: 30px 0 0 60px;}*/
.div02 .text > p {display: inline-block; font-size: 20px; font-weight: lighter; margin: 30px 0 30px 60px;}

.div02 .text > .more_view {position: absolute; right: 0; bottom: 10%; display: inline-block; width: 160px; height: 40px; font-size: 18px; border-bottom: 3px solid #fff; font-family: 'Montserrat', sans-serif;}

.more_view:before {content:''; position: absolute; top: 12px; right: -5px; width: 10px; height: 10px; margin: -5px 10px auto 4px; vertical-align: middle; border-right: 1px solid #fff; border-top: 1px solid #fff; transform: rotate(45deg);}

.more_view:after {content: ''; position: absolute; width: 30px; height: 1px; top: 11.3px; right: 5px; background: #fff; z-index: 9;}

/*.div02 > .text_bg {position: absolute; left: 0; top: 110px; width: 86.4584%; height: 240px; margin-left: 13.5416%;}*/
.div02 > .text_bg {position: absolute; left: 0; top: 110px; width: 86.4584%; height: 280px; margin-left: 13.5416%;}

/* ===================================
div03
=================================== */
.div03 {text-align: center;}
.div03 > .container > .row > h2 {font-size: 55px; font-weight: lighter; margin-bottom: 70px;}
.div03 .col-md-3 {border-right: 1px solid #221c2c;}
.div03 .col-md-3:first-child br {display: none;}
.div03 .col-md-3:last-child {border-right: none;}
.div03 .title {font-size: 27px; margin: 30px 0 20px;}
.div03 .sub {font-size: 18px; color: #6c6774;}

/* ===================================
div04
=================================== */
.div04 h4 {font-size: 25px; font-weight: normal; font-family: 'Noto Sans KR', sans-serif; margin-bottom: 25px;}
.div04 p {font-size: 18px; font-weight: lighter;}
.div04 .left {position: relative; margin-right: 15px;}
.div04 .left > h1 {font-size: 60.76px; font-weight: lighter; color: #3a3543; margin-bottom: 240px;}
.div04 .left > img {position: absolute; top: 70px; right: 20px; z-index: -1;}
.div04 .left > .gradient_bg {position: relative; padding: 40px;}

.arrow01 {position: absolute; right: 52px; bottom: 39px;}
.arrow02 {position: absolute; right: 40px; bottom: 39px;}

.div04 .right > div {padding: 40px;}
.div04 .right > .col-md-12.row {position: relative; background-image: url(../img/square-bg.png); background-size: cover; background-repeat: no-repeat; margin-left: 0; margin-bottom: 30px;}
.div04 .right > .col-md-12.row > div {background-image: url(../img/title_bg.png); background-size: 100%; background-repeat: no-repeat; text-align: center; padding: 30px 0;  width: 47%; margin: 1.5%; color: #a5a4a7;}
.div04 .right > .col-md-12.row > div:hover {/*background: linear-gradient(-135deg, transparent 15px, #419eb4 0);*/ color: #fff; background-image: url(../img/title_bg_hover.png);}

.div04 .right > .col-md-6 {position: relative; padding: 40px 20px 85px 40px; border: 1px solid #2e2837; width: 48%; margin-right: 4%;}
.div04 .right > .mr-0 {margin-right: 0;}
.div04 .right > .col-md-6 > ul {margin-left: -8px;}
.div04 .right > .col-md-6 li > span {font-weight: bold; margin-right:5px;}
.div04 .right > .col-md-6 li, .div04 .right > .col-md-6 p {font-size: 18px; color: #6c6774;}

/* ===================================
div05
=================================== */
.div05 {text-align: center;}
.div05 > .container > div {margin: 0;}
.div05 > .container > .row > h2 {font-size: 55px; font-weight: lighter; margin-bottom: 70px;}
.div05  .row-cols-5 {position: relative; overflow: hidden;}
.div05  .row-cols-5:after {position: absolute; top: 50%; transform: translateY(-50%); content: ''; width: 100%; height: 1px; background: #2e2837; z-index: -1;}

.div05  .row-cols-5 > .col-5 {position: relative; width: 18.5%; margin-right: 1.875%; float: left; border: 1px solid #2e2837; padding: 70px 0; background: #090214;}
.div05  .row-cols-5 > .col-5:after {position: absolute; top: 47%; left: 50%; transform: translateX(-50%); content: ''; width: 33px; height: 3px; background: linear-gradient(to right, #31b4b4, #9334b7);}

.div05  .row-cols-5 > .col-5:hover {background: linear-gradient(#31b4b4, #9334b7);}
.div05  .row-cols-5 > .col-5:hover > .sub {color: #fff;}
.div05  .row-cols-5 > .col-5:hover:after {background: #fff;}

.div05 .prize {font-size: 25px; margin-bottom: 35px;}
.div05 .sub {font-size: 18px; color: #6c6774;}
.div05 .row-cols-5 > .col-5.mr-0 {margin-right: 0;}



.div05  .row-cols-5 > .col-4 {position: relative; width: 23.5%; margin-right: 2%; float: left; border: 1px solid #2e2837; padding: 70px 0; background: #090214;}
.div05  .row-cols-5 > .col-4:after {position: absolute; top: 47%; left: 50%; transform: translateX(-50%); content: ''; width: 33px; height: 3px; background: linear-gradient(to right, #31b4b4, #9334b7);}

.div05  .row-cols-5 > .col-4:hover {background: linear-gradient(#31b4b4, #9334b7);}
.div05  .row-cols-5 > .col-4:hover > .sub {color: #fff;}
.div05  .row-cols-5 > .col-4:hover:after {background: #fff;}

.div05 .row-cols-5 > .col-4.mr-0 {margin-right: 0;}




/* ========================================================================================
end main page
======================================================================================== */



/* ========================================================================================
공모전 소개 start(summary)
======================================================================================== */

/* ===================================
sub_bg
=================================== */
.sub_bg {height: 430px; background-image: url(../img/sub_bg.jpg); background-position: right; background-size: cover; background-repeat: no-repeat; text-align: center; margin-bottom: 0;}
.sub_bg .text {margin-top: 200px;}
.sub_bg .text_none {margin-top: 210px;}
.sub_bg .text_none > h1 {font-size: 52px;}
.sub_bg .text > .title {font-size: 25px; margin-bottom: 15px;}
.sub_bg .text > h1 {font-size: 52px;}

/* ===================================
lnb
=================================== */
.lnb {background: #fff; margin-bottom: 0; border-bottom: 1px solid #ddd;}
#lnb {width: 100%;}
#lnb a {font-size: 18px; color: #333;}
#lnb > a {display: block; width: 70px; height: 70px; line-height: 70px; text-align: center;background: linear-gradient(#9334b7, #31b4b4);}
#lnb > a > img {vertical-align: middle;}
#lnb > .home {float: left;}
#lnb > .depth1 {float: left;}
#lnb > .depth1 > li {position: relative; width: 282px; height: 70px; line-height: 70px; border-right: 1px solid #ddd;}
#lnb > .depth1 > li:hover > .depth2 {display: block;}
#lnb > .depth1 > li:after {position: absolute; top: 30px; right: 20px; content: ''; width: 10px; height: 10px; border-top: 2px solid #bababa; border-right: 2px solid #bababa; transform: rotate(135deg);}
#lnb > .depth1 > li > a {display: block; padding-left: 20px;}
#lnb .depth2 {background: #efefef; display: none;}
#lnb .depth2 > li {border: 1px solid #ddd;}
#lnb .depth2 > li:nth-child(2), #lnb .depth2 > li:nth-child(3) {border-top: none;}
#lnb .depth2 > li:hover {background: #9334b7;}
#lnb .depth2 > li:hover > a {color: #fff; transition: 0s;}
#lnb .depth2 > li > a {display: block; padding-left: 20px; transition: 0s;}

/* ===================================
summary01
=================================== */
.summary01 {background: #fff; margin-bottom: 0;}
.summary01 > .container > div {width: 50%; float: left;}
.summary01 .left > h1 {font-size: 55px; font-weight: normal; color: #333; line-height: 1.4; margin-top: 120px; margin-bottom: 178px;}
.summary01 .left > h1 > span {color: #419eb4;}
.summary01 .right > img {margin-top: 120px; margin-bottom: 40px;}
.summary01 .right > p {font-size: 20px; color: #333;}
.summary01 .right > .second {font-weight: lighter; margin-top: 30px;}

/* ===================================
summary02
=================================== */
.summary02 {background: #f8f8f8; margin-bottom: 0; text-align: center;}
.summary02 > .container {position: relative;}
.summary02 > .container:after {position: absolute; left: 50%; top: 0; transform: translateX(-50%); content: ''; width: 1px; height: 74px; background: #419eb4;}
.summary02 h2 {font-size: 35px; color: #333; margin-top: 100px;}
.summary02 > .container > .row > .col-md-4 > p {font-size: 18px; color: #333; margin-bottom: 100px;}
.summary02 .number {font-size: 35px; font-weight: bold; color: rgba(255, 255, 255, 0.4);}
.summary02 .name {font-size: 22px;}
.summary02 .hexagon {width: 276px; height: 314px; background-image: url(../img/hexagon_bg.png); background-size: cover; background-repeat: no-repeat; margin: 30px auto; padding-top: 90px;}

/* ===================================
summary03
=================================== */
.summary03 {background-image: url(../img/summary_bg.png); background-size: cover; background-repeat: no-repeat; margin-bottom: 0; text-align: center;}
.summary03 h2 {font-size: 35px; color: #333; margin: 100px 0 50px;}

.summary03 .wrapper {position: relative; overflow: hidden; margin-bottom: 100px;}
.summary03 .wrapper > .hexagon {width: 500px; height: 585px; background-image: url(../img/hexagon.png); background-size: cover; background-repeat: no-repeat; background-position: center; margin: 0 auto; margin-top: 20px;}
.summary03 .wrapper > .hexagon > .text {padding-top: 260px;}
.summary03 .wrapper > .hexagon > .text > h3 {width: 400px; height:42px; background: linear-gradient(to right, #31b4b4, #9334b7); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin: 0 auto; font-size: 32px;}
.summary03 .wrapper > .hexagon > .text > p {font-size: 31.5px; color: #333;}

.summary03 .title {font-size: 22px; color: #419eb4; margin-bottom: 18px;}
.summary03 .sub {font-size: 18px; color: #333;}
.summary03 .text02 {float: left; text-align: right; margin: 460px 0 0 100px;}
.summary03 .text03 {float: right; text-align: left; margin: 460px 160px 0 0;}

.summary03 .hexagon_mobile {width: 500px; height: 585px; background-image: url(../img/hexagon_mobile.png); background-size: cover; background-repeat: no-repeat; background-position: center; margin: 0 auto; margin-top: 20px; display: none;}
.summary03 .wrapper > .hexagon_mobile > .text {padding-top: 260px;}
.summary03 .wrapper > .hexagon_mobile > .text > h3 {width: 400px; background: linear-gradient(to right, #31b4b4, #9334b7); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin: 0 auto; font-size: 34.5px;}
.summary03 .wrapper > .hexagon_mobile > .text > p {font-size: 31.5px; color: #333;}
/* ========================================================================================
end 공모전 소개(summary)
======================================================================================== */



/* ========================================================================================
start 일정 및 참가 방법(guidance)
======================================================================================== */
/* guidance01 */
.guidance01 {background-color:#f8f8f8; padding-top:120px; padding-bottom:100px; text-align: center; margin-bottom:0px;}
.guidance01 .container .col-md-3-2 .icon {display:block; width:138px; height:163px; margin:0 auto;}
.guidance01 .container .col-md-3-2 .ic1 {background-image:url('../img/ic_guidance01.png');}
.guidance01 .container .col-md-3-2 .ic2 {background-image:url('../img/ic_guidance02.png');}
.guidance01 .container .col-md-3-2 .ic3 {background-image:url('../img/ic_guidance03.png');}
.guidance01 .container .col-md-3-2 .ic4 {background-image:url('../img/ic_guidance04.png');}
.guidance01 .container .col-md-3-2 .ic5 {background-image:url('../img/ic_guidance05.png');}
.guidance01 .container .col-md-3-2 p.box-txt:before {content:''; position:absolute; left:50%; top:-50px; width:1px; height:50px; background-image:url('../img/ic_line.png');}
.guidance01 .container .col-md-3-2 p.box-txt {width: auto; height: 62px; line-height:62px; margin: 0 10px; background: linear-gradient(to right, #31b4b4, #9334b7); color:#fff; font-size:22px; font-weight:400; margin-bottom:20px; position:relative; margin-top: 50px;}
.guidance01 .container .col-md-3-2 p {color:#333; font-weight:300;}

/* guidance02 */
.guidance02 {background-color:#fff; padding-top:120px; padding-bottom:100px; text-align: center;  margin-bottom:0px;}
.guidance02 .container .mint_box {background-color:#419eb4; color:#fff; padding:0px 5px; line-height:40px;}
.guidance02 .container .btn_wrap {margin: 40px -5px 0 -5px; }
.guidance02 .container .btn_wrap a {padding:25px 50px; display:inline-block; vertical-align:middle; margin: 5px;}
.guidance02 .container .btn_wrap .p_down_btn:after {content:''; display:inline-block; background-image:url('../img/down_icon.png'); width:24px; height:22px; vertical-align:middle; margin-left:8px; margin-bottom:3px;}
.guidance02 .container .btn_wrap .g_down_btn:after {content:''; display:inline-block; background-image:url('../img/g_down_icon.png'); width:24px; height:22px; vertical-align:middle; margin-left:8px; margin-bottom:3px;}
.guidance02 .container .btn_wrap .p_down_btn {background-color:#419eb4;}
.guidance02 .container .btn_wrap .g_down_btn {border:1px solid #419eb4; background-color:#fff; color:#419eb4;}
/* ========================================================================================
end 일정 및 참가 방법(guidance)
======================================================================================== */

/* ========================================================================================
start 시상안내(souvenir)
======================================================================================== */
.souvenir01 {background-color:#fff; margin-bottom:0px; padding-top:120px; padding-bottom:150px; text-align: center; background-image:url('../img/souvenir_bg_top.gif'), url('../img/souvenir_bg_bottom.gif'); background-repeat:no-repeat; background-position:top left , bottom right;}
.souvenir01 .wrapper {display:flex; flex-flow: row wrap; justify-content:center; align-items:center;}
.souvenir01 .container .souvenir-box {flex:1; flex-wrap: wrap; height:240px; margin:0px 15px; padding-top: 60px; border-style: solid; border-image: linear-gradient(to right, #35aeb4, #9334b7); border-image-slice: 1; background: #fff; border-width:1px;}
.souvenir01 .container .souvenir-box h3 {font-size:24px; color:#333; font-weight:bold;}
.souvenir01 .container .souvenir-box p:before {content:''; display:block; width:35px; height:1px; background-color:#419eb4; margin:20px auto;}
.souvenir01 .container .souvenir-box p {color:#333; font-weight:300;}
.souvenir01 .container .souvenir-box:hover {background: linear-gradient(to right, #31b4b4, #9334b7); box-shadow: 20px 20px 20px rgb(0 0 0 / 15%);}
.souvenir01 .container .souvenir-box:hover h3 {color:#fff;}
.souvenir01 .container .souvenir-box:hover p {color:#fff;}
.souvenir01 .container .souvenir-box:hover p:before {background-color:#fff;}
/* ========================================================================================
end 시상안내(souvenir)
======================================================================================== */

/* ========================================================================================
start 참가안내(guide_info)
======================================================================================== */
/* guide_info01 */
.guide_info01 {background-color:#fff; margin-bottom:0px; padding-top:120px; text-align: center; padding-bottom:100px;}
.guide_info01 .container .col-md-12 {position:relative;}
.guide_info01 .container .col-md-12:after {content:''; display:inline-block; width:1px; height:128px; background-color:#ddd; position:absolute; right:0;}
.guide_info01 .container .col-md-12:last-child:after {content:none;}
.guide_info01 .container .col-md-12 .gra-tit {background-image:url('../img/gra_six_tit.png'); width:370px; height:60px; line-height:60px; margin: 0 auto 50px auto;}

/* guide_info02 */
.guide_info02 {background-color:#fff; margin-bottom:0px; text-align: center; padding-bottom:100px; }
.guide_info02 .container .schedule_box { display:inline-block; width:180px; height:180px; border:1px solid #ddd; vertical-align:middle;}
.guide_info02 .container .schedule_box:hover {border-style: solid; border-image: linear-gradient(to right, #35aeb4, #9334b7); border-image-slice: 1; background: #fff; border-width:2px;}
.guide_info02 .container .schedule_box p {color:#333;}
.guide_info02 .container .schedule_box p.font-big {padding-top:55px; margin-bottom:10px;}
.guide_info02 .container .wrapper img {vertical-align:middle; margin:0px 25px;}
.guide_info02 .container .shedule_br {display:none;}

/* guide_info03 */
.guide_info03 {background-color:#fff; margin-bottom:0px; text-align: center; padding-bottom:100px; }
.guide_info03 .container .table tr .list-style li {margin-bottom:15px; color:#333; vertical-align:middle; text-indent: -11px; padding-left: 11px;}
.guide_info03 .container .table tr .list-style li:before {content:''; background-image:url('../img/dot-img.png'); width:4px; height:4px; display:inline-block; vertical-align:middle; margin-right:5px;}
.guide_info03 .container .table tr .list-style li:first-child span {color:#333;}
.guide_info03 .container .table tr .list-style li:last-child {margin-bottom:0px;}
.guide_info03 .container .table tr .list-style li .sub_more_btn {margin-left:10px;}
.guide_info03 .container .table tr td .mint-box {background-color:#419eb4; padding:0px 10px;}
.guide_info03 .container .table tr td .bora-box {background-color:#9334b7; padding:0px 10px;}
.guide_info03 .container .table tr:nth-child(2) td { line-height:45px;}
.guide_info03 .container .table tr:nth-child(2) td p { color:#333;}
/* ========================================================================================
end 참가안내(guide_info)
======================================================================================== */

/* ========================================================================================
start 커뮤니티
======================================================================================== */
.notice {background-color:#fff; margin-bottom:0px; text-align: center; padding-top:120px; padding-bottom:100px; }
.notice .container .list_title_txt span, .notice .container .list_num {color:#333;}
/* ========================================================================================
end 커뮤니티
======================================================================================== */

/* ========================================================================================
start 서브페이지 - 스폰서(sub-sponsor)
======================================================================================== */
.sub-sponsor {background-color:#fff; margin-bottom:0px; padding-top:120px; padding-bottom:100px; }
.sub-sponsor .container .spon-sub-title {font-size:26px; color:#333; font-weight:bold; margin-bottom:25px;}
.sub-sponsor .container .spon-line {margin-top:30px;}
.sub-sponsor .container .spon-line:first-child {margin-top:0px;}
.sub-sponsor .container .spon-line img {margin-right:5px; margin-bottom:20px;}
/* ========================================================================================
end 서브페이지 - 스폰서(sub-sponsor)
======================================================================================== */

/* ========================================================================================
start 개인정보처리방침(privacy)
======================================================================================== */
.privacy {background-color:#fff; margin-bottom:0px; padding-top:120px; padding-bottom:100px;}
.privacy .container p {color:#333; font-weight:300;}
.privacy .container span {color:#333; display:block; margin-top:20px; font-size:18px;}
.privacy .container .sm-title {color:#333; font-size:25px; font-weight:600; margin-bottom:30px;}
/* ========================================================================================
end 개인정보처리방침(privacy)
======================================================================================== */


/* ===================================
media query
=================================== */
@media screen and (max-width:1920px){
    .div02 > .text_bg {width: 92%; margin-left: 8%;}
}
@media screen and (max-width:1600px){
    .div02 > .text_bg {width: 98%; margin-left: 2%;}
}
@media screen and (max-width:1420px){
    .container {padding: 0 20px;}
    #header > .logo {left: 20px;}
    #header > .menu_btn {right: 20px;}

    .sponsor .pagination {display: none;}
    .sponsor .sponsor_group {width: 100%;}

    .footer > .container {padding: 40px 30px;}

    .div01 .text {margin-left: 5%;}

    .div02 .text > .more_view {margin-right: 2%;}

    .div04 .left > h1 {margin-bottom: 215px;}
    .div04 .right > .col-md-6 li, .div04 .right > .col-md-6 p {font-size: 16px;}
    .div04 .right > .col-md-6 li > span {font-weight: normal;}

    .lnb > .container {padding: 0;}

    .summary01 .left > h1 {font-size: 48px;}
    .summary01 .right > p {font-size: 18px;}

    .summary03 .wrapper > .hexagon {width: 400px; height: 468px;}
    .summary03 .wrapper > .hexagon > .text {padding-top: 200px;}
    .summary03 .wrapper > .hexagon > .text > h3 {font-size: 28px; width: 320px;}
    .summary03 .wrapper > .hexagon > .text > p {font-size: 26px;}
    .summary03 .text02 {margin-top: 380px;}
    .summary03 .text03 {margin-top: 380px;}

	.guide_info02 .container .shedule_br {display:block;}
	.guide_info02 .container .schedule_box.sc4, .guide_info02 .container .schedule_box.sc5 {margin-top:50px;}
}
@media screen and (max-width:1300px){
    .div02 .text > p {margin-left: 30px; font-size: 18px;}

    .div04 .right > .col-md-12.row > div {padding: 28px 0; font-size: 14px;}

    .div05 .row-cols-5 > .col-5 {padding: 60px 0;}
	.div05 .row-cols-5 > .col-4 {padding: 60px 0;}

    .summary03 .text02 {margin-left: 50px;}
    .summary03 .text03 {margin-right: 0;}
}
@media screen and (max-width:1200px){
    #header > #gnb {width: 700px; margin-left: 300px;}

    .footer br {display: block;}

    .div01 {height: 700px;}
    .div01 .text {margin-top: 280px;}
    .div01 .scroll_down {display: none;}

    .div02 > .text_bg {margin-left: 4%; width: 96%;}

    .div03 .col-md-3 {width: 50%; border-right: none; margin-bottom: 60px;}

    .div04 .row {margin: 0;}
    .div04 .left {width: 100%; padding: 0; margin-bottom: 60px; margin-right: 0;}

    .div04 .right {width: 100%; padding: 0; padding: 0 0 60px 0;}
    .div04 .right > .col-md-12.row {margin-bottom: 60px;}
    .div04 .right > .col-md-12.row > div {padding: 60px 0; font-size: 20px;}
    .div04 .right > .col-md-6 li, .div04 .right > .col-md-6 p {font-size: 18px;}
    .div04 .right > .col-md-6 li > span {font-weight: bold;}

    .div05 .row-cols-5:after {display: none;}
    .div05 .row-cols-5 > .col-5 {width: 48%; margin-right: 4%; margin-bottom: 4%;}
    .div05 .row-cols-5 > .col-5:nth-child(2n) {margin-right: 0;}
    .div05 .row-cols-5 > .col-5:last-child {margin-bottom: 0;}
	
    .div05 .row-cols-5 > .col-4 {width: 48%; margin-right: 4%; margin-bottom: 4%;}
    .div05 .row-cols-5 > .col-4:nth-child(2n) {margin-right: 0;}
    .div05 .row-cols-5 > .col-4:last-child {margin-bottom: 0;}

    .summary01 > .container > div {width: 100%;}
    .summary01 .left {padding: 120px 0 70px 100px;}
    .summary01 .left > h1 {margin: 0;}
    .summary01 .right {padding: 0 0 120px 100px;}
    .summary01 .right > img {margin-top: 0;}

    .summary02 .col-md-4 {width: 100%;}
    .summary02 .hexagon {margin-bottom: 0;}
    .summary02 > .container > .row > .col-md-4 > p {margin-bottom: 50px;}

    .summary03 .wrapper > .hexagon {width: 320px; height: 374.4px;}
    .summary03 .wrapper > .hexagon > .text {padding-top: 160px;}
    .summary03 .wrapper > .hexagon > .text > h3 {font-size: 22px;}
    .summary03 .wrapper > .hexagon > .text > p {font-size: 20px;}
    .summary03 .title {font-size: 20px;}
    .summary03 .sub {font-size: 17px;}
    .summary03 .text02 {margin-top: 320px;}
    .summary03 .text03 {margin-top: 320px;}

	.guide_info01 .container .col-md-12 {margin-bottom:50px;}
	.guide_info01 .container .col-md-12:last-child {margin-bottom:0px;}

	.guide_info03 .container .table tr .list-style li .sub_more_btn {margin-left:0px;}
}
@media screen and (max-width:1100px){
    #header > #gnb {display: none;}
    #header > .menu_btn {display: none;}
    #header > .menu_btn_mobile {display: block;}

    .sponsor .sponsor_group > a {width: 200px;}

    .div02 .text > .more_view {display: none;}

    .div04 .right > .col-md-12.row > div {padding: 53px 0;}

    .summary03 .title:before {position: absolute; left: 0; top: 10px; content: ''; width: 6px; height: 6px; border-radius: 3px; background: #419eb4;}
    .summary03 .text01 {position: relative; width: 320px; text-align: left; margin: 0 auto; margin-bottom: 20px; padding-left: 10px;}
    .summary03 .text02 {position: relative; width: 320px; float: none; text-align: left; margin: 0 auto; margin-bottom: 20px; padding-left: 10px;}
    .summary03 .text03 {position: relative; width: 320px; float: none; text-align: left; margin: 0 auto; padding-left: 10px;}
    .summary03 .hexagon {display: none;}
    .summary03 .hexagon_mobile {display: block; width: 420px; height: 491.4px; margin-bottom: 30px;}
    .summary03 .wrapper > .hexagon_mobile > .text {padding-top: 210px;}
    .summary03 .wrapper > .hexagon_mobile > .text > h3 {font-size: 28px; width: 320px;}
    .summary03 .wrapper > .hexagon_mobile > .text > p {font-size: 26px;}
}
@media screen and (max-width:1000px){
    .div04 .right > .col-md-12.row > div {padding: 46px 0;}

    .sub_bg {height: 300px;}
    .sub_bg .text {margin-top: 120px;}
	.sub_bg .text_none {margin-top: 150px;}
	.sub_bg .text_none > h1 {font-size: 36px;}
    .sub_bg .text > .title {font-size: 20px;}
    .sub_bg .text > h1 {font-size: 36px;}


    .summary01 > .container > .right {padding-left: 100px;}

	.souvenir01 .container .souvenir-box {min-width:300px; max-width:300px; margin-bottom:20px;}
}
@media screen and (max-width:900px){
    .header {height: 70px;}
    #header {height: 70px;}
    #header > .logo {width: 230px; padding: 25px 0;}
    #header > .menu_btn_mobile {top: 24px;}
    
    #gnb_mobile {padding-top: 70px;}
    #gnb_mobile > .depth1 > li {padding: 15px 0;}
    #gnb_mobile > .depth1 > li > .depth2 {margin-top: 14px;}
    #gnb_mobile > .depth1 > li > .depth2 > li {padding: 7px 0;}
    #gnb_mobile > .close_btn {top: 22px; right: 20px;}

    .footer .footer_btn {margin-bottom: 20px;}
    .footer .footer_info {float: none;}
    .footer .copy {float: none;}

	.table tr th {font-size:20px;}
	.table tr td {font-size:18px;}
	.table .col1 {width:20%;}

    .div01 .text {margin-top: 210px;}
    .div01 .text > .title {font-size: 20px;}
    .div01 .text > h1 {font-size: 60px;}
    .div01 .text > h1 > br {display: block;}
    .div01 .text > .term {font-size: 20px; padding-left: 0; padding-right: 5px;}
    .div01 .text > .term:after {display: none;}
    .div01 .text > .date {font-size: 20px; width: 160px; height: 50px; line-height: 50px;}

    .div02 .text > .gradient_text {width: 230px; font-size: 40px;}
    .div02 .text > h2 {font-size: 40px; margin-left: 140px;}
    .div02 > .text_bg {top: 68px;}

    .div03 > .container > .row > h2 {font-size: 38px;}
    .div03 .title {font-size: 20px;}
    .div03 .sub {font-size: 17px;}
    .div03 .col-md-3:nth-child(3), .div03 .col-md-3:nth-child(4) {margin-bottom: 0;}

    .div04 h4 {font-size: 20px;}
    .div04 p {font-size: 17px;}
    .div04 .left {padding-top: 400px; margin-bottom: 30px;}
    .div04 .left > .gradient_bg {padding: 30px;}
    .div04 .left > h1 {display: none;}
    .div04 .right > .col-md-12.row {padding: 30px; margin-bottom: 30px;}
    .div04 .right > .col-md-12.row > div {padding: 42px 0; font-size: 16px;}
    .div04 .right > .col-md-6 {padding: 30px 35px;}
    .arrow01, .arrow02 {top: 30px; right: 20px;}

    .div05 > .container > .row > h2 {font-size: 38px;}
    .div05 .prize {font-size: 20px;}
    .div05 .sub {font-size: 17px;}
    .div05 .row-cols-5 > .col-5 {margin-bottom: 30px;}
    .div05 .row-cols-5 > .col-5:after {width: 26px; height: 3px;}
	
	.div05 .row-cols-5 > .col-4 {margin-bottom: 30px;}
    .div05 .row-cols-5 > .col-4:after {width: 26px; height: 3px;}

    .summary01 > .container > .left {padding: 90px 0 40px 0;}
    .summary01 > .container > .right {padding: 0 0 100px 0;}

	.guidance01 .container .col-md-3 p.box-txt  {margin-left:0; margin-right:0; font-size:20px;}

	.guide_info02 .container .schedule_box {width:30%; margin-bottom:50px;}
	.guide_info02 .container .shedule_br {display:none;}
	.guide_info02 .container .schedule_box.sc4, .guide_info02 .container .schedule_box.sc5 {margin-top:0px;}
}
@media screen and (max-width:768px){
    .div01 {background-image: url(../img/bg_mobile.png);}
    .div01 .text {margin-left: 0;}

    .div02 > .text_bg {height: 340px; margin-left: 7%; width: 93%;}
    .div02 .text > .gradient_text {margin-left: 10px;}
    .div02 .text > h2 {margin-left: 50px;}
    .div02 .text > p {font-size: 17px;}
    .div02 .text > p > br:nth-child(3) {display: none;}

    .div03 .col-md-3:first-child br {display: block;}

    .div04 .left > img {right: 0;}
    .div04 .right > .col-md-12.row > div {width: 100%; margin: 0 0 20px 0; border: 1px solid rgba(255,255,255,.4); background-image:none;}
    .div04 .right > .col-md-12.row > .mb-0 {margin-bottom: 0;}
    .div04 .right > .col-md-12.row > div:hover {background-image: none; background-color:#419eb4; border:1px solid #419eb4; }
    .div04 .right > .col-md-6 {width: 100%; margin-right: 0; margin-bottom: 4%;}
    .div04 .right > .mb-0 {margin-bottom: 0;}

    .sub_bg {background-image: url(../img/sub_bg_mobile.png); background-size: cover; }

    #lnb > .depth1 {width: calc(100% - 70px);}
    #lnb > .depth1 > li {width: 100%; border-right: none;}

    .summary01 .left > h1 {font-size: 40px;}
    .summary01 .right > p > br {display: none;}

    .summary03 {background-image: url(../img/summary_bg_mobile.png); background-size: cover;}
    .summary03 .hexagon_mobile {width: 400px; height: 468px;}
    .summary03 .wrapper > .hexagon_mobile > .text {padding-top: 200px;}
	
	.guidance01 .container .col-md-3:nth-child(1), .guidance01 .container .col-md-3:nth-child(2) {margin-bottom:30px;}
	.guidance01 .container .col-md-3 .icon {margin-top:8px;}

	.guide_info01 .container .col-md-12 .gra-tit {background-image:url('../img/gra_six_tit_m.png'); width:280px; height:45px; line-height:45px; font-size:17px;}

	.guide_info02 .container .schedule_box {width: 100%; margin-bottom: 0;}
	.guide_info02 .container .wrapper img 
		{-ms-transform: rotate(90deg); 
		-webkit-transform: rotate(90deg); 
		transform: rotate(90deg);
		margin: 25px 0;
		}

	.guide_info03 .container .table tr:nth-child(2) td {line-height:30px;}

}
@media screen and (max-width:733px) {
	.sub-sponsor .container {text-align:center;}
}
@media screen and (max-width:700px){
    .div04 .right > .col-md-12.row > div {padding: 45px 0;}
}
@media screen and (max-width:600px){
    .div04 .right > .col-md-12.row > div {padding: 35px 0;}
}
@media screen and (max-width:500px){
	.div03 .col-md-3 {height:200px;}
	.div04 .right {padding:0px;}
    .div04 .right > .col-md-12.row > div {padding: 20px 0;}
	.div04 .left {padding-top: 75%;}
	.container-fluid.div03 {margin-bottom:0px;}
}
@media screen and (max-width:400px){
    .div04 .right > .col-md-12.row > div {padding: 15px 0;}

    .summary03 .hexagon_mobile {width: 320px; height: 375px;}
    .summary03 .wrapper > .hexagon_mobile > .text {padding-top: 160px;}
    .summary03 .wrapper > .hexagon_mobile > .text > h3 {font-size: 22px;}
    .summary03 .wrapper > .hexagon_mobile > .text > p {font-size: 20px;}
}