@charset "utf-8";
@import url(../../css/common/font.css?ver=20220113);
@import url(../../css/common/bbs.css?ver=20220113);
@import url('general.css?ver=20220113');
@import url('sub.css?ver=20220113');
@import url('member.css?ver=20220113');

/*----------------------------------------------------------------------------
 * 레이아웃 스타일 정의
 * Author	: (주)플랜아이 http://plani.co.kr
 * 2017-09-04 (조민지)	: 최초작성
 * -------------------------------------------------------------------------*/
 
html {min-width:940px; font-family:'Square'; font-size:10px;}
body {font-size:1.5rem; line-height:1.7;}
th {font-family:'Noto'; font-size:1.5rem; font-weight:600;}
td {font-family:'Noto'; font-size:1.4rem; font-weight:200;}

#header {border-bottom:1px solid #e6e6e6; text-align:center;}
#gnb {overflow:hidden; padding-top:20px; background-color:#083862; font-size:0; line-height:0;}
#gnb a {display:inline-block; width:265px; height:70px; background-color:#849cb1; font-size:1.8rem; font-weight:bold; color:#fff; text-align:center; vertical-align:top; line-height:70px;}
#gnb a + a {margin-left:1px;}
#gnb .active {background-color:#fff; color:#083862;}

.path {width:900px; margin:0 auto; font-size:1.6rem; color:#666; text-align:left; line-height:65px;}
.path:before {margin-right:15px; font-family:xeicon; color:#42b5b0; content:'';}
.path strong {color:#252525;}
.path strong:before {display:inline-block; position:relative; top:-1px; width:7px; height:7px; margin:0 10px 0 5px; border-right:1px solid #000; border-top:1px solid #000; content:''; vertical-align:middle; transform:rotate(45deg); -webkit-transform:rotate(45deg);}

#main {width:900px; margin:20px auto 30px;}
#main h1 {margin-bottom:25px; border:1px solid #46aec0; font-size:0; line-height:0;}

.title1 {position:relative; margin:20px 0 10px; padding-left:25px; font-size:1.8rem; color:#252525;}
.title1:before {position:absolute; left:0; top:6px; width:18px; height:18px; border-radius:100%; background-color:#46aec0; background:linear-gradient(140deg, #52adcf, #3bc196); content:'';}
.title1:after {position:absolute; left:5px; top:11px; width:8px; height:8px; border-radius:100%; background-color:#fff; content:'';}
.title1 + ul,
.title1 + p,
.title1 + p + ul + p {padding-left:25px;}
.title1 + p + ul + p.txt2 {padding-left:35px;}
.title1 + p + ul {margin:10px 0 0; padding-left:25px;}
.title2 {font-size:1.6rem; font-weight:600;}
.title2 + div input {position:relative; top:-1px; margin-right:5px; vertical-align:middle;}
.title2 + div label {color:#555; vertical-align:middle;}
.title2 + div label + input {margin-left:20px;}

.bul-dash {margin:0;}
.bul-dash > li {padding-left:0;}
.bul-dash > li:before {display:none;}
.bul-dot > li:before {background-color:#818181;}

.icon01 {min-width:100px; margin-left:5px; font-family:'Noto'; font-size:1.2rem;}

.box1 {margin:15px 0; padding:20px 25px 15px; background-color:#f6f6f6;}
.btn-s {font-size:1.2rem;}

.point1 {color:red;}
.point2 {color:blue;}

.txt1 {margin-bottom:-15px; color:red; text-align:right;}
.txt2 {padding-left:10px; font-size:1.4rem;}

.txt_center {text-align:center !important;}

.table01 thead th,
.table01 tbody th {font-size:1.4rem; color:#1aa9aa;}
.table01 {border-bottom:1px solid #d0d7e5;}
.table01 .share-write {
    margin-bottom: -1px;
}

.table01 .share-write tbody th {
    padding: 10px 5px;
}

.table01 .share-write tbody th:first-child {
    width: 120px;
}
.table01 .share-write tbody th + th,
.txt1 + .table01 .share-write tbody tr:nth-child(2) th:first-child,
.txt1 + .table01 .share-write tbody tr:nth-child(3) th:first-child,
.txt1 + .table01 + .table01 + .table01 .share-write tbody tr:nth-child(2) th:first-child,
.txt1 + .table01 + .table01 + .table01 .share-write tbody tr:nth-child(3) th:first-child {width:150px; text-align:left;}
.table01 .share-write td {text-align:left; white-space:nowrap;}
.table01 .share-write input.parent,
.table01 .share-write input.wcool {width:100% !important;}
.table01 .share-write input.wcool[style="width:60px"] {width:60px !important;}
.table01 .share-write input.wcool[name="address"] {width:70% !important;} 
.table01 .share-write input[type="file"] {display:block; width:100%;}
.table01 .share-write input[type="file"] + input[type="file"] {margin-top:5px;}
.table01 .share-write textarea {padding:10px 15px; font-size:1.4rem; color:#555; text-align:left; white-space:pre-line;}
.table01 .share-write textarea[continue='1'] {height:130px; padding:15px 20px 0;}
.table01 .share-write.share-form {table-layout:fixed;}
.table01 .share-write.share-form input[type='text'] {max-width:100%;}
.txt1 + .table01 + .table01 td:nth-child(3),
.txt1 + .table01 + .table01 td:nth-child(5),
.txt1 + .table01 + .table01 td:nth-child(1) {padding:10px 20px;}
.tablepoint {position:relative;font-size: 13px;padding-left: 16px;white-space: normal;line-height: 18px;margin-top: 6px;}
.tablepoint:after {position: absolute; content: "※"; left: 0; top: 0;}

/* 레이아웃 팝업*/
.layerpopup {display: none; position:fixed; top:0;left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, .6); z-index:3; white-space: normal;}
.layerpopup .ing {position:relative; top:50%; width:525px; max-width:90%; min-height:240px; margin:-120px auto 0; padding:50px 30px; background-color:#fff; font-family:'Square'; font-size:1.384em; font-weight:bold; text-align:center; line-height:1.2;}
.layerpopup .ing h2 {height:35px; background:url('../../images/ces/sub/ment.gif') no-repeat center 0; font-size:1.777em; color:transparent;}
.layerpopup .ing .bar {height:15px; margin:20px 0 25px; border-radius:15px; background-coor:#00aeef; background:linear-gradient(to right, #2acc7e, #00aeef);}
.layerpopup .ing .bar:before {display:block; width:0; height:100%; border-radius:15px; background:url('../../images/ces/sub/bg.gif'); content:''; opacity:.5; animation:ing 5s infinite;}

@keyframes ing 
{
    from	{width:0;}
    to		{width:100%;}
}