/* ===================== */
/* === 작성자 : dj2 ======= */
/* ===================== */

#form-area ul, #form-area  ol { list-style: none; }
#form-top {background:#e6d7c6; padding:54px 38px; position: relative;}
#form-top h2 {color:#333; font-size:24px;}
#form-top p {font-size:16px; padding:20px 0 0 13px;}
#form-top p b {font-weight: normal; color:#333;}
#form-top p b:after {content:''; display: inline-block; width:3px; height:3px; background: #9d8973;margin:auto 8px;clear: both; vertical-align: middle; border-radius: 50%;}
#form-top p span {margin-right: 34px;}
#form-top .btn.continue {position: absolute; top:53px; right:38px; width:150px; height:66px; background:#bea395; display: block; text-align: center; line-height: 66px;}
#form-top .btn.continue span {display: none; position: absolute; bottom:100%; left:0;margin-bottom:10px;width:190px; padding:20px; text-align: left; background:rgba(0,0,0,0.7); font-size:13px; line-height: 20px;}
#form-top .btn.continue span:after {content:'';display: block; position: absolute; top:100%; left:26px;width:0px; height:0px; border:6px solid transparent; border-top:6px solid #000; opacity: 0.7}
#form-top .btn.continue:hover, #form-top .btn.continue:focus {background:#a18170;}
#form-top .btn.continue:hover span, #form-top .btn.continue:focus span {display: block;}

