/**
* OLYM Cascading Style Sheets
* File Name : contents.css
* Description : 컨텐츠 스타일시트
* Author : Web business Team / Choi Hyun Mi
* Email : desingtj@olym.co.kr
* Date : 2019.03.29
* Update : 2024.05.28
* Copyright(c) 2019 OLYM Communications. All Rights Reserved.
*/
.num { font-size: 0.8em; transform: translateY(-1px); display: inline-block;}

/* stle */
.stle { display: flex; align-items: center; justify-content: space-between;}
.stle .left { width: 100%; position: relative;}
.stle .left::after { content: ""; display: block; position: absolute;  right: 0; top: 50%; width: calc(100% - 300px); height: 2px; background-color: #000;}
.stle .right { flex-basis: 400px; padding-left: 30px; background-color: #fff;}
.stle .box_title { font-size:22px; color:#0020d0; font-weight: 500; line-height: 1.5em;}
.stle .box_title p {font-size:40px; font-weight: 700; color:#000;}
.stle .box_title span { font-size:24px; font-family: "Montserrat"; color:#a6a6a6; font-weight:600;}
/* .stle .box_title .desc1{color:#0020d0;} */
.btn_stle { border:2px solid #0020d0; width:100%; height:72px; display:flex; align-items: center; justify-content: center; gap: 20px; background:#fff; color:#0020d0; font-weight:700; font-size:24px;}
.btn_stle i { transition:all .3s ease;}
.btn_stle:hover i {transform: translate(7px, 0);}

/* 공모신청 제목 */
/* .stle.stle2 .btn_stle span { float:right; padding:0 25px 0 0;}
.stle.stle2 .btn_stle i { float:left; padding:0 0 0 30px;}
.stle.stle2 .btn_stle:hover i {transform: translate(-7px, 0);}
.stle.stle2 .box_title { text-align:right; padding:0 0 0 20px;} */

/* file */
.filebox .file_name {display:inline-block; height:56px; padding-left:10px; line-height:56px; border:1px solid #ccc; background:#fff; }
.filebox .btn_file {display:inline-block; background:#1b1b1b; width:180px; height:53px; padding-top:5px; text-align:center; font-weight:600; color:#fff; cursor:pointer;}
.filebox .btn_file .eng {  font-size:14px; font-weight:400; display:block; color:#fff; line-height:0.7em;}
.filebox input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
.filebox .size1 {width:1008px; }
.filebox .size2 {width:763px; }
.filebox{display: flex;}
.filebox .btn_file_s{display:inline-block; background: #ededed; width:180px; height:58px; text-align:center; cursor:pointer;}
.filebox .btn_file_s .txt{ font-weight:600; color: #1b1b1b; margin-top: 5px; display: inline-block;}
.filebox .btn_file_s .eng{font-size:14px; font-weight:400; display:block; color: #1b1b1b; line-height:0.7em;}

/* select */
.selectbox {  position: relative; box-sizing:border-box; border: 1px solid #ccc;  z-index: 1; display:inline-block; width:100%;}
.selectbox:before {  content: "";  position: absolute;  top: 50%;  right: 20px;  width: 19px;  height: 13px;  margin-top: -6px; background: url(/project/design/contents/bg_select.png) no-repeat center;}
.selectbox label {  position: absolute;  top: 1px;  left: 5px;  height: 56px;  line-height: 56px;  padding:0 20px; z-index: -1; color:#b1b1b1;}
.selectbox select {  width: 100%;  height: 56px;  line-height: 56px;  padding:0 20px;  border: 0;  opacity: 0;  filter:alpha(opacity=0); cursor:pointer;}
.selectbox.size1 {width:240px; }
.selectbox.size2 {width:160px; }
.selectbox.size3 {width:402px; }

/* input */
.inputbox { border:1px solid #ccc;  box-sizing:border-box; height:58px; padding-left:10px; line-height:56px; width:100%;}
.inputbox.size1 { width:703px; margin-left:12px;}
.inputbox.size2 { width:541px; margin-left:12px;}
.inputbox.size3 { width:100px; margin-left:12px;}
.inputbox.size4 { width:90%;}
.inputbox.size5 { width:200px;}
.inputbox.size6 { width:662px; margin-left:12px;}
.inputbox.size7 { width:160px;}
.inputbox.size8 { width:700px;}
.inputbox.size9 { width:643px; margin-left:12px;}

/* textarea */
.textareabox { border:1px solid #ccc; width:100%; box-sizing:border-box; height:200px; padding:20px;}

/* radio, checkbox */
.checks {position: relative; display:inline-block;}
.checks input[type="radio"] {  position: absolute;  width: 1px;  height: 1px;  padding: 0;  margin: -1px;  overflow: hidden;  clip:rect(0,0,0,0);  border: 0;}
.checks input[type="radio"] + label {  display: inline-block;  position: relative;  padding-left: 35px;  cursor: pointer; }
.checks input[type="radio"] + label:before {  content: '';  position: absolute;  left: 0;  top: 2px;  width: 24px;  height: 24px; text-align: center;  background: #f2f2f2;  border: 1px solid #cecece;  border-radius: 100%;}
.checks input[type="radio"] + label:after {  content: '';  position: absolute;  top: 9px;  left: 7px;  width: 12px;  height: 12px;  background: #bbb;  border-radius: 100%;  box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);}  /* 선택전 */
.checks input[type="radio"]:checked + label:after {  background: #0020d0;} /* 선택후 */

.box_check { position: absolute; right:20px; top:15px;} /* 오른쪽 정렬 */
.checks input[type="checkbox"] { position: absolute;  width: 1px;  height: 1px;  padding: 0;  margin: -1px;  overflow: hidden;  clip:rect(0,0,0,0);  border: 0}
.checks input[type="checkbox"] + label {  display: inline-block;  position: relative;  cursor: pointer; font-size:20px; color:#1b1b1b; font-weight:500;}
.checks input[type="checkbox"] + label:before { content: ' ';  display: inline-block;  width: 32px; height: 32px; line-height: 32px; margin: -4px 10px 0 0;  text-align: center;   vertical-align: middle;  background: #cfcfcf url(/project/design/contents/bg_check.png) no-repeat center;  color: #fff;} /* 선택전 */
.checks input[type="checkbox"]:checked + label:before { color: #fff;  background: #0020d0 url(/project/design/contents/bg_check.png) no-repeat center;}/* 선택후 */

/* 추가 삭제버튼 */
.btn_add_input { display:inline-block; width:120px; line-height:56px; border:1px solid #ccc; background:#ededed; text-align:center; color:#1b1b1b; font-weight:500; margin-left:-1px; vertical-align:middle;}
.btn_del_input { display:inline-block; width:120px; line-height:56px; border:1px solid #ccc; background:#ededed; text-align:center; color:#1b1b1b; font-weight:500; margin-left:-1px; vertical-align:middle;}

/* placeholder */
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */  color: #b1b1b1;  opacity: 1; /* Firefox */}
:-ms-input-placeholder { /* Internet Explorer 10-11 */  color: #b1b1b1;}
::-ms-input-placeholder { /* Microsoft Edge */  color: #b1b1b1;}

/* 하단 버튼 */
.btn_bottom_form { text-align:center; margin-top:70px;}
.btn_bottom_form .btn_black_line { border:2px solid #0020d0; width:400px; height:72px; display:inline-block; background:#fff; color:#0020d0; font-weight:700; font-size:24px; cursor:pointer;}
.btn_bottom_form a.btn_black_line {line-height:72px}
.btn_bottom_form .btn_black { border:2px solid #0020d0; width:400px; height:72px; display:inline-block; background:#0020d0; color:#fff; font-weight:700; font-size:24px; cursor:pointer;}

.btn_bottom_form .btn_black_line2 { border:2px solid #0020d0; width:400px; height:72px; display:inline-block; background:#fff; color:#0020d0; font-weight:700; font-size:20px; cursor:pointer;}
.btn_bottom_form a.btn_black_line2 {line-height:72px}
.btn_bottom_form .btn_black2 { border:2px solid #0020d0; width:400px; height:72px; display:inline-block; background:#0020d0; color:#fff; font-weight:700; font-size:20px; cursor:pointer;}

/* 신청완료 */
.box_app_ok { text-align:center; color:#1b1b1b;  }
.box_app_ok .p_desc1 { font-size:30px; font-weight:600; padding-top:20px;}
.box_app_ok .p_desc2 { font-size:22px; font-weight:500; padding-bottom:30px;}
.box_app_ok .box_in { background:#f1f1f1; padding:20px 130px; text-align:left; display:inline-block;}

/* 그외 */
.box_dsec1 { margin:25px 20px;}
.box_dsec2 { border:1px solid #ccc; padding:25px 30px;}
.line_black { background:#1b1b1b; width:124px; height:2px; display:inline-block; vertical-align:top; margin-top:13px;}
.p_txt_info { color:#b1b1b1; font-weight:400; padding:5px 0 0 10px;}
.polybox { border:1px solid #ccc; width:100%; box-sizing:border-box; height:150px; padding:30px; overflow-y:auto;}
.ul_birth > li { width:32%; float:left;}
.ul_birth > li:nth-child(2) { margin:0 2%;}
.ul_tel > li { width:32%; float:left;}
.ul_tel > li:nth-child(2) {  width:66%; margin:0 0 0 2%;}
.email_dot { float:right; line-height:58px;}
.btn_type1 {display:inline-block; background:#1b1b1b; width:180px; height:58px; line-height:58px;text-align:center; font-weight:600; color:#fff; vertical-align:middle;}
.btn_type2 {display:inline-block; background-color:#000; width:180px; border:2px solid #000;  height:58px; line-height:58px;text-align:center; font-weight:600; color:#fff; vertical-align:middle;}
.btn_type2:hover { border:2px solid #0020d0; background-color:#0020d0;}

.btn_type3 {display:inline-block; background-color:#fff; width:180px; border:2px solid #000; height:58px; line-height:58px;text-align:center; font-weight:600; color:#000; vertical-align:middle;}
.btn_type3:hover {  border:2px solid #0020d0; color:#0020d0;}
.btn_type3 i { display:inline-block; width:21px; height:21px; background:url("/project/design/template/bg_down_c1.png") no-repeat center top; vertical-align:middle; margin-left:10px;}
.btn_type3:hover i { background:url("/project/design/template/bg_down_c2.png") no-repeat center top;}

/* 심사시작하기, 심사매뉴얼 */
.btn_type4 {display:inline-block; background-color:#000; width:350px; border:2px solid #000;  height:58px; line-height:58px;text-align:center; font-weight:600; color:#fff; vertical-align:middle;}
.btn_type4:hover { border:2px solid #0020d0; background-color:#0020d0;}

.btn_type5 {display:inline-block; background-color:#fff; width:350px; border:2px solid #000; height:58px; line-height:58px;text-align:center; font-weight:600; color:#000; vertical-align:middle;}
.btn_type5:hover {  border:2px solid #0020d0; color:#0020d0;}
.btn_type5 i { display:inline-block; width:21px; height:21px; background:url("/project/design/template/bg_down_c1.png") no-repeat center top; vertical-align:middle; margin-left:10px; display: none;}
.btn_type5:hover i { background:url("/project/design/template/bg_down_c2.png") no-repeat center top;}

.eng { font-size:16px; color:#666; line-height:1.1em; font-weight:300; display:block; letter-spacing:0em;}
.eng2 {font-size:16px; line-height:1.1em; font-weight:300;  letter-spacing:0em;}

/* stle3 */
.stle3 { text-align:center; border-bottom:5px solid #303030; padding-bottom:50px; margin-bottom:50px;}
.stle3 h4 { font-size:40px; font-weight:800; color:#303030;}
.stle3 h4 span { color:#0020d0; font-size:25px;}
.stle3 p { font-size:24px; font-weight:600; color:#666; padding-top:10px;}

/* num_title */
.num_title { text-align:center; padding:10px; font-size:30px; font-weight:700; color:#fff; background:#000;}

/* 비밀번호 변경 */
#login_box { width:670px; margin:50px  auto 0 auto; position:relative; border-top:2px solid #000; border-bottom:2px solid #000; padding:40px 30px;}
#login_box dl { width:670px; }
#login_box dt { float:left; width:170px; height:60px; color:#000;line-height:50px; font-weight:500; font-size:18px;}
#login_box dd { float:left; width:500px; height:60px; line-height:50px;  font-weight:500; font-size:18px;}
#login_box dd input { border:1px solid #ddd; background:#fff; line-height:50px; height:50px; font-size:18px;  padding:0 10px;width:280px; }
#login_box dd span { font-weight:400; font-size:16px; margin-left:5px;}
#login_box .login {margin-top:20px;}
#login_box .login input[type="submit"] { border:none; background:#0020d0; color:#fff; width:100%; height:60px; font-size:22px; font-weight:600; cursor:pointer; vertical-align:top;}



/* step_box */
.step_box > ul { display: flex; justify-content: space-between; align-items: center; height: 150px; gap: 30px;}
.step_box > ul > li { width: 100%; display: flex; height: 100%; align-items: center; }
.step_box > ul > li::after { content: '\f061'; font-family: "FontAwesome"; color: #000;}
.step_box > ul > li:last-child:after {display: none;}
.step_box > ul > li > div { display: flex; flex-direction: column; justify-content: space-between; width: 100%; height: 100%; padding: 20px; border-top: 2px solid #000; border-bottom: 1px solid #000; box-sizing: border-box;}
.step_box > ul > li > div > p { font-weight: 600; color: #000; line-height: 1.2em;}
.step_box > ul > li > div > span { font-size: 15px; line-height: 1.2em;}

.step_box.eng_s > ul {gap: 10px;}
.step_box.eng_s > ul > li > div > p { font-size: 14px;}
.step_box.eng_s > ul > li > div > span { font-size: 13px;}


/* int_box */
.int_box { display: flex; gap: 50px; align-items: center; margin-bottom: 50px;}
.int_box .right_desc p {font-family: 'SunBatang-Medium'; color: #4b4a48; font-size: 28px; line-height: 1.4em; letter-spacing: -0.04em; margin-bottom: 20px; }
#mana_box2_2 { font-size: 15px;}
#mana_box2_2 p { font-size: 22px;}

/* 역대수상작 */
.winner_box_top { padding: 50px;}
.con29, .con31, .con34, .con35 { width: 100% !important;}
.con29 #snb, .con31 #snb, .con34 #snb, .con35 #snb { width: 1200px !important; margin: 0 auto;}
.con29 #contents, .con31 #contents, .con34 #contents, .con35 #contents { box-sizing: border-box; padding: 70px 100px;}