@charset "utf-8";
.overflownone {overflow-y: hidden !important;} /*221128 이중스크롤 제어 */
.fl{float:left !important}
.fr{float:right !important}
.pr{position:relative}
.pa{position:absolute}
.blind{font-size:0px;line-height:0px;width:1px;height:1px;overflow:hidden;position:absolute;top:0px;left:-9999px;text-indent:-9999px}
.clear:after{display:block;content:"";clear:both}
.dotum{font-family:"돋움", 'dotum' !important}

.mobile{display:none !important}

.bor_none{border:none !important}
.bdrs5{-webkit-border-radius:5px !important; -moz-border-radius:5px !important; border-radius:5px !important}
.bdrs10{-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px}
.ib{display:inline-block !important}
.block{display:block !important}

.fs_12{font-size:12px !important}
.fs_14{font-size:14px !important}
.fs_16{font-size:16px !important}
.fs_18{font-size:18px !important}
.fs_22{font-size:22px !important}

.fw_nor{font-weight:normal !important}
.fw_bold{font-weight:bold !important}

.linH13{line-height:1.3em}
.linH15{line-height:1.5em}
.linH18{line-height:1.8em}
.verT{vertical-align:top !important}
.verM{vertical-align:middle !important}

/* -------- 텍스트 색상 -------- */
.fc_222{color:#222 !important}
.fc_555{color:#555 !important}
.fc_888{color:#888 !important}
.fc_blue{color:#0a65de !important}
.fc_skyblue{color:#3a8dfd !important}
.fc_red{color:#f00 !important}
.fc_ora{color:#ff6600 !important}

/* -------- 텍스트 정렬 -------- */
.ta_left{text-align:left !important}
.ta_right{text-align:right !important}
.ta_center{text-align:center !important}

/* -------- 여백 -------- */
.mg0{margin:0px !important}
.mgT0{margin-top:0px !important}
.mgT5{margin-top:5px !important}
.mgT10{margin-top:10px !important}
.mgT15{margin-top:15px !important} 
.mgT20{margin-top:20px !important}
.mgT25{margin-top:25px !important}
.mgT30{margin-top:30px !important}
.mgT35{margin-top:35px !important}
.mgT40{margin-top:40px !important}
.mgT50{margin-top:50px !important}
.mgT60{margin-top:60px !important}
.mgTm8{margin-top:-8px !important} /* sub_tit > .btnWrap */
.mgT80{margin-top:80px !important}
.mgT150{margin-top: 150px !important;} /*20221206 추가*/
.mgT170{margin-top:170px !important}

.mgL0{margin-left:0px !important}
.mgL5{margin-left:5px !important}
.mgL10{margin-left:10px !important}/*20240305추가*/
.mgL15{margin-left:15px !important}
.mgL20{margin-left:20px !important}
.mgL30{margin-left:30px !important}
.mgL40{margin-left:40px !important}/*20221205*/

.mgB0{margin-bottom:0px !important}
.mgB5{margin-bottom:5px !important}
.mgB10{margin-bottom:10px !important}
.mgB15{margin-bottom:15px !important} 
.mgB20{margin-bottom:20px !important}
.mgB25{margin-bottom:25px !important}
.mgB30{margin-bottom:30px !important}
.mgB40{margin-bottom:40px !important}
.mgB50{margin-bottom:50px !important}
.mgB60{margin-bottom:60px !important}/*20221213*/
.mgBm10{margin-bottom:-10px !important}

.pd0{padding:0 !important}
.pdT15{padding-top:15px !important}
.pdT20{padding-top:20px !important}
.pdT25{padding-top:25px !important}
.pdT40{padding-top:40px !important}
.pdT50{padding-top:50px !important} /*20221206 추가*/
.pdT60{padding-top:60px !important}/*20221213*/
.pdT80{padding-top:80px !important}

.pdL0 {padding-left:0px !important}
.pdL10{padding-left:10px !important}
.pdL20{padding-left:20px !important}

.pdB15{padding-bottom:15px !important}
.pdB20{padding-bottom:20px !important}
.pdB25{padding-bottom:25px !important}
.pdB50{padding-bottom:50px !important}
.pdB60{padding-bottom:60px !important}/*20221213*/
.pdB80{padding-bottom:80px !important}
.pdB90{padding-bottom:90px !important} /*20221209 추가*/

/* -------- flex -------- */
.flex_wrap{display:flex; }
.flex_wrap.space_between{justify-content: space-between;}
.flex_wrap.space_between{justify-content: space-between; }
.flex_wrap.align_center{align-items: center; }

/* -------- html, body -------- */
html{width:100%; height:100%}

/* -------- skip -------- */
.skip a{position:absolute; top:-30px; left:0px; width:150px; background:#333; color:#fff; text-align:center; font-size:13px; line-height:26px; padding:2px 6px 0 0; z-index:1000}
.skip a:focus{top:0}

/* -------- container -------- */
.container{min-width:1200px}
.wid_973{width:973px; margin:0px auto}

/* -------- header -------- */
.header{padding:40px 0 0}
.header .logo{width:166px; margin-right:28px}
.header .top_menu{width:779px; width:calc(100% - 194px)}
.header .top_menu .left_menu{margin-top:-3px}
.header .top_menu .left_menu li{float:left}
.header .top_menu .left_menu li a{display:block; background:#0f75ff; color:#fff; text-align:center; padding:10px 0; -webkit-border-radius:20px 0 0 20px; -moz-border-radius:20px 0 0 20px; border-radius:20px 0 0 20px; width:115px; box-sizing:border-box}
.header .top_menu .left_menu li:last-child a{background:#aeaeae; -webkit-border-radius:0 20px 20px 0; -moz-border-radius:0 20px 20px 0; border-radius:0 20px 20px 0}
.header .top_menu .right_menu strong, .header .top_menu .right_menu ul, .header .top_menu .right_menu ul li{float:left; line-height:28px}
.header .top_menu .right_menu .time{color:#3a8dfd; display:inline-block; margin:0px 8px}
.header .top_menu .right_menu .time_login{margin-right:30px}
.header .top_menu .right_menu .time_login li{margin-left:5px}
.header .top_menu .right_menu .time_login li a{display:block; text-align:center; width:65px; height:28px; line-height:28px; box-sizing:border-box; background:#fff; border:1px solid #bbbbbb; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
.header .top_menu .right_menu .time_login li:last-child a{background:#666666; color:#fff; border-color:#666666}
.header .top_menu .right_menu .util_menu li{margin-left:20px}
.header .top_menu .right_menu .util_menu li:first-child{margin-left:0px}
.header .top_menu .right_menu .util_menu li a{display:block; color:#555}
.header .gnb{margin-top:25px; background:#0083cb; position:relative}
.header .gnb .nav{display:table; position:relative; width:1040px; margin:0px auto}
.header .gnb .nav > li{display:table-cell; text-align:center}
.header .gnb .nav > li > a{color:#fff; font-size:18px; line-height:60px; display:block}
.header .gnb .nav > li.on > a{background:#006aa4}
.header .gnb .nav .depthWrap{position:absolute; top:60px; left:0; width:100%; height:0; overflow:hidden; z-index:12; text-align:left; font-size:0}
.header .gnb .nav > li.on .depthWrap{height:auto; padding:30px; background:#fff; border:2px solid #0083cb; border-top:none; z-index:11}
.header .gnb .nav .depth2 + .depth2{margin-top:50px}
.header .gnb .nav .depth2 > li{float:left; width:25%; padding:0 10px; vertical-align:top}
.header .gnb .nav .depth2 > li > a{display:block; width:100%; text-align:left; font-size:17px; margin-bottom:20px; color:#222; line-height:1.3em}
.header .gnb .nav .depth3 > li > a{display:block; width:100%; text-align:left; color:#555; font-size:16px; padding:4px} 
.header .gnb .nav .depth3 > li > a:hover, .header .gnb .nav .depth3 > li > a:active{background:#e4f5ff}
.header .gnb .nav .depth4 > a:after{display:inline-block; content:""; clear:both; width:15px; height:15px; background:url('../images/img_depth_off.png') no-repeat center; background-size:contain; vertical-align:middle; margin-left:8px; margin-top:-2px}
.header .gnb .nav .depth4.on > a:after{background-image:url('../images/img_depth_on.png')}
.header .gnb .nav .depth4 > ul{margin:5px 0 10px; display:none}
.header .gnb .nav .depth4 > ul > li{margin-top:8px; padding-left:20px; position:relative}
.header .gnb .nav .depth4 > ul > li:first-child{margin-top:0}
.header .gnb .nav .depth4 > ul > li:after{display:block; content:"└"; clear:both; position:absolute; top:2px; left:0}
.header .gnb .nav .depth4 > ul > li > a{display:block; text-align:left; color:#555; line-height:1.3em}
.header .gnb .nav .depth4 > ul > li > a:hover, .header .gnb .nav .depth4 > ul > li > a:active{font-weight:bold}

/* allmenu */
.allmenu{position:fixed; top:0; bottom:0; left:0; width:100%; height:100%; overflow:auto; background:#fff; z-index:100; padding:30px 0}
.allmenu > div {width:1040px; margin:0 auto;}
.allmenu .menu_top h2{font-size:28px; line-height:50px; margin:25px 0; font-weight:bold}
.allmenu .menu_top h2 .btn_close{display:inline-block; width:50px; height:50px; text-indent:-9999px; background:#555 url('../images/btn_close.png') no-repeat center; background-size:20px}
.allmenu .tabType01 > li{width:12.5%}
.allmenu .tab.box{padding:0 35px 35px}
.allmenu .tab > ul{margin:40px 0 80px; display:table; width:100%; position:relative}
.allmenu .tab > ul:after{position:absolute; left:0; bottom:-40px; display:block; content:""; clear:both; width:100%; height:1px; background:#dbdbdb}
.allmenu .tab > ul:last-child{margin-bottom:0}
.allmenu .tab > ul:last-child:after{background:none; height:0}
.allmenu .tab > ul > li{display:table-cell; padding:0 35px; border-left:1px solid #dbdbdb; width:27%}
.allmenu .tab > ul > li:first-child{border-left:0; padding-left:0; width:23%}
.allmenu .tab > ul > li:nth-child(4){padding-right:0; width:23%}
.allmenu .tab > ul > li > h3 > a{font-size:18px; display:block; letter-spacing:-1px}
.allmenu .tab > ul > li > .depth3{margin-top:25px}
.allmenu .tab > ul > li > .depth3 > li{margin-top:10px}
.allmenu .tab > ul > li > .depth3 > li a{display:block; width:100%; color:#555; font-size:16px; letter-spacing:-1px}
.allmenu .tab > ul > li > .depth3 > li a:hover, .allmenu .tab > ul > li > .depth3 > li a:active{color:#3a8dfd}
.allmenu .tab > ul > li > .depth3 > li.depth4 > a:after{display:inline-block; content:""; clear:both; width:15px; height:15px; background:url('../images/img_depth_off.png') no-repeat center; background-size:contain; vertical-align:middle; margin-left:8px; margin-top:-2px}
.allmenu .tab > ul > li > .depth3 > li.depth4.on > a:after{display:inline-block; content:""; clear:both; width:15px; height:15px; background:url('../images/img_depth_on.png') no-repeat center; background-size:contain; vertical-align:middle; margin-left:8px; margin-top:-2px}
.allmenu .tab > ul > li > .depth3 > li.depth4 > ul, .allmenu .tab > ul > li > .depth3 > li.depth4 > ul > li{margin-top:10px}
.allmenu .tab > ul > li > .depth3 > li.depth4 > ul{display:none}
.allmenu .tab > ul > li > .depth3 > li.depth4 > ul > li{padding-left:20px; position:relative}
.allmenu .tab > ul > li > .depth3 > li.depth4 > ul > li:first-child{margin-top:0px}
.allmenu .tab > ul > li > .depth3 > li.depth4 > ul > li:before{display:block; content:"└"; clear:both; position:absolute; top:0; left:0}
.allmenu .tab > ul > li > .depth3 > li.depth4 > ul > li > a{font-size:14px; letter-spacing:-1px; line-height:1.3em}

/* -------- content  -------- */
.content.safari_error{width:973px; position:relative; margin:0px auto; height:100vh}
.content.safari_error > img{display:inline-block; position:absolute; top:50%; margin-top:-302px; left:50%; margin-left:-486.5px}
.content .content_top{/*background:#f8f8f8;*/ border-bottom:1px solid #dbdbdb; padding:10px 0}/*20221121*/
.content .content_top .navigation, .content .content_top .top_btn > li{float:left}
.content .content_top .navigation > li{float:left; padding-left:24px; background:url('../images/img_arrow.png') no-repeat 10px 50%; line-height:28px}
.content .content_top .navigation > li:first-child{padding-left:0; background:none}
.content .content_top .navigation > li:first-child img{vertical-align:top; margin-top:8px}
.content .content_top .navigation > li:last-child{font-weight:bold}
.content .content_top .top_btn{float:right}
.content .content_top .top_btn > li{margin-left:5px}
.content .content_top .top_btn > li > a{display:block; width:90px; line-height:26px; border:1px solid #bbb; background:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; text-align:center}

/* -------- footer -------- */
.footer{border-top:2px solid #e5e5e5}
.footer .footer_top{border-bottom:1px solid #e5e5e5}
.footer .footer_top .wid_973{padding:17px 0}
.footer .footer_top .wid_973 > ul > li{float:left; padding-left:28px; position:relative; line-height:17px}
.footer .footer_top .wid_973 > ul > li:before{display:block; content:""; clear:both; position:absolute; left:14px; top:0; width:2px; height:17px; background:#bebebe}
.footer .footer_top .wid_973 > ul > li:first-child{padding-left:0}
.footer .footer_top .wid_973 > ul > li:first-child:before{display:none}
.footer .footer_top .wid_973 > ul > li > a{color:#555}
.footer .footer_top .family{float:right; margin-top:-27px; position:relative}
.footer .footer_top .family > a{color:#555; display:inline-block; background:url('../images/img_arrow03.png') no-repeat 94% 50%; border:1px solid #888; padding:10px 15px; padding-right:35px}
.footer .footer_top .family ul{display:none; position:absolute; background:#fff; width:100%; bottom:35px; left:0; border:1px solid #888; padding:19px; animation-direction:reverse}
.footer .footer_top .family ul li{margin-top:10px}
.footer .footer_top .family ul li:first-child{margin-top:0}
.footer .footer_top .family ul li a:hover, .footer .footer_top .family ul li a:focus{font-weight:bold; text-decoration:underline}
.footer .footer_btm{padding:30px 0 70px}
.footer .footer_btm .f_logo, .footer .footer_btm .f_logo + ul, .footer .footer_btm .f_logo + ul > li{float:left; vertical-align:middle}
.footer .footer_btm .f_logo{margin-right:10px}
.footer .footer_btm .f_logo + ul > li{font-size:12px; color:#888; padding-left:20px; position:relative; line-height:18px; letter-spacing:-0.5px}
.footer .footer_btm .f_logo + ul > li:before{position:absolute; top:3px; left:10px; width:1px; height:10px; background:#888; display:block; content:""; clear:both}
.footer .footer_btm .f_logo + ul > li:first-child{padding-left:0}
.footer .footer_btm .f_logo + ul > li:first-child:before{display:none}
.footer .footer_btm p{font-size:12px; color:#888; margin-left:110px; letter-spacing:-1px; margin-top:3px}
.footer .footer_btm .linkWrap > li{float:left; margin-left:4px}

/* -------- input -------- */
input[type="text"], input[type="password"]{height:32px;border:1px solid #dbdbdb; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:0 7px; font-family:inherit; color:#555}
input[type="text"].readonly, input[type="password"].readonly, select.readonly{background-color:#f6f6f5}
input[type="text"].darkgray, input[type="password"].darkgray{background:#cacaca; color:#777}
input[type="text"].lightgray, input[type="password"].lightgray{background:#e5e5e5}
input[type="password"]{font-family:"돋움", "dotum"}
.inputType01{width:80px !important}
.inputType02{width:150px !important}
.inputType03{width:140px !important}
.inputType04{width:200px !important}
.inputType05{width:240px !important} 
.inputType06{width:100px !important}
.inputType07{width:100% !important}
.inputType08{width:500px !important} /* 주소입력창 */
.inputText, .inputTime{position:relative; display:inline-block} 
.inputText input[type="text"]{text-align:right; padding-right:25px}
.inputText span, .inputTime span{position:absolute; right:7px; top:50%; margin-top:-7px; font-size:14px; line-height:normal} 
.inputText00 em {display: inline-block;vertical-align: bottom;margin-left: 5px;font-size:5px}/* 2022 고도화 추가 */
.inputText .lightgray + span, .inputTime .lightgray + span, .inputText .readonly + span, .inputTime .readonly + span{color:#555} 
.inputTime input[type="text"]{padding-right:45px}
input[type="checkbox"], input[type="radio"]{width:1px; height:1px; line-height:100px; overflow:hidden; position:absolute; left:-9999px} 
input[type="radio"] + label, input[type="checkbox"] + label{display:inline-block}
input[type="radio"]:focus + label, input[type="checkbox"]:focus + label, select:focus{outline:1px solid cornflowerblue}
.checkType01 + label{display:inline-block; font-size:12px; padding-left:26px; line-height:30px; background:url('../images/img_check_off.png') no-repeat left center; margin-left:5px}
.checkType01:checked + label{background-image:url('../images/img_check_on.png')}
.radioType01 + label, .checkType03 + label{border:1px solid #c1c1c1; background:#fff; padding:8px 10px; min-width:60px; text-align:center; font-size:12px; line-height:normal}
.radioType01:checked + label, .checkType03:checked + label{color:#fff; background:#3a8dfd; border-color:#3a8dfd}
.radioType02 + label{min-width:110px}
.radioType03 + label, .checkType02 + label{background:url('../images/img_radio_off.png') no-repeat left center; line-height:20px; display:inline-block; padding-left:30px}
.radioType03:checked + label, .checkType02:checked + label{background-image:url('../images/img_radio_on.png')}

/* -------- select -------- */
select{height:32px; border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:0 25px 0 7px; background-color:#fff; background-image:url('../images/img_arrow05.png'); background-repeat:no-repeat; background-position:95% 50%; background-position:calc(100% - 7px) 50%}
select + label + select{margin-left:7px} /* 캘린더 select 제어 */
.selectType01{width:240px !important} 
.selectType02{width:100px !important} 
.selectType03{width:270px !important} 
.selectType04{width:80px !important} 
.selectType05{width:140px !important} 

/* -------- layer pop -------- */
.dim{position:fixed; top:0; left:0; z-index:100; width:100%; height:100%; background:#000; opacity:0.5;filter:Alpha(opacity=50)} /*20221117*/
.dim02{z-index:110}
.dim02 + .pop{z-index:120}
.pop{/*width:800px;*/ height:auto; position:fixed; left:50%; top:50%; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); z-index:100; background:#fff; border:1px solid #dbdbdb; border-top:0} /*20221201*/
.pop.open-menu{left:0; top:0; -ms-transform:none; -webkit-transform:none; -moz-transform:none; -o-transform:none; transform:none;} /*20221201 추가*/
.pop.size2XL{width:100%}
.pop.sizeXL{width:1050px}
.pop.sizeL{width:950px}
.pop.sizeM{width:650px}
.pop.sizeS{width:350px}
.pop.confirm{width:auto; max-width:500px; min-width:350px}
.pop.confirm .pop_cnt{padding-bottom:20px}
.pop.confirm .pop_cnt > p{padding:40px 20px 20px}
.pop.secu{width:310px; border:0}
.pop.secu > .logo_area{width:55px; height:55px; position:absolute; top:33px; left:24px; text-align:center; background:#cacaca}
.pop.secu > .logo_area .bg{position:absolute; display:inline-block; top:0; left:0; width:55px; height:55px; background:url('../images/img_loading_secu_bg.png') no-repeat center; z-index:3}
.pop.secu > .logo_area .bg > img{display:inline-block; position:absolute; top:23px; left:2px; width:51px; z-index:5}
.pop.secu > .logo_area .bg > .shadow{position:absolute; display:block; width:55px; height:46px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; margin-top:24px; box-shadow:0px -8px 7px rgba(255, 255, 255, .8); z-index:6}
.pop.secu > .logo_area span.bar{display:block; width:0; height:100%; background:#0083cb; -webkit-transition:all 2s; -moz-transition:all 2s; -o-transition:all 2s; transition:all 2s}
.pop.secu > .logo_area span.bar.safari{width:100%}
.pop .pop_tit{background:#0083cb; padding:18px 20px; margin:0 -1px 20px -1px}
.pop .pop_tit > p{color:#fff; font-size:16px}
.pop .pop_tit > .btn_close{width:15px; height:15px; text-indent:-9999px; overflow:hidden; top:50%; margin-top:-7.5px; right:20px; position:absolute; background:url('../images/btn_close.png') no-repeat center; background-size:contain}
.pop .pop_top{background: -webkit-linear-gradient(left, rgba(47,170,237, 1) 0%, rgba(0,131,203,1) 100%); background-image: linear-gradient( to right, rgba(47,170,237, 1), rgba(0,131,203,1) ); text-align:center; padding:29px 20px; margin-bottom:20px}
.pop .pop_top > p{margin-bottom:20px; background:url('../images/bg_pop_error.png') no-repeat top center; padding-top:55px}
.pop .pop_top strong{color:#fff; letter-spacing:2px}
.pop .pop_cnt{padding:0 20px; overflow:auto}
.pop .pop_cnt .cnt_tit{color:#222; margin:20px 0 10px; font-size:18px}
.pop .pop_cnt .blind + .cnt_tit{margin-top:0}
.pop .pop_cnt > .cnt_tit:first-child{margin-top:0}
.pop .pop_cnt > .clear:first-child{line-height:34px} /* 2020-07-03 */
.pop .pop_cnt > .clear:first-child > label{margin-top:2px} /* 2020-07-03 */
.pop .pop_cnt .tblWrap.tblScroll, .pop .pop_cnt .tblWrap.tblScroll02, .pop .pop_cnt .tblWrap.tblScroll03, .pop .pop_cnt .tblWrap.tblScroll04{overflow-x:auto; max-height:none} /* 2020-07-06 */
.pop .pop_cnt .tblWrap > .btn_white:first-child{margin-top:-38px}
.pop .pop_cnt .tblWrap .note{margin-bottom:10px}
.pop .pop_cnt .tblWrap .note ul{float:right}
.pop .pop_cnt .tblWrap .note ul li{float:left; padding-left:10px; position:relative}
.pop .pop_cnt .tblWrap .note ul li:first-child{padding-left:0}
.pop .pop_cnt .tblWrap .note ul li:before{width:1px; height:100%; background:#bebebe; display:block; content:""; clear:both; position:absolute; top:0; left:5px}
.pop .pop_cnt .tblWrap .note ul li:first-child:before{display:none}
.pop .pop_cnt .tblType01{width:99.9%}
.pop .pop_cnt .tblType01 th, .pop .pop_cnt .rowHalf .tblType01 th{padding:3px}
.pop .pop_cnt .tblType01 th{padding:7px 3px}
.pop .pop_cnt .tblType01 td{padding:3px; box-sizing:content-box; height:33px}
.pop .pop_cnt .tblType01 td.ta_right{padding-right:5px}
.pop .pop_cnt .tblType01 td.ta_left{padding-left:5px}
.pop .pop_cnt .tblType02 tbody tr th{width:20%; padding:0 10px}
.pop .pop_cnt .tblType02 tbody tr td{width:30%; height:40px; padding:3px 10px; line-height:1.3em}
.pop .pop_cnt .tblType02 tbody tr td.col3{width:80%}
.pop .pop_cnt .tblType02 tbody tr td div + div{margin-top:5px}
.pop.sizeM .pop_cnt .tblType02 tbody tr td.col3{width:60%}
.pop.confirm .pop_cnt .tblType02 tbody tr td.col3{width:40%}
.pop .pop_cnt .ref_mark{font-size:14px; color:#888; padding-left:18px; position:relative}
.pop .pop_cnt .ref_mark:before{position:absolute; display:block; content:"※"; color:#888; left:0; top:0}
.pop .pop_cnt .pop_notice{border:1px solid #ddd; padding:10px}
.pop .pop_cnt .pop_notice ul li{padding-left:15px; position:relative; margin-top:5px; line-height:1.5em}
.pop .pop_cnt .pop_notice ul li:first-child{margin-top:0}
.pop .pop_cnt .pop_notice ul li:before{position:absolute; display:block; content:""; clear:both; width:5px; height:5px; margin-top:-3px; left:0; top:10px; background:#222} 
.pop .pop_cnt .pop_notice ul li.bul3:before{position:absolute; display:block; content:"-"; clear:both; background:none; width:auto; height:auto; margin-top:0; left:0; top:0}
.pop .pop_cnt .pop_notice ul li.fc_red:before{background:#f00}
.pop .pop_cnt .pop_notice ul li > strong{font-weight:bold}
.pop .pop_cnt .pop_notice ul.no_bul li{padding-left:0} 
.pop .pop_cnt .pop_notice ul.no_bul li:before{display:none}
.pop .pop_cnt .pop_notice02{padding:20px 10px; padding-left:200px; position:relative}
.pop .pop_cnt .pop_notice02 img{position:absolute; top:50%; margin-top:-45px; left:30px}
.pop .pop_cnt .total_money{border-top:2px solid #ffa569; background:#fff6f0; padding:13px; margin-top:10px}
.pop .pop_cnt .total_money ul li{float:left; padding-left:14px; position:relative}
.pop .pop_cnt .total_money ul.fr li{font-weight:bold}
.pop .pop_cnt .total_money ul li:before{position:absolute; width:2px; height:15px; background:#bebcba; display:block; content:""; clear:both; top:0; left:6px}
.pop .pop_cnt .total_money ul li:first-child{padding-left:0}
.pop .pop_cnt .total_money ul li:first-child:before{display:none}
.pop .pop_cnt > ol{margin-top:20px; margin-left:20px} 
.pop .pop_cnt > ol li{list-style:inherit; line-height:1.5em; margin-top:3px}
.pop .pop_cnt .agree_btn{text-align:right}  
.pop .pop_cnt .agree_btn .btn_white{margin-left:15px} 
.pop .pop_cnt .agree_btn .btn_white.on{border-color:#3a8dfd; background:#3a8dfd; color:#fff} 
.pop .pop_cnt .cnt_tit h5{font-size:16px} 
.pop .pop_cnt .cnt_tit h6{font-size:15px; margin-top:15px; line-height:1.5em} 
.pop .pop_cnt .cnt_tit.agree{border-top:2px solid #000; border-bottom:2px solid #000; padding:20px 0} 
.pop .pop_cnt .cnt_tit.agree .btnWrap button{width:160px} 
.pop .pop_cnt .cnt_tit.agree .btnWrap button.on{background:#3a8dfd; border-color:#3a8dfd; color:#fff}
.pop .pop_cnt > .tabBtn.clear{line-height:normal} /* 2020-07-09 */
.pop .pop_cnt .tab > .bank_list li{border:1px solid #dbdbdb; float:left; width:25%; margin-left:-1px; margin-top:-1px; padding-left:0}
.pop .pop_cnt .tab > .bank_list li:before{display:none}
.pop .pop_cnt .tab > .bank_list li a{display:block; width:100%; text-align:center; padding:10px 0}
.pop .pop_cnt .tab > p{line-height:1.5em}
.pop .pop_cnt .tab > ul > li{padding-left:10px; position:relative; line-height:1.5em}
.pop .pop_cnt .tab > ul > li:before{position:absolute; display:block; content:""; clear:both; width:5px; height:1px; background:#222; top:10px; left:0}
.pop .pop_cnt .tab > dl > dd > a{display:inline-block; margin-left:10px; color:#fff; background:#3a8dfd; font-size:14px; padding:0 10px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
.pop .pop_btm{border-top:1px solid #dbdbdb; position:relative; background:#f6f6f5; margin-top:20px; padding:0 20px}
.pop .pop_btm address, .pop .pop_btm ul{font-size:12px; font-style:inherit; padding:20px 0}
.pop .pop_btm label{padding:10px 0 10px 26px; margin-left:0}
.pop .pop_btm .btn_close{position:absolute; right:20px; top:50%; margin-top:-17px}

.pop02{width:640px; height:auto; border:2px solid #0083cb; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
.pop02 .pop_cnt{border:0; max-height:none !important; padding-bottom:20px}
.pop02 .pop_btm{margin-top:0}
.pop02.sizeS .pop_top{padding:18px 20px}
.pop02.sizeS .pop_cnt .cer_num{font-size:32px; margin-top:10px}

.pop03{-ms-transform:translate(0, 0); -webkit-transform:translate(0, 0); -moz-transform:translate(0, 0); -o-transform:translate(0, 0); transform:translate(0, 0); position:static}
.pop03 .pop_tit{background:#3a8dfd}
.pop03 .pop_tit p{color:#fff; font-size:16px} /* IE5 제어 */
.pop03 .pop_tit > .btn_close{background:#0f75ff url('../images/btn_close.png') no-repeat center; margin-top:0; top:0; right:0}
.pop03 .pop_tit .btn_close{background:#0f75ff url('../images/btn_close.png') no-repeat center; width:50px; height:52px; margin:0; position:absolute; top:0; right:0; font-size:0; font:0 0 0; background-size:initial} /* IE5 제어 */ /* 2020-07-06 */
.pop03 .pop_cnt .pop_info{padding:20px; padding-left:85px; border:1px solid #3a8dfd; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background:url('../images/img_pop_info.png') no-repeat 30px 50%}
.pop03 .pop_btm{position:relative} /* IE5 제어 */
.pop03 .pop_btm label{display:inline-block; vertical-align:middle; line-height:30px; padding-left:5px} /* IE5 제어 */
.pop03 .pop_btm > label{padding-left:26px}
.pop03 .pop_btm .btn_close{position:absolute; right:20px; top:0; margin-top:9px} /* IE5 제어 */
.pop03 .pop_btm > .btn_close{top:50%; margin-top:-17px}


/* -------- modal -------- */
.modal{width:100%} /* 2020-07-06 */
.modal .pop_tit{background:#3474a7 url('../images/img_logo_pop.png')no-repeat 95% center; color:#fff; font-size:18px; padding:18.5px; margin-bottom:10px; background-size: 93px;}
.modal .pop_cnt{padding:20px}
.modal .pop_cnt > img:first-child{display:block; margin:-20px 0 0 -20px; max-width:none; width:480px}
.modal .pop_btm{border-top:1px solid #dbdbdb; position:relative; background:#f6f6f5; margin-top:10px; padding:0 20px}
.modal .pop_btm label{padding:10px 0 10px 26px; margin-left:0}
.modal .pop_btm .btn_close{position:absolute; right:20px; top:50%; margin-top:-17px}


/* -------- btn -------- */
.btnWrap{margin-top:40px; font-size:0}
.btnWrap + .btnWrap{margin-top:30px}
.btnWrap > button, .btnWrap > input[type="radio"] + label, .btnWrap > input[type="checkbox"] + label{margin-left:5px}
.btnWrap > button:first-child, .btnWrap > input[type="radio"]:first-child + label, .btnWrap > input[type="checkbox"]:first-child + label{margin-left:0}
.btnWrap > button{line-height:normal} 
.btn_double{height:70px; font-size:18px}
.btn_submit{background:#3a8dfd; border:1px solid #3a8dfd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:8px 15px; min-width:160px; color:#fff}
.btn_submit_white{background:#fff; border:1px solid #bbb; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:8px 15px; min-width:160px; color:#555}
.btn_white{background:#fff; border:1px solid #c1c1c1; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:8px 15px; min-width:60px; height:34px; line-height:16px}
.btn_white02{background:#fff; border:1px solid #c1c1c1; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:6px 15px; min-width:110px; height:34px; line-height:16px}
.btn_white.on, .btn_white02.on{background:#3a8dfd; border-color:#3a8dfd; color:#fff}
.btn_gray{background:#f4f4f4; border:1px solid #c1c1c1; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:8px 15px; min-width:60px; height:34px; line-height:16px}
.btn_blue{background:#fff; border:1px solid #3a8dfd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:8px 15px; min-width:160px; color:#3a8dfd; height:34px; line-height:16px}
.btn_paging{display:inline-block}
.btn_paging > li{float:left; margin-left:5px; width:28px; height:28px; border:1px solid #bbb}
.btn_paging > li:first-child{margin-left:0}
.btn_paging > li.prev, .btn_paging > li.next{position:relative}
.btn_paging > li.prev button, .btn_paging > li.next button{background:url('../images/btn_prevnext.png') no-repeat left center; display:block; width:100%; height:100%; text-indent:-9999px}
.btn_paging > li.next button{background-position:right center}
.btn_paging > li a{display:block; width:100%; height:100%; line-height:26px; color:#777; font-size:12px}
.btn_paging > li.on{border-color:#3a8dfd}
.btn_paging > li.on a{background:#3a8dfd; color:#fff}
.btn_question{background:url('../images/btn_question.png') no-repeat center; background-size:contain; width:23px; height:23px; text-indent:-9999px}
.btn_word, .btn_hwp, .btn_pdf{padding-left:40px; background-repeat:no-repeat; background-position:12px 50%; font-weight:bold} /*20221202*/
.btn_word{background-image:url('../images/btn_word.png')}
.btn_hwp{background-image:url('../images/btn_hwp.png')}
.btn_pdf{background-image:url('../images/btn_pdf.png'); background-size:16px; font-weight:normal;} /*20221206*/
.btn_change{position:absolute; right:47%; top:-5px; width:125px; height:34px; line-height:16px; padding-left:0; padding-right:0} /* 보안수단입력 */
.btn_top{display:none; position:fixed; /*width:48px; height:48px;*/ left:50%; margin-left:506.5px; top:70%} /* 20221121 수정 2022 고도화 수정 */

/*20240305추가*/
.btn_submit.small{padding: 0 10px; display: inline-block; font-size: 14px; min-width: auto; }
.btn_submit.small:hover{color:#fff; }

/* -------- 마이메뉴 -------- */
.mymenu{position:fixed; top:275px}
.mymenu > .btn_menu{position:relative; width:80px; height:80px; border:5px solid #3494e7; -webkit-border-radius:80px; -moz-border-radius:80px; border-radius:80px; display:block; font-size:14px; padding-top:25px; background:#fff; -webkit-transition-property:width, height; -webkit-transition-duration:1s; -moz-transition-property:width, height; -moz-transition-duration:1s; -o-transition-property:width, height; -o-transition-duration:1s; transition-property:width, height, color, font-size; transition-duration:1s}
.mymenu > .btn_menu:before{position:absolute; top:12px; left:50%; margin-left:-5px; width:10px; height:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#0d68e3; display:block; content:""; clear:both; -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; transition:all 1s}
.mymenu > .btn_menu:after{position:absolute; top:23px; left:50%; margin-left:-9px; width:18px; height:10px; background:#898989; -webkit-border-radius:7px 7px 0 0px; -moz-border-radius:7px 7px 0 0; border-radius:7px 7px 0 0; display:block; content:""; clear:both; -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; transition:all 1s}
.mymenu > .btn_menu.on{color:#fff; width:60px; height:60px; font-size:0}
.mymenu > .btn_menu.on:before{background:none; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; border-right:4px solid #0d68e3; border-top:4px solid #0d68e3; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); top:50%; margin-top:-7px; left:50%; margin-left:-4px}
.mymenu > .btn_menu.on:after{background:none; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; border-right:4px solid #898989; border-top:4px solid #898989; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); width:10px; height:10px; top:50%; margin-top:-7px; left:50%; margin-left:-15px}
.mymenu > div{position:absolute; top:0; right:80px; width:0; height:auto; z-index:10; overflow:hidden; -webkit-transition-property:width; -webkit-transition-duration:1s; -moz-transition-property:width; -moz-transition-duration:1s; -o-transition-property:width; -o-transition-duration:1s; transition-property:width; transition-duration:1s}
.mymenu > div.on{width:240px}
.mymenu > div .menu_top{position:relative; background:#0d68e3; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; padding:18px 25px; width:240px}
.mymenu > div .menu_top strong{font-size:16px; color:#fff; font-weight:normal}
.mymenu > div .menu_top .btn_setting{background:url('../images/img_setting.png') no-repeat center; position:absolute; top:50%; margin-top:-9px; right:25px; text-indent:-9999px; width:18px; height:19px}
.mymenu > div > ul{padding:20px 22px; width:240px; border:1px solid #dbdbdb; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; background:#fff}
.mymenu > div > ul > li{margin-top:5px}
.mymenu > div > ul > li:first-child{margin-top:0}
.mymenu > div > ul > li > a{line-height:1.3em; display:block; width:100%; letter-spacing:-1px}




.fs_36{font-size:36px !important}
.btn_white03{background:#fff; border:1px solid #c1c1c1;border-radius:4px; padding:7px 12px; min-width:110px; height:28px; line-height:14px;font-size: 12px;}

/* loading */
span.bar {width: 100px; height: 100px; background-color: red; position: relative; animation-name: loading; animation-duration: 4s; animation-iteration-count: infinite}
@keyframes loading {
  0%   {width:0}
  50%  {width:100%}
  100% {width:0}
}


@media all and (max-width:1200px) {
	.pop.secu{position:absolute; left:445px; -ms-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -moz-transform:translate(0, -50%); -o-transform:translate(0, -50%); transform:translate(0, -50%)}
}
/* 서브메인 */
.qtxt { font-family:'NanumGothic';font-size:36px;line-height: 40px;color:#222222}
.qtxt strong {font-weight: 700;}
.mainbox01 {display: flex;flex-direction: row;justify-content:space-between;margin-top: 38px;}
.mainbox01 li {position: relative;width:305px;height:260px;text-align: center;background:linear-gradient(0deg, #F8F8F8, #F8F8F8), #FFFFFF;border-radius: 10px;box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);}
/* .mainbox01 li:hover {box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.5);} 임시히든 */
.mainbox01 li a {display: block; position: relative; height: 100%;}/* 20221110 이정민 수정 */
.mainbox01 li a strong {display: block;padding-top: 153px;font-size:24px;color:#222222;line-height:27px}
.mainbox01 li p {margin-top:10px ;font-size:16px;line-height:20px;color:#888888}
.mainbox01 li.item06 {  display: flex;flex-direction: column;justify-content: space-between;background: none;box-shadow:none}
.mainbox01 li.item06 > div {position: relative;width:304px;height: 115px;;background: linear-gradient(0deg, #F8F8F8, #F8F8F8), #FFFFFF;box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);border-radius: 10px;}
.mainbox01 li.item06 > div:first-child:before {content:'';position:absolute;top:40px;left:50px;width:44px;height:45px;background:url('../images/common/icon_item06.png') no-repeat center center;}
.mainbox01 li.item06 > div:last-child:before {content:'';position:absolute;top:40px;left:50px;width:44px;height:45px;background:url('../images/common/icon_item07.png') no-repeat center center;}
.mainbox01 li.item06 > div a strong {display: block;padding-top: 27px;font-size:24px;text-align:left;padding-left: 124px;color:#222222;line-height:27px}
.mainbox01 li p {margin-top:10px ;font-size:16px;line-height:20px;color:#888888}
.mainbox01 li.item01{transition: all .5s ease; } /*20221123*/
.mainbox01 li.item01:before {content:'';position:absolute;top:36px;left:50%;width:102px;height:102px;margin-left:-51px;background:url('../images/common/icon_item01.png') no-repeat center center;} /*20221123*/
.mainbox01 li.item02:before {content:'';position:absolute;top:36px;left:50%;width:102px;height:102px;margin-left:-51px;background:url('../images/common/icon_item02.png') no-repeat center center;}
.mainbox01 li.item03:before {content:'';position:absolute;top:36px;left:50%;width:102px;height:102px;margin-left:-51px;background:url('../images/common/icon_item03.png') no-repeat center center;}
.mainbox01 li.item04:before {content:'';position:absolute;top:36px;left:50%;width:102px;height:102px;margin-left:-51px;background:url('../images/common/icon_item04.png') no-repeat center center;}
.mainbox01 li.item05:before {content:'';position:absolute;top:36px;left:50%;width:102px;height:102px;margin-left:-51px;background:url('../images/common/icon_item05.png') no-repeat center center;}
.mainbox01 li.item08:before {content:'';position:absolute;top:36px;left:50%;width:102px;height:102px;margin-left:-51px;background:url('../images/common/icon_item08.png') no-repeat center center;}
.mainbox01 li.item09:before {content:'';position:absolute;top:36px;left:50%;width:102px;height:102px;margin-left:-51px;background:url('../images/common/icon_item09.png') no-repeat center center;}
.mainbox01 li.item10:before {content:'';position:absolute;top:36px;left:50%;width:102px;height:102px;margin-left:-51px;background:url('../images/common/icon_item10.png') no-repeat center center;}
.mainbox01 li.item11:before {content:'';position:absolute;top:36px;left:50%;width:102px;height:102px;margin-left:-51px;background:url('../images/common/icon_item11.png') no-repeat center center;}
.mainbox01 li.item12:before {content:'';position:absolute;top:36px;left:50%;width:102px;height:102px;margin-left:-51px;background:url('../images/common/icon_item12.png') no-repeat center center;}
.mainbox01 li.item13:before {content:'';position:absolute;top:36px;left:50%;width:102px;height:102px;margin-left:-51px;background:url('../images/common/icon_item13.png') no-repeat center center;}
.mainbox01 li.item14:before {content:'';position:absolute;top:36px;left:50%;width:102px;height:102px;margin-left:-51px;background:url('../images/common/icon_item14.png') no-repeat center center;}
.mainbox01 li.item15:before {content:'';position:absolute;top:36px;left:50%;width:102px;height:102px;margin-left:-51px;background:url('../images/common/icon_item15.png') no-repeat center center;}
.mainbox01 li.item16:before {content:'';position:absolute;top:36px;left:50%;width:102px;height:102px;margin-left:-51px;background:url('../images/common/icon_item16.png') no-repeat center center;}
.mainbox01 li.item17:before {content:'';position:absolute;top:36px;left:50%;width:102px;height:102px;margin-left:-51px;background:url('../images/common/icon_item17.png') no-repeat center center;}
.mainbox01 li.item18:before {content:'';position:absolute;top:36px;left:50%;width:102px;height:102px;margin-left:-51px;background:url('../images/common/icon_item18.png') no-repeat center center;}
.mainbox01 li.item19:before {content:'';position:absolute;top:36px;left:50%;width:102px;height:102px;margin-left:-51px;background:url('../images/common/icon_item19.png') no-repeat center center;}
.mainbox01 li.item20:before {content:'';position:absolute;top:36px;left:50%;width:102px;height:102px;margin-left:-51px;background:url('../images/common/icon_item20.png') no-repeat center center;}
.mainbox01 li.item21:before {content:'';position:absolute;top:36px;left:50%;width:102px;height:102px;margin-left:-51px;background:url('../images/common/icon_item21.png') no-repeat center center;}
.mainbox01 li.item22:before {content:'';position:absolute;top:36px;left:50%;width:102px;height:102px;margin-left:-51px;background:url('../images/common/icon_item22.png') no-repeat center center;}
.mainbox01 li.item23:before {content:'';position:absolute;top:36px;left:50%;width:102px;height:102px;margin-left:-51px;background:url('../images/common/icon_item23.png') no-repeat center center;}
.mainbox01 li.item99:before {content:'';position:absolute;top:36px;left:50%;width:102px;height:102px;margin-left:-51px;background:url('../images/common/icon_item99.png') no-repeat center center;}/*20221213*/
.tabType05 {}
.tabType05 li {display: inline-block;margin-right:60px;font-size:24px;color:#555555}
.tabType05 li a {display: block;}
.tabType05 li.on {position:relative;font-size:36px;line-height: 40px;color:#222222}
.tabType05 li.on:before {z-index: -1;;content:'';position:absolute;bottom:0px;right:5px;width:100%;height:14px;background: #C4DDFF;}
.tabType05 li.on strong{font-weight:700;}

.tabType06 {position:absolute;right:0;top:7px} /*20221117*/
.tabType06 li {display: inline-block;margin-left:40px;color:#555555}
.tabType06 li a {display: block;font-size:24px;line-height:27px;}
.tabType06 li.on {position:relative;font-weight:700;font-size:24px;color:#222222}
.tabType06 li.on:before {z-index: -1;;content:'';position:absolute;bottom:-5px;right:0px;width:100%;height:2px;background:#3A8DFD;} /*20221117*/
.tabType06 li.on strong{font-weight:700;}

.content_grey{ background: linear-gradient(0deg, #F1F3F6, #F1F3F6), #F0F3F8;}

 /* 금융상품몰 */
 .txt_basic {padding-bottom:4px;text-align:right;font-size:12px;color:#888}
 .productmall {padding-top:60px;padding-bottom: 54px;}
 .productmall.imgtype01 {background:url('../images/common/imgtype01.png') no-repeat right 100px;background-size:430px 313px;}
 .productmall.imgtype02 {background:url('../images/common/imgtype02.png') no-repeat right calc(100% - 125px);background-size:480px 273px;} /*20221209*/
 .productmall.imgtype02.style01 {/*padding-top:105px; background-position:right calc(100% - 125px);*/background-position:right calc(100% - 77px);}  /*20221121 수정*/
 .productmall.imgtype03 {background:url('../images/common/imgtype03.png') no-repeat right calc(100% - 125px);background-size:387px 300px;}
 .productmall.imgtype04 {background:url('../images/common/imgtype04.png') no-repeat right 90px;background-size:384px 323px;}
 .productmall.sellend {position:relative}
 /* .productmall.sellend:after {content:'';position:absolute;bottom:32px;right:0;width:82px;height:82px;background:url('../images/common/sellend.png') no-repeat;background-size:82px 82px;} */
 .rate_num.on:after {content:'';position:absolute;bottom:-22px;right:-14px;width:82px;height:82px;background:url('../images/common/sellend.png') no-repeat;background-size:82px 82px;}
 .productmall .txt01 {margin-top: 48px;margin-bottom: 11px;font-weight: 700;font-size: 28px;color:#222222}
 .productmall .txt02 {font-weight: 400;margin-bottom: 21px;font-size: 20px;color:#222222}
 .product_name {color:#3A8DFD;font-weight: 800;font-size:46px;}
 .product_list {display:flex;flex-direction: row;line-height: 28px;}
 .product_list dt {position: relative;padding-right:10px;font-weight: 400;color: #222222;}
 .product_list dt:after {content:'';position:absolute;top:8px;right:0;width:1px;height:12px;background:#DEDEDE;}
 .product_list dd {padding-left:10px;color:#555555}
 .tag_name {font-weight: 400;line-height: 20px;color:#888888}
 .tag_name span {display: inline-block;margin-top: 16px;padding-right:8px;}
 .product_bar {display:flex;padding-bottom:12px;}
 .product_bar li {position: relative;padding:0 8px;}
 .product_bar li:first-child {padding-left:0;}
 .product_bar li:last-child:after {background: none;}
 .product_bar li:after {content:'';position:absolute;top:0px;right:0;width:1px;height:12px;background:#DEDEDE;}
/* .location_bar {position:absolute;top:16px;right:0;display:flex;justify-content:flex-end;font-size:13px;line-height:15px;}
.location_bar li {position:relative;color:#888888;padding-right:18px;}
.location_bar li:after {content:'';position:absolute;top:2px;right:5px;width:10px;height:10px;background:url('../images/common/icon_location_bar.png') no-repeat 0 0px;}
.location_bar li:last-child {font-weight: 400;color:#222222;padding-right: 0;}
.location_bar li:after:last-child {background: none;} 삭제예정 */
.rate_num {position:absolute;bottom:55px;right:15px;display: flex;flex-direction: row;}
.rate_num dt {font-weight: 400;font-size: 18px;line-height: 21px;color: #222222;}
.rate_num dt span {display:block;text-align:center;font-size: 12px;line-height: 14px;color: #888888;}
.rate_num dd {padding-left:17px;font-weight: 600;font-size: 44px;line-height: 36px;color: #3A8DFD;}
 .tabType04 {display: flex; justify-content: flex-start;border-bottom:2px solid #3A8DFD;}
 .tabType04 >li{width:200px; height: 50px; border-radius: 10px 10px 0px 0px;border: 1px solid #DDDDDD;border-bottom: none; font-size: 16px; line-height: 28px; text-align: center;}
 .tabType04 >li:first-child{}
 .tabType04 >li:last-child{}
 .tabType04 a {display: block;margin-top: 13px; }
 .tabType04 .on {position:relative;border: 2px solid #3A8DFD;border-bottom: none;}
 .tabType04 .on:before {content:'';z-index: 100;position:absolute;left: 0;width: 100%;bottom:-2px;border-bottom:2px solid #fff;}
 .tabType04 .on a{color: #3A8DFD; font-weight: 600;}
 .sns_area {position:absolute;right:0;display: flex;flex-direction: row;justify-content:flex-end}/*20221206*/
 .sns_area li {margin-left:8px;}
 .sns_area li a {display:block;width:32px;height:32px; }
 .sns_area .item01 {background:url('../images/common/icon_facebook.png') no-repeat 0 0px;}
 .sns_area .item02 {background:url('../images/common/icon_twiter.png') no-repeat 0 0px;}
 .sns_area .item03 {background:url('../images/common/icon_blog.png') no-repeat 0 0px;}
 .sns_area .item04 {background:url('../images/common/icon_instar.png') no-repeat 0 0px;}
 .sns_area .item05 {background:url('../images/common/icon_kakao.png') no-repeat 0 0px;}
 .sns_area .item06 { background:url('../images/common/icon_qr.png') no-repeat 0 0px;}

 /* 공지사항 */
 .notice_area {position:relative;width:454px;margin-top: 40px;}
 .notice_area > strong {font-size: 24px;line-height: 27px;}
 .notice_area ul {margin-top: 20px;}
 .notice_area ul li {}
 .notice_area ul li a {display:inline-block;width:calc(454px - 95px);overflow: hidden;white-space: nowrap;text-overflow:ellipsis;word-break:break-all;font-size:16px;line-height: 37px;}
 .notice_area ul li em {float:right;text-align:right;font-style: normal;font-weight: 400;color:#888888;font-size:16px;line-height: 40px;}
 .icon_new {display:inline-block;width:20px;height:20px;margin-left:10px;padding:4px 0;border-radius:50%;font-size:12px;line-height: 14px;color:#fff;text-align: center;background:#EF5089;}
/*20221220*/
.notice_area .btn_more{display: block; position: absolute; top: 5px; right: 5px; width: 14px; height: 14px; padding: 5px; background: url(../images/common/btn_more.png) no-repeat center center;}  
.customer_box .btn_more{display: block; position: absolute; top: 5px; right: 5px; width: 14px; height: 14px; padding: 5px; background: url(../images/common/btn_more.png) no-repeat center center;}  
.notice_area .btn_more:hover, .customer_box .btn_more:hover{transform: rotate(90deg); transition: 0.3s all;} 
/*//20221220*/
 .icon_notice {display: inline-block;width: 40px;height: 22px;margin-right:10px;padding:4px;text-align: center;font-size:12px;line-height:14px;color:#3A8DFD;background: #fff;border:1px solid #3A8DFD;border-radius: 11px  ;}
 .mainbanner_area {overflow: hidden;width:480px;height:210px;}
 .mainbanner_area ul li a img{border-radius: 15px; width:100%;}/*20221222 추가*/
 /* .mainbanner_area ul {overflow: hidden;} 20221019 주석*/
 .linebox{ overflow:hidden; position:relative; height:170px; padding:30px; background: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 10px}/* 20221109 이정민 수정*/
 .linebox.linefea{ height:152px; padding:20px 30px; }/* 20221109 이정민 추가*/
 .linebox .list {display: flex;flex-direction: row;}
 .linebox .list li {width:33%;text-align: center;line-height:19px;}
 .linebox .list li a {display: block;}
 .linebox .list li a span {}
 .customer_box {position:relative;width:464px;}
 .customer_box strong {font-size: 24px;line-height: 27px;}
 .rowbox {position: relative; display: flex;flex-direction: row;justify-content:space-between;align-items:flex-end} /*20221019 수정*/
 .rowbox .swiper_control {position: absolute; top: 15px; right: 20px; z-index: 100;} /*20221222*/
 .rowbox .swiper_control .swiper-pagination-bullet{ display:inline-block; width:10px; height:10px; background: rgba(0, 0, 0, 0.2); margin-left: 0.588rem; border-radius:50%; }/*20221019 추가*/
 .rowbox .swiper_control .swiper-pagination-bullet:first-child{margin-left:0}/*20221019 추가*/
 /* .rowbox .swiper_control .swiper_control_menu{display: none;} 20221019 주석*/
 .rowbox .swiper_control .swiper-pagination-bullet {width:10px;height:10px;background: rgba(255, 255, 255, 0.4);}
 .rowbox .swiper_control .swiper-pagination-bullet-active {width:10px;height:10px;background:#FFFFFF;}
 /* 20221109 수정 */
 .center_list01 {position:relative; float:left; margin:23px 30px 23px 0; padding-right:30px; border-right:1px solid #EEEEEE; }/* 20221207*/
 /*.center_list01:after {content:'';position:absolute;top:30px;right:0;width:1px;height:110px;background:#EEEEEE;} 20221109 이정민 수정*/
  .center_list01 .txt01{ margin-bottom:10px; padding:2px 10px 12px 40px; background:url('../images/common/icon_centeritem01.png') no-repeat 7px 0; background-size:24px 24px; font-size: 18px; line-height: 20px;color: #222222; }/*20221207*/
 .center_list01 .txt02{ font-size: 25px; line-height: 28px;color: #3A8DFD;}/* 20221109 이정민 수정*/
 .center_list02 { float:left; }
 .center_list02 dl{ margin-bottom:20px; }/* 20221109 이정민 수정*/
 .center_list02 dl dt {padding-bottom:10px;font-weight: 400;color:#222222;font-size: 16px;line-height: 18px;}
 .center_list02 dl dd {padding-bottom:20px ;font-weight: 400;color:#888888;font-size: 16px;line-height: 18px;}
 .center_list02 dl dd:last-child{padding-bottom:0;}
 .center_list02 dl:last-child{ margin-bottom:0; }/* 20221109 이정민 추가*/
 .service_list {display: flex;flex-direction: row;width:100%;}
 .service_list li {position:relative;;width:33.33%;text-align: center;line-height: 19px;}
 .service_list li:after {content:'';position:absolute;top:0;right:0;width:1px;height:110px;background:#EEEEEE;}/* 20221109 이정민 수정*/
 .service_list li.item01 {background:url('../images/common/icon_serviceitem01.png') no-repeat center 0;background-size:54px 62px;}/* 20221109 이정민 수정*/
 .service_list li.item02 {background:url('../images/common/icon_serviceitem02.png') no-repeat center 0;background-size:54px 62px;}/* 20221109 이정민 수정*/
 .service_list li.item03 {background:url('../images/common/icon_serviceitem03.png') no-repeat center 0;background-size:54px 62px;}/* 20221109 이정민 수정*/
 .service_list li:last-child:after {background: none;}
 .service_list li a {display:block;height: 100%;color:#555555}
 .service_list li a span {display: block;padding-top:86px; font-size: 16px;}/* 20221117 수정*/
 .service_list li a span:hover {font-weight: bold; }/* 20221117 수정*/
 .service_list li.item02 a span {padding-top:80px ;}/* 20221109 이정민 수정*/
 /* //20221109 수정 */

 .box{border:1px solid #ddd; padding:20px}
 .tabWrap .benefit_list {display:flex;flex-direction:row;align-items:center;justify-content:center;height:340px;padding-top:80px;background:url('../images/common/bg_benefit_list.png') no-repeat center 60px;background-size:780px 280px;}
 .tabWrap .benefit_list li {width:250px;}
 .tabWrap .benefit_list li dl {text-align: center;}
 .tabWrap .benefit_list li dt {margin-bottom: 8px;font-size: 26px;line-height: 32px;color: #222222;}
 .tabWrap .benefit_list li dd {font-weight: 400; font-size: 16px;line-height: 22px;color: #555555;}

.content_haint_blue .productmall > .benefit_list{flex-direction:row;position:absolute;top:60px;right:0;width:480px; display:inline-block;}
.content_haint_blue .productmall > .benefit_list > li{float:left; width:33.3%; padding-left:55px; margin-top:15px}
.content_haint_blue .productmall > .benefit_list > li:first-child, .content_view .productmall > .benefit_list > li:first-child + li, .content_view .productmall > .benefit_list > li:first-child + li + li{/* margin-top:0 */}
.content_haint_blue .productmall > .benefit_list > li:after{display:block; content:""; clear:both}
.content_haint_blue .productmall > .benefit_list > li > img{margin-left:-55px; margin-right:10px; float:left}
.content_haint_blue .productmall > .benefit_list > li > img + p{margin-top:12px}
.content_haint_blue .productmall > .benefit_list > li > p + p{margin-top:5px}


 .product_listType01 {}
 .product_listType01 > li {position: relative;padding-left:12px;line-height:26px;}
 .product_listType01 > li:before {display:block; content:""; clear:both; width:4px; height:4px; background:#555; border-radius: 1px;position:absolute; top:11px; left:0}
 .product_listType01 > li.bul06:before {width: 0; height: 0;}/*20221124*/
 .product_listType02 {margin-top: 16px;padding-left:20px;}
 .product_listType02 > li {margin-bottom: 8px;color:#888888}

 .product_title {font-weight: 400;font-size:20px;padding-bottom:24px;color: #222222;}

 .txtbox01 {font-weight: 400;color: #555555;padding:16px;text-align: right;background: #F9F9F9;border-radius: 6px;}

.bulType01{ position:relative}
.bulType01:before{display:block; content:""; clear:both; color:#888888; position:absolute; top:-3px; left:0;line-height: 21px;}
.bulType02{ position:relative}
.bulType02:before{display:block; content:"."; clear:both; color:#555555; position:absolute; top:-3px; left:0;line-height: 21px;}
.bulType03{padding-left:15px; position:relative;line-height: 17px;}
.bulType03:before{display:block; content:"※"; clear:both; color:#888888; position:absolute; top:-3px; left:0;line-height: 21px;}
.bulType04:before{display:block; content:"-"; clear:both; color:#999999; position:absolute; top:2px; left:0}
.bulType05{ position:relative;}/*20221124*/
.bulType05:before{display:block; content:"*"; clear:both; color:#888888; position:absolute; top: 0; left: 3px; line-height: 21px;}/*20221124*/

.btn_check {width: 82px;height: 25px;padding: 6px 18px;
  font-size: 13px !important;color: #FFFFFF !important;background: #444444;border: 1px solid #444444;border-radius: 20px;}

.content.wid_973{padding-top:92px}
.content.wid_973 .content_top{padding:10px 20px}
.content.wid_973 .content_view .con_tit{padding-bottom:20px; border-bottom:1px solid #dbdbdb; margin-bottom:50px}
.wid_974{width:974px;  margin: 0 auto;}/*2022_10_06 추가*/
.content.wid_974{padding-top:92px} /*2022_10_06 추가*/
.content.wid_974 .content_top{padding:10px 20px} /*2022_10_06 추가*/
.content.wid_974 .content_view .con_tit{padding-bottom:20px; border-bottom:1px solid #dbdbdb; margin-bottom:50px} /*2022_10_06 추가*/

.btn_info{display:block; position:fixed; width:50px; height:55px; left:50%; margin-left:506.5px; top:60%} /* 2022 고도화 수정 */

.pop_qr {display:none;position:absolute;top:262px;left:800px}
.product_listType03 > {}
.product_listType03 > li {position:relative;padding-left:20px;line-height:26px;}
.product_listType03 > li:before {color:#888888; position:absolute; top:0px; left:0}
.product_listType03 > li:nth-child(1):before { content:"①"; }
.product_listType03 > li:nth-child(2):before { content:"②"; }
.product_listType03 > li:nth-child(3):before { content:"③"; }
.product_listType03 > li:nth-child(4):before { content:"④"; }
.product_listType03 > li:nth-child(5):before { content:"⑤"; }
.product_listType03 > li:nth-child(6):before { content:"⑥"; }
.product_listType03 > li:nth-child(7):before { content:"⑦"; }
.product_listType03 > li:nth-child(8):before { content:"⑧"; }
.product_listType03 > li:nth-child(9):before { content:"⑨"; }
.product_listType03 > li:nth-child(10):before { content:"⑩"; }

.pop .pop_cnt .company_infolist li{border:1px solid #dbdbdb; width:100%; margin-left:-1px; margin-top:-1px; padding-left:0}
.pop .pop_cnt .company_infolist li:before{display:none}
.pop .pop_cnt .company_infolist li a{display:block; width:100%; text-align:center; padding:10px 0}

.info_top {position: relative;z-index: 40;} /*20221123*/
.info_top .btn_top {top:52.5% !important}

/*20221128 추가*/
.pop .pop_cnt .ta_right.img{display: inline-block;float: right;} 
.pop .pop_cnt .cnt_tit.first{font-size: 24px;margin: 5px 0 30px;font-weight: bold;}

/* -------- SmartPop Start admin 20221201 -------- */
.modal.smart{width:320px; margin:0 auto;}
.modal .pop_tit.smart{background: #F9F9FB;margin-bottom: 0; padding: 30px 20px;color: #3D7CF1 !important; font-weight: bold;}
.modal .pop_tit.smart .title{font-weight: bold; font-size: 18px;}
.modal .pop_cnt.smart{font-size: 16px;max-height: 350px;overflow: auto;background: #fff;min-height: 0px;}
.modal .pop_btm.smart{display: flex;padding: 0;margin-top: 0;}
.modal .pop_btm.smart a{padding: 20px 0;width: calc(320px / 2);text-align: center;font-size: 16px;font-weight: bold;text-decoration: none;}
.modal .pop_btm.smart a.oneday{background: #8F939E;color: #fff;}
.modal .pop_btm.smart a.close{background: #386CFF;color: #fff;}
.smartform{background: url(smartmain.png) no-repeat; width: 375px;height: 720px; margin: 0 auto;display: flex;align-items: center;}

.modal .pop_cnt {padding: 20px; min-height: 270px;}
/* -------- SmartPop End -------- */