@charset "utf-8"; /* common */ /* align */ .cr:after { display: block; content: ''; clear: both; } .tar { text-align: right; } .tac { text-align: center; } .tal { text-align: left; } .middle { vertical-align: middle; } /* //align */ /* text */ .info-text3 { text-align: center; } .info-text3.mt { margin-top: 50px; } .info-text3.mb { margin-bottom: 50px; } .info-text7 { font-size: 24px; color: #000; } .btn-ul li { line-height: 30px; } .em, .em:before { color: #ec0928; } .em2, .em2:before { color: #215bca; } /* text */ /* button */ .btn { font-size: 16px; color: #fff; background-color: #4a6fb5; /*border: 1px solid #4a6fb5;*/ min-width: 80px; padding: 12px 20px; } .sbtn { display: inline-block; min-width: 80px; height: 40px; font-size: 15px; color: #fff; background-color: #4a6fb5; /*border: 1px solid #4a6fb5;*/ vertical-align: middle; text-align: center; line-height: 33px; cursor: pointer; padding: 3px 15px; margin-left: 5px; } .sbtn.blue { color: #fff; background-color: #029ce6; } .sbtn.link::after { content: ''; display: inline-block; width: 13px; height: 13px; background: url("/images/bycenter/icon/icon_window_w.png")no-repeat; margin-left: 10px; } .sbtn.down::after { content: ''; display: inline-block; width: 13px; height: 13px; background: url("/images/bycenter/board/i-down_w.png")no-repeat; margin-left: 10px; } .btn.mr { margin-right: 10px; } .btn.white { color: #555; background-color: #fff; border: 1px solid #e1e3e6; } .btn.white2 { color: #333; background-color: #fff; border: 1px solid #999; font-weight: bold; } .btn.gray { color: #fff; background-color: #4a4e51; border: 1px solid #4a4e51; } /* button */ .btn-red-wrap { display: inline-block; } .btn-red { margin-right: 10px; margin-left: 10px; display: inline-block; } .btn-red a { display: inline-block; background-color: #d91011; color: #fff; padding: 3px 10px 5px 10px; font-size: 14px; border-radius: 3px 0 0 3px; vertical-align: middle; } .btn-red:after { display: inline-block; content: ''; width: 25px; height: 29px; background-color: #2b2b2b; vertical-align: middle; background-image: url(/images/bycenter/common/arrow-right.png); background-repeat: no-repeat; background-position: center center; font-size: 14px; border-radius: 0 3px 3px 0; } .btn-white-wrap { display: inline-block; } .btn-white { margin-right: 10px; margin-left: 10px; display: inline-block; } .btn-white a { display: inline-block; background-color: #fff; color: #666; border: 1px solid #d5d5d5; border-right: 0; box-sizing: border-box; padding: 0 0 0 10px; font-size: 14px; border-radius: 3px 0 0 3px; vertical-align: middle; } .btn-white:after { display: inline-block; content: ''; width: 25px; height: 32px; border: 1px solid #d5d5d5; border-left: 0; box-sizing: border-box; vertical-align: middle; background-image: url(/images/bycenter/common/location_arrow_right.png); background-repeat: no-repeat; background-position: center center; font-size: 14px; border-radius: 0 3px 3px 0; } /* //button */ /* box 회원가입 완료 */ .box-bg3 { background-color: #f7f7f7; padding: 40px; } /* //box 회원가입 완료 */ /* form table */ .t2 { width: 100%; border-top: 2px solid #3c3f45; } .t2.mb { margin-bottom: 30px; } .t2.mb-last { margin-bottom: 50px; } .t2 th { text-align: center; font-weight: normal; color: #333; background: #eff0f2; padding: 15px 10px; /*border-bottom: 1px solid #d7d7d7;*/ border-right: 0px solid #d7d7d7; } .t2 td { color: #333; background-color: #fff; /*border-bottom: 1px solid #d7d7d7;*/ word-break: break-all; line-height: 30px; padding: 0; } .t2.block2 td { padding: 10px; } .t2 td ul { display: inline-block; } .t2 td ul li { display: inline-block; } .t2 td ul li button { font-size: 12px; } .t2 td ul li button:after {} .t2 input[type="file"] { border: 1px solid #ddd; box-sizing: border-box; height: 50px; } .t2 input[type="password"], .t2 input[type="text"], .t2 input[type="tel"] { background-color: #fff; /* border-radius: 5px; */ border: 1px solid #d7d7d7; box-sizing: border-box; height: 40px; color: #6a6a6a; display: inline-block; text-indent: 10px; } .col_table td.text-area:before { line-height: 110px; } .t2 .text-area textarea { width: 100%; background-color: #fff; /* border-radius: 5px; */ border: 1px solid #d7d7d7; box-sizing: border-box; color: #6a6a6a; display: inline-block; text-indent: 10px; resize: none; padding: 10px 0; } .t2 .mail-select { display: inline-block; } .t2 .tell-select { display: inline-block; } .t2 .block2-select { display: inline-block; width: 198px; } .t2 .mail-selectbox { width: 100%; background-color: #fff; /* border-radius: 5px; */ border: 1px solid #d7d7d7; box-sizing: border-box; height: 40px; display: inline-block; text-indent: 10px; } .t2 .tell-selectbox { width: 100%; background-color: #fff; /* border-radius: 5px; */ border: 1px solid #d7d7d7; box-sizing: border-box; height: 40px; color: #6a6a6a; display: inline-block; text-indent: 10px; } .t2 .block2-selectbox { width: 100%; background-color: #fff; border-radius: 5px; border: 1px solid #d7d7d7; box-sizing: border-box; height: 40px; display: inline-block; text-indent: 10px; } .t2 input[type="text"].tac { text-align: center; text-indent: 0; } .t2 .group { text-align: left; } .t2.block2 .group.tac { text-align: center; } .t2 .group .text { font-weight: normal; letter-spacing: 0; padding-left: 10px; color: #6a6a6a; vertical-align: middle; } .t2 .group .text1 { font-weight: normal; letter-spacing: 0; color: #6a6a6a; vertical-align: middle; } .t2 .group .text2 { font-weight: normal; letter-spacing: 0; padding-left: 10px; color: #6a6a6a; vertical-align: middle; } .t2 .group .text3 { font-weight: normal; letter-spacing: 0; padding-left: 10px; color: #6a6a6a; vertical-align: middle; line-height: 40px; } .t2 input.vessel-name, .t2 input.delivery-to, .t2 input.delivery-by, .t2 input.reply-by { width: 100%; } .t2 div.group .name { font-weight: bold; } .t2 input.address { width: 20%; } .t2 input.place-work { display: block; } .t2 input.address.w40 { width: 40%; vertical-align: middle; } .t2 input.place-work.w40 { width: 40%; vertical-align: middle; } .t2 .btn_search, .t2 .btn-id, .t2 input.address ~ .btn { display: inline-block; vertical-align: middle; text-align: center; width: 100px; height: 40px; line-height: 33px; padding: 1px; background-color: #fff; border: 1px solid #86898b; box-sizing: border-box; font-size: 16px; color: #666; padding-top: 2px; cursor: pointer; margin-left: 5px; } .t2 .btn_search { width: 53px; } .t2 input.place-work ~ .btn { display: inline-block; vertical-align: middle; text-align: center; width: 97px; height: 40px; line-height: 30px; padding: 1px; background-color: #fff; border: 1px solid #86898b; box-sizing: border-box; font-size: 16px; color: #666; padding-top: 2px; cursor: pointer; margin-top: 5px; } .t2 .btn-file-down2 { display: inline-block; content: ''; width: 28px; height: 27px; background-image: url(/images/bycenter/common/btn-file-down2.png); background-repeat: no-repeat; background-position: center center; vertical-align: top; margin-top: 2px; } .t2 input[type="date"] { background-color: #fff; border-radius: 5px; border: 1px solid #dddddd; box-sizing: border-box; height: 40px; display: inline-block; padding: 5px; font-size: 15px; color: #6a6a6a; text-indent: 0; font-family: 'NotoSansKR', sans-serif; } .t2 .group select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .t2 .group select::-ms-expand { display: none; } .t2 .group select { border: 1px solid #d7d7d7 !important; box-sizing: border-box; color: #6f6f6f; /* border-radius: 5px; */ background-image: url(/images/bycenter/board/i-select-board.png); background-size: 12px; background-repeat: no-repeat; background-position: right 12px center; } /* form table radio */ .t2 div.group .custom_check.inline, .t2 div.group .custom_radio.inline { float: left; } .t2 div.group .custom_radio.inline { margin-bottom: 40px; } .custom_radio { position: relative; padding: 1px; } .custom_radio input[type="radio"] { position: absolute; top: 11px; left: 4px; width: 20px; height: 20px; -webkit-appearance: none; -webkit-border-radius: 0; border: 1px solid #fff; margin: 0; } .custom_radio label { position: absolute; top: 0; left: 0; z-index: 10; color: #484a4c; font-size: 16px; line-height: 45px; cursor: pointer; padding-left: 33px; } .custom_radio label:before { content: ""; position: absolute; top: 12px; left: 5px; display: block; width: 18px; height: 18px; line-height: 18px; background: #fff; border: 1px solid #ddd; border-radius: 20px; } .custom_radio input[type="radio"]:checked + label:before { content: ""; text-align: center; font-weight: 800; line-height: 18px; color: #222; background: #029ce6 url(/images/bycenter/common/icon_radio.png) no-repeat; background-position: center; background-size: 10px; border: 1px solid #029ce6; } /* //form table radio */ /* Basic Check */ .basic_check { position: relative; border-radius: 5px; padding: 20px 0; } .basic_check input[type="checkbox"] { position: absolute; top: 15px; left: 5px; width: 12px; height: 12px; padding-top: 4px; } .basic_check label { position: absolute; top: 22%; left: 0; z-index: 1; color: #333333; font-size: 16px; line-height: 28px; cursor: pointer; padding-left: 35px; } .basic_check label:before { content: ""; position: absolute; top: 5px; left: 5px; display: block; width: 20px; height: 20px; line-height: 18px; border-radius: 30px; background: #fff; border: 1px solid #c0c0c0; } .basic_check input[type=checkbox]:checked + label:before { content: ""; text-align: center; font-weight: 800; line-height: 18px; color: #222; background: #000 url("/images/bycenter/board/icon_check.png") no-repeat; background-position: center; background-size: 12px; border: 1px solid #383683; } /* //Basic Check */ /* input file type */ .add_file ul { width: 100%; overflow: hidden; border-top: 1px solid #dedede; } .add_file ul > li { display: inline-block; width: 100%; border-bottom: 1px solid #dedede; padding: 10px; } .input-file { position: relative; display: inline-block; width: calc(100% - 40px); } .input-file [type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 none; } .add_file ul > li .input-file .file-label { display: inline-block; min-width: 110px; font-size: 16px; color: #666666; text-align: center; border: 1px solid #e1e3e6; background-color: #f6f6f6; padding: 10px 0; } .add_file ul > li .input-file .file-name { display: inline-block; text-indent: 10px; color: #999999; font-size: 16px; border: none; padding: 10px 0; } .btn_add_file { display: inline-block; float: right; vertical-align: middle; padding-top: 3px; } .btn_file_del { margin-left: 10px; } /* 접근성 탭 포커스 스타일 */ .file-focus { outline: 3px solid #000; } /* //input file type */ /* form table check */ .custom_check input[type="checkbox"] { width: 16px; height: 16px; } .custom_check.mb { margin-bottom: 20px; } /* //form table check */ /* form table icon */ input.phonenum { width: 53px; } .wave:after { content: '~'; display: inline-block; } .hyphen:after { content: '-'; display: inline-block; margin-bottom: 5px; } .width.hyphen:after { content: '-'; display: inline-block; margin-bottom: 5px; width: 20px; text-align: center; } .icon-mail:after { content: '@'; display: inline-block; } .width.icon-mail:after { content: '@'; display: inline-block; margin-bottom: 5px; width: 20px; text-align: center; } /* //form table icon */ /* form table align */ .t2 .etc-mt { margin-top: 10px; } .t2 .mt20 { margin-top: 20px; } .t2 .ml20 { margin-left: 20px; } .t2 .mr20 { margin-right: 20px; } .t2 .mb20 { margin-bottom: 20px; } .t2 .mb40 { margin-bottom: 40px; } .t2 .mt10 { margin-top: 10px; } .t2 .ml10 { margin-left: 10px; } .t2 .mr10 { margin-right: 10px; } .t2 .mb10 { margin-bottom: 10px; } .t2 .w100 { width: 100%; } .t2 .w95 { width: 95%; } .t2 .w90 { width: 90%; } .t2 .w80 { width: 80%; } .t2 .w70 { width: 70%; } .t2 .w60 { width: 60%; } .t2 .w50 { width: 50%; } .t2 .w40 { width: 40%; } .t2 .w30 { width: 30%; } .t2 .w25 { width: 25%; } .t2 .w20 { width: 20%; } .t2 .w15 { width: 15%; } .t2 .w10 { width: 10%; } .t2 .w5 { width: 5%; } /* //form table align */ /* 반응형 form rwd-table 타입 */ .col_table td:before { /*vertical-align: middle; background-color: #f6f6f6; content: attr(data-th); display: inline-block; text-align: center; line-height: 55px; margin-right: 8px; font-size: 16px; font-weight: 600; color: #333;*/ } .col_table div.group { width: 100%; display: inline-block; vertical-align: middle; line-height: 25px; } .col_table.th150 td:before { width: 180px; } .col_table.th150 div.group { width: calc(100% - 191px); } .col_table.th150 div.colspan2 { width: 50%; } .col_table.th300 td:before { width: 545px; } .col_table.th300 div.group { width: calc(100% - 560px); } .col_table td.address-td:before { line-height: 154px; } .col_table td.place-work-td:before { line-height: 108px; } .col_table td.department-td:before { line-height: 108px; } .col_table td.mail-td .mr { margin-right: 10px; } .col_table td.birthday .inline { float: left; } /* //반응형 form rwd-table 타입 */ /* 반응형 block2 타입 */ .block2.th150 td:before { width: 150px; } /* //반응형 block2 타입 */ /* //form table */ /* Media Query */ @media all and (max-width:1200px) { /* text */ .info-text3 { font-size: 18px; } .info-text3.mt { margin-top: 30px; } .info-text3.mb { margin-bottom: 60px; } /* //text */ /* button */ .btn-red-wrap { display: block; margin-top: 10px; } .btn-red-wrap .btn-red { margin-left: 0; } /* //button */ /* form table */ .t2.mb { margin-bottom: 40px; } .t2 .w15, .t2 .w20, .t2 .w25, .t2 .w30 { width: 100%; } .t2 .mail-selectbox { height: 40px; } .t2 .tell-selectbox { height: 40px; } .t2 input[type="file"] { height: 40px; } .t2 input[type="text"].tac { text-align: left; text-indent: 10px; } .t2 .btn_search, .t2 .btn-id, .t2 input.address ~ .btn { margin-left: 0; height: 40px; font-size: 15px; } .t2 input.address.w40 ~ .btn { margin-top: 0; line-height: 25px; } .t2 input.place-work { display: inline-block; } .t2 input.place-work ~ .btn { margin-left: 0; margin-top: 0; height: 40px; line-height: 30px; } .t2 input.place-work.w40 ~ .btn { margin-top: 0; line-height: 25px; } .mail-select.m_mb { margin-bottom: 5px; } /* //form table */ /* form table radio */ .t2 div.group .custom_check.inline, .t2 div.group .custom_radio.inline { float: left; } /* //form table radio */ /* form table check */ .t2 div.group .custom_check.inline.w20 { width: 30%; } .t2 div.group .custom_check.inline.w30, .t2 div.group .custom_check.inline.w40 { width: 50%; } .t2 div.group .custom_check.inline input[type="text"] { width: 50%; height: 25px; } /* //form table check */ /* 반응형 form rwd-table 타입 */ .col_table td { display: block; width: 100%; } .col_table td.place-work-td:before { line-height: 64px; } .col_table td.department-td:before { line-height: 64px; } .col_table td.checkline3-td:before { line-height: 100px; } .col_table td.checkline2-td:before { line-height: 80px; } .col_table td.btn-id-td:before { line-height: 80px; } .col_table td.birthday .w40 { width: auto; } .col_table td.birthday .w20 { width: 13%; } .col_table td.tellselect-td .w25 { width: 25%; } .col_table td.tellselect-td .w25.date { width: 40%; } .col_table td.mail-td .w30 { width: 30%; } .col_table td.custom_radio-td .w20 { width: 20%; } /* //반응형 form rwd-table 타입 */ /* 반응형 block2 타입 */ .t2.block2 th { display: none; } .t2.block2 td { display: block; width: 100%; padding: 0; } .t2.block2 td:before { content: attr(data-th); display: inline-block; font-weight: normal; vertical-align: middle; background-color: #f6f6f6; line-height: 64px; padding-left: 30px; margin-right: 8px; } .t2.block2 td.line2:before { line-height: 22px; padding: 20px 20px 20px 30px; } .t2.block2 td:last-child { border-bottom: 1px solid #999; } .t2.block2 td.select-td .w70 { width: 198px; } .t2.block2 .group { display: inline-block; } /* //반응형 block2 타입 */ } @media all and (max-width: 900px) { /* Basic Check */ .basic_check input[type="checkbox"] { top: 11px; } /* //Basic Check */ /* 반응형 form rwd-table 타입 */ .col_table.th150 td:before { font-size: 15px; width: 130px; } .col_table.th150 div.group { width: calc(100% - 142px); } /* //반응형 form rwd-table 타입 */ /* input file type */ .add_file ul > li .input-file .file-label { min-width: 100px; font-size: 15px; } .add_file ul > li .input-file .file-name { font-size: 15px; } /* //input file type */ /* Basic Check */ .basic_check { padding: 10px 0; } .basic_check label { font-size: 15px; } /* //Basic Check */ } @media (max-width: 990px) and (min-width: 901px) { /* 반응형 form rwd-table 타입 */ .col_table td.address-td .text2 { font-size: 12px; padding-left: 5px; letter-spacing: -1px; } /* //반응형 form rwd-table 타입 */ } @media (max-width: 920px) and (min-width: 901px) { /* form table */ .t2 input.place-work ~ .btn { width: 88px; } /* //form table */ } @media (max-width: 730px) and (min-width: 601px) { /* 반응형 form rwd-table 타입 */ .col_table td.address-td .text2 { font-size: 12px; padding-left: 5px; letter-spacing: -1px; } /* //반응형 form rwd-table 타입 */ } @media (max-width: 620px) { /* form table */ .t2 input.place-work ~ .btn { font-size: 14px; width: 70px; } /* //form table */ } @media (max-width: 600px) { /* text */ .info-text3.mb { margin-bottom: 10px; } .btn-ul li { font-size: 14px; line-height: 22px; } .ul-style1 li { font-size: 14px; } /* //text */ /* button */ .btn { padding: 8px 20px; } .btn-white { margin: 0; margin-bottom: 10px; } .btn-white:after { height: 24px; } /* button */ .btn-red-wrap .em { font-size: 14px; } /* //button */ /* form table */ .t2.mb { margin-bottom: 30px; } .t2.mb-last { margin-bottom: 30px; } .t2 .group .text { padding-left: 0; font-size: 13px; display: inline-block; line-height: 18px; } .t2 input[type="password"], .t2 input[type="text"] { width: 100%; height: 30px; text-indent: 5px; font-size: 13px; } .t2 input[type="date"] { width: 100%; height: 30px; font-size: 13px; } .t2 .tell-selectbox, .t2 .mail-selectbox { height: 30px; font-size: 13px; text-indent: 5px; } .t2 input.address { width: 40%; } .t2 .btn_search, .t2 .btn-id, .t2 input.address ~ .btn { width: auto; height: 30px; font-size: 13px; line-height: 30px; padding: 0 10px; } .t2 input[type="text"].input-search { width: calc(100% - 48px); } .t2 input.place-work ~ .btn { width: auto; height: 30px; margin-top: 5px; font-size: 13px; line-height: 25px; padding: 0 10px; } .col_table div.group { /*max-height: 30px;*/ } .t2 .group select { background-size: 10px; background-position: right 5px center; } .m_mb { margin-bottom: 5px; } .m_mt { margin-top: 5px; } .sbtn { width: auto; height: auto; font-size: 13px; line-height: 20px; padding: 5px 10px; margin-left: 0; } /* //form table */ /* Basic Check */ .basic_check label:before { top: 1px; width: 18px; height: 18px; } .basic_check input[type="checkbox"] { top: 6px; left: 5px; width: 10px; height: 10px; } .basic_check label { padding-left: 30px; } /* //Basic Check */ /* form table radio */ .custom_radio label { font-size: 14px; padding-left: 32px; } /* //form table radio */ /* form table check */ .custom_check input[type="checkbox"] + label { font-size: 14px; } .t2 div.group .custom_check.inline.w30, .t2 div.group .custom_check.inline.w40 { width: 100%; } /* //form table check */ /* form table icon */ .width.icon-mail:after { width: 7%; } .width.hyphen:after { width: 10px; font-size: 10px; } /* //form table icon */ /* 반응형 form rwd-table 타입 */ .col_table.th150 td:before { font-size: 14px; width: 100px; } .col_table.th150 div.group { width: calc(100% - 111px); } .col_table td:before { font-size: 14px; line-height: 50px; } .col_table td.text-line-2:before { line-height: 80px; } .col_table td.tellselect-td .w25:first-child { width: 32%; } .col_table td.mail-td .w30 { width: 45%; } .col_table td.mail-td .mail-select { width: 100%; margin-top: 5px; } .col_table td.mail-td:before { line-height: 86px; } .col_table td.address-td:before { line-height: 154px; } .col_table td.birthday:before { line-height: 86px; } .col_table td.checkline3-td:before { line-height: 192px; } .col_table td.checkline2-td:before { line-height: 104px; } .col_table td.birthday .w40 { width: 100%; } .col_table td.birthday .w20 { width: 30%; text-align: left; } .col_table td.address-td .text2 { display: block; padding-left: 0; line-height: 17px; font-size: 13px; } .col_table td.mail-td .mr { margin-right: 0; } .col_table td.custom_radio-td .w20 { width: 50%; } .col_table td.place-work-td:before { line-height: 94px; } /* //반응형 form rwd-table 타입 */ /* 반응형 block2 타입 */ .block2.th150 td:before { width: 100px; } .block2.th150 div.group { width: calc(100% - 111px); } .t2.block2 .group.tac { text-align: left; } .t2.block2 td:before { font-size: 14px; padding-left: 10px; line-height: 50px; } .t2.block2 td.line2:before { line-height: 18px; padding: 15px 5px 15px 10px; } .t2 .block2-select { width: 100%; } .t2 .block2-selectbox { width: 100%; height: 30px; font-size: 13px; text-indent: 5px; } /* //반응형 block2 타입 */ /* Basic Check */ .basic_check label { font-size: 14px; line-height: 22px; } /* //Basic Check */ /* input file type */ .add_file ul > li { padding: 5px; } .add_file ul > li .input-file .file-label { min-width: 70px; font-size: 13px; padding: 5px 0; } .add_file ul > li .input-file .file-name { font-size: 12px; padding: 5px 0; /* text-indent: 0; */ letter-spacing: -1px; } btn_add_file { padding-top: 0; } .btn_add_file img { max-width: 28px; } .btn_file_del { position: absolute; right: 0; top: calc(25% - 2px); } /* //input file type */ } /* //Media Query */ /* 대관예약 상세 Form */ /* Check Box */ .custom_check { position: relative; border-radius: 5px; border: 1px solid #c0c0c0; padding: 20px 0; } .custom_check input[type="checkbox"] { position: absolute; top: 25%; left: calc(50% - 49px); width: 10px; height: 10px; padding-top: 4px; } .custom_check label { position: absolute; top: 22%; left: calc(50% - 55px); z-index: 1; color: #484a4c; font-size: 15px; line-height: 25px; cursor: pointer; padding-left: 30px; } .custom_check label:before { content: ""; position: absolute; top: 2px; left: 5px; display: block; width: 20px; height: 20px; line-height: 18px; border-radius: 30px; background: #fff; border: 1px solid #c0c0c0; } .custom_check input[type=checkbox]:checked + label:before { content: ""; text-align: center; font-weight: 800; line-height: 18px; color: #222; background: #000 url("/images/bycenter/board/icon_check.png") no-repeat; background-position: center; background-size: 12px; border: 1px solid #000; } .isSelected { border-radius: 5px; border: 1px solid #000; } .custom_check input[type=checkbox]:disabled + label { color: #afafaf; } .custom_check input[type=checkbox]:disabled + label:before {} .custom_check.disabled { background-color: #f3f3f3; } @media all and (max-width:600px) { /* Custom Check */ .custom_check input { -webkit-appearance: none; -webkit-border-radius: 0; border: 1px solid #fff; ; } .cal_legend { padding: 15px 0; } .custom_check label:before { width: 18px; height: 18px; } .custom_check label { font-size: 14px; } } /* Select */ .custom_select label { display: inline-block; font-size: 15px; color: #333; min-width: 120px; } .custom_select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; min-width: 200px; font-size: 14px; color: #6f6f6f; border: 1px solid #d7d7d7; border-radius: 5px; background: #fff url("/images/bycenter/board/i-select-board.png") no-repeat; background-size: 12px; background-position: right 12px center; padding: 10px 12px; } .custom_select select::-ms-expand { display: none; } .option_list .custom_select select { width: calc(100% - 124px); } @media all and (max-width:600px) { .custom_select label { min-width: 100%; font-size: 14px; margin-bottom: 5px; } .custom_select select { background-size: 10px; } .option_list .custom_select select { width: 100%; padding: 8px 10px; } } /* File Info */ .file_info_text { line-height: 25px; background-color: #eff4fe; border-radius: 5px; padding: 15px; margin-bottom: 10px; } .num_list > ul > li { width: 100%; list-style-type: upper-roman; } @media all and (max-width:600px) { .file_info_text { line-height: 20px } } /* //File Info */ /* 신청자격 */ .check_list.t2 { border-top: none; } .check_list > ul > li { position: relative; border-bottom: 1px solid #dedede; padding: 10px 0 30px 0; margin-bottom: 30px; } .q_tit { margin-bottom: 10px; } .q_num { position: absolute; left: 0; top: 2px; display: inline-block; width: 40px; height: 40px; font-family: 'GmarketSansMedium', 'Noto Sans KR', sans-serif; text-align: center; color: #fff; font-size: 17px; line-height: 32px; background: #1cb8bd; border-radius: 20px; padding: 5px 0; margin-right: 5px; } .q_txt { display: inline-block; color: #333; font-size: 17px; font-weight: 600; padding-left: 50px; } .answer { padding-left: 45px; } .check_table { padding: 20px 50px; } .check_table table { table-layout: fixed; } .calc_bg { background: #f8f8f8; padding: 15px; margin: 10px 0; } @media all and (max-width:1200px) { .check_list > ul > li { padding: 10px 0 20px 0; } .q_num { top: 5px; width: 35px; height: 35px; font-size: 16px; padding: 3px 0; } .q_txt { font-size: 16px; } .check_wrap .text2 { font-size: 15px; } .span_group > span { font-size: 15px; } } @media all and (max-width:700px) { .check_list > ul > li { padding: 10px 0 15px 0; margin-bottom: 15px; } .span_group .mmb input { margin-bottom: 5px; } .q_num { top: 8px; width: 30px; height: 30px; font-size: 14px; padding: 1px 0; } .q_txt { font-size: 15px; padding-left: 40px; } .answer { padding-left: 0; } .check_wrap .text2 { font-size: 14px; } } @media all and (max-width:600px) { .check_table { padding: 10px 0; } .check_table table { table-layout: auto; } } /* //신청자격 */