/*񃧯*/
 * {
     margin: 0;
     padding: 0;
     max-height: 100000000px;
}
 * {
     -webkit-text-size-adjust: none;
}
/* ¾ÆÀÌÆù ÅؽºÆ® ÀÚµ¿È®´ë ¸·±â */
 html {
     overflow-y: scroll;
}
 body {
     width: 100%;
     height: 100%;
}
 * {
     box-sizing: border-box;
}
 td *, div *, li *, span *, p * {
}
 p, div, ul, li, dl, dt, dd, ol, em, fieldset, textarea, input, select, table, th, td, address, cite, h1, h2, h3, h4, h5, h6 {
     font-family: "Noto Sans KR", "Nanum Gothic", "NanumGothic", "µ¸¿ò", "dotum", sans-serif;
     line-height: 160%;
     font-weight: 400;
     font-size: 16px;
     color: #666;
}
 img {
     border: 0;
     vertical-align: middle;
}
 ul, li, dl, dt, dd, ol {
     list-style: none;
}
 table {
     border-collapse: collapse;
}
/* From Style */
 input, select {
     line-height: 100%;
     vertical-align: middle;
     background: #fff;
}
 select {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     background: url(/images/common/btn_select_arrow.png) calc(100% - 10px) center no-repeat;
     background-size: 10px;
}
 select::-ms-expand {
     display: none;
}
 textarea {
     border: 1px solid #d8d8d8;
     padding: 2px;
}
 input.ed {
     border: 1px solid #d8d8d8;
     padding: 2px 3px;
}
 select.ed {
     border: 1px solid #d8d8d8;
}
 textarea.ed {
     border: 1px solid #d8d8d8;
     padding: 2px;
}
 hr, caption {
     display: none;
}
 legend {
     position: absolute;
     height: 0;
     font-size: 0px;
     line-height: 0;
     overflow: hidden;
     text-indent: -20000px;
}
 address, cite, em {
     font-style: normal;
}
 fieldset {
     border: 0;
     padding: 0;
}
 label {
     cursor: pointer;
     vertical-align: middle;
     display: inline-block;
}
/*±âº» ³¡*/
/* Æ÷Ä¿½º È¿°ú */
 ::selection {
     background: #0f75bc;
     color: #fff;
}
 .color252525 {
     color: #252525 !important;
}
 .fwMedium {
     font-weight: 500 !important;
}
 select[name="mobile1"], select[name="phone1"] {
     width: 80px;
}
/* ¿©¹é°ü·Ã */
/*margin, padding*/
 .mt0 {
     margin-top: 0px !important;
}
 .mt5 {
     margin-top: 5px !important;
}
 .mt10 {
     margin-top: 10px !important;
}
 .mt15 {
     margin-top: 15px !important;
}
 .mt20 {
     margin-top: 20px !important;
}
 .mt25 {
     margin-top: 25px !important;
}
 .mt30 {
     margin-top: 30px !important;
}
 .mt35 {
     margin-top: 35px !important;
}
 .mt40 {
     margin-top: 40px !important;
}
 .mt45 {
     margin-top: 45px !important;
}
 .mt50 {
     margin-top: 50px !important;
}
 .mt55 {
     margin-top: 55px !important;
}
 .mb0 {
     margin-bottom: 0px !important;
}
 , .mb5 {
     margin-bottom: 5px !important;
}
 .mb10 {
     margin-bottom: 10px !important;
}
 .mb15 {
     margin-bottom: 15px !important;
}
 .mb20 {
     margin-bottom: 20px !important;
}
 .mb25 {
     margin-bottom: 25px !important;
}
 .mb30 {
     margin-bottom: 30px !important;
}
 .mb35 {
     margin-bottom: 35px !important;
}
 .mb40 {
     margin-bottom: 40px !important;
}
 .mb45 {
     margin-bottom: 45px !important;
}
 .mb50 {
     margin-bottom: 50px !important;
}
 .mb55 {
     margin-bottom: 55px !important;
}
 .ml0 {
     margin-left: 0px !important;
}
 , .ml5 {
     margin-left: 5px !important;
}
 .ml10 {
     margin-left: 10px !important;
}
 .ml15 {
     margin-left: 15px !important;
}
 .ml20 {
     margin-left: 20px !important;
}
 .ml25 {
     margin-left: 25px !important;
}
 .ml30 {
     margin-left: 30px !important;
}
 .ml35 {
     margin-left: 35px !important;
}
 .ml40 {
     margin-left: 40px !important;
}
 .ml45 {
     margin-left: 45px !important;
}
 .ml50 {
     margin-left: 50px !important;
}
 .ml55 {
     margin-left: 55px !important;
}
 .mr0 {
     margin-right: 0px !important;
}
 .mr5 {
     margin-right: 5px !important;
}
 .mr10 {
     margin-right: 10px !important;
}
 .mr15 {
     margin-right: 15px !important;
}
 .mr20 {
     margin-right: 20px !important;
}
 .mr25 {
     margin-right: 25px !important;
}
 .mr30 {
     margin-right: 30px !important;
}
 .mr35 {
     margin-right: 35px !important;
}
 .mr40 {
     margin-right: 40px !important;
}
 .mr45 {
     margin-right: 45px !important;
}
 .mr50 {
     margin-right: 50px !important;
}
 .mr55 {
     margin-right: 55px !important;
}
 .pt0 {
     padding-top: 0px !important;
}
 , .pt5 {
     padding-top: 5px !important;
}
 .pt10 {
     padding-top: 10px !important;
}
 .pt15 {
     padding-top: 15px !important;
}
 .pt20 {
     padding-top: 20px !important;
}
 .pt25 {
     padding-top: 25px !important;
}
 .pt30 {
     padding-top: 30px !important;
}
 .pt35 {
     padding-top: 35px !important;
}
 .pt40 {
     padding-top: 40px !important;
}
 .pt45 {
     padding-top: 45px !important;
}
 .pt50 {
     padding-top: 50px !important;
}
 .pt55 {
     padding-top: 55px !important;
}
 .pt60 {
     padding-top: 60px !important;
}
 .pt65 {
     padding-top: 65px !important;
}
 .pb0 {
     padding-bottom: 0px !important;
}
 , .pb5 {
     padding-bottom: 5px !important;
}
 .pb10 {
     padding-bottom: 10px !important;
}
 .pb15 {
     padding-bottom: 15px !important;
}
 .pb20 {
     padding-bottom: 20px !important;
}
 .pb25 {
     padding-bottom: 25px !important;
}
 .pb30 {
     padding-bottom: 30px !important;
}
 .pb35 {
     padding-bottom: 35px !important;
}
 .pb40 {
     padding-bottom: 40px !important;
}
 .pb45 {
     padding-bottom: 45px !important;
}
 .pb50 {
     padding-bottom: 50px !important;
}
 .pb55 {
     padding-bottom: 55px !important;
}
 .pl0 {
     padding-left: 0px !important;
}
 , .pl5 {
     padding-left: 5px !important;
}
 .pl10 {
     padding-left: 10px !important;
}
 .pl15 {
     padding-left: 15px !important;
}
 .pl20 {
     padding-left: 20px !important;
}
 .pl25 {
     padding-left: 25px !important;
}
 .pl30 {
     padding-left: 30px !important;
}
 .pl35 {
     padding-left: 35px !important;
}
 .pl40 {
     padding-left: 40px !important;
}
 .pl45 {
     padding-left: 45px !important;
}
 .pl50 {
     padding-left: 50px !important;
}
 .pl55 {
     padding-left: 55px !important;
}
 .pr0 {
     padding-right: 0px !important;
}
 , .pr5 {
     padding-right: 5px !important;
}
 .pr10 {
     padding-right: 10px !important;
}
 .pr15 {
     padding-right: 15px !important;
}
 .pr20 {
     padding-right: 20px !important;
}
 .pr25 {
     padding-right: 25px !important;
}
 .pr30 {
     padding-right: 30px !important;
}
 .pr35 {
     padding-right: 35px !important;
}
 .pr40 {
     padding-right: 40px !important;
}
 .pr45 {
     padding-right: 45px !important;
}
 .pr50 {
     padding-right: 50px !important;
}
 .pr55 {
     padding-right: 55px !important;
}
 .bl01 {
     border-bottom: 1px solid #d1d2d2;
}
/* Á¤·Ä°ü·Ã */
 .overflow {
     overflow: hidden;
}
 .pr {
     position: relative !important;
}
 .left {
     float: left !important;
}
 .right {
     float: right !important;
}
 .tleft {
     text-align: left !important;
}
 .tcenter {
     text-align: center !important;
}
 .tright {
     text-align: right !important;
}
 .writeText {
     border: 1px solid #ddd;
     width: 100%;
     height: 150px;
     padding: 15px;
     font-family: "Nanum Gothic", sans-serif;
     background: #fff;
     font-size: 14px;
     color: #666;
     line-height: 1.5;
     overflow-y: scroll;
}
 .writeText dl {
     margin-bottom: 25px;
     line-height: 1.7;
}
 .writeText dl dt {
     font-weight: bold;
}
 .em {
     font-weight: bold;
     color: #333;
     font-style: normal;
}
 .bold {
     font-weight: bold;
}
 .block {
     display: block !important;
}
 .inb {
     display: inline-block;
}
 .cb {
     position: relative;
     top: 2px;
}
 .sr-only {
     position: absolute;
     width: 1px;
     height: 1px;
     clip: rect(0 0 0 0);
     overflow: hidden;
}
 .pc_tc {
     text-align: center;
}
/*etc*/
 .backNone {
     background: none !important;
}
 .backDot {
     background: url("../images/common/dotLine.gif") repeat-x bottom;
}
 .dinb {
     display: inline-block !important;
}
 .disb {
     display: block !important;
}
 .tc {
     text-align: center !important;
}
 .tl {
     text-align: left !important;
}
 .tr {
     text-align: right !important;
}
 .vt {
     vertical-align: top !important;
}
 .fr {
     float: right !important;
}
 .fl {
     float: left !important;
}
 .brNone {
     border-right: 0 !important;
}
 .blNone {
     border-left: 0 !important;
}
 .btNone {
     border-top: 0 !important;
}
 .bbNone {
     border-bottom: 0 !important;
}
 .ptNone {
     padding-top: 0 !important;
}
 .pbNone {
     padding-bottom: 0 !important;
}
 .plNone {
     padding-left: 0 !important;
}
 .prNone {
     padding-right: 0 !important;
}
 .mtNone {
     margin-top: 0 !important;
}
 .mbNone {
     margin-bottom: 0 !important;
}
 .mlNone {
     margin-left: 0 !important;
}
 .mrNone {
     margin-right: 0 !important;
}
 .colorRed {
     color: #d10000 !important;
}
 .colorBlue {
     color: #005DAC !important;
}
 .colorGreen {
     color: #36893a !important;
}
 .colorWhite {
     color: #fff !important;
}
 .color555 {
     color: #555 !important;
}
 .color333 {
     color: #333 !important;
}
 .color111 {
     color: #111 !important;
}
 .disNone {
     display: none !important;
}
/*mtop*/
 #mTop {
     width: 52px;
     height: 52px;
     z-index: 99999;
     bottom: 50px;
     left: 50%;
     margin-left: 570px;
     position: fixed;
     display: none;
}
/*dot list*/
 .dotList > li {
     padding-left: 10px;
     background: url("../images/common/dot.gif") no-repeat left 13px;
     margin-bottom: 6px;
}
 .dotList > li > span {
     color: #111;
     display: inline-block;
}
/*num list*/
 .numList {
     margin-left: 30px;
}
 .numList > li {
     list-style-type: decimal;
}
/*line list*/
 .lineList > li {
     position: relative;
     padding-left: 15px;
}
 .lineList > li:before {
     content: "-";
     position: absolute;
     left: 0;
     top: 0;
}
/****************************** board default ***********************************/
 .sContents input, .sContents select, .sContents textarea {
     border: 1px solid #ddd;
     padding: 8px;
}
 #interContents input, #interContents select, #interContents textarea {
     border: 1px solid #ddd;
     padding: 10px;
}
 .checkTitle {
     font-size: 22px;
     color: #111;
     font-weight: 400;
     padding-left: 23px;
     background: url("../images/sub/checkpoint.gif") no-repeat left 5px;
     line-height: 100%;
     margin-bottom: 20px;
}
 .viewTitle {
     font-size: 24px;
     text-align: center;
     font-weight: 500;
     color: #333;
     padding: 25px 0;
     border-top: 1px solid #ddd;
     border-left: 1px solid #ddd;
     border-right: 1px solid #ddd;
}
/*board table*/
 .boardTable {
     width: 100%;
     border-top: 2px solid #666;
     border-collapse: collapse;
     margin-bottom: 10px;
}
 .boardTable th, .boardTable td {
     border: 1px solid #ddd;
     padding: 14px;
     line-height: 150%;
}
 .boardTable th {
     text-align: center;
     background: #fafafa;
     color: #111;
     font-weight: 400;
}
 .boardTable td > a:hover {
     color: #333;
}
 .boardTable td input, select, textarea {
     border: 1px solid #ddd;
     padding: 8px;
     font-size: 14px;
     margin-bottom: 0;
}
 .boardTable td textarea {
     border: 1px solid #ccc;
     width: 95%;
     padding: 5px 10px;
     vertical-align: middle;
}
 .boardTable td input.checkbox {
     width: auto;
     border: none;
     margin-bottom: 2px;
}
 .boardTable td input.check {
     width: auto;
     border: none;
}
 .boardTable td.subject {
     text-align: left;
     max-width: 0;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}
 .tableForm .boardTable tr td input.emailForm {
     width: 140px;
     margin-bottom: 5px;
}
 .tableForm .boardTable .phone select {
     width: 70px !important;
}
 .tableForm .boardTable .phone input {
     width: 60px !important;
}
 .joinTable td {
     text-align: left !important;
}
 .joinTable2 td {
     text-align: center !important;
}
 .download, .emailCheck {
     height: 42px !important;
     line-height: 42px !important;
     padding: 0 20px;
     font-size: 12px !important;
     font-weight: 400;
     color: #666 !important;
     text-align: center;
     display: inline-block;
     text-decoration: none !important;
     margin: 5px 0;
     border: 1px solid #d3d3d3;
}
 .download:hover, .emailCheck:hover {
     background: #f9f9f9;
     border: 1px solid #bbb;
     color: #368ccc !important;
}
 input.emailCheck {
     line-height: normal !important;
}
 .emailCheck {
     height: 34px;
     cursor: pointer;
}
/*gallery*/
 .gallery {
}
 .gallery > li {
     width: 24%;
     padding: 10px;
     border: 1px solid #ddd;
     float: left;
     margin: 0 1.33% 20px 0;
     box-sizing: border-box;
}
 .gallery > li.gLast {
     margin-right: 0;
}
 .gallery > li:hover {
     cursor: pointer;
     border: 1px solid #ccc;
     background: #fafafa;
}
 .gallery > li > ul {
}
 .gallery > li > ul > li > p {
     width: 100%;
     margin-bottom: 15px;
     background: #f9f9f9;
}
 .gallery > li > ul > li > p > img {
     width: 100%;
     height: 148px;
}
 .gallery > li > ul > li {
     font-size: 13px;
     text-align: center;
     color: #666;
}
 .gallery > li > ul > li.gTitle {
     margin-bottom: 10px;
}
 .gallery > li > ul > li.gTitle > a {
     font-size: 15px;
     font-weight: 400;
     color: #333;
     text-overflow: ellipsis;
     white-space: nowrap;
     word-wrap: normal;
     overflow: hidden;
     display: block;
}
/*°Ô½ÃÆÇ °Ë»ö*/
 .search {
     width: 100%;
     background: url("../images/common/search.png") no-repeat 30px #fbfbfb;
     border-top: 1px solid #ddd;
     border-bottom: 1px solid #ddd;
     padding: 15px 0 15px 45px;
     margin-bottom: 20px;
     box-sizing: border-box;
     display: inline-block;
     position: relative;
}
 .search .s01 {
     width: 55%;
     float: left;
}
 .search .s02 {
     width: 35%;
     float: right;
}
 .search input {
     width: 300px;
     height: 40px !important;
     border: 1px solid #ddd;
     display: block;
     float: left;
     margin-right: 5px;
     padding-left: 10px;
     margin-bottom: 0;
     box-sizing: border-box;
}
 .search select {
     width: 190px;
     height: 40px !important;
     border: 1px solid #ddd;
     float: left;
     margin-right: 5px;
     margin-bottom: 0;
}
 .search a {
     width: 90px;
     height: 39px;
     line-height: 37px !important;
     border: 1px solid #999;
     display: block;
     float: left;
     text-align: center;
     background: #aaa;
     color: #fff !important;
}
 .search a:hover {
     background: #777;
     border: 1px solid #666;
     text-decoration: none;
     color: #fff;
}
 .search .tt {
     height: 30px;
     display: block;
     float: left;
     margin-right: 20px;
     color: #333;
     text-shadow: 1px 0 0 #333;
     letter-spacing: 1px;
     font-size: 17px;
     padding: 10px 0 0 25px;
}
 .search .s02 select {
     float: right;
     width: 200px;
     margin-right: 15px;
}
 .old-ie .search {
     padding: 19px 0;
}
 .old-ie .search input {
     padding-top: 6px;
     height: 25px;
}
/*°Ô½ÃÆÇ ÆäÀÌ¡*/
 .PagingB {
     width: 100%;
     text-align: center;
     padding: 30px 0 50px;
     clear: both;
}
 .PagingB .Paging {
     width: 100%;
     text-align: center;
}
 .PagingB .Paging a {
     display: inline-block;
     width: 40px;
     height: 40px;
     line-height: 38px;
     border: 1px solid #ddd;
     margin-right: 3px;
     color: #777;
}
 .PagingB .Paging a:hover {
     border: 1px solid #aaa;
     background: #f5f5f5;
     text-decoration: none;
     cursor: pointer;
}
 .PagingB .Paging a.on {
     border: 1px solid #aaa;
     color: #555;
     font-weight: 400;
}
 .PagingB .Paging a.off {
     color: #cccccc;
     font-weight: normal;
}
 .PagingB .Paging a.off:hover {
     border: 1px solid #e9e9e9;
     background: #fff;
}
 .PagingB .Paging a.prev01_on, .PagingB .Paging a.prev02_on, .PagingB .Paging a.next01_on, .PagingB .Paging a.next02_on {
     border: 1px solid #cfcfcf;
     font-weight: normal;
}
 .PagingB .Paging a.prev01_on:hover, .PagingB .Paging a.prev02_on:hover, .PagingB .Paging a.next01_on:hover, .PagingB .Paging a.next02_on:hover {
     border: 1px solid #a8a6a6;
     background: #d2d2d2;
}
 .PagingB .Paging a.prev01_off, .PagingB .Paging a.prev02_off, .PagingB .Paging a.next01_off, .PagingB .Paging a.next02_off {
     border: 1px solid #cfcfcf;
     color: #999;
     font-weight: normal;
}
 .PagingB .Paging a.prev01_off:hover, .PagingB .Paging a.prev02_off:hover, .PagingB .Paging a.next01_off:hover, .PagingB .Paging a.next02_off:hover {
}
 .old-ie .PagingB .Paging a {
     height: 26px;
}
 #bContentArea {
     width: 100%;
     padding: 20px 0 30px 0;
     overflow: auto;
     min-height: 100px;
     border-bottom: 1px solid #ccc;
}
 #bContentArea p {
     margin-bottom: 5px;
}
 #pContentArea {
     width: 100%;
     padding: 30px 0;
     text-align: center;
     border-bottom: 2px dashed #ccc;
}
 #pContentArea p {
     width: 100%;
     padding: 0;
     margin: 0;
     text-align: center;
}
 #pContentArea img {
     width: auto;
}
 .workshopArea {
     border-bottom: 0 !important;
     padding-bottom: 0 !important;
}
/*·Î±×ÀÎ*/
 .loginWrap {
     padding: 50px 0;
     border-top: 2px solid #666;
     background: #f7f7f7;
}
 .loginWrap > p {
     width: 100%;
     height: 40px;
     line-height: 40px;
     font-size: 35px;
     text-shadow: 1px 0 0 #333;
     color: #333;
     margin-bottom: 40px;
     text-align: center;
     font-weight: 800;
     font-family: "NanumSquare";
}
 .loginWrap div.loginBox {
     width: 542px;
     margin: 0 auto;
     padding: 60px 80px 50px;
     background: #fff;
     border: 1px solid #ddd;
     text-align: center;
}
 .loginWrap div.loginBox:after {
     display: block;
     clear: both;
     content: "";
     height: 0;
}
 .loginWrap div.loginBox ul.login {
     float: left;
     margin-right: 10px;
}
 .loginWrap div.loginBox ul.login > li {
     margin-bottom: 10px;
}
 .loginWrap div.loginBox ul.login > li:last-child {
     margin-bottom: 0;
}
 .loginWrap div.loginBox ul.login > li > input {
     width: 240px;
     border: 1px solid #ddd;
}
 .loginWrap div.loginBox > a {
     width: 120px;
     height: 94px;
     line-height: 94px;
     text-align: center;
     color: #fff;
     font-size: 18px;
     font-weight: 400;
     background: #666;
     display: block;
     float: left;
}
 .loginWrap div.loginBox > a:hover {
     background: #444;
     text-decoration: none;
}
 .loginWrap .loginDotList {
     width: 550px;
     margin: 30px auto 0;
}
 .loginWrap .loginDotList > li {
     font-weight: 400;
     overflow: hidden;
     background: url("../images/common/dot.png") no-repeat left 12px;
     padding-left: 10px;
}
 .loginWrap .loginDotList > li > span {
     width: auto;
     display: block;
     float: left;
     color: #777;
}
 .loginWrap .loginDotList > li > a {
     color: #6e4a32;
     font-weight: 400;
     float: right;
     padding-right: 13px;
     background: url("../images/common/lnbDot.png") no-repeat right;
}
 .loginWrap .loginDotList > li > a:hover {
     color: #48230a;
}
/*ȸ¿ø°¡ÀÔ */
 .joinStep {
     margin: 0 auto 30px !important;
     text-align: center;
     overflow: hidden;
}
 .joinStep:after {
     height: 0;
     display: block;
     content: "";
     clear: both;
}
 .joinStep > li {
     width: 25%;
     float: left;
     border: 1px solid #ddd;
     padding: 25px 0;
     text-align: center;
     z-index: 1;
     position: relative;
     box-sizing: border-box;
}
 .joinStep > li:first-child {
     margin-left: 0;
}
 .joinStep > li.selected, .joinStep > li.on {
     color: #555;
     border: 1px solid #777;
     background: url("../images/common/joinStepBg.png") no-repeat left top;
     z-index: 2;
}
 .joinStep > li.selected > strong, .joinStep > li.on > strong {
     color: #111;
     font-weight: 500;
}
 .joinStep2 > li {
     width: 19.82%;
}
 .joinStep3 > li {
     width: 33.33%;
}
 .joinC .txt {
     width: 99%;
     border: 1px solid #ddd;
     overfliw-x: hidden;
}
 .joinC .txt iframe {
     width: 100%;
}
 .joinC .poCheck {
     margin-top: 15px;
     text-align: right;
     color: #333;
}
 .joinPolicy {
     padding: 25px 30px;
     line-height: 180%;
}
 .joinPolicy li, .joinPolicy strong, .joinPolicy p {
     font-size: 14px;
     line-height: 160%;
     font-family: "Noto Sans KR";
     color: #666;
     font-weight: 300;
}
/*°³ÀÎÁ¤º¸Ãë±Þ¹æħ*/
 .policyTxt {
     word-break: keep-all;
     padding: 30px;
     line-height: 160%;
}
 .policyTxt p.policyTitle {
     font-size: 22px;
     color: #333;
     font-weight: 600;
     margin-bottom: 20px;
     padding: 0 0 10px 0;
     border-bottom: 1px solid #ddd;
}
 .policyClose > a {
     width: 50px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     background: #bbb;
     font-size: 10px;
     font-weight: bold;
     color: #fff;
     position: absolute;
     top: 35px;
     right: 30px;
}
 .policyClose > a:hover {
     background: #999;
     text-decoration: none;
}
 .ruleNum > li > strong {
     color: #333;
}
 .signBox {
     padding: 25px;
     border: 1px solid #ddd;
}
/* Çмú´ëȸ ¾È³» ¹× ½Åû Tab*/
 .confeStep > li {
     width: 16.66%;
     padding: 15px 0;
}
 .confeStep > li.selected > a {
     color: #111;
     font-weight: 400;
}
/*ȸ¿ø°¡ÀÔ-°³ÀÎÁ¤º¸ µ¿ÀÇ*/
 .agree {
     padding: 25px 30px;
     height: 400px;
     overflow: auto;
}
 .agree strong {
     color: #333;
}
 .agree > p {
     color: #333;
}
 .agree ol > li {
     margin-bottom: 3px;
     list-style: decimal;
     margin-left: 20px;
}
/*³í¹®°Ë»ö*/
 .journalSearch {
     padding: 30px 0 30px 80px;
     color: #666;
     font-weight: 17px;
     font-weight: 400;
     border-top: 1px solid #ddd;
     border-left: 1px solid #ddd;
     border-right: 1px solid #ddd;
     overflow: hidden;
     background: url("../images/common/search.png") no-repeat 40px;
}
 .yearBtn {
     padding: 30px;
     border: 1px solid #ddd;
     background-size: 31px;
}
 .yearBtn > a {
     width: 90px;
     height: 30px;
     text-align: center;
     font-size: 14px;
     color: #666;
     display: inline-block;
     background: url("../images/common/footPolicyLine.gif") no-repeat right 7px;
}
 .yearBtn > a:hover {
     text-decoration: underline;
     font-weight: bold;
}
/*³í¹®Åõ°í*/
 .long {
     width: 95%;
}
 .displayByte {
     font-size: 13px;
     color: #888;
     text-align: right;
     margin-left: 40px;
}
 .article_width01 {
     width: 15%;
     min-width: 58px;
}
 .article_width02 {
     width: 10%;
}
 .article_width03 {
     width: 10%;
}
/*Åõ°í ÇöȲ*/
 .whether .whetherName {
     width: 100px;
     margin-bottom: 0px;
     margin-right: 4px;
}
 .whether .phone {
     width: 60px;
     margin-bottom: 0px;
}
/*board btn*/
 .boardBtn {
     margin-top: 30px;
     overflow: hidden;
}
 .boardBtn > a {
     width: 43px;
     height: 43px;
     border: 1px solid #d1d1d1;
     text-align: center;
     display: block;
     float: left;
}
 .boardBtn a.boardPN {
     padding-top: 13px;
     margin-right: 10px;
}
 .boardBtn a.board_list {
     width: 175px;
     line-height: 43px;
     font-weight: 400;
     padding: 0 20px 0 55px;
     background: url("../images/common/board_list.png") no-repeat 25px;
}
 .boardBtn > a:hover {
     border: 1px solid #bbb;
     background-color: #f5f5f5;
}
 .boardBtn span.boardPNOff {
     width: 43px;
     height: 27px;
     border: 1px solid #d1d1d1;
     text-align: center;
     display: block;
     float: left;
     padding-top: 13px;
     margin-right: 10px;
}
 .boardBtn span > img {
     opacity: 0.3;
     filter: alpha(opacity=30);
}
/*Çмú´ëȸ ¹öÆ°*/
 .conBtn {
     height: 50px;
     line-height: 50px !important;
     box-sizing: border-box;
     padding: 0 20px 0 70px;
     font-size: 13px !important;
     font-weight: 500 !important;
     display: inline-block;
     text-decoration: none !important;
     margin: 0 2px;
}
 .conProgram {
     background: url("../images/common/down_program.gif") no-repeat left #ebf1e2;
     border: 1px solid #bcc7ac;
     color: #7da04e !important;
}
 .conSche {
     background: url("../images/common/down_schedule.gif") no-repeat left #ede9f3;
     border: 1px solid #a897bf;
     color: #775b9c !important;
}
 .conMake {
     background: url("../images/common/down_poster.gif") no-repeat left #f3e9ea;
     border: 1px solid #c8a8ac;
     color: #ae787f !important;
}
/*¹öÆ°*/
 .btn {
     text-align: center;
     margin-top: 30px;
}
 .btn > a, .btn input, .add_del, .grayBtn {
     width: auto !important;
     display: inline-block;
     padding: 17px 30px !important;
     margin: 0 3px;
     font-weight: 400;
     color: #fff;
     text-align: center;
     cursor: pointer;
     text-decoration: none;
}
/*mypage*/
 .submissionBtn {
     height: 50px;
     line-height: 50px !important;
     padding: 0 30px 0 60px !important;
     border: 1px solid #555;
     display: inline-block;
     background: url("../images/common/pen.png") no-repeat 20px #666;
     font-size: 16px;
     color: #fff !important;
}
 .submissionBtn:hover {
     background-color: #444;
     border: 1px solid #333;
     text-decoration: none;
}
 .btn .cancel, .btn input.cancel {
     background: #999;
     color: #fff;
}
 .btn .cancel:hover, .btn input.cancel:hover {
     background: #777;
}
 .btn .delete, .btn input.delete {
     background: #666;
     color: #fff;
}
 .btn .delete:hover, .btn input.delete:hover {
     background: #444;
}
 .btn .next, .btn input.next {
     background: #555;
     color: #fff;
}
 .btn .next:hover, .btn input.next:hover {
     background: #333;
}
 .btn input.cancel {
     border: 1px solid #999 !important;
}
 .btn input.cancel:hover {
     border: 1px solid #777 !important;
}
 .btn input.delete {
     border: 1px solid #666 !important;
}
 .btn input.delete:hover {
     border: 1px solid #444 !important;
}
 .btn input.next {
     border: 1px solid #555 !important;
}
 .btn input.next:hover {
     border: 1px solid #333 !important;
}
 .paybtn {
     width: 120px;
     cursor: pointer;
     text-align: center;
     border: 1px solid #c8c8c8;
     color: #555;
     padding: 10px 0;
     font-weight: 400;
     margin: 2px 0;
}
 .paybtn:hover {
     border: 1px solid #888 !important;
     cursor: pointer;
     background: #999;
     color: #fff;
}
 .lineBtn {
     color: #555;
     border: 1px solid #ccc !important;
     font-weight: 300;
     padding: 11px;
     cursor: pointer;
     font-weight: 400;
}
 .lineBtn:hover {
     border: 1px solid #999 !important;
     color: #0f75bc;
}
 .add_del {
     border: 1px solid #bbb !important;
     background: #f9f9f9;
     color: #444 !important;
}
 .smallBtn {
     border: 1px solid #ccc;
     padding: 6px 0 !important;
     font-size: 13px !important;
     color: #406652;
     text-align: center;
     margin: 2px 0;
     cursor: pointer;
}
 .smallBtn:hover {
     border: 1px solid #aaa;
     color: #406652;
     font-weight: 400;
}
 .xbtn {
     display: inline-block;
     width: 20px;
     text-align: center;
     background: #ff6633;
     border: 1px solid #d0370f;
     color: #fff;
     font-weight: 400;
}
 .xbtn:hover {
     background: #d0370f;
     color: #fff;
}
/*motion*/
 .ani, .ani_all * {
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 .sContents input, .sContents select, .sContents textarea {
     border: 1px solid #ddd;
     padding: 7px;
     box-sizing: border-box;
}
 #interContents input, #interContents select, #interContents textarea {
     border: 1px solid #ddd;
     padding: 10px;
}
 .checkTitle {
     font-size: 18px;
     color: #333;
     font-weight: 500;
     margin-bottom: 15px;
     background: url("../images/sub/checkPoint.gif") no-repeat left 0px;
     padding-left: 25px;
}
 .viewTitle {
     font-size: 24px;
     text-align: center;
     font-weight: 500;
     color: #333;
     padding: 25px 0;
     border-top: 1px solid #ddd;
     border-left: 1px solid #ddd;
     border-right: 1px solid #ddd;
}
 .checkPoint {
     background: url("../images/common/checkPoint.gif") no-repeat left;
     padding-left: 25px;
}
 .formTxt {
     color: #888;
     font-size: 13px;
     display: block;
     margin-top: 5px;
}
 .down {
     padding: 17px 70px 17px 30px;
     border: 3px solid #444;
     text-decoration: none !important;
     background: url("/images/common/downBtn.png") no-repeat 93% -3px;
     display: inline-block;
     font-weight: 500 !important;
     color: #333 !important;
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
}
 .down:hover {
     background-position: 93% -73px;
     background-color: #444;
     color: #fff !important;
}
 .booking {
     padding: 17px 70px 17px 30px;
     border: 3px solid #444;
     text-decoration: none !important;
     background: url("/images/common/booking.png") no-repeat 93% -3px;
     display: inline-block;
     font-weight: 500 !important;
     color: #333 !important;
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
}
 .booking:hover {
     background-position: 93% -73px;
     background-color: #444;
     color: #fff !important;
}

