@charset "utf-8";
/* 공통 */
.subbox { margin-bottom: 90px; }
.subbox:last-child { margin-bottom: 0; }
.subtit { line-height: 1.4em; letter-spacing: -.03em; font-size: 34px; font-weight: 700; color: #2c2c2c; position: relative; padding-left: 29px; margin-bottom: 25px; }
.subtit::before { content: ""; position: absolute; left: 0; width: 4px; height: 32px; background: #ff5100; top: 8px;}
.subtit.bf { padding-left: 0; }
.subtit.bf::before { display: none; }
.subtit.tc { text-align: center; }
.subtxt { font-size: 20px; line-height: 1.6em; }
.subtxt.white { color: #fff; }
.subtxt.mg { margin-bottom: 30px; }
.subtxt span { color: #ff5100; }
.subtxt.tc { text-align: center; }
.sub-tbl-wrap { overflow: auto;}
.sub-tbl-wrap.mb { margin-bottom: 30px; }
.sub-tbl { width: 100%; border-collapse: collapse; border-top: 1px solid #454545; }
.sub-tbl tr { border-bottom: 1px solid #ddd;}
.sub-tbl tr th { border-right: 1px solid #ddd; background: #fafafa; padding: 20px 10px; color: #2c2c2c; font-size: 20px; font-weight: 600; letter-spacing: -.03em; line-height: 1.5em; }
.sub-tbl tr th:last-child { border-right: 0; }
.sub-tbl tr td { padding: 20px 10px; color: #454545; font-size: 20px; font-weight: 300; letter-spacing: -.03em; line-height: 1.5em; border-right: 1px solid #ddd; text-align: left; }
.sub-tbl tr td.pd { padding-left: 30px; }
.sub-tbl tr td:last-child { border-right: 0; }
.sub-tbl tr td.fw { background: #fafafa; text-align: center; color: #2c2c2c; font-weight: 600; }
.sub-tbl tr td.bg { background: #fafafa; }
.sub-tbl tr td.tc { text-align: center; }
.sub-tbl tr td.bd { border-right: 1px solid #ddd;}
.sub-tbl tr td strong { font-weight: 500; color: #2c2c2c; margin-bottom: 10px; display: block; }
.sub-tbl tr td strong.bd { margin-bottom: 0; text-decoration: underline; text-underline-position: under;}
.sub-tbl tr td p { position: relative; padding-left: 12px; line-height: 1.7em; }
.sub-tbl tr td p::before { content: ""; position: absolute; left: 0; width: 6px; height: 1px; background: #454545; top: 14px; }
.sub-tbl tr td p span { color: #ff5100; }
.sub-tbl tr td .txt span { position: relative; line-height: 1.7em; padding-left: 11px; display: block;}
.sub-tbl tr td .txt span::before { content: ""; position: absolute; left: 0; width: 4px; height: 4px; background: #454545; top: 14px; border-radius: 4px; }
.item-fx { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; font-size: 20px; font-weight: 500; color: #454545; }
.submit-btn { width: 168px; height: 60px; border-radius: 30px; background: #000; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 20px; font-weight: 500; gap: 25px; margin: 60px auto 0; border: none;}
.sub-tbl tr td .btn-wrap { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }
.sub-tbl tr td .btn-wrap a { font-size: 20px; font-weight: 500; color: #fff; width: 110px; height: 60px; border-radius: 30px; display: flex; align-items: center; justify-content: center;}
.sub-tbl tr td .btn-wrap a.update-btn { background: #081c5e; }
.sub-tbl tr td .btn-wrap a.print-btn { background: #2a54e2; }

/* 시상배경 */
.bg-wrap { text-align: center; color: #fff; padding: 150px 0; background: url(../images/sub/sub1-1-bg.jpg) center no-repeat; background-size: cover;}
.bg-wrap .line { width: 70px; height: 1px; margin: 100px auto; background: rgba(255,255,255,0.5);}
.bg-wrap h4 { color: #ff5100; opacity: 0.5; font-size: 16px; font-weight: 600; letter-spacing: 0.2em;}
.bg-wrap h2 { font-size: 40px; font-weight: 700; line-height: 1.2em; letter-spacing: -.03em; margin: 15px 0 30px; color: #ff5100; }

/* 엠블럼 소개 */
.eb-logo { height: 360px; display: flex; align-items: center; justify-content: center; padding: 20px 15px; border: 1px solid #ddd; text-align: center; }
.eb-logo.bg {background: #53585a; border: none; }
.eb-cc { display: flex; margin-top: 50px; align-items: flex-start;}
.eb-cc .tit { font-size: 30px; font-weight: 700; line-height: 1.2em; color: #242424; letter-spacing: -.03em; width: 20%; }
.eb-cc .txt { width: 80%; }
.eb-cc .txt .subtxt { position: relative; padding-left: 10px; line-height: 1.7em; }
.eb-cc .txt .subtxt::before { content: ""; position: absolute; left: 0; width: 4px; height: 4px; background: #454545; top: 15px; border-radius: 4px; }
.eb-cc .txt.fx { display: flex; gap: 100px;}
.eb-cc .txt.fx .group .title { font-size: 24px; font-weight: 600; line-height: 1.2em; color: #242424; letter-spacing: -.03em; margin-bottom: 20px; }
.eb-wrap { padding: 100px 0; border-bottom: 1px solid #ddd;}
.eb-wrap.pt {padding-top: 0; }
.eb-wrap.pb {padding-bottom: 0; }
.eb-wrap.bd { border: none; }
.eb-list1 { display: flex; border-top: 1px solid #ddd; margin-top: 20px; border-bottom: 1px solid #ddd; align-items: center;}
.eb-list1 li { width: calc(100%/3); padding: 50px 10px; text-align: center; }
.eb-clr { display: flex; gap: 30px; flex-wrap: wrap; }
.eb-clr div { width: calc(100%/2 - 15px); }
.eb-list2 { display: flex; gap: 32px; flex-wrap: wrap; }
.eb-list2 li { width: calc(100%/4 - 24px); text-align: center; }
.eb-list2 li .small { padding: 85px 0;}
.eb-list2 li .txt { text-align: left; margin-top: 15px; }
.eb-list3 { display: flex; gap: 30px; flex-wrap: wrap; }
.eb-list3 li { width: calc(100%/2 - 15px); text-align: center; border: 1px solid #ddd; display: flex; align-items: center; justify-content: center; height: 340px; }

/* 시상품 소개 */
.tb-fx { display: flex; align-items: center; margin-bottom: 100px; }
.tb-fx:last-child { margin-bottom: 0; }
.tb-fx .left { width: 55%; padding-right: 20px; }
.tb-fx .right { width: 45%; }
.tb-fx .right .thumb {position:relative; padding-bottom:66.6%; overflow:hidden; }
.tb-fx .right .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.tb-fx .right .thumb::after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; border: 1px solid #ddd;}
.tb-fx .right.price .thumb { padding-bottom: 100%; }

/* 심사위원 소개 */
.jd-wrap { position: relative; border-radius: 8px; overflow: hidden; margin-bottom: 50px; }
.jd-wrap:last-child { margin-bottom: 0; }
.jd-wrap .title { display: flex; align-items: center; padding: 13px 20px; background: #a57c42; color: #fff; }
.jd-wrap .title .num { width: 36px; height: 36px; border-radius: 36px; display: flex; align-items: center; justify-content: center; color: #a57c42; background: #fff; font-size: 18px; font-weight: 700; line-height: 1em; letter-spacing: -.03em; margin-right: 20px; }
.jd-wrap .title h3 { flex: 1 1 auto; min-width: 0; width: 1%; font-size: 24px; font-weight: 700; letter-spacing: -.03em; line-height: 1.2em; }
.jd-wrap .ctt { padding: 20px; background: #fafafa; border: 1px solid #ddd; border-top: none; border-radius: 0 0 8px 8px;}
.jd-wrap .ctt .fx { display: flex; gap: 20px; flex-wrap: wrap;}
.jd-wrap .ctt .fx .box { width: calc(100%/2 - 10px); background: #fff; padding: 20px; border-radius: 8px; border: 1px solid #ddd; }
.jd-wrap .ctt .fx .box:last-child { width: 100%;}
.jd-wrap .ctt .fx .box h4 { font-size: 20px; font-weight: 700; color: #a57c42; line-height: 1em; border-bottom: 1px solid #ddd; padding-bottom: 18px; margin-bottom: 15px; }
.jd-wrap .ctt .fx ul { display: flex; flex-wrap: wrap; }
.jd-wrap .ctt .fx ul li { width: calc(100%/2); display: flex; margin-bottom: 8px; }
.jd-wrap .ctt .fx ul.wt li { width: 100%; }
.jd-wrap .ctt .fx ul li:last-child { margin-bottom: 0; }
.jd-wrap .ctt .fx ul li .name { font-size: 20px; font-weight: 600; color: #242424; letter-spacing: -.03em; width: 72px; }
.jd-wrap .ctt .fx ul li .txt { flex: 1 1 auto; min-width: 0; width: 1%; font-size: 20px; font-weight: 300; letter-spacing: -.03em; }
.jd-wrap .ctt .fx .group { margin-bottom: 30px; }
.jd-wrap .ctt .fx .group:last-child { margin-bottom: 0; }
.jd-wrap .ctt .fx h5 { line-height: 1.2em; font-size: 20px; font-weight: 500; margin-bottom: 13px; letter-spacing: -.03em; color: #a57c42; }
.jd-wrap .ctt .group-fx { display: flex; gap: 10px; flex-wrap: wrap; }
.jd-wrap .ctt .group-fx>div { width: calc(100%/2 - 5px);}

/* 신청확인 */
.ap-chkbox { background: #fff; text-align: center; box-shadow: 0 0 16px rgba(0,0,0,0.15); padding: 40px 10px; }
.ap-chkbox .inner { max-width: 500px; margin: 0 auto; width: 100%; }
.ap-chkbox .chk-form { margin: 25px 0;}
.ap-chkbox .group { position: relative; height: 52px; overflow: hidden; border-radius: 26px; border: 1px solid #ddd; display: flex; align-items: flex-start; padding-left: 5px; align-items: center; margin-bottom: 10px; }
.ap-chkbox .group .input { height: 100%; flex: 1 1 auto; min-width: 0; width: 1%; border: none; padding-left: 15px; font-size: 18px; }
.ap-chkbox .group .input:focus { outline: none; }
.ap-chkbox .submit-btn { margin: 35px auto 0; }
.ap-result { margin-top: 100px;}
.ap-result.active { display: block; }
.ap-update-txt { margin-bottom: 90px; background: #fafafa; border: 1px solid #ddd; text-align: center; color: #ff5100; border-radius: 20px; padding: 24px 10px; line-height: 1.3em; font-size: 20px; font-weight: 500; letter-spacing: -.03em; }

/* 프린트출력 */
#print h2 { line-height: 1.4em; letter-spacing: -.03em; font-size: 34px; font-weight: 700; color: #2c2c2c; position: relative; margin: 50px 0; text-align: center;}
.btn-print { display: flex; align-items: center; justify-content: center; gap: 20px; width: 170px; height: 60px; color: #fff; line-height: 1em; border-radius: 30px; background: #2a54e2; font-size: 20px; font-weight: 400; letter-spacing: -.03em; margin: 60px auto 0;}

/* 역대수상작 */
.year-tab-wrap { padding-bottom: 75px; border-bottom: 1px solid #ddd; margin-bottom: 50px; }
.year-tab { display: flex; max-width: 800px; margin: auto; border: 1px solid #ddd;}
.year-tab.flex { display: flex; max-width: 100%;}
.year-tab li { flex: 1; text-align: center; }
.year-tab.flex li { border-right: 1px solid #ddd;}
.year-tab.flex li:last-child {border-right: none; }
.year-tab li a { display: flex; align-items: center; justify-content: center; height: 60px; font-size: 20px; font-weight: 300; color: #454545; letter-spacing: -.03em; line-height: 1.2em; }
.year-tab li.active a { background: #ff5100; color: #fff; font-weight: 700; }