@font-face {
font-family: 'GyeonggiTitleB';
	src: url('../fonts/GyeonggiTitleB.eot');
	src: url('../fonts/GyeonggiTitleB.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/GyeonggiTitleB.woff2') format('woff2'),
		 url('../fonts/GyeonggiTitleB.woff') format('woff'),
		 url('../fonts/GyeonggiTitleB.ttf') format('truetype'),
		 url('../fonts/GyeonggiTitleB.svg#GyeonggiTitleB') format('svg');
	font-weight:100;
	font-style: normal;
}

.ggtb {font-family: "GyeonggiTitleB", "맑은고딕", "맑은 고딕", "Malgun Gothic"; }

/* 공모전 홈 */
.c_logo {margin: 27px 0 27px 44px;}
.c_logo a {display: block; width: 316px; height: 66px; background: url('/images/contest/logo.png') 0 0 no-repeat; color: transparent;}
.c_menu_etc a {border: none;}
.c_menu {position: absolute;}
.c_menu .c_home {margin-right: 10px; vertical-align: bottom; float: left; }
.c_menu .c_all {width: 21px; height: 20px; margin-top: 18px; background: url('/images/contest/menu.png') no-repeat; background-size: cover; display: none;}

.contest {width: 100%; height: 100%; background: url('/images/contest/cont_bg.jpg') no-repeat; background-size: cover; padding-bottom: 120px; overflow: hidden;	}
.contest .contest_tit {padding-top: 200px; margin-bottom: 100px;}
.contest .contest_tit h3 {color: #525252; font-size: 66px; line-height: 1.18; width: 650px;}
.contest .contest_tit h2 {color: #946dec; font-size: 134px; margin: 10px 0 20px;}
.contest .contest_tit h2 span {color: #ef5194;}
.contest .contest_tit p {color: #777; font-size: 32px;}
.contest .contest_tit p span {color: #ef5194;}
.contest .contest_tit .cont_th {width: 128px; height: 128px; background: url('/images/contest/label.png') no-repeat; top: -80px; right: -40px; line-height: 128px; color: #fff; font-size: 34px;}
.contest .contest_tit .cont_th span {font-size: 40px;}

.contest_tab {right: -170px; top: 50%; margin-top: -280px; z-index: 1;}
.contest_tab li {width: 120px; height: 120px; border-radius: 100px; margin-bottom: 20px; box-shadow:10px 10px 19px rgba(94,94,94,0.12); }
.contest_tab li a {display: block; width: 100%; height: 100%; border-radius: 100px; line-height: 120px; font-size: 20px; font-weight: bold; color: #222; background-color: #fff; }
.contest_tab li a.act {background-color: #444; color: #fff;}

.contest_board {width: 100%; min-height: 600px; background-color: #fff; border: 1px solid #e3e3e3; box-shadow:10px 10px 19px rgba(94,94,94,0.12); padding-bottom: 70px; display: none;}
.contest_board_tit {width: 455px; height: 124px; background: url('/images/contest/board.png') no-repeat; margin-top: -30px; }
.contest_board_tit:before {display: block; content:""; position: absolute; left: -1px; top: 9px; border-top: 20px solid none; border-bottom:20px solid #c9c9c9; border-right: 4px solid transparent; border-left: 10px solid  transparent;}
.contest_board_tit:after {display: block; content:""; position: absolute; right: 2px; top: 9px; border-top: 20px solid none; border-bottom:20px solid #c9c9c9; border-right: 10px solid transparent; border-left: 4px solid  transparent;}
.contest_board_tit i {display: inline-block; width: 59px; height: 83px; margin-right: 30px; margin-top: 10px;}
.contest_board_tit01 i {background: url('/images/contest/medal01.png') no-repeat;}
.contest_board_tit02 i {background: url('/images/contest/medal02.png') no-repeat;}
.contest_board_tit03 i {background: url('/images/contest/medal03.png') no-repeat;}
.contest_board_tit04 i {background: url('/images/contest/medal04.png') no-repeat;}
.contest_board_tit p {display: inline-block; font-size: 44px; color: #222; vertical-align: top; margin-top: 35px;}

.contest_listBt {left: 40px; top: 40px; width: 30px; height: 30px; background: url('/images/contest/list_bt.jpg') no-repeat; cursor: pointer;}
.contest_backBt {right: 40px; top: 40px; width: 38px; height: 30px; background: url('/images/contest/back_bt.png') no-repeat; cursor: pointer; display: none;}
.contest_backBt a {display: block; height: 100%;}

.contest_slide_wrap {width: 71.4285%; margin: 30px auto 0;}
.contest_slide {width: 100%;}
.contest_slide a {display: block;}
.contest_slide_txt {left: 0; right: 0; bottom: 0; margin: auto; padding: 20px; font-size: 30px; color: #222; font-weight: bold; width: 100%; background: linear-gradient( to top, rgba(255,255,255,0.9), rgba(255,255,255,0.2) );}
.contest_slide_txt span {font-size: 22px; font-weight: 400; margin-left: 25px;}
.contest_slide_wrap:after {display: block; content:""; clear: both;}
.contest_slide_wrap .slick-slide img {margin: auto; height: auto !important;}
.slick-arrow {position: absolute; width: 50px; height: 50px; top: 0; bottom: 0; margin: auto; color: transparent; border: none;}
.slick-prev {background: url('/images/contest/left_bt.png') no-repeat; left: -170px; }
.slick-next {background: url('/images/contest/right_bt.png') no-repeat; right: -170px; }
/*.slick-slider {width: 100% !important; height: 100%;}*/
/*.slick-slider .slick-track, .slick-slider .slick-list { height: 100%;}*/
/*.slick-initialized .slick-slide {height: 100%;}*/
.slick-dots {position: absolute; left: 0; right: 0; margin: auto; margin-left: -18px; bottom: -50px;}
.slick-dots > li {display: inline-block !important; margin-left: 18px; width: 14px !important; height: 14px !important; border-radius: 10px; }
.slick-dots > li button {width: 14px; height: 14px; border-radius: 10px; background-color: #f3f3f3; border: none; cursor: pointer;z-index: 1; text-indent: -9999; color: transparent;}
.slick-dots > li.slick-active button {background-color: #6742bc;}

.contest_list_wrap {width: 92.8571%; margin: 0 auto;}
.contest_list {width: 100%; margin-top: 30px; height: 100%;}
.contest_list li {display: inline-block; margin-right: 2.5%; }
.contest_list li:nth-child(3n) {margin-right: 0;}
.contest_list li a {display: block;}
.contest_list li a img {max-width: none !important; width: 100% !important;height: 100% !important; margin: auto; min-width: 100%; min-height: 100%;}
.contest_list li .contest_list_txt {border: 1px solid #cfcfcf; padding: 15px 0; word-break: keep-all;}
.contest_list li .contest_list_txt p {font-weight: bold; font-size: 20px; color: #222; line-height: 1.2; display: block; width: 90%; margin: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.contest_list li .contest_list_txt p span {font-weight: 400; font-size: 18px; margin-left: 160px;}
.contest_list li > ul > li:hover {box-shadow: 4px 4px 10px rgba(0,0,0,0.2);}
.contest_list:after {display: block;content:""; clear: both;}
.contest_list01 li  {width: 47%; }
.contest_list02 li  {width: 31%;}
.contest_list03 li {width: 100%; display: block; margin-right: 0;}
.contest_list02 li .contest_list_txt p, .contest_list03 li .contest_list_txt p {display: inline-block; padding-left: 0; text-align: center; padding-left: 0;}
.contest_list02 li .contest_list_txt p span, .contest_list03 li .contest_list_txt p span {margin-left: 0;}
.contest_list03 li > ul > li { width: 31% !important; margin-right: 2.5%; display: inline-block;}
.contest_list03 li > ul > li:nth-child(3n) {margin-right: 0;}
.contest_list03 li > ul > li:nth-child(1), .contest_list03 li > ul > li:nth-child(2), .contest_list03 li > ul > li:nth-child(3) {margin-bottom: 3.0769%;}
.contest_list li .list_frame {width: 100%; height: 250px; overflow-x: hidden;}
.contest_list li .list_frame02 {width: 100%; height: 390px; overflow-x: hidden;}
.contest_list03 .slick-arrow {display: none !important;}

.contest_board_view > div {width: 88.5714%; margin: 20px auto 0;}
.contest_board_view_img {width: 49%; display: inline-block; vertical-align: middle;}
.contest_board_view_img img {margin: auto;}
.contest_board_view_txt {width: 49%; display: inline-block; padding-top: 45px; padding-left: 40px; word-break: keep-all; text-align: left; vertical-align: top;}
.contest_board_view_txt h4 {font-size: 30px; color: #222; line-height: 1.2; margin-bottom: 20px; font-weight: 600;}
.contest_board_view_txt h5 {font-size: 22px; color: #222; margin-bottom: 40px;}
.contest_board_view_txt > div {font-size: 18px; color: #666; line-height: 1.7; padding-top: 40px; border-top: 1px solid #444;}
.contest_board_view .slick-prev {left: 20px; }
.contest_board_view .slick-next {right: 20px;}

/* 공모전 소개 */
.contest_intro {width: 100%; background-color: #fff; margin-top: 150px; padding: 80px;}
.contest_intro .contest_tit {padding-top: 50px; margin-bottom: 75px;}
.contest_intro .contest_tit h3 {width: auto !important; font-size: 50.8px; }
.contest_intro .contest_tit h2 {font-size: 103px; margin: 0;}
.contest_intro01 {margin-bottom: 70px;}
.contest_intro01 .contest_intro01_txt {width: 49%; padding-right: 5%; vertical-align: top; word-break: keep-all; }
.contest_intro01 .contest_intro01_txt h3 {color: #946dec; font-size: 30px; margin-bottom: 30px;}
.contest_intro01 .contest_intro01_txt p {color: #353636; font-size: 18px; font-weight: 300; line-height: 1.6;}
.contest_intro01 .contest_intro01_slide {width: 49% !important; display: inline-block !important; margin-left: 1%;}
.contest_intro01 .contest_intro01_slide div img {width: 100%;}
.contest_intro01 .contest_intro01_slide .slick-arrow {width: 45px; height: 45px; top: auto;}
.contest_intro01 .contest_intro01_slide .slick-prev {background: rgba(0,0,0,0.5) url('/images/contest/left_bt02.png') center no-repeat; left: auto; right: 48px; bottom: 0; z-index: 1;}
.contest_intro01 .contest_intro01_slide .slick-next {background: rgba(0,0,0,0.5) url('/images/contest/right_bt02.png') center no-repeat; right: 0; bottom: 0;}
.contest_intro02 .contest_intro02_list {margin-bottom: 30px;}
.contest_intro02 .contest_intro02_list li {display: inline-block; padding: 40px; background-color: #f4f4f4; color: #222; margin-bottom: 40px; margin-right: 40px; vertical-align: bottom;}
.contest_intro02 .contest_intro02_list li:nth-child(2n) {margin-right: 0;}
.contest_intro02 .contest_intro02_list li:last-child {padding: 36px 39px;}
.contest_intro02 .contest_intro02_list li .contest_intro02_list_txt {display: inline-block;}
.contest_intro02 .contest_intro02_list li .contest_intro02_list_txt h4 {font-size: 22px; font-weight: bold; margin-bottom: 16px;}
.contest_intro02 .contest_intro02_list li .contest_intro02_list_txt h4 span {color: #1994c4;}
.contest_intro02 .contest_intro02_list li .contest_intro02_list_txt > span {display: block;}
.contest_intro02 .contest_intro02_list li .contest_intro02_list_txt > span i {display: inline-block; background-color: #1994c4; width: 5px; height: 5px; margin-right: 10px; vertical-align: middle;}
.contest_intro02 .contest_intro02_list li .contest_intro02_list_txt > span p { display: inline-block; font-size: 17px; line-height: 1.8;}
.contest_intro02 .contest_intro02_list li a {display: inline-block; margin-left: 40px; padding: 38px 33px; text-align: center; vertical-align: top; background-color: #5c6167; color: #fff; font-weight: bold; font-size: 20px;}
.contest_intro03 {width: 100%; background: url('/images/contest/intro_banner.jpg') no-repeat; background-size: cover; padding: 55px 0; position: relative;}
.contest_intro03 h5 {margin-left: 12.8%; font-weight: bold; font-size: 26px; color: #222; margin-bottom: 30px;}
.contest_intro03 a {margin-left: 12.8%; display: block; width: 270px; height: 80px; line-height: 80px; background-color: #1184c5; border-radius: 60px; text-align: center; font-size: 26px; color: #fff;}
.contest_intro03 a span {color: #ffefba;}
.contest_intro03 img {position: absolute; right: 110px; bottom: 0;}


@media screen and (max-width:1800px){
	.contest .contest_tit {margin-bottom: 300px;}
	.contest_intro .contest_tit {margin-bottom: 75px;}
	.contest_tab {right: 0; left: 0; margin: auto; top: -220px;}
	.contest_tab li {display: inline-block; margin-right: 20px;}
}

@media screen and (max-width:1400px){
	.contest_slide_wrap {width: 84%;}
	.slick-prev {left: -70px;}
	.slick-next {right: -70px;}
	.contest_board_view .slick-prev {left: -20px; }
	.contest_board_view .slick-next {right: -20px;}
	.contest_intro02 .contest_intro02_list li { width: 100%; margin-right: 0; margin-bottom: 20px; position: relative; padding: 51px 40px;}
	.contest_intro02 .contest_intro02_list li .contest_intro02_list_txt h4 {font-size: 20px;}
	.contest_intro02 .contest_intro02_list li a {position: absolute; right: 40px; top: 40px;}
	.contest_intro03 h5 {margin-left: 4.8%; margin-right: 60%; word-break: keep-all;}
	.contest_intro03 a {margin-left: 4.8%;}
}

@media screen and (max-width:1279px){
	.contest_board_view_txt h4 {font-size: 24px;}
	.contest_board_view_txt h5 {font-size: 16px; margin-bottom: 20px;}
	.contest_board_view_txt > div {font-size: 15px; padding-top: 20px;}
	.contest_intro03 a {width: 230px; font-size: 22px;}
	.contest_intro03 img {width: 300px; right: 80px;}
}

@media screen and (max-width:1023px){
	.c_logo a {width: 224px; height: 46px; background-size: cover;}
	.contest .contest_tit h3 {font-size: 50px; width: 430px;}
	.contest .contest_tit h2 {font-size: 100px;}
	.contest .contest_tit p {font-size: 26px;}
	.contest .contest_tit .cont_th {top: -90px; right: -90px; }
	.contest_list03 li > ul > li {width: 45% !important; }
	.contest_list03 li > ul > li:nth-child(3n) {margin-right: 3.0769%;}
	.contest_list03 li > ul > li:nth-child(2n) {margin-right: 0;}
	.contest_intro01 .contest_intro01_txt {width: 100%; margin-right: 0; margin-bottom: 40px;}
	.contest_intro01 .contest_intro01_slide {width: 100% !important; margin-left: 0;}
	.contest_intro01 .contest_intro01_slide .slick-slide img {width: 100%;}
	.contest_intro03 img {width: 250px; right: 40px;}
}


@media screen and (max-width:768px){
	.c_logo {margin: 16px;}
	.c_logo a {width: 158px; height: 32px;}
	.c_menu .c_all {display: block; margin-top: 0;}
	.w_hidden_m .wm_ttop .webzine_list_m {margin-bottom: 20px; width: 100%; display: block;}
	.w_hidden_m .wm_ttop .webzine_list_m a {display: block; text-indent: 20px; height: 45px; line-height: 45px; border: none; background: rgba(0, 0, 0, 0.7);}
	.w_hidden_m .wm_ttop .webzine_list_m ul {border: 1px solid #e6e6e6;position: absolute;left: 0;right: 0;top: 45px;z-index: 11; display: block !important;}
	.w_hidden_m .wm_ttop .webzine_list_m ul li {border-bottom: 1px solid #e6e6e6;}
	.w_hidden_m .wm_ttop .webzine_list_m ul a {display: block;font-size: 15px; height: 45px; line-height: 45px; text-indent: 20px; text-align: left; color: #555;background-color: #fff;}
	.w_hidden_m .wtt_home_c {margin-top: 210px;}
	.contest_listBt {left: 20px; top: 20px; width: 20px; height: 20px	; background-size: cover;}
	.contest_backBt {right: 20px; top: 20px; width: 24px; height: 19px; background-size: cover;}
	.contest .contest_tit {margin-bottom: 180px; padding-top: 130px;}
	.contest .contest_tit h3 {font-size: 27px; width: 280px;}
	.contest .contest_tit h2 {font-size: 55px;}
	.contest .contest_tit p {font-size: 13px;}
	.contest .contest_tit .cont_th {width: 60px; height: 60px; line-height: 60px; background-size: cover; top: -40px; right: -20px; font-size: 15px;}
	.contest .contest_tit .cont_th span {font-size: 18px;}
	.contest_tab {top: -120px; margin-left: 20px;}
	.contest_tab li {width: 60px; height: 60px;}
	.contest_tab li a {width: 60px; height: 60px; line-height: 60px; font-size: 12px;}
	.contest_board {padding-bottom: 40px; min-height:auto;}
	.contest_board_tit {width: 174px; height: 47px; background-size: cover; margin-top: -24px;}
	.contest_board_tit:before {left: -7px; top: 3px;}
	.contest_board_tit:after {right: -6px; top: 3px;}
	.contest_board_tit i {width: 24px; height: 36px; background-size: cover; margin-top: 3px; margin-right: 15px;}
	.contest_board_tit p {font-size: 18px; margin-top: 15px;}
	.contest_list li .contest_list_txt p {font-size: 15px;}
	.contest_list li .contest_list_txt p span {font-size: 13px;}
	.contest_list01 li  {width: 100%; margin-right: 0; margin-bottom: 3.0769%;}
	.contest_list02 li  {width: 100%; margin-right: 0; margin-bottom: 3.0769%;}
	.contest_list03 li > ul > li {width: 100% !important; margin-right: 0; margin-bottom: 3.0769%;}
	.contest_list li a img {min-height: auto;}
	.contest_list li .list_frame, .contest_list li .list_frame02 {height: auto;}
	.contest_slide_txt {font-size: 15px; height: 100px; padding-top: 60px;}
	.contest_slide_txt span {font-size: 13px; margin-left: 10px;}
	.slick-arrow {width: 30px; height: 30px; background-size: cover; }
	.slick-prev {left: -40px;}
	.slick-next {right: -40px;}
	.slick-dots {bottom: -30px; margin-left: -8px;}
	.slick-dots > li {margin-left: 8px; width: 10px !important; height: 10px !important;}
	.slick-dots > li button {width: 10px; height: 10px;}
	.contest_board_view_img {width: 100%; margin-top: 30px;}
	.contest_board_view_txt {width: 100%; padding-top: 20px; padding-left: 0;}
	.contest_board_view_txt h4 {font-size: 14px;}
	.contest_board_view_txt h5 {font-size: 12px;}
	.contest_board_view_txt > div {font-size: 12px; }
	.contest_intro {margin-top: 70px; padding: 40px 20px;}
	.contest_intro .contest_tit {margin-bottom: 30px; padding-top: 10px;}
	.contest_intro .contest_tit h3 {font-size: 23px;}
	.contest_intro .contest_tit h2 {font-size: 46px;}
	.contest_intro01 {margin-bottom: 40px;}
	.contest_intro01 .contest_intro01_txt {margin-bottom: 30px;}
	.contest_intro01 .contest_intro01_txt h3 {font-size: 20px;}
	.contest_intro01 .contest_intro01_txt p {font-size: 13px;}
	.contest_intro02 .contest_intro02_list li {padding: 30px 20px; }
	.contest_intro02 .contest_intro02_list li:last-child {padding: 15px 20px;}
	.contest_intro02 .contest_intro02_list li .contest_intro02_list_txt > span p {font-size: 13px;}
	.contest_intro02 .contest_intro02_list li .contest_intro02_list_txt h4 {font-size: 15px;}
	.contest_intro02 .contest_intro02_list li a {position: static; right: auto; top: auto; display: block; margin-left: 0; width: 100%; font-size: 13px; padding: 13px 0; margin-top: 20px;}
	.contest_intro02 .contest_intro02_list li a br {display: none;}
	.contest_intro03 {padding: 25px 0; }
	.contest_intro03 h5 {font-size: 15px; margin-bottom: 15px; margin-right: 70%;}
	.contest_intro03 a {width: 160px; height: 45px; line-height: 45px; font-size: 15px;}
	.contest_intro03 img {width: 180px; right: 20px;}
}

@media screen and (max-width:425px){
	.contest_tab {margin-left: 8px;}
	.contest_tab li {margin-right: 8px;}
	.contest_list li .contest_list_txt p {font-size: 13px;}
	.contest_list li .contest_list_txt p span {font-size: 11px;}
	.contest_intro02 .contest_intro02_list li .contest_intro02_list_txt > span p {font-size: 12px;}
	.contest_intro03 {background: url('/images/contest/intro_banner_m.jpg') no-repeat; background-size:cover; }
	.contest_intro03 img {display: none;}
	.contest_intro03 h5 {margin-right: 60%;}
}