.unbooking {
     padding: 17px 70px 17px 30px;
     border: 3px solid #888;
     text-decoration: none !important;
     background: url("/images/common/booking.png") no-repeat 93% -3px;
     background-color: #999;
     display: inline-block;
     font-weight: 500 !important;
     color: #555 !important;
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
}

 .downfile {
     padding: 17px 70px 17px 30px;
     text-align: center;
     border: 3px solid #444;
     text-decoration: none !important;
     background: url(/images/sub/downBtn.png) no-repeat 93% -5px;
     display: inline-block;
     font-weight: 500 !important;
     color: #333 !important;
     border-radius: 10px;
     -webkit-border-radius: 10px;
}
 .downfile:hover {
     background-position: 93% -74px;
     background-color: #444;
     color: #fff !important;
}
 .bListBtn {
     padding: 20px 0;
     overflow: auto;
}
 .bListBtn input {
     float: left;
     margin-right: 5px;
}
 .bListBtn input.right {
     float: right;
     margin-left: 5px;
}
 .bListBtn a {
     display: inline-block;
     float: left;
     border: 1px solid #dcdcdc;
     font-weight: 400;
     text-align: center;
     padding: 5px 20px;
     margin-right: 5px;
}
 .bListBtn a:hover {
     border: 1px solid #bbb;
     color: #333;
     background: #f5f5f5;
     text-decoration: none;
}
 .bListBtn a.right {
     float: right;
}
 input.confirmBtn {
     background: #0f75bc;
     color: #fff;
     border: 1px solid #0f75bc;
}
 input.confirmBtn:hover {
     color: #fff;
}
/* ¿µ¼öÁõ, Áõ¸í¼­*/
 #printWrap {
     width: 650px;
     border: 3px solid #aaa;
     margin: 0 auto;
}
 #printWrap div.printBox {
     width: 450px;
     font-size: 15px;
     color: #000;
     margin: 30px 100px;
}
 #printWrap div.printBox .printTable {
     width: 100%;
}
 #printWrap div.printBox .printTableBorder {
     border-top: 1px solid #999;
     border-bottom: 1px solid #999;
     padding: 30px 0;
}
 #printWrap div.printBox .printTable th, #printWrap div.printBox .printTable td {
     padding: 3px 0;
     font-size: 17px;
     font-weight: 400;
     text-align: left;
     color: #000;
}
 #printWrap div.printBox .printTable th {
     width: 100px;
}
 #printWrap div.printBox .printTable td {
     border: none;
}
 .txt25, .txt16, .txt40 {
     font-size: 25px !important;
     font-family: "Noto Sans KR" !important;
     font-weight: 500;
     color: #000;
}
 .txt16 {
     font-size: 16px !important;
}
 .txt40 {
     font-size: 40px !important;
}
 .txtUnline {
     width: 200px;
     font-family: "Noto Sans KR";
     border-bottom: 2px solid #666;
     margin: 0 auto;
}
 #printWrap div.printBox .bottomTxt {
     text-align: center;
     margin-top: 50px;
     font-size: 17px;
     font-weight: 400;
     font-family: "Noto Sans KR";
     color: #000;
     line-height: 160%;
}
 #printWrap div.printBox .bottomTxt > ul > li {
     padding-left: 15px;
     text-indent: -15px;
     margin-bottom: 12px;
     font-size: 17px;
     font-weight: 400;
     text-align: left;
     color: #000;
}
 #printWrap div.printBox .seal {
     text-align: center;
     font-size: 24px;
     font-weight: 700;
     color: #000;
     font-family: "Noto Sans KR";
     margin-top: 50px;
     padding-bottom: 10px;
     background: url("/images/common/seal.gif") no-repeat 280px top;
}
 .printYear {
     font-size: 16px;
     font-weight: 500;
     color: #000;
     font-family: Tahoma, Geneva, sans-serif;
     position: absolute;
     top: 30px;
     right: 30px;
     padding: 2px 15px;
     border: 1px solid #999;
}
 div.printTab {
     display: inline-block;
     margin: 10px 15px;
}
 div.printTab > a {
     height: 40px;
     line-height: 40px;
     padding: 0 25px;
     border: 1px solid #ccc;
     text-align: center;
     margin-left: -1px;
     display: block;
     float: left;
     font-size: 14px;
     position: relative;
     z-index: 1;
}
 div.printTab > a:first-child {
     margin-left: 0;
}
 div.printTab > a.on {
     line-height: 40px;
     border: 1px solid #666;
     background: #777;
     color: #fff;
     font-weight: 500;
     z-index: 2;
}
/*Receipt ÇÁ¸°Æ® _new*/
 #re_print {
     width: 700px;
     padding: 30px 30px 20px;
}
 #re_print > p {
     font-size: 23px;
}
 #re_print > p > span {
     display: inline-block;
     margin-right: 10px;
     color: #000;
}
 #re_print .print_new {
     width: 700px;
     margin-left: 0;
     margin-top: 40px;
}
 #re_print .print_new > div, #re_print .print_new > div > a {
     font-size: 14px;
}
 #re_print .print_new div.top {
     padding-bottom: 60px;
     margin-bottom: 30px;
     border-bottom: 1px solid #555;
}
 #re_print .print_new div.top > strong {
     font-size: 24px;
     font-weight: 600;
     color: #000;
     display: block;
     margin-bottom: 20px;
     line-height: 30px;
}
 #re_print .print_new div.middle {
     margin-bottom: 30px;
     min-height: 350px;
     border-bottom: 1px solid #555;
}
 #re_print .print_new div.middle > strong, #re_print .print_new div.bottom > strong {
     font-size: 17px;
     font-weight: 600;
     color: #000;
     display: block;
     margin-bottom: 15px;
}
 #re_print .print_new div.middle > table {
     margin-top: 20px;
}
 #re_print .print_new div.middle > p {
     text-align: right;
     font-size: 20px;
     font-weight: 600;
     color: #000;
     margin-top: 20px;
     padding-right: 20px;
}
 #re_print .print_new div.middle > p > span {
     display: inline-block;
     margin-right: 40px;
}
 \ .section input, .section select, .section textarea {
     border: 1px solid #ddd;
     padding: 8px;
}
 .ellipsis {
     white-space: nowrap;
     text-overflow: ellipsis;
    /* IE, Safari */
     -o-text-overflow: ellipsis;
    /* Opera under 10.7 */
     overflow: hidden;
    /* "overflow" value must be different from "visible" */
     -moz-binding: url("../css/ellipsis.xml#ellipsis");
}
/*.current.boardTable .ellipsis {
     white-space: normal;
}
*/
/*.current.boardTable .ellipsis > a {
     width: 100%;
     white-space: normal;
}
*/
/* All browsers */
 .placeholder {
     color: #aaa;
}
/* WebKit */
 ::-webkit-input-placeholder {
     color: #aaa;
}
/* Firefox 4 to 18 */
 :-moz-placeholder {
     color: #aaa;
}
/* Firefox 19+ */
 ::-moz-placeholder {
     color: #aaa;
}
/* Internet Explorer 10+ */
 :-ms-input-placeholder {
     color: #aaa;
}


ol.special {
  margin: 0;
  padding: 0
}
ol.special li {
  list-style: none;
  padding-left: 1.3em;
  text-indent: -1.3em;
}