/* ----------------------------------------------------------------0 Custom CSS -----------------------------------------------------------------*/ .bg-darkgreen {background-color: #267373 !important;} .txtRed {color: #e7475f !important;} .txtBrown {color: #962f33 !important;} .txtBlue {color: #1265A8 !important;} .txtDarkBlue {color: #0988ac !important;} .txtOrange {color: #df6f4f !important;} .txtGray {color: #999;} .txtDarkGray {color: #666;} .txtGreen {color: #00be78;} .txtCenter {text-align:center;} .bgOrange{background-color:#df6f4f !important;} .hidden {display:none;} .hidden_input {height:5px; border:0; color:#F5F5F5; background-color:#F5F5F5} .form-control {border-radius: 0px;} .input-group-append .btn, .input-group-append .button {border-radius: 0px;} blockquote {padding: 0px 15px;font-size: 13px;} .btn_w120 {width:120px;text-align:center;} #logo a {padding-top:15px;} #logo img {height: 48px;} #header.sticky-header #header-wrap {height: auto; background-color: rgba(255, 255, 255, 0.9);} .content-wrap {padding:0;} .page-section {padding:0;} .content_space {height:120px;} .content_space_30 {height:30px;} .content_space_50 {height:50px;} .content_space_80 {height:80px;} .fLeft {float :left;} .fRight {float :right;} .vod {margin: 50px auto 0px auto; max-width: 600px; height: 340px; border: 1px solid #999;} .video-js {width: 100%; height: 100%;} textarea::placeholder {color:#aaa !important;} input::placeholder {color:#aaa !important;} input[readonly]:not(.inputClick),input[disabled]:not(.inputClick) {cursor: not-allowed;background-color: #eeeeee;opacity: 1;} input[readonly] {background-color: #fff;opacity: 1;} .no-data {text-align:center;padding:80px 0;} h1, h2, h3, h4, p {word-break:keep-all; font-weight: normal;} /*#footer {overflow:hidden;}*/ /* video.js */ .video-js .vjs-big-play-button {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} [tabindex='-1'].video-js {width: 100% !important; height:100% !important} /* FONTS */ @font-face { font-family: 'GamtanRoad Gamtan'; font-weight: normal; font-style: normal; font-display: swap; src: url('https://cdn.jsdelivr.net/gh/fonts-archive/GamtanRoadGamtan/GamtanRoadGamtan.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/fonts-archive/GamtanRoadGamtan/GamtanRoadGamtan.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/fonts-archive/GamtanRoadGamtan/GamtanRoadGamtan.otf') format('opentype'), url('https://cdn.jsdelivr.net/gh/fonts-archive/GamtanRoadGamtan/GamtanRoadGamtan.ttf') format('truetype'); } /*@font-face { font-family: 'GamtanRoad Dotum'; font-weight: 100; font-style: normal; font-display: swap; src: url('https://cdn.jsdelivr.net/gh/fonts-archive/GamtanRoadDotum/GamtanRoadDotum-Thin.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/fonts-archive/GamtanRoadDotum/GamtanRoadDotum-Thin.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/fonts-archive/GamtanRoadDotum/GamtanRoadDotum-Thin.otf') format('opentype'), url('https://cdn.jsdelivr.net/gh/fonts-archive/GamtanRoadDotum/GamtanRoadDotum-Thin.ttf') format('truetype'); } @font-face { font-family: 'GamtanRoad Dotum'; font-weight: 400; font-style: normal; font-display: swap; src: url('https://cdn.jsdelivr.net/gh/fonts-archive/GamtanRoadDotum/GamtanRoadDotum-Regular.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/fonts-archive/GamtanRoadDotum/GamtanRoadDotum-Regular.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/fonts-archive/GamtanRoadDotum/GamtanRoadDotum-Regular.otf') format('opentype'), url('https://cdn.jsdelivr.net/gh/fonts-archive/GamtanRoadDotum/GamtanRoadDotum-Regular.ttf') format('truetype'); } @font-face { font-family: 'GamtanRoad Dotum'; font-weight: 700; font-style: normal; font-display: swap; src: url('https://cdn.jsdelivr.net/gh/fonts-archive/GamtanRoadDotum/GamtanRoadDotum-Bold.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/fonts-archive/GamtanRoadDotum/GamtanRoadDotum-Bold.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/fonts-archive/GamtanRoadDotum/GamtanRoadDotum-Bold.otf') format('opentype'), url('https://cdn.jsdelivr.net/gh/fonts-archive/GamtanRoadDotum/GamtanRoadDotum-Bold.ttf') format('truetype'); }*/ @font-face { font-family: 'GamtanRoad Tantan'; font-weight: normal; font-style: normal; font-display: swap; src: url('https://cdn.jsdelivr.net/gh/fonts-archive/GamtanRoadTantan/GamtanRoadTantan.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/fonts-archive/GamtanRoadTantan/GamtanRoadTantan.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/fonts-archive/GamtanRoadTantan/GamtanRoadTantan.otf') format('opentype'), url('https://cdn.jsdelivr.net/gh/fonts-archive/GamtanRoadTantan/GamtanRoadTantan.ttf') format('truetype'); } @font-face { font-family: 'Freesentation'; font-weight: 400; font-style: normal; font-display: swap; src: url('https://cdn.jsdelivr.net/gh/fonts-archive/Freesentation/Freesentation-4Regular.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/fonts-archive/Freesentation/Freesentation-4Regular.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/fonts-archive/Freesentation/Freesentation-4Regular.otf') format('opentype'), url('https://cdn.jsdelivr.net/gh/fonts-archive/Freesentation/Freesentation-4Regular.ttf') format('truetype'); } @font-face { font-family: 'Freesentation'; font-weight: 700; font-style: normal; font-display: swap; src: url('https://cdn.jsdelivr.net/gh/fonts-archive/Freesentation/Freesentation-7Bold.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/fonts-archive/Freesentation/Freesentation-7Bold.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/fonts-archive/Freesentation/Freesentation-7Bold.otf') format('opentype'), url('https://cdn.jsdelivr.net/gh/fonts-archive/Freesentation/Freesentation-7Bold.ttf') format('truetype'); } body, input, select, textarea, button, label { font-family: 'Freesentation'; } .heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4, .emphasis-title h1, .emphasis-title h2 { font-weight: 700; } .line.mh15 {margin: 15px 0;} .line.mh20 {margin: 20px 0;} .line.mh30 {margin: 30px 0;} .m0 {margin:0 !important;} .mt05 {margin-top:5px;} .mt10 {margin-top:10px;} .mt15 {margin-top:15px;} .mt20 {margin-top:20px;} .mt25 {margin-top:25px;} .mt30 {margin-top:30px;} .mt40 {margin-top:40px;} .mt50 {margin-top:50px;} .mt60 {margin-top:60px;} .mt80 {margin-top:80px;} .col-form-label {text-align:right} .button.button-large.button-circle.button-border {font-weight:700;letter-spacing: 1px;} .button.button-large.button-large2 {height:50px; line-height:54px; font-size:22px;margin:0; padding-left:30px; padding-right:30px;} .button-brown {background-color: #962F33;} .h3_tbl {margin:20px 0 10px;font-size:16px;} .h3_tbl:first-child {margin-top:0;} h3.tltie-sub {margin-bottom:10px;} h3.tltie-sub2{margin-bottom:10px; color:#666; text-align: center; font-weight:400;} .pagination {margin-top:45px;color:#3d3d3d;font-size:16px;text-align:center;} .pagination a {padding:0 12px;color:#3d3d3d; font-weight:700;} .pagination .page-item.disabled a {color:#bbb; font-weight:300;} .pagination .active a,.pagination a:hover {color:#7d87c4;} /* .pagination .prev span {position:relative;top:3px;display:inline-block;width:15px;height:18px;background:url('/static/event/miraen_nolgong/image/ico_prev.png') no-repeat 50% 2px;} .pagination .next span {position:relative;top:3px;display:inline-block;width:15px;height:18px;background:url('/static/event/miraen_nolgong/image/ico_next.png') no-repeat 50% 2px;} */ /* modal */ .layer_wrap {display:none;width:90%;max-width:780px;margin-top:30px;background:#fff;} .layer_wrap.type2 {width:560px;} .layer_wrap.type3 {width:420px;} .layer_wrap h2 {color:#000;font-size:22px;margin-bottom:35px;font-weight:300;} .layer_wrap .layer_cont {padding:38px 30px 50px;} .layer_wrap .area_wrap {margin-bottom:35px;} .layer_wrap .area_wrap .tit {display:block;color:#000;font-size:22px;/* text-overflow:ellipsis;overflow:hidden;white-space:nowrap; */vertical-align:middle; margin-right:30px; margin-bottom:20px;} .layer_wrap .area_wrap .tit.type2 {font-size:18px;} .layer_wrap .b-close {position:absolute;top:38px;right:30px;} .layer_wrap .desc {margin-bottom:15px;} .layer_wrap .desc span {font-weight:500;} #wrapper {/*background: url('/assets/microSite/award/images/11th/bg_body-f21fecd95a0e7d377ffd100af17b38fa.png') no-repeat right 0;*/} #content {background-color:transparent;} /* 슬라이더 */ .primary-menu-trigger {color:#fff;} #slider.top-bg {/*background: url('/assets/microSite/award/images/2022/bg.jpg') no-repeat 0 0; background-size: cover;*/} .c1-01 {z-index:2; margin-left : 0px; margin-top: 550px; position: relative;} .c1-01 .hbar {z-index:2;position: absolute;left: -40px;top: 32px;background-color: #00be78;border-color: rgba(0, 0, 0, 0);border-width: 0px;height: 52px;width: 8px;} .c1-01 h1 {z-index:2; font-family: 'GamtanRoad Tantan'; font-weight: normal; font-size:88px; line-height:105px; color:#000; letter-spacing: -3px;} .c1-02 {z-index:2; position: relative; margin-left : 0px;margin-top: 18px;font-size:22px;line-height:35px; max-width: 680px; color:#222222;word-break:keep-all;} .c1-03 {z-index:2; position: relative; margin-left : 0px;margin-top: 36px;} .c1-03 a {} .c1-03 a img {vertical-align: top; width: 222px; height: auto;} .c1-04 {z-index: 0; width:100%;height: 100%;position: absolute; bottom: 150px;} .c1-04 .tImg1 {z-index:1;position: absolute; right:210px; bottom:0;} .c1-04 .tImg1_2 {z-index:1;position: absolute; right:0px; bottom:0;} .c1-04 .tImg1_3 {z-index:1;position: absolute; right:450px; bottom:0;} .c1-04 .tImg2 {z-index:1;position: absolute; right:620px; bottom:160px;animation-name:bounceIn;animation-delay:1.5s;animation-duration:2s;} .c1-04 .tImg3 {z-index:1;position: absolute; right:-80px; top:290px; animation-name:bounceIn;animation-delay:2s;animation-duration:2s;} .c1-04 .tImg4 {z-index:1;position: absolute; right:300px; top:150px; animation-name:bounceIn;animation-delay:2.5s;animation-duration:2s;} body {z-index:1;} .top-text-area {} .top-text-area [class^="top-text-"] {color:#000; text-align:center; } .top-text-area .top-text-01 {font-size:20px; line-height:32px;} .top-text-area .top-text-01 strong {font-size:20px; font-weight:700;} .top-text-area .top-text-01 span span {position:relative; font-weight:700; color:#000; z-index:2;} .top-text-area .top-text-01 > span {position:relative;} .top-text-area .top-text-01 > span:after {content:''; width:100%; height:60%; display:block; position:absolute; left:0; bottom:-2px; background-color:#FFEB55; z-index:1;} .top-text-area .top-text-02 {margin-top:20px; font-family: 'GamtanRoad Tantan'; font-size:28px; line-height:30px; color: #207ED6;} #content .container-outer {max-width:1320px; margin:80px auto 0;} #content .common-title-area {margin-bottom:35px;} #content .common-title-area .title {padding-left:10px; display: inline-block; position:relative; font-size:28px; line-height:28px; color:#000; font-family:'GamtanRoad Tantan'; z-index: 1;} #content .common-title-area .title:before { content: ''; display: inline-block; vertical-align: middle; margin-right: 10px; } #content .common-title-area .title.guide:before { width:37px; height: 40px; margin-top: -8px; background: url(/assets/microSite/award/images/12th/icon-title-doc-696150e2d24e5a4d3cd8f8f0c22d1da2.svg) no-repeat; } #content .common-title-area .title.schedule:before { width:43px; height: 38px; margin-top: -8px; background: url(/assets/microSite/award/images/12th/icon-title-cal-3a0b8de7fb11fd11656f45b0c746f737.svg) no-repeat; } #content .common-title-area .title.prize:before { width:36px; height: 40px; margin-top: -12px; background: url(/assets/microSite/award/images/12th/icon-title-gift-5acd508097972a5aa8676db30b7337a6.svg) no-repeat; } #content .common-title-area .title.faq:before { width:46px; height: 40px; margin-top: -12px; background: url(/assets/microSite/award/images/12th/icon-title-qna-0e14a3c476bf31995b7fd24ddbae0214.svg) no-repeat; } #content .common-title-area .title:after {content:''; width: calc(100% + 10px); height:60%; display:block; position:absolute; left:0; bottom:-4px; background-color:#FFEB55; z-index:-1;} #content .common-title-area span {margin-left: 20px; font-size:20px; font-weight:400; font-family: 'Freesentation', sans-serif;} #content .btm-desc {margin-top:20px;color: #666; font-size: 16px;} #content .btm-desc .link-mail {text-decoration:underline !important; color:#207ED6;} #content [class^="table-text-type-"] {font-size:18px; color:#000; line-height:24px; } #content .table-text-type-01 {font-weight:700; color:#000;} #content .table-text-type-01 + .table-text-type-02 {margin-top:6px;} #content .table-text-type-02 {} #content .table-text-type-02 + .table-text-type-01 {margin-top:20px;} #content .table-text-type-03 {padding-left:20px; position:relative;} #content .table-text-type-03:before {content:'※'; position:absolute; left:0; top:0;} #content .table-text-type-03.underline {text-decoration: underline;} #content .top-text-info-box {max-width:900px; margin:40px auto 0; text-align:left;} #content .top-text-info-box ul {padding:35px 59px 39px; border-radius:20px; background-color:#F4FBFF;} #content .top-text-info-box ul li {display:flex;} #content .top-text-info-box ul li [class^="text-info-"] {font-size:18px; line-height:28px; color:#000;} #content .top-text-info-box ul li .text-info-title {font-weight:700;} #content .top-text-info-box ul li .text-info-desc {margin-left:39px; text-align:left;} #content .top-text-info-box ul li .text-info-desc.is-more {margin-left:32px; font-size:16px;} #content .tbl_type.type01 td {padding:23px; background-color:rgba(255,255,255,0.7)} #content .tbl_type.type01 tbody td:last-child {border-right:1px solid #e4e4e4;} #content .tbl_type.type01 tbody td.bor-0 {border-right:0;} #content .tbl_type.type01 tfoot td {background-color:#F8F8F8; font-size:16px; font-weight:700; color:#000;} #content .tbl_type.type01 tfoot td:last-child {border-right:0;} .btn-area {margin-top:80px; display:flex; justify-content: center; gap:30px; padding: 0 20px;} .btn-area .btn-common-arrow {width:280px; height:70px; display:flex; align-items: center; justify-content: center; font-size:28px; font-weight: 700; letter-spacing: 1px; color:#fff; background: transparent linear-gradient(90deg, #003487 0%, #61BAFE 50%, #B8E5FF 100%) 0% 0% no-repeat padding-box;} .btn-area .btn-common-arrow img {margin-left:15px; vertical-align: top;} .btn-area .btn-common-download {width:330px; max-width: 330px; height:70px; display:flex; align-items: center; justify-content: center; flex-direction: column; border:1px solid #207ED6; background-color:#fff;} .btn-area .btn-common-download span {font-size:18px; color:#000;} .btn-area .btn-common-download strong {display:flex; align-items:center; gap:5px; font-size:20px; font-weight:700; color:#207ED6;} .btn-area .btn-common-download strong i {font-size:20px;} .btn-area.type01 {margin:30px auto 80px;} .btn-area .btn-disable {background: #d3d3d3; cursor: default;} .icon-download-primary { display:inline-block; margin-left: 8px; width:16px; height:16px; background: url('/assets/microSite/award/images/12th/icon-download-primary-187c70e6465d779fdde60a422a571f49.svg') no-repeat; background-size: contain; vertical-align: top; } .icon-download { display:inline-block; width:16px; height:16px; background: url('/assets/microSite/award/images/12th/icon-download-8c586729a762e19a55e02a8b71d54d39.svg') no-repeat; background-size: contain; vertical-align: top; } .icon-bars {display:inline-block; width:28px; height:28px; background: url('/assets/microSite/award/images/icon-bars-1c7310eae5cae6f879dcc0a36f763f50.svg') center 6px no-repeat; background-size: contain;} .img-group {width:100%;margin:0 auto;position:absolute;left: 50%; top:50px; transform: translateX(-50%);} .img-group [class^="top-banner-"] {z-index:1; position:absolute;} .img-group .top-banner-bg {width:1280px; right:0; top:0;} .img-group .top-banner-bg-small {width:480px; left:0; top:800px;} .img-group .top-banner-img1 {width:164px; right:330px; top:70px;} /* 책 */ .img-group .top-banner-img2 {width:110px; right:900px; top:750px;} /* 전구 */ .img-group .top-banner-img3 {width:162px; right:280px; top:730px;} /* 연필 */ /*.img-group .img1 {z-index :1;position: absolute; right:113px; top:316px;} .img-group .img_obj0 {z-index :1;position: absolute; right:587px; top:437px;} .img-group .img_obj1 {z-index :1;position: absolute; right:338px; top:188px;} .img-group .img_obj2 {z-index :1;position: absolute; right:540px; top:168px;} .img-group .img_obj3 {z-index :1;position: absolute; right:106px; top:147px;} .img-group .img_obj4 {z-index :1;position: absolute; right:14px; top:418px;} .img-group .img_obj5 {z-index :1;position: absolute; right:338px; top:654px;} .img-group .img_woman {z-index :1;position: absolute; right:385px; top:473px;} .img-group .img_man {z-index :1;position: absolute; right:524px; top:397px;} .img-group .img_10 {z-index :1;position: absolute; right:316px; top:276px;} .img-mobile {display:none;position:absolute;top:0;left:0;right:0;height:100%;} .img-mobile .img1 {z-index :1;position: absolute; left:0; right:0; bottom:0;padding: 0 10px;}*/ /* heading-block */ .heading-block {margin-bottom:60px;} .heading-block h1 {margin-bottom:30px;font-family:'GamtanRoad Tantan';font-size:48px;line-height:1em;font-weight: normal;} .heading-block h1 + span {font-size: 18px;} .heading-block h3 {color:#666; margin-bottom:0px; font-weight:400;} .heading-block .text-contents {font-size: 18px;} .heading-block .text-contents span{color:#2f5496; font-weight:700;} .heading-block.no-bar:after {border:0px;} .center .heading-block:after, .heading-block.center:after, .heading-block.title-center:after {margin: 15px auto 0;} .heading-block .badge {margin-bottom:20px;display:inline-block;border-radius: 44px; padding: 0 30px;font-size: 20px;height: 44px;line-height: 47px !important;color:#fff; font-weight:400;} .heading-block .badge.blue {background-color: #df6f4f;} .heading-block .badge.blue span{color:#10b0b5;} .heading-block .badge.green {background-color: #449171;} .heading-block .badge.green span{color:#449171;} .heading-block .badge.brown {background-color: #962f33;} .heading-block .badge.red {background-color: #de443a;} .heading-block .badge.red span{color:#de443a;} /* 응모작 */ .block-search {position:relative; margin:0 auto 60px auto; text-align: center; max-width: 600px;} .block-search input {padding:15px 20px; border:6px solid #efefef; font-size: 1.2rem; line-height: 1.4rem; width:100%;} .block-search .btnSearch {position: absolute; right:20px; top: 20px;} .portfolio-filter li a {min-width:160px; text-align: center;} .block-qna-declaration {margin-top:22px; font-size:0.875rem; color:#555555;} .block-qna-declaration a{color:#207ED6;} .block-qna-declaration a:hover{color:#00be78;} .block-qna-declaration a.badge {background-color:#3f3f3f; color:#fff; border-radius:0px; font-weight:400; padding:5px 10px;} .banner01 {position:relative; width: 100%; border-radius: 3px;z-index: 1; border: 1px solid #ddd;} .banner01::after {width: 100%;height: 100%;content: "";background: url('/assets/microSite/award/images/banner01.jpg') no-repeat 100%;position: absolute;top: 0;left: 0;z-index: -1;background-size: cover;} .banner01 p {padding: 20px 30px 10px 30px; font-weight: 700; font-size: 20px;} .banner01 p span {display: block;} .banner01 .block-btn {text-align: center; padding-bottom: 15px;} .banner02 {margin-top:60px; position:relative; width: 100%; border-radius: 3px;z-index: 1;} .banner02::after {width: 100%;height: 100%;content: "";background: url('/assets/microSite/award/images/banner02.jpg') no-repeat 100%;position: absolute;top: 0;left: 0;z-index: -1;background-size: cover;} .banner02 p.title {padding:20px 30px 0px 30px; color:#000; font-size:20px;} .banner02 p.title span {display: block; font-size:24px; font-weight: 700; color:#000; line-height: 30px;} .banner02 p.des {max-width:768px; padding:10px 30px 10px 30px; color: #444;} .banner02 p.des span {display: inline-block;} .banner03 {margin-top:60px; position:relative; width: 100%; border-radius: 3px;z-index: 1;} .banner03::after {width: 100%;height: 100%;content: "";background: url('/assets/microSite/award/images/banner03.jpg') no-repeat 85%;position: absolute;top: 0;left: 0;z-index: -1;background-size: cover;} .banner03 p.title {padding:30px; color:#444; font-size:18px; line-height:26px;} .banner03 p.title span {font-weight: 700; color:#00be78;} .banner03 p.des {max-width:768px; padding:10px 30px 10px 30px; color: #444;} .banner03 p.des span {display: inline-block;} .block-myform {margin-bottom:80px;} .block-myform .item {border : 6px solid #efefef; display: block; padding:20px; margin-bottom:20px;} .block-myform .item .b_img {position: relative; width: 50%; display: inline-block;vertical-align: middle;} .block-myform .item .b_img .type_share {z-index: 1;position: absolute; left:-26px; top:-26px; width:70px; height:70px; background-color:#3c3d38; line-height:70px; color:#fff; text-align:center;font-size: 17px;} .block-myform .item .b_img .type_my {z-index: 1;position: absolute; left:-26px; top:-26px; width:70px; height:70px; background-color:#00be78; padding-top:15px; line-height:20px; color:#fff; text-align:center;font-size: 17px;} .block-myform .item .b_detail {width: 49%; display: inline-block; vertical-align: top; padding:0px 0px 0 20px; color:#666;} .block-myform .item .b_detail h3 {margin-bottom:10px; color:#222;} .block-myform .item .b_detail .b_button {margin-top:20px;} .block-myform .item .type_share {position:absolute; width:60px; height:60px; top:0; left:0; background-color:#3c3d38; color:#fff; font-size:16px; text-align:center; line-height:60px;} .block-myform .item .type_my {position:absolute; width:60px; height:60px; top:0; left:0; background-color:#00be78; color:#fff; font-size:16px; text-align:center; line-height:20px;} .block-myform .item .ApplyType {position: absolute;padding: 20px; z-index:2; color:#444; right:0; width:200px} .block-myform .item .Subject {position: absolute;padding: 20px; z-index:2; color:#000;top: 50px; font-size: 16px;} .block-myform .item .bgApplyThumnailIMG {width:100%; height:180px;overflow: hidden;} .block-myform .item .bgApplyThumnailIMG .portfolio-overlay {z-index : -1;} .block-myform .item .bgApplyThumnailIMG:hover .portfolio-overlay {z-index :2;opacity: 0.8; background-color:#666;} .block-myform .item .bgApplyThumnailIMG:hover .portfolio-overlay .ApplyType{z-index :-1;} .block-myform .item .bgApplyThumnailIMG:hover .portfolio-overlay .Subject{z-index :-1;} .block-myform .item.pf-1 .bgApplyThumnailIMG {background-color:#b2fce1;} .block-myform .item.pf-2 .bgApplyThumnailIMG {background-color:#fdf9ec;} .block-myform .item.pf-3 .bgApplyThumnailIMG {background-color:#b2d5fe;} .block-myform .item.pf-1 .applyThumnailIMG {opacity: 0.7;} .block-myform .item.pf-2 .applyThumnailIMG {opacity: 0.7;} .block-myform .item.pf-3 .applyThumnailIMG {opacity: 0.7;} .block-myform .portfolio-sub-button {margin-top:10px;} /* .applyThumnailIMG {margin: -50% 0;} */ .block-apply-tab {position: relative;} .block-apply-tab ul.tab-nav {margin-bottom:60px;} .block-apply-tab ul.tab-nav:not(.tab-nav-lg) li:first-child {margin-left: 0px;} .block-apply-tab .block-sort a {height : 30px; padding: 0 10px; line-height: 30px; font-size:12px; margin-right:0; margin-left:0px;} .block-apply-tab .block-sort a.btnGray {background: #f1f1f1; border: 1px solid #ccc; color:#aaa;} .block-apply-tab .block-sort a.btnGray.active {background: #fff; border: 1px solid #ccc; color:#222;} .block-apply-tab .block-sort a.btnSearchHeart, .block-apply-tab .block-sort a.btnSearchComment {margin-right:7px;} #applyList article .portfolio-desc {border:1px solid #eee; padding:25px 15px;} #applyList .bgApplyThumnailIMG {width:100%; height:180px;} #applyList .portfolio-item {padding: 0 12px 25px 12px;} #applyList .portfolio-overlay {background-color: rgba(0,0,0,0.5);} #applyList .portfolio-desc {position: relative;} #applyList .portfolio-desc .portfolio-sub-button {position: absolute; top : 22px; right:10px;} #applyList .portfolio-desc .portfolio-sub-button a {display:inline-block;} #applyList .portfolio-desc .portfolio-sub-button span {display:inline-block; margin-right:5px;} #applyList .portfolio-image .type_share {position:absolute; width:60px; height:60px; top:0; left:0; background-color:#3c3d38; color:#fff; font-size:16px; text-align:center; line-height:60px;} #applyList .portfolio-image .type_my {position:absolute; width:60px; height:60px; top:0; left:0; background-color:#00be78; color:#fff; font-size:16px; text-align:center; line-height:20px;} #applyList .portfolio-item .ApplyType {position: absolute;padding: 20px; z-index:2; color:#444;} #applyList .portfolio-item .Subject {position: absolute;padding: 20px; z-index:2; color:#222;top: 35px; font-size: 18px;font-weight: 500;} #applyList .portfolio-image {border-top:1px solid #eee; border-right:1px solid #eee; border-left:1px solid #eee;} #applyList .pf-1 .portfolio-image {background-color:#b2fce1;} #applyList .pf-2 .portfolio-image {background-color:#fdf9ec;} #applyList .pf-3 .portfolio-image {background-color:#b2d5fe;} #applyList .pf-1 .applyThumnailIMG {opacity: 0.7;} #applyList .pf-2 .applyThumnailIMG {opacity: 0.7;} #applyList .pf-3 .applyThumnailIMG {opacity: 0.7;} a.btnOpenDetail, a.btnListShare {color:#000;} a.btnOpenDetail:hover, a.btnListShare:hover {color:#666;} #applyList .portfolio-desc span.SchoolNm {overflow : hidden;white-space: normal;line-height: 1rem;height: 2rem; text-align: left;word-wrap: break-word;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;} #block-myform .MyBlock .SchoolNm {overflow : hidden;white-space: normal;line-height: 1rem;height: 2rem; text-align: left;word-wrap: break-word;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;} /* 응모안내 */ .tbl_type.type01 tbody td.td_line {border-right:1px solid #e4e4e4;} .tbl_type.type01 th {padding : 15px 11px; background: #efefef; font-size: 18px; font-weight: 700; } .tbl_type.type01 td {padding : 15px 11px; word-break: keep-all; font-size: 18px;} .tbl_type.type01 td.tnum {padding : 4px 30px 4px 10px; text-align:right;} .tbl_type.type01 td strong{display:block;} /* #section-guide .block-top-desc {font-size:18px; margin-top:30px; font-weight: 700;} #section-guide .block-top-desc span {display:inline-block; font-weight: 400; margin-left : 20px;} #section-guide .block-middel-desc {font-size:16px; padding:30px; background-color:#f1f1f1; color:#444;font-weight: 300; line-height:30px;} #section-guide .block-middel-desc span {display:inline-block; width:160px; color:#222; font-weight:500;} #section-guide .btnDown2 {position: absolute !important; right:10px !important; top:0px !important;} */ #section-guide .info1{margin-bottom:44px;font-size:24px;line-height:38px;color:#222222;text-align:center;} #section-guide .info2{margin-bottom:80px;} #section-guide .info2 li{display:flex;font-size:18px;line-height:34px;} #section-guide .info2 li strong{width:70px;} /* 응모작 - 상세 */ /* #modal_detail button.close */ #modal_detail .modal-lg {max-width:1000px;} #modal_detail .modal-body {padding:50px 70px;} #modal_detail .modal-body button.close{position: absolute; top:10px; right:10px; font-size:40px; color:#000;} #modal_detail .modal-body .header_block h1 {color:#000; margin-bottom:5px; font-size: 44px;} #modal_detail .modal-body .header_block h3 {color:#666; margin-bottom:50px;} #modal_detail .modal-body .block-sub-btn {position: absolute; right:70px; top:90px;} #modal_detail .modal-body .block-img {padding-bottom:30px;text-align: center;} #modal_detail .modal-body .block-img img{max-width:100%;} #modal_detail .modal-body .block-button {text-align:center;} #modal_detail .modal-body .txtSubject {font-size: 18px;margin-bottom: 80px;} #modal_detail .modal-body .txtSubject:after {content: '';display: block;margin-top: 10px; margin-bottom: 30px;width: 60px;border-bottom:4px solid #222;} #modal_detail .modal-body .block-sub-btn a {display: inline-block; width:34px; height:34px; background-color: #f4f0f1;border-radius: 100%; text-align: center;line-height: 34px; margin-left:20px;} #modal_detail .modal-body .block-sub-btn a i {font-size: 18px;margin-top: 8px;} #modal_detail .modal-body .block-sub-btn a:hover {background-color: #00be78;} #modal_detail .modal-body .block-sub-btn a:hover i{color: #fff;} #modal_detail .modal-body .block-sub-btn .RecommendCnt {font-size:16px; margin-left:5px; color:#666;} #modal_detail .modal-body .block-sub-btn a:active {background-color: #00be78;} #modal_detail .modal-body .block-sub-btn a:active i {color: #fff;} #modal_detail .modal-body .block-button a {min-width: 160px; font-size: 20px; margin-bottom:10px;} #modal_detail .modal-body .txtTeamNm {margin:40px 0;} #modal_detail .modal-body .txtTeamNm span.title {margin: 10px 0; display: block; font-weight:700;} #modal_detail .modal-body .txtTeamNm span {margin-right: 30px; display: inline-block; width: 300px;} #modal_detail .modal-body .txtTeamNm span:last-child {margin-right:0px;} #modal_detail .modal-body .block-comment {max-width: 640px; margin:40px auto;} #modal_detail .block-comment {margin:0; text-align:left;} #modal_detail .block-comment .detaile .txtTMemo {font-size:17px;} #modal_detail .block-comment .detaile .block-button {text-align:right} #modal_detail .block-comment .detaile .owl-carousel .owl-stage {padding:0;} #modal_detail .block-comment .detaile #formComment {position: relative; margin:30px 0; } #modal_detail .block-comment .detaile #formComment a {position: absolute; } #modal_detail .block-comment .detaile #formComment .btnCommentCancel {bottom:10px; right:70px;} #modal_detail .block-comment .detaile #formComment .btnCommentAdd {bottom:10px; right:20px;} #modal_detail .block-comment .detaile #formCommentRe {position: relative; margin-top:5px;} #modal_detail .block-comment .detaile #formCommentRe.Re {margin-left:30px;} #modal_detail .block-comment .detaile #formCommentRe a {position: absolute; font-size: 14px; font-weight: 400;} #modal_detail .block-comment .detaile #formCommentRe .btnCommentCancel {bottom:10px; right:70px;} #modal_detail .block-comment .detaile #formCommentRe .btnCommentUpdate {bottom:10px; right:20px;} #modal_detail .block-comment .block-comment-list .txtCount {background-color:#f4f4f4; padding:3px 10px; color:#000;} #modal_detail .block-comment .block-comment-list ul.comment-list {list-style: none;} #modal_detail .block-comment .block-comment-list ul.comment-list li {padding:20px 0; border-bottom: 1px solid #ccc;} #modal_detail .block-comment .block-comment-list ul.comment-list li:last-child {padding:20px 0;} #modal_detail .block-comment .block-comment-list ul.comment-list li.Re {padding-left:40px;background: url(/static/event/innovationEvent/images/06/icon_comment.png) no-repeat 1% 14%;} #modal_detail .block-comment .block-comment-list ul.comment-list li p {margin:0;} #modal_detail .block-comment .block-comment-list ul.comment-list li p.title {font-size:17px; color:#000;} #modal_detail .block-comment .block-comment-list ul.comment-list li p.memo {font-size : 15px; margin-top:5px; color: #666; word-break: break-all;} #modal_detail .block-comment .block-comment-list ul.comment-list li p.date {font-size : 13px; color:#aaa; margin-top:10px;} #modal_detail .block-comment .block-comment-list ul.comment-list li .btnDel, #modal_detail .block-comment .block-comment-list ul.comment-list li .btnChange, #modal_detail .block-comment .block-comment-list ul.comment-list li .btnReAdd {border : solid 1px #ccc; border-radius: 0px; font-size:14px; padding:3px 8px; font-weight:400; color:#666; margin-left:5px;} #modal_detail .block-comment .block-comment-list ul.comment-list li .btnDel {background-color:#fff4e1;} #modal_detail .block-comment .block-comment-list ul.comment-list li .btnChange, #modal_detail .block-comment .block-comment-list ul.comment-list li .btnReAdd {background-color:#f2f2f4;} #modal_detail .block-comment .block-comment-list ul.comment-list li .btnDel:hover, #modal_detail .block-comment .block-comment-list ul.comment-list li .btnChange:hover, #modal_detail .block-comment .block-comment-list ul.comment-list li .btnReAdd:hover {background-color:#fff;} a.btnCommentCancel, a.btnCommentAdd, a.btnCommentUpdate {color:#000;} #Memo{height: 120px; padding:20px 20px 40px 20px;line-height: 22px;} #Memo_nl{height: 120px; padding:20px;line-height: 22px;} #Memo2 {margin-top:10px;} .txtmapping{ word-wrap: break-word;margin-left: 13px;} #modal_detail .modal-footer {padding: 1rem;} .page-link{background: none;border: none} .page-item.disabled .page-link{background: none;} .pagination li.page-item.disabled a {color: #bbb;} /* 응모안내 - 저장 폼 */ .btn-group-toggle .btn-outline-dark {border-radius: 0; min-width:100px;} form .form-title {margin-top:20px;} form .form-title h4 {display: inline-block;} form .form-title .step {float:right; font-size:1rem; font-weight:300;} form .form-title .step strong {color:#00be78} form .form-title .step i {margin-left:10px; margin-right:10px;} form textarea#ApplyTeachers{height: 125px;} form textarea#Teams {margin-top:10px; height:75px;} form .block-footter-btn {text-align:center; margin-top:20px;} form .checkbox_radio {font-weight:300; color:#444;} form .checkbox_title {font-weight:700; color:#222; display: inline-block;} form .checkbox_title.w50 {width:50px;} form a.btnCheckbox {background-color:#fff; border : 1px solid #888; min-width:80px; color:#555;} form a.btnCheckbox.active {background-color:#888; border : 1px solid #888; color:#fff;} form a.btnCheckbox:hover {background-color:#666; border : 1px solid #666; color:#fff;} form .block-radio-checkbox label {font-weight:400; color:#555; margin-right: 15px;} form .block-radio-checkbox label:last-child {margin-right: 0px;} form label.error {display: block;} form p.txt {color:#555;} .block_btn_file {display: inline-block; margin-left: 20px;} .block_btn_file a {padding: 0px 10px;height: 30px;line-height: 29px;} form .teamMember input.ApplyTeacher {width:140px; display: inline-block;} form .teamMember input.TeacherSchool {width:260px; display: inline-block; margin-left:15px;} form .teamMember #ApplyTeacher2-error {width:140px; display: inline-block;} form .teamMember #TeacherSchool2-error {width:260px; display: inline-block; margin-left:15px;} .p-ml30 {margin-left:30px;} .txt-list li {position:relative;padding-left:10px;} .txt-list li:before {content:'';position:absolute;left:0;top:8px;display:inline-block;width:3px;height:3px;background:#333;border-radius:50%;} .content-wrap h2{margin:82px 0 13px;font-weight:700;font-size:24px;font-family:'Freesentation';color:#333333;} .apply_10th{display:flex;margin-top:80px;} .apply_10th .btn{height:64px;margin:0;color:#207ED6;border-color:#207ED6;} .apply_10th > .btn{display:flex;align-items:center;justify-content:center;font-size:20px;} .apply_10th .btn:hover{border-color:#207ED6;background-color:#207ED6;} a.btn.btnfill{border-color:#207ED6;background-color:#207ED6;} a.btn.btnfill:hover{color:#207ED6;border-color:#207ED6;} a.btn i{vertical-align:middle;margin-left:5px;} .apply_10th .block-btn .btn{padding:10px 0 12px;font-size:16px;line-height:20px;} .apply_10th .block-btn .btn em{font-size:14px;} .list_schedule{display:flex;padding:38px 0;background-color:#efefef;} .list_schedule ul{display:flex;flex-direction:column;width:50%;padding-left:30px;} .list_schedule li{display:flex;font-size:16px;line-height:32px;} .list_schedule li strong{flex:none;width:172px;} .list_comment{margin-top:10px;} .list_comment li{display:flex;} .list_comment li:before{display:block;content:'※';margin-right:5px;font-size:14px;line-height:20px;color:#666666;} .list_hyphen+strong{margin-top:15px;} .list_hyphen li{display:flex;} .list_hyphen li:before{display:block;content:'-';margin-right:3px;} /* 약관 모달 */ .block-agree-title {margin-top:10px; line-height:24px;} .block-agree {padding:10px; font-size:0.8rem; background-color:#efefef;color:#777; margin-bottom:10px;} /*이미지 썸네일*/ .block-image-add .thumb-list {overflow:hidden;margin:0px -15px 0 0;padding:0;} .block-image-add .thumb-list li {position:relative;float:left;width:calc(20% - 15px);margin:0;list-style:none;} .block-image-add .thumb-list li .thumb {position:relative;padding-top:75%;display:block; background: #000; opacity: 0.7; border: 1px solid #ddd;} .block-image-add .thumb-list li .thumb img {position:absolute;top:0;left:0;width:100%;height:100%;} .block-image-add .thumb-list li a {display:block;} .block-image-add .thumb-list li .add {position:relative;padding-top:75%;display:block;border:1px solid #ddd; background: url(/assets/microSite/award/images/icons/icon_plus.png) no-repeat 50% 50%; background-size:40px;} .thumb-list .thumb {background-size: cover !important;background-position: 50% 50% !important;} .thumb-list li.photo a.img {position:relative;padding-top:75%;display:block; border: 1px solid #ddd;background-size: cover;background-position: 50% 50%; } /* 명예의 전당 */ #section-before .block-before-tab .tab-nav {display:flex;max-width:1320px;margin-bottom:50px;} #section-before .block-before-tab .tab-block .tab{display:flex; justify-content: space-between;} #section-before .block-before-tab .tab-block .tab .scroll_wrap {flex:1; margin-left:40px;} #section-before .block-before-tab .tab-block .pic_winner {} #section-before .block-before-tab .tab-block .pic_winner img{width:100%;} #section-before ul.tab-nav:not(.tab-nav-lg) li:first-child {margin-left: 0;} #section-before .tab-nav.tab-lg li {width:127px;white-space:nowrap;} #section-before .tab-content .tbl_type {margin-top:40px;} #section-before .tbl_type th {padding : 15px 11px;} #section-before .tbl_type td {padding : 15px 9px;font-size: 16px; word-break: keep-all;} #section-before .tbl_type tr td:last-child{padding:15px 14px;} #section-before a.btn.btnfill {display:flex;align-items:center;justify-content:center;width:46px;height:38px;margin:0 auto;padding:0;font-size:0;line-height:0;letter-spacing:0; transition:all 0.2s;} #section-before a.btn.btnfill i {margin-left:0;transition:all 0.2s;} #section-before a.btn.btnfill:hover i { display:inline-block; width:16px; height:16px; background: url('/assets/microSite/award/images/12th/icon-download-primary-187c70e6465d779fdde60a422a571f49.svg') no-repeat; background-size: contain; vertical-align: top; } /* 학교검색 모달 */ #modal_search_school .result_area { padding:20px 15px; width: 100%;} #modal_search_school .result_area h2 {font-size:17px;} #modal_search_school .result_area .result_box {background-color: #f4f4f4;font-size: 13px;} #modal_search_school .result_area dl dd { font-size:13px; max-height:300px; overflow-y:auto; } #modal_search_school .result_box ul { display: table;width: 100%;list-style: none;} #modal_search_school .result_box ul > li { display:table-cell;} #modal_search_school .result_box ul > li:nth-of-type(1) { width:60%; vertical-align:middle;} #modal_search_school .result_box ul > li:nth-of-type(2) { width:15%; vertical-align:middle;} #modal_search_school .result_box ul > li:nth-of-type(3) { width:25%; vertical-align:middle;} #modal_search_school .result_box dt ul {margin-bottom: 0px; height:50px;} #modal_search_school .result_box dd ul > li:nth-of-type(1) {text-align:left;line-height:20px;padding: 5px 10px;} #modal_search_school .result_box dd ul {background-color:#fff; min-height:50px;margin-bottom: 1px;} #modal_search_school .result_box dd.none {background-color:#fff; height:100px; line-height:100px; margin-bottom: 1px;} #modal_search_school .line {margin:20px 0;} /*모달상세*/ #modal_detail {overflow-y:auto;} /*응모폼 모달*/ #modal_apply_form {overflow-y:auto;} #modal_apply_form .btnTeamYNBlock{margin-bottom: 10px;} #modal_apply_form #fileUploader1,#fileUploader2{display: none;} .page-link{background: none;border: none} .page-item.disabled .page-link{background: none;} /* 모달 */ div.modal .modal-content {border-radius: 0;} .modal-title {font-weight:300;line-height: 24px;font-size:20px; } .modal-footer {padding: 0.3rem;} .modal-sm .modal-header {padding:10px 15px;} .modal-sm .modal-header h3{font-size:17px;} .modal-sm .modal-body {min-height:90px;} .modal-sm .modal-footer {padding:5px 15px;} .jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue {background-color: #444;font-weight:400;} .jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {margin-right: 0px; margin-left: 0;} .pagination .page-item.disabled .page-link.no {display:none;} /* 팝업 */ #pop_main_20210208 {position: absolute; top:200px; margin: 0 auto; left: 0; right: 0; max-width:700px; z-index: 99999; background-color: #fff; padding: 30px; border: 10px solid #eee;} #pop_main_20210208 .btn_close {position: absolute; top:45px; right:45px;} #pop_main_20210208 .btn_area {text-align: center;} #pop_main_20210208 .block-pop-content h2 {font-family: 'GamtanRoad Tantan';margin-bottom:20px; line-height:36px;} #pop_main_20210208 .block-pop-content p {margin-bottom:15px;} #pop_main_20210208 .btn_today {padding-top: 20px; display: block;} #pop_main_20210208 span.point {color : #00be78;} .popup.popup-12th {} .popup.popup-12th .header {height:60px; padding:0 0 0 20px; text-align:left; display:flex; justify-content: space-between; align-items: center; border-bottom:1px solid #207ED6;} .popup.popup-12th .header .header-title {font-size:18px; line-height:28px; font-weight:700; color:#000;} .popup.popup-12th .header .icon-button {width:56px; height:56px; position:static; background-color:transparent;} .popup.popup-12th .dim {width: 100%; height: 100dvh; margin:0 !important; position: fixed; left: 0; top: 0; background-color: rgba(0, 0, 0, .7); z-index:1000;} .popup-alert .dimd {width: 100%; height: 100%; margin:0 !important; position: fixed; left: 0; top: 0; background-color: rgba(0, 0, 0, .7); z-index:1002;} .popup.popup-12th .body {max-height:calc(100vh - 250px); padding:25px 30px;} .popup.popup-12th .body .form-group {margin-bottom: 0;} .popup.popup-12th .body .form-group .form-group-item {display:flex;} .popup.popup-12th .body .form-group .form-group-item + .form-group-item {margin-top:20px;} .popup.popup-12th .body .form-group .popup-body-title {min-width:110px; padding-right:8px; display:flex; position:relative; font-weight: 700;margin-top:8px;} .popup.popup-12th .body .form-group .popup-body-title.has-margin {margin-top:8px;} .popup.popup-12th .body .form-group .popup-body-title i {width:4px; height:4px; margin-left:6px; margin-top:4px; display:block; border-radius:50%; background-color:#DD5C5C;} .popup.popup-12th .body .form-group .popup-body-title span {position: absolute; top:20px; left: 0; font-size:14px; font-weight: normal;} .popup.popup-12th .body .form-group .popup-body-desc {display:flex; flex-wrap:wrap; flex:1;} .popup.popup-12th .body .form-group .popup-body-desc.is-flex {flex-wrap:nowrap; gap:8px; align-items:center;} .popup.popup-12th .body .form-group .popup-body-desc.radio-gap {gap:10px 30px;} .popup.popup-12th .body .form-group .popup-body-desc .input-sub-text {font-size:12px; color:#333; flex-shrink: 0;} .popup.popup-12th .body .form-group .popup-body-desc .form-list {width:100%;} .popup.popup-12th .body .form-group .popup-body-desc .form-list + .form-list {margin-top:8px;} .popup.popup-12th .body .form-group .popup-body-desc .select {margin-bottom:8px;} .popup.popup-12th .popup-container .footer {justify-content: center;padding: 20px 30px;} .popup.popup-12th .popup-container .footer .button, #alert-positive .popup-container .footer .button, #alert-negative .popup-container .footer .button {width:100px; height:36px; min-height:36px; flex:none; line-height:36px; font-size:14px; font-weight:500; color:#fff; border-radius:0; border:0;} .popup.popup-12th .popup-container .footer .button.type-primary, #alert-positive .popup-container .footer .button.type-primary, #alert-negative .popup-container .footer .button.type-primary {background-color:#207ED6 !important;} .popup.popup-12th .popup-container .footer .button.type-dark, #alert-positive .popup-container .footer .button.type-dark, #alert-negative .popup-container .footer .button.type-dark {background-color:#999999 !important;} .popup.popup-12th .popup-container .footer .button.size-xl {width:140px; height:60px; line-height:60px; font-size:18px;} span.select2-container {display: none;} .popup.popup-12th .popup-container { width: 660px; } .popup.popup-12th .popup-container .body { overflow-y: auto; } .form-radio-item {} .form-radio-item input[type="radio"], .form-radio-item input[type="checkbox"] {opacity:0; display:none;} .form-radio-item input[type="radio"] + label, .form-radio-item input[type="checkbox"] + label {padding-left:23px; position:relative; font-size:14px; color:#000; font-weight:400; letter-spacing: 0;} .form-radio-item input[type="radio"] + label:before, .form-radio-item input[type="radio"] + label:after {content:''; width:16px; height:16px; display:block; position:absolute; top:50%; transform:translateY(-50%); border-radius:50%;} .form-radio-item input[type="radio"] + label:before {left:0; border:1px solid #CCCCCC; background-color:#fff;} .form-radio-item input[type="checkbox"] + label:before {content:''; width:16px; height:16px; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); background-image:url(/assets/microSite/award/images/12th/inp-uncheck-05ca47526a2dbea8da71e811539b2924.svg); background-position:0 0; background-repeat:no-repeat;} .form-radio-item input[type="radio"]:checked + label {color:#207ED6;} .form-radio-item input[type="radio"]:checked + label:before {border-color:#207ED6;} .form-radio-item input[type="radio"]:checked + label:after {content:''; width:8px; height:8px; left:4px; top:50%; background-color:#207ED6;} .form-radio-item input[type="checkbox"]:checked + label:before {background-image:url(/assets/microSite/award/images/12th/inp-check-7a7be6ec7c3e0ad1a7a75c9bb249acec.svg)} .form-radio-box {display:flex; width: 100%;} .form-radio-box span {text-align: center; margin-left: -1px; flex: 1 1 100%;} .form-radio-box span:first-child {margin-left: 0;} .form-radio-box input[type="radio"] {opacity:0; display:none;} .form-radio-box input[type="radio"] + label {width: 100%; height: 36px; line-height: 34px; position:relative; font-size:14px; color:#000; font-weight:400; border: 1px solid #ddd; letter-spacing: 0;} .form-radio-box input[type="radio"]:checked + label {background-color:#207ED6; border:1px solid #207ED6; color: #fff; font-weight: 700; } .form-radio-box input[type="radio"]:checked + label:before {content:''; display: inline-block; width:18px; height:18px; margin-right: 4px; background-image:url(/assets/microSite/award/images/12th/radio-check-6406a334accffa038b49994bfed04fd7.svg); background-position: center center; background-repeat:no-repeat; background-size: 18px auto; vertical-align: sub;} .form-radio-box input[type="radio"]:disabled + label {color: #999; background-color: #f5f5f5;} .input-style-01 {width:100%; height:36px; padding:0 8px; line-height:36px; color:#000; font-size:13px; border:1px solid #CCCCCC;} .input-style-01::placeholder {color:#999;} .input-style-01:read-only {cursor:default !important;} .form-upload {display:flex; gap:10px; position:relative; flex:1;} .form-upload .form-upload-inner {flex:1; position:relative;} .form-upload .form-upload-inner input[type="text"]:read-only {background-color:unset;} .form-upload.active .form-upload-inner input[type="text"]:read-only {padding-right:36px;} .form-upload .form-upload-inner input[type="file"] {display:none;} .form-upload .btn-file-upload {min-width:80px; height:36px; display:inline-flex; align-items:center; justify-content: center; border:1px solid #207ED6; font-size:14px; font-weight:500; color:#207ED6;} .form-upload .form-upload-inner .btn-delete {width:36px; height:36px; display:none; align-items:center; justify-content: center; background-color:transparent; position:absolute; right:0; top:50%; transform:translateY(-50%)} .form-upload.active .form-upload-inner .btn-delete {display:flex;} .form-upload .form-upload-inner .btn-delete img {vertical-align:top;} .form-text-01 {margin-top:8px; font-size:12px; line-height:18px; color:#207ED6; } .form-text-list-01 {margin-top:8px;} .form-text-list-01 li {padding-left:15px; position:relative; font-size:12px; color:#333; line-height:18px; word-break: keep-all;} .form-text-list-01 li:before {content:'※'; position:absolute; left:0; top:0;} .etc-file-upload {width:100%;} .etc-upload-img {width:120px; height:120px; position:relative; display:block; border:1px solid #CCCCCC; background-image:url(/assets/microSite/award/images/12th/icon-upload-plus-af4d8c6b2edb115f62327e6c443e495b.svg); background-position:center center; background-repeat:no-repeat;} .etc-upload-img img {width: 100%; height: 100%; position: absolute; left: 50%; transform: translateX(-50%); object-fit: contain;} .etc-upload-img.no-image {background-image:url(/assets/microSite/award/images/12th/icon-no-image-file-013c2acea9bcd913f68ebc19a3ee8fc6.svg)} .etc-upload-img.no-image img {display:none;} .etc-upload-img + .form-upload {margin-top:8px;} .popup-info-box {padding:8px 22px 12px; background-color:#F6F6F6; border:1px solid #ccc;} .popup-info-box ul {} .popup-info-box ul li {padding-left:8px; position:relative; line-height:18px; font-size:12px;} .popup-info-box ul li:before {content:''; width:3px; height:3px; display:block; position:absolute; left:0; top:8px; background-color:#333; border-radius:50%;} .popup-info-box + .form-radio-item {margin-top:8px;} .popup-body-desc .member-form-group {width:100%;display:flex; flex-wrap:wrap; gap:8px;} .popup-body-desc .member-form-group .input-form-item {width: calc(100% / 4 - 6px); display:flex; align-items:center;} .popup-body-desc .member-form-group .input-form-item label {min-width:50px; font-size:14px; font-weight:400; color:#000; text-align: left;} .popup-body-desc .member-form-group .input-form-item input[type="text"] {flex:1;} .popup-body-desc .member-form-group .member-num {background: #fff; border: 1px solid #207ED6; color: #207ED6; width: 20px; height: 20px; line-height: 16px; border-radius: 10px; text-align: center; box-sizing: border-box; font-size: 11px; } .popup-body-desc .member-form-group .member-num + .input-form-item, .popup-body-desc .member-form-group .member-num + .input-form-item + .input-form-item {width: calc(100% / 2 - 14px);} .popup-body-desc .member-form-group .member-num + .input-form-item label, .popup-body-desc .member-form-group .member-num + .input-form-item + .input-form-item label {padding-left: 8px;} .popup-body-desc .member-form-group ul {width:100%;} .popup-body-desc .member-form-group ul li {display:flex; flex-wrap:wrap; gap:8px; align-items: baseline;} .popup-body-desc .member-form-group ul li + li {margin-top:8px;} .popup-confirm-txt {text-align:center; font-size:16px; line-height: 28px; font-weight:700; color:#000;} .popup-confirm-txt img { display: block; margin: 10px auto 20px; } .btn-my-edit {display: inline-block; height: 18px; line-height: 16px; margin-top: -3px; margin-left: 5px; font-size: 10px; background: #fff; border: 1px solid #207ED6; color: #207ED6; border-radius: 4px; padding: 0px 5px; vertical-align: middle;} .btn-my-edit:hover {background: #207ED6; color: #fff; } .tbl_type_vertical { border-top:1px solid #555; border-bottom: 1px solid #555;} .tbl_type_vertical table { width: 100%;} .tbl_type_vertical th { background-color: #f8f8f8; text-align: center; padding: 12px 20px; border-bottom: 1px solid #ddd;} .tbl_type_vertical td { padding: 12px 20px; border-bottom: 1px solid #ddd; font-size: 14px; line-height: 24px; } .tbl_type_vertical tr:last-child th, .tbl_type_vertical tr:last-child td { border-bottom: 0;} /*********************************************** 로딩 공통 ************************************************/ .lds-facebook {position:fixed;left: 50%; transform:translateX(-50%);top: 50%;width: 80px;height: 60px; z-index: 99999; display:none;} .lds-facebook div {display: inline-block; position: absolute; left: 8px; width: 16px; background: #ff8601; animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;} .lds-facebook div:nth-child(1) {left: 8px; animation-delay: -0.24s;} .lds-facebook div:nth-child(2) {left: 32px; animation-delay: -0.12s;} .lds-facebook div:nth-child(3) {left: 56px; animation-delay: 0;} .lds-facebook span {width: 130px; display: block; padding-top: 70px;} .search-wrap * {margin:0;padding:0;box-sizing:border-box;letter-spacing:-1px;} .search-header {padding:10px 0 45px;text-align:center;} .search-header input {width:126px;height:50px;padding-left:8px;border:1px solid #555;background:#fff;font-size:15px;color:#666;} .search-header select {width:126px;height:50px;padding-left:4px;border:1px solid #555;background:#fff;font-size:15px;color:#666;} .search-header .input-group {position:relative;display:inline-block; width: 300px;} .search-header .input-group input {width:300px;padding-right:40px;} .search-header .input-group .btn-search, .search-header .input-group .btn-search-login {position:absolute;right:1px;top:5px;display:block;width:40px;height:40px;text-indent:-9999px;overflow:hidden;background:url('/static/img/search/ico_search1.png') no-repeat 50% 50%;} .search-header .tip-txt {margin-top:12px;font-size:14px;color:#666;} #section-announcement .tbl_type.large tbody tr td {padding-top:30px; padding-bottom:30px;font-size: 16px;} #section-announcement .tbl_type tbody tr td.title {background-color:#efefef;} #section-announcement .tbl_type tbody tr td span.active {color:#00be78;} .pc {display: initial;} .mobile {display: none;} .tbl_type .brline {border-right:1px solid #e4e4e4 !important;} #header.transparent-header.full-header #header-wrap .container {max-width:1320px;padding:15px 0 0;transition:all 0.5s;} #header.transparent-header.full-header #header-wrap.not-dark .container {padding:0;} /* #header.sticky-header #header-wrap, #header.full-header.border-full-header.sticky-header #header-wrap {border-bottom:1px solid #6aa2f8 !important;} #header.sticky-header #header-wrap {background-color:#6aa2f8;} */ #primary-menu ul li a, #primary-menu ul li button {font-size:20px; color:#000; letter-spacing:1px; font-family: 'Freesentation', sans-serif; font-weight:400;} #primary-menu ul li a {color:#000;} #primary-menu ul li.current a {color:#000;} #primary-menu ul li a:hover, #primary-menu ul li button:hover {color:#000;} .clearfix.admin #primary-menu ul li a:hover {color:#207ED6;} .not-dark #primary-menu ul li a:hover {color:#207ED6;} .not-dark #primary-menu ul li.current a{color:#207ED6;} .not-dark #primary-menu ul li a, .not-dark #primary-menu ul li button {color:#000;} .slider-element{height:980px;} .infographic-img-area img {width:100%;} /* FAQ */ .qna-area ul { display: flex; flex-direction: column; gap: 20px; flex-wrap: wrap; } .qna-area ul li { display: flex; position: relative; padding: 15px 15px 0; flex-direction: column; justify-content: center; align-items: flex-start; align-self: stretch; border-radius: 20px; background: #F8F8F8;} .qna-area ul li .qna-q { display: flex; width: 100%; align-items: center; gap: 15px; justify-content:flex-start; padding-right: 35px; cursor: pointer;} .qna-area ul li .qna-q span {width: 44px; min-width: 44px; height: 34px; border-radius: 10px; background: #207ED6; color: #FFF; text-align: center; font-family: "GamtanRoad Gamtan"; font-size: 18px; font-style: normal; line-height: 34px; } .qna-area ul li .qna-q p { font-size: 20px; line-height: 24px; color: #333333; font-weight: 700; } .qna-area ul li .qna-a {display: flex;width: 100%;margin-top:15px;align-items: flex-start;gap: 15px;justify-content: center;max-height: 1000px;padding: 0 0 15px;transition: max-height 0.3s cubic-bezier(0.65, 0.05, 0.36, 1), padding 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);} .qna-area ul li .qna-a.d-none {display: flex !important;max-height: 0;overflow: hidden;padding:0;} .qna-area ul li .qna-a span { width: 44px; height: 34px; border-radius: 10px; background: #B8E5FF; color: #fff; text-align: center; font-family: "GamtanRoad Gamtan"; font-size: 18px; font-style: normal; line-height: 34px; flex-shrink: 0;} .qna-area ul li .qna-a div { display: flex; flex-grow: 1; padding: 20px;align-items: flex-start;gap: 10px;border-radius: 10px; background: #FFF; font-size: 18px; line-height: 28px; color: #333333; font-weight: 400; box-sizing: border-box;} .qna-area ul li .icon-qna-toggle { position: absolute; top: 25px; right: 25px; width: 14px; height: 14px; background: url(/assets/microSite/award/images/12th/icon-plus-1d0626f59b153a94f55cba1cf802fa18.svg) no-repeat center center; background-size: 14px auto; } .qna-area ul li .icon-qna-toggle.minus { position: absolute; top: 25px; right: 25px; width: 14px; height: 14px; background: url(/assets/microSite/award/images/12th/icon-minus-45711c3c8b30a8610d9e0d8a9a54af54.svg) no-repeat center center; background-size: 14px auto; } @keyframes customAnimate1 { from { opacity: 0; transform: translate3d(200px, -200px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes customAnimate2 { from { opacity: 0; transform: translate3d(-200px, 200px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .customAnimate1 { animation-name: customAnimate1; } .customAnimate2 { animation-name: customAnimate2; } .ft-top {height: 50px;background: #531eaa} .ft-top * {box-sizing:border-box;font-family:'Freesentation';} .ft-top .inner {width:1200px;height:100%;max-width:1400px;margin:0 auto;position:relative;z-index:1;} .ft-utill {display: inline-block;vertical-align: top;position: relative;top: 50%;transform: translateY(-50%)} .ft-utill li {display: inline-block;margin-right: 8px;padding-right: 11px;position: relative} .ft-utill li:after {content: '';position: absolute;right: 0;top: 55%;transform: translateY(-50%);width: 2px;height: 80%;background: rgba(255,255,255,0.6)} .ft-utill li:last-of-type {margin: 0;padding: 0;border-right: none} .ft-utill li:last-of-type:after {display: none} .ft-utill a {font-size: 14px;color: #fff;font-weight: 300} .ft-utill a:hover {text-decoration: underline} .ft-sns {float: right;display: inline-block;vertical-align: top;position: relative;top: 50%;transform: translateY(-50%)} .ft-sns .box {display: inline-block} .ft-sns .box + .box {margin-left: 30px} .ft-sns .box span {font-size: 14px;color: #fff;font-weight: 300;vertical-align: middle;} .ft-sns .box a {margin-left: 4px;width: 30px;height: 30px;border: 2px solid #fff;overflow: hidden;text-indent: -9999px;vertical-align: middle;display:inline-block;} .ft-sns .ft-kakao {background: url(/static/img/footer/ft-kakao2.png) no-repeat center} .ft-sns .ft-youtube {background: url(/static/img/footer/ft-youtube.png) no-repeat center} .ft-sns .ft-facebook {background: url(/static/img/footer/ft-facebook.png) no-repeat left 50% bottom 0} .ft-sns .ft-story {background: url(/static/img/footer/ft-comma2.png) no-repeat center} .ft-bottom {background: #f7f8f8} .ft-bottom * {box-sizing:border-box;font-family:'Freesentation';} .ft-bottom .inner {width:1200px;max-width:1400px;margin:0 auto;position:relative;} .ft-bottom .inner {padding: 45px 0 65px} .ft-bottom .inner > * {float: left} .ft-bottom .inner:before {content: '';position: absolute;width: 0;height: 0;background: #fff;left: 30px;top: 0;border-top: 30px solid none;border-bottom: 30px solid #fff;border-right: 30px solid #f7f8f8;border-left: 30px solid #f7f8f8;transform: rotate(180deg)} .ft-bottom .inner:after {content: '';display: block;clear: both} .ft-logo {width: 140px} .ft-info {width: calc(100% - 440px);padding-left: 45px} .ft-info > * + * {margin-top: 5px} .ft-info li {display: inline-block;margin-right: 8px;padding-right: 12px;color: #777;font-weight: 300;font-size: 14px;position: relative} .ft-info li:after {content: '';position: absolute;right: 0;top: 50%;width: 2px;height: 70%;background: #a8a9a9;transform: translateY(-50%)} .ft-info li:last-of-type {margin-right: 0;padding-right: 0} .ft-info li:last-of-type:after {display: none} .ft-info li span {display: inline-block !important; margin-right: 5px;font-weight: 500} .ft-info p {font-weight: 300;color: #777;font-size: 14px} .ft-selBox {width: 300px;padding-left: 30px;position: relative} .ft-selBox > a {display: block;line-height: 40px;font-weight: 300;color: #999;padding: 0 40px 0 15px;border: 1px solid #cfcfcf;position: relative} .ft-selBox > a::after {content: '';position: absolute;right: 15px;top: 50%;width: 19px;height: 11px;margin-top: -5.5px;background: url(/static/img/footer/ico-arr-down.png) no-repeat center;transition: all 0.3s;transform: rotate(180deg)} #header.transparent-header.full-header #logo {display:none;} .winner_cont{text-align:center;} .winner_cont h3{margin:35px 0 10px;} .book-store { font-size: 16px; color: #000; line-height: 38px; width: 200px; height: 60px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 10px auto; padding: 20px; border: 1px solid #ddd; text-align: center; background-color: #ddd; box-sizing: border-box; display: flex; justify-content: center; align-items: center; text-decoration: underline-dotted; text-indent: -9999px; letter-spacing: -1px; overflow: hidden; white-space: nowrap; vertical-align: middle; flex-direction: column; font-family: 'Freesentation'; font-weight: 400; color: #f00; } @media all and (max-width:768px) { .winner_cont{text-align:left;} } @media (max-width: 1899px) { .img-group {zoom:0.9} .c1-01 {margin-top: 450px;} .slider-element {height: 900px;} } @media (max-width: 1799px) { .img-group {zoom:0.8} .c1-01 {margin-top: 360px;} .c1-01 h1 {font-size: 72px;} .c1-02 {font-size: 22px;} .slider-element {height: 800px;} } @media (max-width: 1699px) { .apply_10th .block-btn{gap:20px;width:100%;margin-bottom:20px;} .apply_10th .block-btn .btn{flex:1;margin-right:0;} .apply_10th > .btn{width:calc(50% - 10px);margin:0;} .list_schedule{flex-direction:column;} .list_schedule ul{width:100%;} } @media (max-width: 1499px) { .img-group {zoom:0.7} } @media (max-width: 1399px) { #section-guide .info1 br{display:none;} } @media (max-width: 1320px) { #slider.slider-element .container {padding:0 20px; max-width: 1280px;} #content .container-outer {padding:0 20px;} } @media all and (min-width: 1200px) { #section-before .block-before-tab .tab-nav li{flex:1;} #section-before .block-before-tab .tab-block .pic_winner{flex:none;width:400px;} .container{max-width:1170px;} .modal-lg, .modal-xl {max-width: 1050px;} .block-apply-tab .block-sort {position: absolute;right: 0; top: 8px;} .slider-element .container {max-width:1260px;padding:0;color:#222222;} } @media (max-width: 1199.98px){ .modal-lg, .modal-xl {max-width: 100%;} .banner_line span.last{position: relative;top:auto;right:auto;padding-top:5px;} .d-md-none {display:none;} .block-apply-tab ul.tab-nav {margin-bottom:20px;} .block-apply-tab .block-sort {margin-bottom:20px;} .portfolio-item {width: 33.33%;} .img-group {zoom:0.5} .img-group .top-banner-bg-small {margin-top: 100px;} #slider.slider-element .container {padding:0 20px;} .c1-01 {margin-top: 250px;} } @media all and (max-width: 1199px) { #section-before .block-before-tab .tab-nav{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;margin-bottom:8px;} #section-before .block-before-tab .tab-nav li{flex:none;} .comment_scroll{font-size:14px !important;color:#207ED6;line-height:20px;margin-top:5px;} #section-before .block-before-tab .tab-block .tab{flex-direction:column;} #section-before .block-before-tab .tab-block .pic_winner{margin:20px 0 40px;} #section-before .block-before-tab .tab-block .tab .scroll_wrap { margin-left: 0;} } @media all and (max-width:999px) { .top-text-area {padding:0 20px;} } @media (max-width: 991.98px) { #header.dark.transparent-header, #header.dark.semi-transparent { background-color: #fff; border-bottom: none; } #primary-menu ul > li > button {padding:14px 5px; color: #fff;} } @media (max-width: 991px) { #header.transparent-header.dark:not(.sticky-header) #header-wrap{background-color:#207ED6;} .ft-bottom .inner {width:auto;} .ft-logo {width: auto} .ft-logo img {width:120px;padding-left:20px;} .ft-info {width: calc(100% - 120px);padding-left:20px} .img-group .top-banner-bg-small {margin-top: -200px;} #header.transparent-header.full-header #logo {display:block;} #logo img {height:28px;} #primary-menu ul li a {color:#eee;} #primary-menu > ul > li.current a {color:#1ABC9C;} .portfolio-item {width: 50%;} .c1-01 {margin-top: 50px;} .c1-01 h1 {font-size: 60px;} .c1-02 {font-size: 20px; margin: 20px auto 0;} .c1-03 {width:160px; margin: 30px auto 0;} .c1-04 {top: -50px;} .c1-04 .tImg2 {display:none;} .c1-04 .tImg3 {display:none;} .c1-04 .tImg4 {display:none;} .top-text-area {padding:40px 20px;} #slider.top-bg {background-size: cover;} #slider.slider-element .container {padding:320px 20px 0;max-width: 900px; text-align: center;} /* .img-mobile {display:block;background:url('/assets/microSite/award/images/10th/img_mobile-95a08834448c399c5647054ba5d8230e.png') #d7e6fa no-repeat 50% 100%;background-size:auto 85%;} .img-mobile {display:block;} .img-mobile img{position:relative;object-fit:cover;width:auto;height:50%;} */ } @media (min-width: 768px) { .content-wrap{margin-bottom:100px;} .apply_10th{display:flex;flex-wrap:wrap;justify-content:space-between;} .apply_10th > .btn{width:192px;margin-left:20px;} .apply_10th .block-btn{display:flex;margin-right:auto;} .apply_10th .block-btn .btn{width:267px;margin-right:20px;} .comment_scroll{display:none;} } @media (max-width: 767.98px) { .tbl_write th {display:block;padding:8px 10px;font-weight:500;text-align:left;border-right:0;background:#f0f0f0;} .tbl_write td {display:block;padding:8px 0;} .onlyMobile {color: #00be78; display:block;} .btnPdfView {display:none !important;} .portfolio-item {width: 100%;} .heading-block {margin-bottom: 60px;} .heading-block h1 {font-size:40px; margin-bottom: 0px; line-height: 30px;} .content_space {height: 80px;} .p-ml30 {margin-left:0px;} .scroll_wrap .inner { width: 100%; margin-bottom:5px;} #pop_main_20210208 {position: absolute; width:100%; top:100px; z-index:99999; margin: 0 auto; padding: 10px;} #pop_main_20210208 h2 {margin-right: 40px;} #pop_main_20210208 .scroll_wrap .inner { width: 100%;} .c1-01 h1{font-size: 48px; line-height:36px;} .c1-02{font-size: 20px;margin-top:20px;line-height:28px;} .slider-element{height:auto;} #slider.slider-element .container {padding:0 20px; position:absolute;left:0;top:0;width:100%;height:auto;} #wrapper{background:none;} .img-mobile {display:block;position:initial;height:auto;margin-top:-30vw;padding-bottom:50px;} .img-mobile img{position:relative;width:100%;} } @media (max-width: 767px) { body #wrapper {background-size:25%;} #section-before .block-before-tab .tab-block .tab .scroll_wrap {margin-left:0;} #content .top-text-info-box ul {padding:20px;} #content .top-text-info-box ul li {display:block;} #content .top-text-info-box ul li + li {margin-top:8px;} #content .top-text-info-box ul li .text-info-desc, #content .top-text-info-box ul li .text-info-desc.is-more {margin-left:0;} #slider.slider-element .container {position:relative; padding-top:300px; padding-bottom: 50px;} .img-group {zoom:0.4; margin-top: 80px;} .img-mobile {display:none;} .btn-area {flex-wrap:wrap; gap:10px; padding: 0 20px; margin-top: 60px;} .btn-area .btn-common-download {min-width:100%;} .btn-area.type01 button {width: 100%;} .top-text-area .top-text-01 {font-size:16px;} .top-text-area .top-text-01 strong {font-size:16px;} .top-text-area .top-text-02 {font-size:24px;} .content-wrap{margin-bottom:80px;} .apply_10th, .apply_10th .block-btn{display:flex; flex-direction:column;} .apply_10th .block-btn{gap:10px;} .apply_10th > .btn{width:100%;} .apply_10th > .btn:last-child{margin-top:10px;} .apply_10th .block-btn .btn{flex:1;width:100%;} .list_schedule ul{gap:5px;} .list_schedule ul+ul{margin-top:5px;} .list_schedule li{flex-direction:column;line-height:24px;} .comment_scroll+.list_comment{margin-top:0;} #section-guide .info1{margin-bottom:48px;font-size:16px;line-height:24px;text-align:left;} #section-guide .info2 li{font-size:14px;line-height:24px;} .qna-area ul li .qna-q p, .qna-area ul li .qna-a div { font-size: 18px; line-height: 1.3 !important; } } @media (min-width: 768px) { .onlyMobile {display:none;} #modal_detail .modal-body {padding:20px 20px;} /* .min228 {min-width: 228px;} */ } @media all and (max-width:720px) { .popup .popup-container.size-lg, .popup .popup-container {width:calc(100% - 40px) !important;} .popup.popup-12th .popup-container .footer .button.size-xl {width:100px; min-height:36px; height:36px; flex:none; line-height:36px; font-size:14px;} .popup.popup-12th .body {padding: 15px 20px;} } @media all and (max-width:640px) { .ft-bottom .inner {padding:30px 0 40px} .ft-logo {display:none;} .ft-info {width: calc(100% - 0px);padding:0 20px;} .ft-info li {font-size:12px;line-height:1.3;} .ft-info p {font-size:12px;line-height:1.3;} .img-group {position:absolute; left:50%; display:block; transform:translateX(-50%); zoom:0.4;} .popup-body-desc .member-form-group ul li {justify-content:end;} .popup-body-desc .member-form-group .input-form-item {width: calc(50% - 4px);} .popup-body-desc .member-form-group .member-num + .input-form-item, .popup-body-desc .member-form-group .member-num + .input-form-item + .input-form-item {width:calc(100% - 24px);} .form-radio-box input[type="radio"]:checked + label { font-size: 14px; } .form-radio-box input[type="radio"]:checked + label:before { width: 14px; height: 14px; margin-right: 2px; margin-top: -2px; background-size: 14px auto; vertical-align: middle; } .form-radio-box {flex-wrap: wrap;} .form-radio-box span {width: calc(50% - 2px);flex: auto;} .form-radio-box span:nth-child(n + 3) { margin-top: -1px;} .form-radio-box span:nth-child(odd) {margin-left: 0;} } @media (min-width: 992px) and (max-width: 1199px) { .slider-element{margin-bottom:-15vw !important;} /* .img-group {transform:scale(.65) translateX(-70%);} */ } @media (min-width: 768px) and (max-width: 991px) { .slider-element{margin-bottom:-15vw !important;} /* .img-group {transform:scale(.65) translateX(-97.5%);} */ } @media (max-width: 575.98px) { .scroll_wrap .inner {width:700px;} #content p {line-height:1.6rem;} #content .top-text-area [class^="top-text-"] {line-height:inherit} .c1-01 h1{font-size: 44px;} .c1-02{font-size: 16px;margin-top:20px;} .c1-04 .tImg1 {margin-top:50px; bottom:-30px;} .heading-block h3 {font-size: 16px;} .heading-block {margin-bottom: 40px;} .content_space {height: 60px;} .block-myform {margin-bottom: 60px;} #section-guide .block-middel-desc {font-size: 15px; line-height:24px;} #section-guide .block-middel-desc span {display:block; margin-top:15px;} #section-guide .block-top-desc span {display: block; margin-top:5px; margin-left : 20px;} .block-apply-tab ul.tab-nav:not(.tab-nav-lg) li {width:50%;} .block-apply-tab ul.tab-nav:not(.tab-nav-lg) li a {padding: 0;min-width: initial;width:100%;line-height:20px;padding-top: 14px;} .block-apply-tab ul.tab-nav:not(.tab-nav-lg) li:last-child a {padding: 4px 10px;} #section-before .tab-nav.tab-lg li {width:20%;} #section-before .tab-nav.tab-lg li a {min-width: initial;width:100%;padding: 0;} form .block-radio-checkbox label {width: 44%;} form .teamMember input.ApplyTeacher {width:100%;} form .teamMember input.TeacherSchool {width:100%; display: inline-block; margin-left:0px; margin-top:5px;} form .teamMember #ApplyTeacher2-error {width:100%; display: inline-block;} form .teamMember #TeacherSchool2-error {width:100%; display: inline-block; margin-left:0px;} .block-myform .item .b_img {width: 100%;} .block-myform .item .b_detail {width: 100%; margin-top:15px;} #applyList .portfolio-item { padding: 0 0px 25px 0;} #modal_detail .modal-body {padding:5px 15px;} #modal_detail .modal-body .block-sub-btn {position: initial;margin: 20px 0;} #modal_detail .modal-body .block-sub-btn a {margin-left: 0px;} .modal-dialog {margin: 0rem;} #pop_main_20210208 {position: absolute; top:500px; right:5%;} .banner01 {height:120px;} .banner01::after {opacity: 0.7;background: url('/assets/microSite/award/images/banner01.jpg') no-repeat 80%;} #content .banner01 p {padding: 15px 20px; font-weight: 400; font-size: 15px; line-height:20px;} .banner01 p span {display: inline-block;} .banner01 .block-btn {padding-left: 0px; text-align: center;} .banner02 {height:190px;} .banner02::after {opacity: 0.5;} .banner02 p.title {font-size: 16px; line-height: 24px;} .banner02 p.title span {font-size: 16px;} .banner03 {height:150px;} .banner03::after {opacity: 0.5;} .banner03 p.title {font-size: 14px; line-height: 20px;} .banner03 p.title span {font-size: 14px;} #section-guide .block-top-desc {font-size: 15px;} #section-guide .block-top-desc span {color:#444; font-size:15px;} ul.tab-nav:not(.tab-nav-lg) li a {font-size: 14px;border-bottom: 1px solid #ddd;} #applyList .portfolio-item .Subject {font-size:16px; font-weight: 400;} .portfolio-desc h3 {font-size: 16px;} #applyList article .portfolio-desc {padding: 15px 10px;} .block-apply-tab-3 {border-left: 1px solid #ddd;} h3.tltie-sub2{text-align: left; font-weight: 400; font-size:15px;} h3.tltie-sub small {font-size:14px;} .ui-tabs-active .block-apply-tab-3 {border-left: 1px solid #ddd;} .ui-tabs-active .block-apply-tab-4 {border-right: 1px solid #ddd;} form a.btnCheckbox {margin-bottom:10px;} .portfolio-item {width: 100%;} #modal_detail .modal-body .header_block h1 {font-size: 28px;} #modal_detail .modal-body .header_block h3 {font-size: 16px;} #modal_detail .modal-body .txtSubject {font-size: 16px;margin-bottom: 40px;} #modal_detail .modal-body .block-button a {font-size: 16px;} .block-search { margin: 0 auto 30px auto;} .block-search input {padding: 10px 15px;font-size: 1rem;line-height: 1.2rem;} .block-search .btnSearch {position: absolute;right: 11px;top: 11px;} #pop_main_20210208 {position: absolute; width:100%; top:100px; z-index:99999; margin: 0 auto; padding: 10px;} #pop_main_20210208 h2 {margin-right: 40px;} #pop_main_20210208 .btn_close {position: absolute; top:20px; right:20px;} .pc {display: none;} .mobile {display: initial;} .search-header {padding:10px 0 20px;} .img-mobile {margin-top:-10vw;} } @media all and (max-width:520px) { .popup.popup-12th .body .form-group .form-group-item {display:block;} .popup.popup-12th .body .form-group .form-group-item + .form-group-item {margin-top:40px;} .popup.popup-12th .body .form-group .popup-body-desc {margin-top:8px;} .popup.popup-12th .body .form-group .popup-body-title span { top: initial; position: relative; margin-left: 8px; } .etc-file-upload { margin-top: 8px; } .popup.popup-12th .popup-container .footer { padding: 15px 20px; } } @media all and (max-width:500px) { .img-group {zoom:0.3; margin-top: 200px} .btn-area.type01 {padding:0 20px;} .btn-area .btn-common-arrow {flex:1; font-size:20px; min-width: 100%; font-size: 24px;} .btn-area .btn-common-arrow img {margin-left:8px; width:10px;} } @media (min-width:414px) and (max-width: 575.98px) { .img-mobile {margin-top:-18vw;} } @media (max-width:413px) { .img-mobile {margin-top:0;} } @media all and (max-width:410px) { .popup.popup-12th .body {padding:25px 20px;} } @media all and (max-width:400px) { .popup.popup-12th .body .form-group .popup-body-desc.is-flex {flex-wrap:wrap;} } .popup .popup-container, .popup .iframe-container { position: fixed; place-items: center; }