/* common */
.caution{ background:#f3faff; box-sizing:border-box; }
.caution.st1{ padding:35px; }
.caution.st2{ padding:20px 30px 15px; }
.caution.st1 ul{ padding-left:110px; background:url(/img/common/caution_icon.png) no-repeat left center; }
.caution ul li{ font-size:16px; color:#5d5d5d; padding-left:20px; position:relative; line-height:1.87; }
.caution.st2 ul li{ color:#242424; }
.caution ul li:before{ content:''; display:block; width:7px; height:7px; background:#3e8ac5; position:absolute; left:0; top:50%; margin-top:-3px; }

table.st1{ border:1px solid #cecece; border-top:2px solid #247cbf; }
table.st1 th,
table.st1 td{ height:70px; text-align:center; font-size:16px; }
table.st1 td{ border-bottom:1px solid #cecece; color:#777; }
table.st1 td a{ display:block; text-align:left; padding:0 50px; box-sizing:border-box; color:#444; }

table{ border-top:2px solid #247cbf; border-left:1px solid #cecece; border-right:1px solid #cecece; }
table th,
table td{ height:90px; font-size:16px; border-bottom:1px solid #cecece; }
table:not(.st1) th{ width:225px; }
table th{ background:#f5f5f5; font-weight:500; color:#333; text-align:left; padding:0 30px; box-sizing:border-box; line-height:1.62; }
table td{ padding:0 20px; box-sizing:border-box; }
table .typeChk > p{ display:inline-block; vertical-align:top; margin-right:26px; }

tr.hidden{ display:none; }

.pagePd{ padding:80px 0 175px; }

.sub .topgroup {  padding:30px 0;  }
.sub .topgroup > *{ float:left; }
.sub .topgroup strong{ font-size:24px; font-weight:700; color:#242424; }
.sub .topgroup .mem_name{ font-size:16px; color:#282828; float:right;}
.sub .topgroup .mem_name span{ display:inline-block; color:#1a76bc; }
.sub .topgroup .mem_name span:before{ content:''; display:inline-block; vertical-align:-9px; width:30px; height:30px; background:url(/img/sub/person_icon.png) no-repeat 0 0 /cover; margin-right:5px; }

h2.pageTit{ text-align:center; font-size:36px; font-weight:700; color:#242424; border-bottom:1px solid #dfdedd; padding-bottom:70px;}

/* input */
input,button{ font-family: 'Noto Sans KR', sans-serif; outline:none; }
input[type="radio"],input[type="checkbox"]{ display:none; }
input[type="radio"] + label{ font-size:16px; font-weight:300; color:#707070; text-transform:uppercase; }
input[type="radio"] + label span{ display:inline-block; vertical-align:-1px; margin-right:5px; width:15px; height:15px; background:url(/img/common/radio_off.png) no-repeat 0 0 /cover; }
input[type="radio"]:checked + label span{background-image:url(/img/common/radio_chk.png); }

input[type="checkbox"] + label{ font-size:16px; font-weight:500; color:#282828; }
input[type="checkbox"] + label span{ display:inline-block; vertical-align:-4px; width:18px; height:18px; background:url(/img/common/chkbox_off.png) no-repeat 0 0 /cover; margin-right:10px; }
input[type="checkbox"]:checked + label span{ background-image:url(/img/common/chkbox_chk.png); }

input[type="text"],
input[type="password"],
select{ width:100%; border:1px solid #c5c5c5; height:50px; padding:0 15px; box-sizing:border-box; font-size:16px; color:#848383; }

select{ -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/img/common/select_arrow.png) no-repeat 95% center; }
select::-ms-expand { display: none; }

input.tel{ width:30%; } 
input[name="q_num"]{ border:none; }

.form-btn{ text-align:center; margin-top:60px; }
.form-btn button{ display:inline-block; width:278px; height:60px; border:none; margin:0 15px; cursor:pointer; font-size:18px; font-weight:700; }
.form-btn button.blue{ background:#1a76bc; color:#fff; }
.form-btn button.gray{ background:#f5f5f5; color:#545353; border:1px solid #e8e8e8; }

.typeChk{ padding:17px 20px !important; box-sizing:border-box; }
.typeChk p label,
.typeChkBx p label{ color:#707070; font-size:16px; font-weight:300; }
.typeChkBx > *{ padding:17px 0; display:none; }
.typeChkBx .zv{ padding-top:0; }
.typeChkBx .zv p{ width:19% !important; }
.typeChkBx .zvTit{ display:block; margin-bottom:10px; }
.typeChkBx p{ display:inline-block; width:24%; margin-bottom:13px; }
.typeChkBx p label span{ vertical-align:-4px; }
.typeChkBx .ppf-select input{ width:100%; }

.bdNo{ border:none !important; }  

.nope_message{ border:1px solid #cecece; height:370px; position:relative; }
.nope_message p{ position:absolute; top:50%; left:50%; transform:translate(-50.2%,-50.2%); font-weight:700; font-size:24px; color:#303030; padding-top:140px; background:url(/img/sub/no-result_icon.png) no-repeat center top; }

.pager{ text-align:center; margin-top:35px; }
.pager a{ display:inline-block; vertical-align:top; width:28px; height:34px; line-height:34px; text-align:center;  border:1px solid #dbdbdb; box-sizing:border-box; font-size:15px; color:#676767; }
.pager a.on{ background:#333; border-color:#333; color:#fff; }
.pager .arrow{ background:no-repeat center; }
.pager .arrow.first{ background-image:url(/img/common/arrow_first.png); }
.pager .arrow.prev{ background-image:url(/img/common/arrow_prev.png); }
.pager .arrow.next{ background-image:url(/img/common/arrow_next.png); }
.pager .arrow.last{ background-image:url(/img/common/arrow_last.png); }

.sch_bx{ background:#f5f5f5; border:1px solid #dcdcdc; }
.sch_bx form:after{ content:''; display:block; clear:both; }
.sch_bx form > div{ float:left; width:calc(100% - 180px); }
.sch_bx input{ height:35px; }
.sch_bx form .sch_type{ float:left; }
.sch_bx dl > *{ float:left; height:65px; display:table; }
.sch_bx dl > * > p{ display:table-cell; vertical-align:middle; }
.sch_bx dl dt{ width:135px; text-align:center; font-size:16px; color:#333; font-weight:500; }
.sch_bx .datepicker{ width:180px; background-color:#fff; background-size:auto 100%; padding-left:50px; }
.sch_bx button{ float:right; width:180px; height:65px; border:none; background:#3e8ac5; color:#fff; font-size:16px; font-weight:500; cursor:pointer; }



/* datapicker */
input.datepicker{ background:url(/img/sub/calendar_icon.png) no-repeat left center; padding-left:70px; box-sizing:border-box; }
#ui-datepicker-div{ background:#fff; width:330px; height:auto; overflow:hidden; font-family: 'Lato', sans-serif !important; }
.ui-widget-header{ border:none !important; background:none !important; padding:25px 0 !important; box-sizing:border-box; }
.ui-datepicker .ui-datepicker-title{ font-weight:700 !important; font-size:18px !important; color:#242424 !important; font-family: 'Lato', sans-serif !important; line-height:1 !important; }
.ui-datepicker table{ border:none !important; }
.ui-datepicker th{ height:auto !important; width:auto !important; box-sizing:border-box; font-weight:700 !important; font-size:16px !important; color:#1a76bc !important; background:#f3faff !important; font-family: 'Lato', sans-serif !important; }
.ui-datepicker td{ height:35px !important; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{ border:none !important; background:none !important; font-size:16px !important; color:#697685 !important; font-family: 'Lato', sans-serif !important; text-align:center !important; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{ top:21px !important; }


#login{ position:fixed; width:100%; height:100%; top:0; left:0; background:url(/img/sub/login_bg.jpg) no-repeat right center /cover; }
#login .inner{ display:table; height:100%; }
#login .loginform{ display:table-cell; vertical-align:middle; text-align:center; }
#login .loginform > div{ width:420px; display:inline-block; }
#login .loginform .logo{ margin-bottom:40px; text-align:right; padding-right:28px; box-sizing:border-box; }
#login .login_info{ text-align:left; }
#login .login_info p{ margin-bottom:15px; }
#login .login_info p span{ display:inline-block; vertical-align:middle; }
#login .login_info p .tit{ width:50px; font-size:24px; font-weight:700; color:#fff; text-transform:uppercase; text-align:left; }
#login .login_info .input,
#login button,
#login .loginMenu{ width:calc(100% - 54px); }
#login .login_info .input input{ width:100%; height:50px; box-sizing:border-box; border:1px solid rgba(255,255,255,.7); background:rgba(29,29,29,.7); color:#fff; font-size:16px; font-weight:500; padding:0 15px; }
#login button{ margin-left:54px; background:#1a76bc; height:50px; color:#fff; font-size:18px; font-weight:700; cursor:pointer; border:none; }
#login .loginMenu{ margin:20px 0 0 54px; padding-top:15px; border-top:1px solid rgba(255,255,255,.5); }
#login .loginMenu a{ display:inline-block; font-size:14px; font-weight:500; color:#fff; padding-left:12px; position:relative; margin:0 8px; }
#login .loginMenu a:before{ content:''; display:block; width:4px; height:4px; border-radius:50%; background:#fff; position:absolute; left:0; top:5px; }

#notice_view .board table{ border-left:none; border-right:none; border-bottom:none; }
#notice_view .board table th{ text-align:center; font-size:20px; padding:35px 0; }
#notice_view .board table td{ border-bottom:none; }
#notice_view .board table .view_info{ margin:23px 0; }
#notice_view .board table .view_info .file{ float:left; font-size:14px; color:#444; }
#notice_view .board table .view_info > div{ float:right; }
#notice_view .board table .view_info > div > p{ display:inline-block; vertical-align:top; margin-left:25px; font-size:14px; font-weight:700; color:#222; }
#notice_view .board table .view_info > div > p span{ font-weight:400; display:inline-block; margin-left:10px; }
#notice_view .board table .content{ min-height:350px; padding:45px 20px; box-sizing:border-box; text-align:center; font-size:18px; font-weight:500; line-height:1.66; color:#333; }
#notice_view .reply table{ border-top:1px solid #d8d8d8; border-right:none; border-left:none; }
#notice_view .reply table th{ text-align:center; }
#notice_view .reply table th,
#notice_view .reply table td{ height:60px; border-bottom:1px solid #d8d8d8; font-size:16px; color:#333; }
#notice_view .reply table td{ padding:0 30px; box-sizing:border-box; }
#notice_view .reply table td a{ font-size:16px; color:#333; }
#notice_view .btn{ text-align:right; margin-top:40px; }
#notice_view .btn a{ background:#585959; color:#fff; font-weight:500; font-size:16px; display:inline-block; width:175px; height:55px; line-height:55px; text-align:center; }

#mypage table th{ color:#282828;  }
#mypage table td{ padding:17px 20px; box-sizing:border-box; }

#pub .board1 table{ border-top:none; }
#pub .board1 table th,
#pub .board1 table td{ border-top:1px solid #cecece; border-bottom:1px solid #cecece; }
#pub .board1 table th{ border-left:2px solid #247cbf; color:#1a76bc; text-align:center; }
#pub .board1 table td{ padding:18px; box-sizing:border-box; border-right:1px solid #cecece; }
#pub .board2{ margin-top:20px; }
#pub .board2 table th,
#pub .board2 table td,
#pub .board3 table th,
#pub .board3 table td{ height:90px; border-bottom:1px solid #cecece; }
#pub .board2 table td,
#pub .board3 table td{ padding:0 20px; box-sizing:border-box; }
#pub .board3{ margin-top:20px; }
#pub .caution.st1{ border:1px solid #cecece; border-top:none; }

#join{ padding-top:0; }
#join .top{ text-align:center; padding:25px 0; border-bottom:1px solid #cfcfcf; }
#join .joinformwrap{ margin-top:80px; }
#join h2{ border-bottom:none; }
#join .privacy_chk{ margin-top:20px; }
#join .privacy_chk > p{ margin-bottom:15px; }
#join .privacy_chk .privacy_box{ height:160px; overflow-y:auto; border:1px solid #ccc; box-sizing:border-box; padding:20px; font-size:14px; font-weight:300; color:#a4a4a4; line-height:2; }
#join .privacy_chk .privacy_box strong{ font-weight:500; }
#join .privacy_chk .privacy_box p { margin:18px 0 0 0; color:#a4a4a4; line-height:24px; }
#join .privacy_chk .privacy_box p:nth-child(1){ margin:0; }
/* 0722추가 css */
#join input[name="m_id"]{ width:80%; }
#join input[name="m_id"] + input[type="button"]{ height:50px; width:19.4%; font-size:16px; }
/* 0812추가 css */
#join .tooltip{ position:relative; }
#join .tooltip em{ cursor:pointer; display:inline-block; font-size:15px; font-weight:500; color:#fff; background:#247cbf; width:20px; height:20px; line-height:20px; text-align:center; border-radius:50%; margin-left:5px; }
#join .tooltip .tooltip_bx{ display:none; position:absolute; min-width:400px; background:#efefef; top:50%; left:80%; padding:15px; border:1px solid #ccc; border-top:2px solid #247cbf; z-index:9; }
#join .addr1{ width:50%; }
#join .addr2{ width:9.5%; border:none; height:50px; border-radius:0; font-size:16px; }
#join .addr4{ margin-top:5px; }
#join .city td p{ display:inline-block; vertical-align:middle; width:24%; margin:5px 0; }
#join .city label{ font-size:16px; color:#707070; font-weight:300; }

#lookup .board{ margin-top:30px; }
#lookup .board1 table{ border-top:1px solid #cecece; }
#lookup .board1 table th,
#lookup .board1 table td{ border-top:1px solid #cecece; border-bottom:1px solid #cecece; }
#lookup .board1 table th{ border-left:2px solid #247cbf; color:#1a76bc; text-align:center; }
#lookup .board1 table td{ padding:18px; box-sizing:border-box; border-right:1px solid #cecece; }
#lookup .board2 table td{ line-height:1.5; }
#lookup .print{ margin-top:20px; text-align:right; }
#lookup .printBtn { font-size:16px; color:#1a76bc; }
#lookup .printBtn *{ display:inline-block; vertical-align:middle; } 

#result_list .code input[type="text"]{ border:none; }
/*#result_list table{ margin-top:20px; }*/
#result_list table th,
#result_list table td{ text-align:center; }
#result_list table td{ padding:0 10px; }
#result_list table td a{ color:#222; font-weight:500; }
#result_list table input[type="checkbox"] + label{ color:#666; }

#order_list .nope_message{ margin-top:0; }
#order_list .order_tbl .tit{ display:block; font-size:#444; text-align:left; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; padding:0; }
#order_list .order_tbl .btn{ display:inline-block; width:83px; height:34px; line-height:34px; text-align:center; color:#fff; font-size:15px; }
#order_list .order_tbl .btn a{ display:block; line-height:34px; color:#fff; font-size:15px; padding:0; text-align:center; }
#order_list .order_tbl .btn a:after{ display:none; }
#order_list .order_tbl .btn.mod{ background:#3e8ac5; }
#order_list .order_tbl .btn.fin{ background:#b0b0b0; }

#order table .align_st1 .align_wrap{ text-align:center; width:800px; margin:0 auto; }
#order table .align_st1 .type-cont{ display:inline-block; text-align:left; }
#order table .align_st1 .type-cont:nth-child(1){ width:270px; }
#order table .align_st1 .type-cont:nth-child(2){ width:350px; }
#order table .align_st1 .type-cont:nth-child(3){ width:170px; }
#order table .align_st1 .type-cont > p,
#order table .type3 p{ display:inline-block; }
#order table .align_st1 .type-cont .count,
#order table .type3 p{ border:1px solid #c5c5c5; margin-left:10px; padding-right:10px; box-sizing:border-box; }
#order table .align_st1 .type-cont .count input[type="text"]{ border:none; width:45px; }
#order table .align_st1 label{ font-weight:300; font-size:16px; color:#282828; }
#order table tr.type{ display:none; }
#order table .type1 td{ height:auto; padding:0; }
#order table .type1 dl{ float:left; width:20%; border-right:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box; }
#order table .type1 dl > *{ float:left; width:50%; height:60px; display:table; }
#order table .type1 dl > * span{ display:table-cell; vertical-align:middle; text-align:center; }
#order table .type1 dl > * span input[type="text"]{ border:none; display:inline-block; vertical-align:0; width:70px; height:60px; text-align:right; color:#282828; font-size:18px; font-weight:500; }
#order table .type1 dl dt{ background:#f5f4f4; color:#282828; }
#order table .type1 dl dd{ color:#282828; }
#order table .type3 td{ text-align:center; }
#order table .type3 input[type="text"]{ width:100px; border:none;}
#order .br_n{ border-right:none !important; }
#order .bb_n{ border-bottom:none !important; }

#order_detail table td p{ line-height:1.3; }
#order_detail.confirm .form-btn button{ color:#fff; }
#order_detail.confirm .form-btn button.prev{ background:#aaa; }
#order_detail.confirm .form-btn button.ok-btn{ background:#1a76bc; }


/* login */
.login{ background: url("/img/sub/bg_login.jpg") no-repeat center center / cover; padding: 211px 0; }
.login .innerBox{ max-width: 420px; margin: 0 auto; }
.login .pl{ padding-left: 55px; }
.login h1{ text-align: center; margin-bottom: 40px; }
.login dl{ display: grid; grid-template-columns: 55px calc(100% - 55px); align-items: center; margin-bottom: 15px; }
.login dl dt{ font-size: 24px; font-weight: 600; color: #333; }

.login input{ width: 100%; height: 50px; background: #FFF; border: none; border-radius: 0; -webkit-border-radius: 0; }
.login button{ width: 100%; height: 50px; background: #1A76BC; border: none; font-size: 18px; font-weight: 500; color: #FFF; }

.login ul{ display: flex; justify-content: center; align-items: center; border-top: 1px solid #555; margin-top: 20px; }
.login ul li:not(:last-of-type){ margin-right: 20px; }
.login ul li a{ display: inline-block; font-size: 14px; font-weight: 500; color: #555; line-height: 1.3; padding: 13px 0; padding-left: 13px; position: relative; }
.login ul li a::before{ content: ""; width: 4px; height: 4px; background: #555; border-radius: 50%; position: absolute; top: calc((1.3em + 26px) / 2); left: 0; transform: translateY(-50%); }