@charset "UTF-8";
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 200;
    src: url(/font/NotoSansKR-Light.woff2) format('woff2'),
    url(/font/NotoSansKR-Light.woff) format('woff'),
    url(/font/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url(/font/NotoSansKR-Regular.woff2) format('woff2'),
    url(/font/NotoSansKR-Regular.woff) format('woff'),
    url(/font/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url(/font/NotoSansKR-Medium.woff2) format('woff2'),
    url(/font/NotoSansKR-Medium.woff) format('woff'),
    url(/font/NotoSansKR-Medium.otf) format('opentype');
}

@font-face{
    font-family : 'anton';
    font-style : normal;
    font-weight : 400;
    src : url(/font/Anton-Regular.otf) format('opentype');
    unicode-range : U+0041-005A U+0061-007A;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,textarea,button{border:0 none;background-color:transparent;-webkit-appearance:none;vertical-align:top}
select,button{cursor:pointer}
select{border:0 none;vertical-align:top}
textarea{border:1px solid #e0e0e0}
input::-ms-clear {display:none}
button span{position:relative}
body,h1,h2,h3,h4,th,td,input,select,textarea,button {font-size:12px;font-weight:400;color:#424242;font-family:'Noto Sans KR',Dotum, '돋움', AppleSDGothicNeo, sans-serif;line-height:1.5}
a {color:#000;text-decoration:none}
a:hover {text-decoration:none}
a:active {background-color:transparent}
img{vertical-align:top}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
header,main,aside,article,footer {display:block}
table{/*width:100%;*/border-collapse:collapse}
caption{display: block;height: 0px;overflow: hidden;font-size:0;line-height: 0;margin-top: 0;color: transparent;visibility:hidden;}
.blind{overflow: hidden;position: absolute;top: 0;left: auto;clip: rect(0,0,0,0);width: 1px;height: 1px;padding: 0;border: 0;}

/* skip */
.skip{position:absolute;left:0;top:-100px}
.skip:active,.skip:focus{top:0;right:0;z-index:10;background-color:#000;color:#fff;font-size:18px;line-height:3em;text-align:center}

/* sp */
.layer_pop .btn_x,.paging .p_btn,.input_srh_box .btn_srh span,.lnb .btn_toggle:after,.lnb .btn_toggle.on:after{overflow:hidden;display:inline-block;background-image:url(/images/new/ico/sp_ico.png);background-repeat:no-repeat;text-indent:-9999px;vertical-align:top}

/** FORM **/
/* checkbox */
input[type="checkbox"]{display:none;}
input[type="checkbox"] + label{display:inline-block;width:16px;height:16px;border:1px solid #d2d2d2;background-color:#fff;vertical-align:top; position : absolute; top : 50%; left : 50%; transform : translate(-50%, -50%);}
input[type="checkbox"]:checked + label:after{content: '\2714';font-size:12px;display: inline-block;position:relative;top: -2px;}
input[type="radio"]{display:none;}
input[type="radio"] + label{display:inline-block;width:16px;height:16px;border:1px solid #d2d2d2;background-color:#fff;vertical-align:top}
input[type="radio"]:checked + label:after{content: '\2714';font-size:12px;display: inline-block;position:relative;top: -2px;}
/* text */
input[type="text"] + .select_box{margin-left:2px}
.select_box{display:inline-block;/*width:100px;*/vertical-align:top; position : relative;}
.select_box select{width:100%;height:32px;padding:4px 8px 4px 8px;border:1px solid #dbdbdb;font-size:13px;line-height:32px;}
.selectBox select{width:100px; height:32px;padding:4px 8px 4px 8px;border:1px solid #dbdbdb;font-size:13px;line-height:32px;}
.select_box::after{content : ""; position : absolute; display : block; width : 24px; height : 24px; top : 50%; right : 3px; background : url(/images/new/arrow/arrow_select_down.png) no-repeat #fff center center / contain; transform : translateY(-50%);}

.input_check_box{font-size: 13px;padding: 5px 7px 6px 10px; border: 1px solid #dbdbdb; box-sizing : border-box; position : relative}
.input_srh_box{font-size: 13px;/* padding: 5px 10px 6px 10px; border: 1px solid #dbdbdb; */box-sizing : border-box; position : relative;}
.input_srh_box.readonlyCondition{color : #8F8F8F;}

.calendar_box + input[type="text"]{/*margin-left:2px*/}
.input_srh_box + input[type="text"]{/*margin-left:2px*/}
input[type="text"]{display : block; width : 100%;height:30px;padding:0 5px;border:1px solid #dbdbdb;font-size:13px;line-height:30px; box-sizing : border-box;}
input[type="text"].txt_cen{text-align:center;}
input[type="text"] + .input_srh_box{/*margin-left:2px*/}
.input_srh_box{display:inline-block;position:relative;vertical-align:top}
/* .input_srh_box input[type="text"]{width:57px;padding:0 31px 0 10px} */
.input_srh_box .btn_srh{position:absolute;right:0;top:0;padding:7px 9px}
.input_srh_box .btn_srh span{width:15px;height:15px;background-position:-60px -30px;vertical-align:top}
.search_wrap .input_srh_box{padding: 5px 7px 6px 10px; border: 1px solid #dbdbdb; display : inline-flex; align-items : center; justify-content : space-between; box-sizing : border-box; height : 32px;}
.search_wrap .input_srh_box input[type="text"]{border-style : none; padding : 0;}
.search_wrap input[type="checkbox"] + label{left : auto; right : 7px; transform : translate(0, -50%);}

.mr8{margin-right:8px!important;}
.w_68{width:68px;}
.w_74{width:74px;}
.w_78{width:78px}
.w_87{width:87px}
.w_88{width:88px}
.w_94{width:94px;}
.w_96{width:96px;}
.w_100{width:100px;}
.w_113{width : 113px;}
.w_120{width:120px}
.w_126{width:126px;}
.w_128{width:128px;}
.w_152{width:152px;}


::-webkit-input-placeholder{color:#333}
::-moz-placeholder{color:#333}
:-ms-input-placeholder{color:#333}
:-moz-placeholder{color:#333}
::placeholder{color:#333}

/* lnb */
.lnb_wrap{float:left;min-width:205px;width:232px; height : 718px; border:1px solid #1E1EA4}
.lnb_wrap .lnb_title{background-color:#1E1EA4;color:#fff;font-size:24px;text-align:center;line-height:90px}
.lnb_wrap .lnb{color:#000}
.lnb_wrap .lnb > li{border-bottom:1px solid #e5e5e5;line-height:50px}
.lnb_wrap .lnb > li > a{position:relative;display:block;height:40px;padding:0 20px;font-weight:500;color:#333;font-size:14px;letter-spacing:-1.0px;text-align:left;line-height:40px}
.lnb_wrap .lnb > li > a.on{color:#1E1EA4}
.lnb_wrap .lnb > li .btn_toggle{position:relative;display:block;width:100%;padding:10px 20px 9px;font-weight:500;font-size:14px;letter-spacing:-1.0px;text-align:left}
.lnb_wrap .lnb .btn_toggle span{display:block;position:relative;}
.lnb_wrap .lnb .btn_toggle.on{color:#1E1EA4;}
.lnb_wrap .lnb .btn_toggle:after{content:'';position:absolute;top:50%;right:20px;width:10px;height:10px;margin-top:-5px;background-position:-77px -34px}
.lnb_wrap .lnb .btn_toggle.on:after{content:'';width:10px;height:2px;margin-top:-1px;background-position:-77px -30px}
.lnb_wrap .lnb .btn_toggle.on + .lnb_sub{display:block}
.lnb_wrap .lnb_sub{display:none;padding:9px 0;border-top:1px solid #e5e5e5;background-color:#f7f7f7}
.lnb_wrap .lnb_sub.on{display:block;color:#1E1EA4}
.lnb_wrap .lnb_sub a{display:block;padding:0 30px;color:#999;font-size:14px;line-height:1.4;}
.lnb_wrap .lnb_sub li:not(:last-child){margin-bottom : 12px;}
.lnb_wrap .lnb_sub a.on{color:#1E1EA4; font-weight : 500;}

/* title */
.page_title{padding: 0 0 16px;border-bottom:1px solid #DBDBDB;font-size:38px; line-height : 1.37;}
.section_title{padding:13px 0;color:#333;font-size:24px}

/* 달력 */
/* .select_box + .calendar_box{margin-left:2px;} */
.select_box + .select_box{/*margin-left:4px*/}
.date_input{display:inline-block;position:relative;/*width:100px*/}
.date_input:first-child{position:relative;}
.date_input:first-child:after{content:'';position:absolute;right:-10px;top:50%;width:6px;height:1px;background-color:#dbdbdb}
.date_input.no_after:after{content: none;}
.date_input input{width:100%;height:32px;font-size:13px;box-sizing:border-box;line-height:32px;/*-webkit-margin-before: -14px;*/}
.date_input .ui-datepicker-trigger{position:absolute;right:5px;top:50%;width:18px;height:17px; transform : translateY(-50%); /*-webkit-margin-before: -15px;*/}
.date_input .readonlyCondition{color: #8F8F8F; position : relative;}
.date_input input.readonlyCondition ~ img{width : 24px; height : 24px;}


/** layer popup **/
.dim{position:fixed;left:0;top:0;width:100%;height:100%;background: #000;opacity: 0.6;filter:alpha(opacity=70); z-index : 1;}
.layer_pop_wrap{display:none;position:fixed;left:0;top:0;width:100%;height:100%}
.layer_pop_wrap .layer_pop{min-width:550px;position:absolute;left:0;top:0}
.layer_pop_wrap .layer_pop input[type="text"]::-webkit-input-placeholder{color:#999}
.layer_pop_wrap .layer_pop input[type="text"]::-moz-placeholder{color:#999}
.layer_pop_wrap .layer_pop input[type="text"]:-ms-input-placeholder{color:#999}
.layer_pop_wrap .layer_pop input[type="text"]:-moz-placeholder{color:#999}
.layer_pop_wrap .layer_pop input[type="text"]{color:#999}
.layer_pop_wrap .btn_wrap{padding-top:30px;text-align:center}
.layer_pop_wrap .btn_close{width:160px;height:46px;border:1px solid #1E1EA4;color:#1E1EA4;font-size:18px}
.layer_pop_wrap .btn_save{width:160px;height:46px;background-color:#1E1EA4;color:#fff;font-size:18px}
.layer_pop_wrap .btn_close + .btn_save{margin-left:10px}
.layer_pop .pop_header{padding:25px 30px;background-color:#f7f7f7}
.layer_pop .pop_header .title{font-size:26px;font-weight:400;color:#333}
.layer_pop .pop_header2{padding:25px 30px;background-color:#f7f7f7}
.layer_pop .pop_header2 .title{font-size:20px;font-weight:400;color:#333}
.layer_pop .pop_cont{padding:40px 30px;background-color:#fff}
.layer_pop .btn_x{position:absolute;right:30px;top:33px;width:25px;height:24px;background-position:-60px 0}
/* 영업점 선택 */
#shop_choice .layer_pop{width:520px}
#shop_choice .layer_pop .pop_header{padding:25px 30px 39px}
#shop_choice .layer_pop .pop_search{margin-top:19px}
#shop_choice .layer_pop .pop_search:after{content:'';display:block;clear:both}
#shop_choice .layer_pop .pop_search input[type="text"]{float:left;width:290px;height:46px;padding:0 19px;background-color:#fff;font-size:18px;font-weight:200;line-height:46px}
#shop_choice .layer_pop .pop_search .btn_search{float:left;width:120px;height:48px;margin-left:10px;background-color:#1E1EA4;color:#fff;font-size:18px;line-height:48px;text-align:center}
#shop_choice .layer_pop .pop_cont .lst{border-top:1px solid #4d4d4d; max-height: 300px; overflow-y: scroll}
#shop_choice .layer_pop .pop_cont .lst li{padding:13px 0;border-bottom:1px solid #e6e6e6;font-size:16px}
#shop_choice .layer_pop .pop_cont .lst li span:first-child{display:inline-block;margin-right:9px;color:#999;font-size:16px}
/* 영업점 입력 */
#shop_input .layer_pop .input_srh_box input[type="text"]{width:111px}

/* 그래프 */
.graph_wrap{overflow:hidden;margin-top:22px}
.graph_wrap .inr{width:930px;margin-left:-40px}
.graph_wrap .inr:after{content:'';display:block;clear:both}
.graph_box{float:left;width:425px;position:relative;margin:29px 0 0 40px}
.graph_box.type_w_long{min-width:890px}
.graph_box:first-child{margin-top:0}
.graph_box .total{position:absolute;right:0;top:20px;font-size:16px}

.graph_wrap_indemn{overflow:hidden;margin-top:22px}
.graph_wrap_indemn .inr{width:98%;margin-left:-40px}
.graph_wrap_indemn .inr:after{content:'';display:block;clear:both}
.graph_box_indemn{float:left;width:44%;position:relative;margin:29px 0 0 40px}
.graph_box_indemn.type_w_long{min-width:95%}
.graph_box_indemn:first-child{margin-top:0}
.graph_box_indemn .total{position:absolute;right:0;top:20px;font-size:16px}

/* layout */
.wrap{min-width:1140px;}
.container_inr{width:calc(100% - 30px); padding: 72px 0 60px; margin : 0 auto;}
.container_inr:after{content:'';display:block;clear:both}
.content{position:relative;width:98%;margin:0 auto}
.lnb_wrap + .content{float:right;width:calc(100% - 232px - 72px);}
/* header */
.header{box-shadow:0px 0 10px #dcdcdc}
.header .inner{position:relative;width:1140px;margin:0 auto}
.header .logo{position:absolute;top:20px;left:0}
.header .logo a{display:block}
.header .gnb{width:607px;margin:0 auto;padding:29px 0}
.header .gnb:after{content:'';display:block;clear:both}
.header .gnb li{float:left;margin-left:76px}
.header .gnb li:first-child{margin-left:0}
.header .gnb li.active{border-bottom:4px solid #1E1EA4}
.header .gnb li.active a{color:#1E1EA4;font-weight:bold}
.header .gnb a{display:block;height:29px;color:#333;font-size:18px}
.header .util{position:absolute;top:33px;right:0}
.header .util:after{content:'';display:block;clear:both}
.header .util a{float:left;width:90px;height:24px;margin-left:10px;border:1px solid #ccc;color:#666;font-weight:200;text-align:center;line-height:24px}
.header .util a:first-child{margin-left:0}
/* footer */
.footer{margin-top:101px;border-top:1px solid #f0f0f0;background-color:#f7f7f7}
.footer .family_site{border-bottom:1px solid #f0f0f0}
.footer .family_site ul{width:1140px;margin:0 auto;padding:10px 0}
.footer .family_site ul:after{content:'';display:block;clear:both}
.footer .family_site li{float:left;margin-left:30px}
.footer .family_site li:first-child{margin-left:0}
.footer .family_site a{display:block;width:100px;height:40px}
.footer .inner{width:1140px;margin:0 auto;padding:16px 0 30px}
.footer .address{color:#666;font-size:14px;font-weight:200}
.footer .address span{display:inline-block;margin-left:11px}
.footer .address span:first-child{margin-left:0}
.footer .copy{color:#666;font-size:14px;font-weight:200}

/* visual */
.visual{overflow:hidden;width:100%;background-repeat:no-repeat;background-position:50% 0;background-size:cover;}
.visual .visual_copy{width:1140px;margin:97px auto 0;text-align:center}
.visual .visual_copy span{display:block;color:#fff;font-size:22px;font-weight:200;text-align:center}
.visual .visual_copy p{margin-top:5px;color:#fff;font-size:60px;font-weight:200;text-align:center;line-height:66px}
.visual .visual_copy .btn_request{display:inline-block;width:200px;height:50px;margin-top:36px;border-radius:4px;background-color:#1E1EA4;color:#fff;font-size:20px;text-align:center;line-height:50px}

/* 검색 */
.search_wrap{position:relative;margin-top:29px;padding:23px 25px;border:1px solid #ccc;box-shadow:0px 3px 4px rgba(0, 0, 0, 0.1); display : flex; align-items : center; justify-content : space-between;}
/* .search_wrap.radiusS{border-radius : 3px;} */
.search_wrap.removeRadius{border-radius : 0;}
.search_wrap > div{display : inline-flex; align-items : center; justify-content : flex-start; gap : 0 8px;}
.search_wrap .leftBox{gap : 0 4px;}
.search_wrap .gap16{gap : 0 16px;}
.search_wrap .rightBox{gap : 0 8px;}
.search_wrap .btn_search{display : inline-flex; align-items : center; justify-content: center; width:100px;height:32px;background-color:#1E1EA4;color:#fff;font-size:14px;line-height:32px}
.search_wrap .btn_search.btnSmall{width : 90px;}
.search_wrap .btn_search.btnMinimum{width : 80px;}
.search_wrap .rightBox button:last-child{width : 96px;}
.afterWave{position :relative;}
.afterWave::after{content : "~"; display : block; position : absolute; top : 50%; right : -8px; transform : translate(100%, -50%);}

/* table */
.search_wrap + .tbl_list{margin-top:16px; overflow-x : scroll;}
.search_wrap + .tbl_list table{min-width : 100%; white-space : nowrap;}
.tbl_list caption{display:table-caption;height:auto;line-height:normal;visibility:visible}
.tbl_list caption .cap_tit{display:block;padding:18px 0;text-align:left;color:#333;font-size:14px}
.tbl_list th{padding:13px 0px;border-top:1px solid #666;background-color:#f7f7f7;color:#666;font-size:14px}
/* .search_wrap + .tbl_list table:last-child th,
.search_wrap + .tbl_list table:last-child td{box-sizing : unset;}
.search_wrap + .tbl_list table:last-child th:first-child,
.search_wrap + .tbl_list table:last-child td:first-child{width : 18px;}
.search_wrap + .tbl_list table:last-child th:nth-child(3),
.search_wrap + .tbl_list table:last-child td:nth-child(3){width : 5.1%;} */
/* .tbl_list table:first-child tr:last-child td{border-bottom:1px solid #666;} */
.tbl_list table.fixedTable{table-layout : fixed;}
.tbl_list td{padding:13px 12px;border-bottom:1px solid #e6e6e6;font-size:14px;text-align:center; min-width : 18px; position : relative;}
.tbl_list .rightBorder{border-right:1px solid #e6e6e6;}
.tbl_list th.no_line{border-top:0!important;}
.tbl_list table:last-child th{border-top:1px solid #e6e6e6;}
.tbl_list td
.tbl_list table:last-child th:first-child,
.tbl_list table:last-child td:first-child{border-left:1px solid #e6e6e6; position : relative;}
.tbl_list table.oneTable th:first-child,
.tbl_list table.oneTable td:first-child{border-left:none;}
.tbl_list th.no_bottom_line{border-bottom:0!important;border-bottom: 1px solid #e6e6e6;}
.tbl_list th.bottom_line{ border-top: 1px solid #e6e6e6;;border-bottom: 1px solid #e6e6e6;}
.tbl_list th.bottom_line2{ border-top: 1px solid #666;border-bottom: 1px solid #e6e6e6;}
.tbl_list th.bottom_td_line{border-bottom: 1px solid #e6e6e6;}
.tbl_list td.t_right{text-align:right!important;padding-right:3px!important;}
.tbl_list td.t_left{text-align:left!important;padding-left:3px!important;}
.tbl_list td.top_line{border-top: 1px solid #e6e6e6;}
.tbl_list td.top_line2{border-top: 1px solid #666;}
.tbl_list td.bottom_no_line{border-bottom:0!important;}

.tbl_list td a.blue{color : #1E1EA4;}

.tbl_list table.oneTable th{border-top : 1px solid #666;}
.tbl_list table.oneTable tr:last-child td{border-bottom : 1px solid #E6E6E6;}

/*분납조회*/
.tbl_list .installmentInquiry col:first-child{width : 5%;}
.tbl_list .installmentInquiry col:nth-child(3){width : 15%;}
.tbl_list .installmentInquiry col:nth-child(4){width : 7%;}
.tbl_list .installmentInquiry col:nth-child(5){width : 7%;}
.tbl_list .installmentInquiry col:nth-child(6){width : 10%;}

/*납입조회*/
.tbl_list .paymentData col:first-child{}
.tbl_list .paymentData th:first-child,
.tbl_list .paymentData td:first-child{padding-left : 24px;}

/*월별납입금액*/
.tbl_list .monthPayMoney col{}

/*결산자료*/
.tbl_list .settlementData col{}


/* 페이징 */
.paging{margin:66px auto 0;text-align:center; padding-bottom : 36px;}
.paging a{display:inline-block;width:28px;height:28px;margin-left:5px;color:#767676;font-size:14px;line-height:26px;vertical-align:top;}
.paging a:first-child{margin-left:0;}
.paging a:hover{border-radius:100%;background-color:#1E1EA4;color:#fff}
.paging a.on{color:#fff;border-radius:100%;background-color:#1E1EA4;color:#fff}
.paging .btn{display:inline-block;width:34px;height:34px;vertical-align:top;*vertical-align:12px}
.paging .btn a{overflow:hidden;display:block;width:100%;height:100%;margin:0;padding:0;font-size:0;line-height:0;border:0;}
.paging a.p_btn{display:inline-block;margin-left:0}
.paging a.p_btn:hover{background-color:#fff}
.paging a.is_first{background-position:0 0}
.paging a.is_last{background-position:0 -30px}
.paging a.is_prev{margin-right:9px;background-position:-30px 0}
.paging a.is_next{margin-left:9px;background-position:-30px -30px}

/* bottom_link */
.graph_wrap + .bottom_link{margin-top:50px}
.bottom_link{margin-top:30px;text-align:center}
.bottom_link a:first-child{margin-left:0}
.bottom_link a{display:inline-block;width:138px;height:42px;margin-left:8px;background-color:#f7f7f7;color:#666;font-size:15px;line-height:44px;text-align:center}

/** main **/
/* 퀵메뉴 */
.quick_area{position:absolute;top:-100px;left:0;z-index:10;width:100%;overflow:hidden;border-radius:10px;box-shadow:2px 4px 6px #cecece}
.quick_area:after{content:'';display:block;clear:both}
.quick_area .quick_lst{float:left;width:760px}
.quick_area .quick_lst:after{content:'';display:block;clear:both}
.quick_area .quick_lst li{float:left;position:relative}
.quick_area .quick_lst a{display:block}
.quick_area .quick_lst .q_name{position:absolute;bottom:18px;left:0;width:100%;color:#fff;font-size:14px;text-align:center;font-weight:200}

.quick_area .login{float:left;position:relative;width:380px;padding:22px 0;background-color:#fff}
.quick_area .login .ip_row{display:block;margin-top:10px;padding-left:20px}
.quick_area .login .ip_row:first-child{margin-top:0}
.quick_area .login .ip_row label{color:#333;font-size:16px;vertical-align:middle}
.quick_area .login .ip_row input{width:175px;height:36px;margin-left:6px;padding:0 10px;border-radius:4px;border:1px solid #ccc;line-height:36px;box-sizing:border-box;font-size:16px}
.quick_area .login .user_name{float:left;width:238px;margin-left:25px;padding:17px 0;border-radius:4px;background-color:#f2f2f2;color:#666;font-size:16px;text-align:center}
.quick_area .login .user_name .name{color:#3DAAFF; font-weight: bold;}
.quick_area .login .btn_log{position:absolute;top:22px;right:25px;display:inline-block;width:82px;height:82px;border-radius:4px;background-color:#4d4d4d;color:#fff;font-size:16px;line-height:82px;text-align:center}

/* 공지사항 */
.notice_area:after{content:'';display:block;clear:both}
.notice_area .noti_box{float:left;position:relative;width:319px;padding:65px 30px;border-right:1px solid #f0f0f0}
.notice_area .noti_box:first-child{width:318px;border-left:1px solid #f0f0f0}
.notice_area .title{font-size:22px;font-weight:bold}
.notice_area .noti_box ul{margin-top:15px}
.notice_area .noti_box li{line-height:28px}
.notice_area .noti_box li:after{content:'';display:block;clear:both}
.notice_area .noti_box .txt_cont{float:left;overflow:hidden;width:226px;height:28px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;text-overflow:ellipsis;white-space:normal;font-size:14px}
.notice_area .noti_box .date{float:right;color:#999;font-size:14px;font-weight:200}
.notice_area .link_more{overflow:hidden;position:absolute;top:64px;right:15px;width:40px;height:40px;background:url(/images/new/ico/ico_more.jpg) no-repeat 50% 50%;text-indent:-9999px}


.display_n{display:none!important;}
.display_y{}

/* .w_30{width:30px} */
/* .w_200{width:200px} */
.a_link{text-decoration: underline;}
.float_left { float:left;}
.clear {clear: both;}
.pt_10{padding-top:10px;}
.scroll_div{width:100%;overflow-x:scroll;}
.red{color:red;}
.t_left{text-align:left;}
.t_right{text-align:right; padding-right:15px;}
.t_center{text-align: center;
}
.left_wrap{
    width:50%;
    float: left;
}
.right_wrap{
    width:50%;
    float:left;
}

.float_view{
    width:97%;
    margin:2%;
    margin: auto;
    min-height:100px;
}
.float_view_wide{
    width : 100%;
}
.title_h2 ,.title_h3 {
    padding:16px 0 17px;border-bottom:1px solid #666;font-size:20px;font-weight:200
}
.title_h2.no_line ,.title_h3.no_line {
    border-bottom:none;
}
.border_right {
    border-right: 1px solid #e6e6e6;
}

.mb16{margin-bottom:16px!important;}
.pt11{padding-top:11px!important;}
.pb11{padding-bottom:11px!important;}
.pt22{padding-top:22px!important;}
.pb22{padding-bottom:22px!important;}
.w94{width:94%!important;}

/*공지사항*/
.colNum{width : 6.79%;}
.colTit{width : 58.24%;}
.colDate{width : 24.23%;}
.colName{width : 9.53%;}

/*header*/
.headerNew{border-bottom : 1px solid #F5F5F5; height : 128px; padding-top : 60px; box-sizing : border-box;}
.headerNew .innerWrap{width : 1140px; margin : 0 auto; display : flex; align-items : center; justify-content : space-between;}
.headerNew .logo img{display : block; max-width : 70px;}
.headerNew nav{display : flex; align-items : space-between;}
.headerNew .headerNav{display : inline-flex; align-items : center; justify-content : flex-start; font-size : 19px; font-weight : 500; line-height : 1.5; letter-spacing : -0.06em; gap : 0 80px;}
.headerNew .headerNav li{transition : transform 0.2s;}
.headerNew .headerNav a{color : #1E1EA4; transition : transform 0.2s ease;}
.headerNew nav li:hover,
.headerNew nav li:focus{transform : scale(1.1);}
.headerNew .loginBox{display : flex; align-items : center; justify-content : flex-end; gap : 0 6px; margin-left : 60px;}
.headerNew .loginBox button{padding : 4px 24px; display : inline-flex; align-items : center; justify-content : center; border : 1px solid #1E1EA4; font-size : 13px; font-weight : 400; line-height : 1.5; color : #1e1ea4;}
.headerNew .loginBox .hide{display : none;}
.btnWhite{padding : 4px 24px; display : inline-flex; align-items : center; justify-content : center; border : 1px solid #1E1EA4; font-size : 13px; font-weight : 400; line-height : 1.5; color : #1e1ea4; letter-spacing : -0.6px; box-sizing : border-box; white-space : nowrap;}


/*공지사항 상세*/
.removeBorder{border-style : none!important; padding-bottom :0;}
.innerTit{display : flex; align-items : center; justify-content : flex-start; font-size : 15px; font-weight : 700; line-height : 1.5; color : #1E1EA4; gap : 0 5px; padding : 20px 0 12px; border-bottom : 1px solid #DBDBDB; width : 94%;}
.innerTit::before{content : url(/images/new/ico/ico_blueArrow.png); display : inline-block; width : 24px; height : 24px;}
.noticeDetail, .boardDetail{width : 94%;}
.noticeDetail td, .boardDetail td{text-align : left;}
.colCategory{}
.colDetail{}
.boardTextArea{width : 513px; height : 509px; font-size : 14px; padding : 6px 6px 25px; font-weight : 400; box-sizing : border-box;}
.tbl_list .tb_removeBorder{border-style : none; padding : 22px 7.5px 0;}
.btnDefault{display : inline-flex; align-items : center; justify-content: center; width:90px;height:32px;background-color:#1E1EA4;color:#fff;font-size:14px;line-height:32px}

/*문의하기*/
.csBoard{margin-top : 20px;}
.csHeader{display : flex; align-items : center; justify-content : flex-start; padding : 13px 0; border-bottom : 1px solid #E6E6E6;}
.csInfo{display : flex; align-items : flex-start; justify-content : flex-start; padding : 13px 0; border-bottom : 1px solid #E6E6E6;}
.csAnswer{display : flex; align-items : flex-start; justify-content : flex-start; padding : 20px 0; border-bottom : 1px solid #E6E6E6;}
.csInput{display : flex; align-items : center; justify-content : flex-start; padding : 20px 0; border-bottom : 1px solid #E6E6E6;}
.csWrite{display : none;}
.csWrite.expanded{display : block;}

.csHeader .csNum,
.csInput .csNum,
.csAnswer .csNum,
.csInfo .csNum{flex : 0 0 6.70%; height : 20px; display : inline-flex; align-items : center; justify-content : center; font-size : 14px;}

.csAnswer .csIco,
.csInput .csIco,
.csInfo .csIco{margin : 0 12px 0 5px; display : inline-flex; align-items : center; justify-content : center; height : 20px; width : 16px;}
.csInfo .csIco.hide::before{visibility : hidden;}

.csAnswer .csIco::before{content : url(/images/new/arrow/arrow_answer.png); display : block; width :16px; height : 16px;}
.csInput .csIco::before{content : url(/images/new/arrow/arrow_answer.png); display : block; width :16px; height : 16px;}
.csInfo .csIco::before{content : url(/images/new/ico/ico_lock.png); display : block; width :16px; height : 16px;}

.csHeader .csTit,
.csAnswer .csTxt,
.csInfo .csTit{flex : 1 0 auto; display : inline-flex; align-items : center; justify-content : center; font-size : 14px;}
.csAnswer .csTxt{max-width : calc(100% - 6.7% - 23.94% - 9.42% - 16px - 5px - 12px);}

.csInfo .csTit{justify-content : space-between;}
.csInfo .csTit::after{content : url(/images/new/arrow/arrow_expanded.png); display : inline-block; width : 20px; height : 20px;}
.csInfo[aria-expanded="true"] .csTit::after{transform : rotate(180deg);}

.csHeader .csDate,
.csAnswer .csDate,
.csInfo .csDate{flex : 0 0 23.94%; height : 20px; display : inline-flex; align-items : center; justify-content : center; font-size : 14px;}

.csHeader .csUser,
.csAnswer .csUser,
.csInfo .csUser{flex : 0 0 9.42%; height : 20px; display : inline-flex; align-items : center; justify-content : center; font-size : 14px;}

.csQuestion{display : flex; align-items : flex-start; justify-content : flex-start; padding : 20px 0; border-bottom : 1px solid #E6E6E6;}
.csQuestion span{flex : 0 0 calc(100% - 6.7% - 23.94% - 9.42% - 16px - 5px - 12px); font-size : 14px; font-weight : 400; color : #888; margin-left : calc(6.7% + 16px + 5px + 12px); }

.csAnswer .csTxt{font-size : 14px; font-weight : 400; color : #888; justify-content : flex-start;}
.csInput .csTxt{display : flex; align-items : center; justify-content : flex-start;}
.csInput .csTxt span{font-size : 14px; font-weight : 400; line-height : 20px; margin-right : 20px; color : #888888; letter-spacing : 0;}
.csInput .csTxt input{padding : 6px; border : 1px solid #CDC8C8; font-size : 14px; font-weight : 400; color : #424242; width : 473px; margin-right : 8px;}

/*문의하기 상세*/
.boardDetail td input{width : 513px; box-sizing : border-box; padding : 6px; font-size : 14px;}
.noticeDetail td:first-child,
.boardDetail td:first-child{width : 130px;}
.boardDetail input[type=checkbox] + label{width : 18px; height : 18px; border-radius : 2px; box-sizing : border-box;}
.boardDetail input[type=checkbox]:checked + label{background : url(/images/new/input/input_secretCheck.png) no-repeat #1E1EA4 center center / cover; border : 1px solid #1E1EA4;}
.boardDetail input[type=checkbox]:checked + label::after{display : none;}
.boardDetail input[type=password]{border : 1px solid #e0e0e0}

/*팝업류*/
.popupWrap{position : fixed; top : 0; left : 0; z-index : 1000; display : none; align-items : center; justify-content : center; width : 100%; height : 100%;}
.popupWrap.active{display : flex;}
.popupBox{width : 328px; padding : 10px 26.5px 30px; background: linear-gradient(180deg, #2C557D 0%, #163A5D 100%); box-shadow: 2px 4px 20px rgba(0, 0, 0, 0.5), 0px 4px 4px rgba(0, 0, 0, 0.25); box-sizing : border-box; position :relative; z-index : 2;}
.popupClose{display : flex; align-items : center; justify-content : flex-end; margin-bottom : 20px; width : 100%; min-height : 4px;}
.popupClose button{display : inline-block; width : 18px; height : 18px; background : url(/images/new/ico/ico_popupClose.png) no-repeat center center / cover;}
.popupHeader{margin-bottom : 20px;}
.popupHeader h1 img{display : block; width : 78px; margin : 0 auto 28px;}
.popupHeader .txt{font-size : 17px; font-weight : 700; line-height : 1.5; letter-spacing : -0.006em; color : #fff; text-align : center;}
.popupInner input{display : block; background : rgba(255, 255, 255, 0.08); width : 100%; height : 40px; box-sizing : border-box; padding : 10px 12px; font-size : 14px; font-weight : 400; line-height : 1.5; color : #fff; filter: drop-shadow(0px 1px 2px rgba(16, 24, 40, 0.05)); outline : none; border : 1px solid rgb(210, 218, 225);}
.popupInner input.error{background: rgba(255, 0, 0, 0.1); color : #FF0000; border: 0.5px solid #FF5E5E; filter: drop-shadow(0px 1px 2px rgba(16, 24, 40, 0.05));}
.popupInner .inputWrap:not(:last-child){margin-bottom : 8px;}
.popupInner .txt{font-size : 14px; font-weight : 700; line-height : 150%; color : #fff; text-align : center;}
.popupInner input::placeholder{color : #fff; opacity : 0.3;}
.popupBtn .popBtnDefault{display : flex; background: linear-gradient(180deg, #24A1EA 0%, #087EC2 100%); align-items : center; justify-content : center; width : 100%; height : 40px; font-size : 15px; font-weight : 400; line-height : 150%; color : #fff; margin-top : 20px; font-family : 'anton';}
.popupBtn .popBtnDefault:disabled{opacity : 0.5;}
.selectStore .popupBox{width : 550px; background : #F7F7F7; position : relative; padding : 30px 0 0;}
.selectStore .popupTitle{padding : 0 30px 0 30px; display : flex; align-items : center; justify-content : space-between;}
.selectStore .inputWrap{padding : 0 30px 40px 30px; display : flex; align-items : center; justify-content : flex-start; gap : 0 10px; margin-bottom : 0!important;}
.selectStore .inputWrap input{flex : 0 0 330px; height : 48px; background : #fff; border : 1px solid #DBDBDB; padding : 0 19px 0 19px; font-size : 18px; line-height : 40px; color : #292929;}
.selectStore .inputWrap input:focus,
.selectStore .inputWrap input:active{border : 2px solid rgba(0, 96, 200, 1); border-radius : 4px;}
.selectStore .inputWrap input::placeholder{font-weight : 300; color : #999;}
.selectStore .inputWrap button{display : inline-flex; align-items : center; justify-content : center; width : 120px; height: 48px; color : #fff; background : #1E1EA4; font-size : 18px; font-weight : 400;}
.selectStore .popupClose{flex : 0 0 48px; margin : 0;}
.selectStore .popupClose button{display : inline-block; width : 48px; height : 48px; background : url(/images/new/ico/ico_popupClose_big.png) no-repeat center center / cover;}
.selectStore .popupTitle h1{font-size : 26px; font-weight : 500; line-height : 150%; color : #292929;}
.selectStore .resultWrap{background : #fff; padding : 40px 30px;}
.selectStore .resultWrap ul{border-top : 1px solid #000; max-height : 250px; overflow-y : scroll;}
.selectStore .resultWrap ul li{display : flex; align-items : center; justify-content : flex-start; padding : 13px 0; gap : 0 8px;}
.selectStore .resultWrap ul li span{font-size : 16px; font-weight : 500; line-height : 150%; color : #999;}
.selectStore .resultWrap ul li .resultName{color : #333;}

.selectIn .popupBox{width : 720px;}
.selectIn .popupTitle{padding : 0 30px 30px;}
.selectIn .popupClose{margin : 0;}
.selectIn .resultTableWrap{background : #fff; padding : 40px 30px;}
.selectIn .resultTableWrap .fakeHeader{display : flex; align-items : center; justify-content : flex-start; background: #F5F5F5; border-top : 1px solid #000;}
.selectIn .resultTableWrap .fakeHeader div{font-size : 14px; font-weight : 500; line-height : 21px; color : #666; padding : 13px 0; display : inline-flex; align-items : center; justify-content : center; padding : 19.5px; box-sizing : border-box;}
.selectIn .resultTableWrap ul{border-top : 1px solid #D9D9D9; max-height : 250px;}
.selectIn .resultTableWrap ul li{display : flex; align-items : center; justify-content : flex-start; border-bottom : 1px solid #D9D9D9;}
.selectIn .resultTableWrap ul li div{font-size : 13px; font-weight : 500; line-height : 21px; color : #666; padding : 22px 0; display : inline-flex; align-items : center; justify-content : center;}
.selectIn .resultTableWrap ul li div:first-child,
.selectIn .resultTableWrap .fakeHeader div:first-child{min-width : 60px;}
.selectIn .resultTableWrap ul li div:nth-child(2),
.selectIn .resultTableWrap .fakeHeader div:nth-child(2){min-width : 90px;}
.selectIn .resultTableWrap ul li div:nth-child(3),
.selectIn .resultTableWrap .fakeHeader div:nth-child(3){min-width : 82px;}
.selectIn .resultTableWrap ul li div:nth-child(4),
.selectIn .resultTableWrap .fakeHeader div:nth-child(4){min-width : 90px;}
.selectIn .resultTableWrap ul li div:nth-child(5),
.selectIn .resultTableWrap .fakeHeader div:nth-child(5){min-width : 137px;}
.selectIn .resultTableWrap ul li div:nth-child(6),
.selectIn .resultTableWrap .fakeHeader div:nth-child(6){min-width : 100px; padding : 0 50.5px; flex-grow : 1;}
.selectIn .resultTableWrap ul li .resultName{color : #333;}
.selectIn .resultTableWrap select{width : 100px; height : 33px; border : 1px solid #d8d8d8; padding : 6px 8px; font-size : 14px; font-weight : 400;}
.selectIn .popupBtn{background : #fff; padding : 0 30px 40px; margin-top : -10px; display : flex; align-items : center; justify-content : center; gap : 0 10px;}
.selectIn .popupBtn button{width : 160px; height : 46px; border : 1px solid #1E1EA4; font-size : 18px; font-weight : 400;}
.selectIn .popupBtn button:first-child{color : #1E1EA4; background : #fff;}
.selectIn .popupBtn button:last-child{color : #fff; background : #1E1EA4;}

.tablePop .popupBox{background : #fff; width : 550px; padding : 0;}
.tablePop.w_600 .popupBox{width : 600px;}
.tablePop .popupTitle{padding :18px 30px; display : flex; align-items : center; justify-content : space-between; background-color: #f7f7f7;}
.tablePop .popupTitle h1{font-size : 20px; font-weight : 400; color : #333;}
.tablePop .popupClose{flex : 0 0 48px; margin : 0;}
.tablePop .popupClose button{display : inline-block; width : 48px; height : 48px; background : url(/images/new/ico/ico_popupClose_big.png) no-repeat center center / cover;}
.tablePop .pop_cont{padding : 40px 30px;}
.tablePop table{width : 100%;}
.tablePop .tbl_list table th{background : #f7f7f7; border-top : 1px solid #000;}
.tablePop .tbl_list table th:first-child,
.tablePop .tbl_list table td:first-child{border-left : none;}

.main .headerNew{position : fixed; top: 0; left : 0; width : 100%; z-index : 9999; padding-top : 25px; height : auto; border-bottom : none;}
.main .headerNew .headerNav{height : 38px;}
.main .headerNew .hide{position : absolute; top : 1px; left : 1px; width : 1px; height : 1px; opacity : 0;}
.main .headerNew .headerNav a{color : #fff; transition : color 0.3s;}
.main .headerNew.blue .headerNav a{color : #1e1ea4;}
.main .headerNew .innerWrap{justify-content : flex-end;}
.main .headerNew .loginBox button{color : #fff; border : 1px solid #fff;}
.main .headerNew.blue .loginBox button{color : #1e1ea4; border : 1px solid #1e1ea4;}

.main .container_inr{padding : 0; width : 100%; position : relative; overflow-x : hidden;}
.main .contentBox{display : flex; align-items : center; justify-content : center; overflow : hidden;}
.main .contentBox img{display : block; width : 100%;}

.mt38{margin-top:38px!important;}
.mt16{margin-top:16px!important;}

@media screen and (max-width : 1160px) {
    .main .contentBox img{display : block; width : 100%; height : 100%; object-fit : cover;}
    .main .contentBox{height : 937px;}
}