.bullet-line {}
.bullet-line:before {content:''; display: inline-block; width:3px; height:1em; background:#d23145; margin-right:10px; clear: both; vertical-align: middle;}
.bullet-c {}
.bullet-c:before {content:''; display: inline-block; width:8px; height:8px; background:#d23145; margin-right:10px; clear: both; vertical-align: middle; border-radius: 50%;}

#form-area {}
#form-area h2 {color:#333; font-size:24px; padding:56px 0 20px;display: inline-block;}
#form-area .bullet_small {font-size: 14px;color: #d23145;padding: 0 0 20px 10px;display: inline-block;line-height: 20px;}
#form-area > form > p {line-height: 28px;}
#form-area h3 {font-size:18px; color:#d23145; padding: 48px 0 18px;}
#form-area .agree-area table th, #form-area .agree-area table td {padding:30px;}
#form-area .agree-area table th {background:#f7f7f7; font-size:18px; text-align: center; vertical-align: middle; line-height: 1.4}
#form-area table {border-collapse: collapse; border-spacing: 0; width:100%; border-top:2px solid #333;}
#form-area table th, #form-area table td {border-bottom:1px solid #ddd; padding:18px 30px; letter-spacing: -1px; color:#333;}
#form-area table th {background:#f7f7f7; font-size:16px; text-align: left; vertical-align: middle; line-height: 1.4; font-weight: 600}
#form-area table th em {color:#d23145; font-size:0.8em; margin-left: 0.8em;}
#form-area table td {line-height: 28px; font-size:16px; color:#666;}
#form-area table td ul {display: inline-block;}
#form-area table td ul.mt20 {display: block;}
#form-area table .col1 {width:276px;}
#form-area table p {padding-bottom: 0;}
#form-area .b-tt {padding:18px 0 0; line-height: 28px;}
#form-area .agree-box {text-align:right; color:#333; padding:30px 0 0; font-weight: bold;}
#form-area .agree-box em, b.redc {color:#d23145; font-weight: normal;}
#form-area .agree-box span {color:#666; font-weight: normal; margin-left: 14px;}
#form-area .agree-box span label {font-size:16px;}
#form-area tbody td .check_design {margin-left: 30px;}
#form-area tbody td .check_design:first-child {margin-left: 0;}
#form-area tbody td .check_design input[type=checkbox] + label {font-size:16px;}
#form-area tbody td input.long-b {width:57%; margin-left: 20px; margin-top:0 !important; }
#form-area tbody th .check_design {margin-top: 12px;}
#form-area tbody th .check_design input[type=checkbox] + label {font-size:14px; color:#666; font-weight: normal;}

ol li > ul {padding-left:1em;}

/* 2차 테이블 */
#form-area .in-table {max-width:100%;}
#form-area .in-table table { box-sizing:border-box; border-collapse: separate}
#form-area .in-table .col-s1 {width:152px;}
#form-area .in-table thead th, .in-table thead td {background: #d23145; color:#fff; text-align: center;}
#form-area .in-table tbody th,#form-area .in-table tbody td {padding:12px; border-bottom:0;}
#form-area .in-table tbody th {background: #d4d4d4; color:#222; text-align: center;}
#form-area .in-table tbody td {text-align: left;}
#form-area .in-table tbody tr th {border-left:1px solid #ccc; border-top:1px solid #bbb; border-right:1px solid #ccc;}
#form-area .in-table tbody tr:first-child td, #form-area .in-table tbody tr:first-child th {border-top:0;}
#form-area .in-table tbody tr td:last-child {border-right:1px solid #ccc;}
#form-area .in-table tbody tr td:first-child {border-left:0;}
#form-area .in-table tbody tr:last-child td {border-bottom:1px solid #ccc;}
#form-area .in-table tbody tr.tr-line td {border-top:1px solid #ccc;}
#form-area .in-table tbody td input[type=text] {width:90px; box-sizing: border-box;}
#form-area .in-table tbody td div.custom-select {width:90px;}
#form-area .in-table tbody td div.custom-select label {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 20px;}
#form-area .in-table table .more-btn {width:80px; height:28px; display: block; margin:8px auto; background: url(../img/sub/sc_add.gif); overflow: hidden; text-indent: -9999px;}
#form-area .in-table table .del-btn {width: 80px;height: 28px;display: block;margin: 8px auto;background: url(../img/sub/sc_del.gif); overflow: hidden; text-indent: -9999px;}
#form-area .in-table.fx-input table td input[type=text] {width:100%; }
#form-area .in-table.fx-input tbody td div.custom-select {width:260px;}
#form-area .in-table.fx-input tbody .avr-td.redc {text-align: center; font-weight: bold;}
#form-area .in-table.fx-input tbody .avr-td {background:#fcf5f6; }

#form-area .in-table table td.both_td {padding:0;}
#form-area .in-table table td .in-in-tb {}
#form-area .in-table table td .in-in-tb table {border-top:1px solid #999;}
#form-area .in-table table td .in-in-tb:first-child table {border-top:0;}
#form-area .in-table .in-in-tb table tbody td {border-right:0}
#form-area .in-table .in-in-tb table tbody th,#form-area .in-table .in-in-tb table tbody td {border-top:1px dotted #ccc;border-bottom:0;}
#form-area .in-table table td .in-in-tb table tbody tr:first-child td, #form-area .in-table tbody tr:first-child th {border-top:0;}
#form-area .in-table table td .in-in-tb table td {border-right:1px dotted #ccc;}
#form-area .in-table table td .in-in-tb table td:last-child {border-right:0;}
#univer_box .in-table table td .in-in-tb table tbody tr td:nth-child(2), #univer_box .in-table table td .in-in-tb table tbody tr td:nth-child(3), #univer_box td.avr-td {width: 213px;}

/* input 설정  */
#form-area input {vertical-align: middle;}
#form-area input[type=text], #form-area input[type=password] {padding:0 0.8em; font-size:16px; color:#333; border:1px solid #c4c4c4; background: #fff; height:44px; line-height: 44px;}
#form-area .f-btn {height: 44px; line-height: 44px; text-align: center; padding:0 20px; color:#fff; border:0;}
#form-area .bg-gray {color:#fff; background:#444;}
#form-area .long {width:400px;}
#form-area .small {width:140px;}
#form-area .short {width:84px;}
.f-table .custom-file > span {width:86%;}
#form-area input[readonly=readonly] {background: #f4f4f4;}

/* seclect */
#form-area div.custom-select {position: relative; display: inline-block; height:44px; vertical-align: middle;}
#form-area div.custom-select label { border:1px solid #c4c4c4; line-height: 44px; padding:0 40px 0 0.8em; height:44px; display: block;background: #fff url(../img/common/select_triangle.png) no-repeat;background-position: center right 10px}
#form-area div.custom-select label:after {position: absolute; display: block; content:''; right:;}
#form-area div.custom-select select {position: absolute; top:0; left:0; opacity: 0; font-size:16px; height:100%; width:100%;}

/* textarea */
#form-area table textarea {padding:10px; background: #fff; border:1px solid #ddd; width: 100%}



/* 버튼 설정 */
.btn-area { text-align: center; padding:60px 0; font-size:0;}
.btn-area .submit-btn {display: inline-block; font-size:16px; border:0; line-height: 68px; height:68px; width:150px; margin:0 10px;}
.btn-area .bg-red {background:#d23145; color:#fff;}
.btn-area .bg-gray {background:#444; color:#fff;}
.btn-area .bg-brown {background:#503e3e; color:#fff;}

/* 레이어 팝업 설정 */
.ov-bg3 {background:rgba(0,0,0,0.8); top:0;left:0; right:0; height:100%; z-index: 1000; position: fixed; display: none;}
.ov-bg4 {background:rgba(0,0,0,0.8); top:0;left:0; right:0; height:100%; z-index: 1000; position: fixed; display: none;}
.ov-bg5 {background:rgba(0,0,0,0.8); top:0;left:0; right:0; height:100%; z-index: 1000; position: fixed; display: none;}
.ov-bg6 {background:rgba(0,0,0,0.8); top:0;left:0; right:0; height:100%; z-index: 1000; position: fixed; display: none;}
.layerPopup {display: none;z-index: 1001;top:0;left:0; right:0;bottom: 0; position: fixed;overflow-y: auto;overflow-x: hidden;}
.submit_line {text-align: center; font-size:0;}
body .submit_line .p_submit {display: block;padding: 20px 0;font-size: 18px;width: 172px;height: 58px;color: #fff;background: #d23145;margin: 0 auto;border: 0;cursor: pointer; vertical-align: top; margin:0 6px;}
body .submit_line button.p_submit {padding: 0;}
body .submit_line .p_submit:hover {background-color: #aa1f30;}
body .submit_line .p_submit {display: inline-block;}
body .submit_line .p_submit.bg-gray {background: #444;}
body .submit_line .p_submit.bg-gray:hover {background: #333;}
#continueCloseBtn, #pwCloseBtn, #blogCloseBtn, #etc_loginCloseBtn {cursor: pointer;}
.cuntinue_popup {margin-top:100px;}
#etc_loginPopup {margin-top:100px;}
.i-s-table .short {max-width:150px; display: inline-block; vertical-align: middle;}
.popup_msg {}
.msge {padding-left: 10px; position: relative; margin-left: 142px; line-height: 28px;}
.msge:before {content:'-'; display:block; top:0;left:0; position: absolute;}



/* over effect 960px 이상에서만 */
@media screen and (min-width:960px) {

}



/* ===================== */
/* PC 공통 */
/* ===================== */
@media screen and (min-width:1280px) {
	
}



/* ===================== */
/* mobile,pad 공통 */
/* ===================== */
@media screen and (max-width:1279px) {
	
}


/* pad */
@media screen and (min-width:768px) and (max-width:1279px){
	
}

/*mobile */
@media screen and (max-width:767px) {
	.msge {margin-left: 0;}
	#etc_loginPopup {margin-top:0;}
}


/*mobile min */
@media screen and (max-width:420px) {
	
	
}

/* 예외들 */
.mb-10:after {content:'';display:block; clear:both; margin-bottom: 10px;}
.mt10 {margin-top:10px;}
.ml20 {margin-left: 20px;}
.mt20 {margin-top:20px;}
.ml-ex {margin-left: 98px !important; display: inline-block; padding-top:10px;}
.ml-ex2 {margin-left: 0px !important; display: inline-block; padding-top:10px;}
#form-area tbody td .check_design.ml0, .ml0 {margin-left: 0;}
body span.redc {color:#d23145; font-size:13px; font-weight: normal;}
.t-red {color:#d23145;}
#form-area .fx-input.in-table tbody .redc.avr-td.redc {color:#d23145;}
.r-max {width:95%;}
.c-table tr th, .c-table tr td {border-left:1px solid #ddd;}
.c-table tr th:first-child, .c-table tr td:first-child {text-align: center; border-left: 0}
.in-gray-box {padding:18px 30px 8px; background: #f2f2f2;}
.in-gray-box ul {}
.in-gray-box ul li {width:160px; display: inline-block;margin-bottom: 10px;}

/* 블로그 테이블 */
#form-area .blog-table {}
#form-area .blog-table table col {width:14.2%;}
#form-area .blog-table table th {text-align: center;}
#form-area .blog-table table td {text-align: center;}
#form-area .blog-table table td input {width:100%; max-width:90px; text-align: left;}
#form-area .blog-table table th, .blog-table table td {border-left:1px solid #ddd;}
#form-area .blog-table table tr th:first-child, .blog-table table tr td:first-child {border-left:0;}
.wh60 {width:600px; display: inline-block; vertical-align: middle;}
.f-table .custom-file.wh60 > span {width:80%;}
#form-area button {vertical-align: middle;}
/* 블로그 팝업 */
.blog_popup {max-width:648px}
.blog_popup .popup_body_wrap {padding:30px 0 10px;}
.blog_popup .popup_body_wrap ul {list-style: none;}
.blog_popup .popup_body_wrap ul {padding:20px 30px 0; }
.blog_popup .popup_body_wrap ul li {overflow: hidden; border-bottom:1px solid #ddd; padding:20px 0; width:100%;}
.blog_popup .popup_body_wrap ul li:last-child {border-bottom: 0;}
.blog_popup .popup_body_wrap ul li div.img-l, .blog_popup .popup_body_wrap ul li div.tb-cell {display: inline-block; vertical-align: middle;}
.blog_popup .popup_body_wrap ul li div.img-l {padding-right:50px;}
.blog_popup .popup_body_wrap ul li h4 {font-family: 'GothamBold'; color:#d23145; padding-bottom: 10px; font-size:13px;}


#form-area table.two_tb {border-top:0}
#form-area table.two_tb th {border-top:1px solid #ccc !important}
#form-area .fx-input.in-table table td input[type=text].selfx {width:260px;}

.add_xbtn {display: inline-block; text-decoration: underline; color:#d23145; margin-left: 14px;}
.add_list_x {line-height: 1.5; padding-bottom: 16px;}
body div.inadd_txt > span.redc {font-size:15px;}