@charset "UTF-8";
@import url("/webroot/roem/css/common.css");
@import url("contents.css");
/*-------------------------------------------------
title       : 서브 
Author      : 이지현
Create date : 2022-01-05
-------------------------------------------------*/
#main { position: relative; margin-left: 28rem; }

#contents { width: 100%; height: 100%; outline: 0; font-family: "Pretendard"; padding: 8rem 0 5.3rem; overflow-y: auto; }

.content_wrap { padding: 0 6rem; vertical-align: middle; }

#contents_title { font-size: 3.4rem; margin-bottom: 3.3rem; font-family: "Pretendard"; font-weight: 600; color: #111; }

.form_textbox { width: 100%; height: 4rem; max-height: 100%; padding: 0 1rem; border: 1px solid #ddd; text-align: left; vertical-align: top; -webkit-transition: all 0.2s; transition: all 0.2s; }

.form_textbox:focus { border-color: #000; }

.form_radio { display: inline-block; position: relative; z-index: 0; margin-right: 2rem; padding-left: 2rem; vertical-align: top; }

.form_radio input { position: absolute; left: 0; top: 0; opacity: 0; }

.form_radio input:focus + label::before { outline: 1px dotted #000; }

.form_radio input:checked + label::after { background-color: #505050; }

.form_radio label { cursor: pointer; }

.form_radio label::before { position: absolute; left: 0; top: 0.5rem; z-index: -2; width: 1.8rem; height: 1.8rem; border-radius: 100%; border: 1px solid #ddd; background-color: #fff; content: ''; }

.form_radio label::after { position: absolute; left: 0.5rem; top: 1rem; z-index: -1; width: 0.8rem; height: 0.8rem; border-radius: 100%; content: ''; }

.form_radio:last-child { margin-right: 0; }

.form_file { overflow: visible; height: auto; }