/* CSS Document */

body{background:#FFFFFF;}
*{font-family:'Noto Sans KR',malgun gothic;}

.wrap_{width:1200px; margin:auto;}
/* @media screen and (max-width:1200px){
    .wrap_{width:100%; padding: 0 10px;}
} */

/* 위 css.css 7번째줄 교체 / 메인만 줄어들게끔 */
@media screen and (max-width:1200px){
    .main .wrap_{width:100%; padding: 0 10px;}
}

/* 탑 메뉴 */
.top{position:relative; background:#fff; padding: 0 200px; height: 100px; overflow: visible; border-bottom: 1px #e2e2e2 solid; z-index: 999;}
.top.move{position:fixed; top: 0; left: 0; width: 100%;}
.top .logo{position:absolute; top:0; left:50px; width:165px; height: 100%; background: url(../images/top_logo.gif) no-repeat center center; background-size: 100% auto;}
.top .top_navi{width:100%; display: flex; justify-content: center; align-items: center; margin: auto;}
.top .top_navi li{float:left; position: relative; height: 100px; overflow: visible;}
.top .top_navi li > a{float:left; width:100%; height: 100%; font-size: 18px; font-weight: 700; color: #000; display: flex; align-items: center; background: url(../images/top_menu_bar.gif) no-repeat 0 center; padding: 0 20px; transition: 0.2s;}
.top .top_navi li:first-child a{background: none;}
.top .top_navi li a:hover{text-decoration: none; cursor: pointer; color:#22cf00;}
.top .top_navi li .submenu{position:absolute; top:90px; z-index: -1; opacity: 0; box-shadow:rgba(0,0,0,0.3) 3px 3px 10px; transition:0.5s; background: #fff; padding: 10px;}
.top .top_navi li:hover .submenu{z-index: 100; opacity:1;}
.top .top_navi .submenu li{height:1px; transition:0.5s;}
.top .top_navi li .submenu li a{background: none; text-align: center; font-size: 15px; font-weight: 500; transition: 0.2s;}
.top .top_navi li:hover .submenu li{height:40px;}
.top .top_navi .sbm2 li{width:250px;}
.top .top_navi .sbm3 li{width:250px;}
.top .top_navi .sbm6 li{width:180px;}
.top .select_navi{position:absolute; top:30px; right:50px; width:190px; height:40px; background:#fff url(../images/top_searchmenu_arrow.png) no-repeat right center; border:2px #22cf00 solid; color: #222; font-size: 16px; font-weight: 500; display: flex; align-items: center; padding:0 30px 0 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../images/top_searchmenu_arrow.png) no-repeat right center; cursor: pointer;}
.top .select_navi::-ms-expand {display:none;}
@media screen and (max-width:1280px){
    .top{padding-right:230px;}
    .top .logo{left:10px;}
    .top .select_navi{right:10px;}
    .top .top_navi li > a{font-size: 16px;padding: 0 15px;}
    .top .top_navi {}
}
@media screen and (max-width:1150px){
    .top .logo{width:120px;}
    .top{padding-left:130px; padding-right: 200px;}
    .top .top_navi li > a{font-size: 16px;padding: 0 10px;}
}
@media screen and (max-width:1000px){
    .top .logo{width:120px; left:50%; margin-left: -60px;}
    .top{padding-left:0; padding-right: 0;}
    .top .top_navi{width:100px; height: 100px; position: absolute; top:0; left:0; background: url(../images/top_menu_icon.gif) no-repeat center center; cursor: pointer;}
    .top .top_navi li{display: none;}
}
@media screen and (max-width:800px){
    .top{height: 60px;}
    .top .top_navi{width:60px; height: 60px; background-size: 40%;}
    .top .select_navi{top:10px;}
    .top .select_navi{display: none;}
}
/* css.css 59번째줄 추가 / 서브 아래 스크롤 생기게끔 */
@media screen and (max-width:1200px){
    .center.lock{width: 1200px;}
    }

/* 센터 내용 */
.center{background:#fff url(../images/main_visual_topshadowbg.gif) no-repeat center 0; padding-bottom: 50px;}
h1.main_tit{height:1px; position:absolute; visibility: hidden; float:left;}



/* 메인 본문 */

/* 비주얼 배너 */
.main_visual{}
.main_visual ul{width: 100%; height: 500px;  background:url(../images/main_visual_bodyshadowbg.gif) no-repeat center 315px;}
.main_visual li{position:absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; transition:1s;}
.main_visual li.mvb1{left:-100%; opacity: 0;}
.main_visual li.mvb2{left:0; opacity: 1;}
.main_visual li.mvb3{left:100%; opacity: 0;}
.main_visual li.mvb4{left:100%; opacity: 0;}
.main_visual li.mvb5{left:-100%; opacity: 0;}
.main_visual li .main_txt{font-size: 100px; line-height: 100px; font-weight: 700; color:#000; letter-spacing: -2px; position: absolute; top: 215px;}
.main_visual li .main_txt em{color:#22cf00;}
.main_visual li .title_shadow{top:315px;}
.main_visual li .title_shadow .copy_txt{transform: rotateX(180deg); opacity:0.2;}
.main_visual li .title_shadow .white_shadow{position:absolute; top: 0; left:0; width: 100%; height:100%; background: url(../images/main_visual_textshadowbg.png) no-repeat center bottom; background-size: 100% 100%;}
.main_visual li.mvb1 .stxt{position:absolute; top:140px; left:50%; margin-left: -295px; font-family: 'Nanum Myeongjo'; font-size: 50px; line-height: 80px; font-weight: 400;}
.main_visual li.mvb1 .stxt em{font-size: 60px; line-height: 80px; color: #22cf00; font-family: 'Nanum Myeongjo'; font-weight: 700; padding-right: 10px;}
.main_visual li.mvb2 .stxt{position:absolute; top:140px; left:50%; margin-left: -220px; font-family: 'Nanum Myeongjo'; font-size: 50px; line-height: 80px; font-weight: 400;}
.main_visual li.mvb2 .stxt em{font-size: 60px; line-height: 80px; color: #22cf00; font-family: 'Nanum Myeongjo'; font-weight: 700; padding-right: 10px;}
.main_visual li.mvb3 .stxt{position:absolute; top:130px; left:50%; font-family: 'Nanum Myeongjo'; font-size: 30px; line-height: 80px; font-weight: 400;}
.main_visual li.mvb3 .stxt em{font-size: 80px; line-height: 80px; color: #22cf00; font-family: 'Nanum Myeongjo'; font-weight: 700; padding-right: 10px;}
.main_visual li.mvb3 .stxt span{font-size: 50px; font-family: 'Nanum Myeongjo';}
.main_visual li.mvb3 .stxt_left{margin-left: -325px;}
.main_visual li.mvb3 .stxt_right{margin-left: 115px;}
.main_visual li.mvb4 .stxt_top{position:absolute; top:100px; left:50%; margin-left: -605px; font-family: 'Nanum Myeongjo'; font-size: 36px; line-height: 80px; font-weight: 400;}
.main_visual li.mvb4 .stxt_bottom{position:absolute; top:140px; left:50%; margin-left: -480px; font-family: 'Nanum Myeongjo'; font-size: 36px; line-height: 80px; font-weight: 400;}
.main_visual li.mvb4 .stxt_bottom span{font-size: 36px; line-height: 80px; font-weight: 700; color:#000; font-family: 'Nanum Myeongjo';}
.main_visual li.mvb4 .stxt em{font-size: 60px; line-height: 80px; color: #22cf00; font-family: 'Nanum Myeongjo'; font-weight: 700; padding-right: 10px;}
.main_visual li.mvb5 .stxt{position:absolute; top:140px; left:50%; margin-left: -270px; font-family: 'Nanum Myeongjo'; font-size: 30px; line-height: 80px; font-weight: 400;}
.main_visual li.mvb5 .stxt span{font-size: 50px; line-height: 80px; font-weight: 700; color:#000; font-family: 'Nanum Myeongjo';}
.main_visual li.mvb5 .stxt em{font-size: 80px; line-height: 80px; color: #ff4d3f; font-family: 'Nanum Myeongjo'; font-weight: 700; padding-right: 10px;}
.main_visual .bar{width: 250px; position:absolute; top: 430px; left:50%; margin-left: -125px;}
.main_visual .bar .num{float:left; color:#d6d6d6; width: 300px;}
.main_visual .bar .num em{transition:5s linear ; font-size: 0.9rem; font-weight: 600; letter-spacing: 3px; position: absolute; left:0; top: 0; color:#1cac00; border-top: 3px #1cac00 solid;  padding-top: 20px; width: 1%; overflow: visible; font-family: malgun gothic;}
.main_visual .bar .num span{font-size: 0.9rem; font-weight: 400; letter-spacing: 3px; border-top: 3px #d6d6d6 solid; width: 100%; padding: 20px 0 0 15px; font-family: malgun gothic;}
.main_visual .bar .arrow{position:absolute; right:0; top: 20px;}
.main_visual .bar .arrow span{width:30px; height: 30px; cursor: pointer;}
.main_visual .bar .arrow .left{background: url(../images/main_visual_arrow1.png) no-repeat center center;}
.main_visual .bar .arrow .right{background: url(../images/main_visual_arrow2.png) no-repeat center center;}

@media screen and (max-width:1280px){
.main_visual li .main_txt{font-size: 72px; line-height: 72px; top: 243px;}
.main_visual li .title_shadow{top:315px;}
.main_visual li.mvb1 .stxt{top:175px; margin-left: -220px; font-size: 36px;}
.main_visual li.mvb1 .stxt em{font-size: 48px;}
.main_visual li.mvb2 .stxt{top:175px; margin-left: -170px; font-size: 36px;}
.main_visual li.mvb2 .stxt em{font-size: 48px;}
.main_visual li.mvb3 .stxt{top:175px; font-size: 24px;}
.main_visual li.mvb3 .stxt em{font-size: 60px;}
.main_visual li.mvb3 .stxt span{font-size: 36px;}
.main_visual li.mvb3 .stxt_left{margin-left: -230px;}
.main_visual li.mvb3 .stxt_right{margin-left: 70px;}
.main_visual li.mvb4 .stxt_top{top:150px; font-size: 24px; margin-left: -442px;}
.main_visual li.mvb4 .stxt_bottom{top:175px; margin-left: -340px; font-size: 24px;}
.main_visual li.mvb4 .stxt_bottom span{font-size: 24px;}
.main_visual li.mvb4 .stxt em{font-size: 48px;}    
.main_visual li.mvb5 .stxt{top:175px; margin-left: -195px; font-size: 24px; line-height: 80px;}
.main_visual li.mvb5 .stxt span{font-size: 36px;}
.main_visual li.mvb5 .stxt em{font-size: 60px; line-height: 60px;}
}

@media screen and (max-width:1000px){
.main_visual li .main_txt{font-size: 60px; line-height: 60px; top: 255px;}
.main_visual li .title_shadow{top:315px;}
.main_visual li.mvb1 .stxt{top:195px; margin-left: -180px; font-size: 30px;}
.main_visual li.mvb1 .stxt em{font-size: 36px;}    
.main_visual li.mvb2 .stxt{top:195px; margin-left: -130px; font-size: 30px;}
.main_visual li.mvb2 .stxt em{font-size: 36px;}
.main_visual li.mvb3 .stxt{top:190px; font-size: 20px;}
.main_visual li.mvb3 .stxt em{font-size: 48px;}
.main_visual li.mvb3 .stxt span{font-size: 30px;}
.main_visual li.mvb3 .stxt_left{margin-left: -190px;}
.main_visual li.mvb3 .stxt_right{margin-left: 60px;}
.main_visual li.mvb4 .stxt_top{top:165px; font-size: 24px; margin-left: -247px;}
.main_visual li.mvb4 .stxt_bottom{top:190px; margin-left: -145px; font-size: 24px;}
.main_visual li.mvb5 .stxt{top:200px; margin-left: -140px; font-size: 20px; line-height: 80px;}
.main_visual li.mvb5 .stxt span{font-size: 26px;}
.main_visual li.mvb5 .stxt em{font-size: 48px; line-height: 48px;}
}
@media screen and (max-width:640px){
.main_visual li .main_txt{font-size: 48px; line-height: 48px; top: 267px;}
.main_visual li .title_shadow{top:315px;}
.main_visual li.mvb1 .stxt{top:210px; margin-left: -147px; font-size: 26px;}
.main_visual li.mvb1 .stxt em{font-size: 30px;}    
.main_visual li.mvb2 .stxt{top:210px; margin-left: -110px; font-size: 26px;}
.main_visual li.mvb2 .stxt em{font-size: 30px;}
.main_visual li.mvb3 .stxt{top:210px; font-size: 16px;}
.main_visual li.mvb3 .stxt em{font-size: 36px;}
.main_visual li.mvb3 .stxt span{font-size: 26px;}
.main_visual li.mvb3 .stxt_left{margin-left: -152px;}
.main_visual li.mvb3 .stxt_right{margin-left: 42px;}
.main_visual li.mvb4 .stxt_top{top:185px; font-size: 20px; margin-left: -170px;}
.main_visual li.mvb4 .stxt_top{font-size: 24px;;}
.main_visual li.mvb4 .stxt_bottom{top:225px; margin-left: -165px; font-size: 20px;}
.main_visual li.mvb4 .stxt_bottom em{font-size: 24px;}
.main_visual li.mvb4 .main_txt{font-size: 36px; line-height: 36px; top: 279px;}
.main_visual li.mvb4 .title_shadow{top:315px;}
.main_visual li.mvb5 .stxt{top:215px; margin-left: -105px; font-size: 16px; line-height: 80px;}
.main_visual li.mvb5 .stxt span{font-size: 20px;}
.main_visual li.mvb5 .stxt em{font-size: 36px; line-height: 48px;}
}
@media screen and (max-width:400px){
.main_visual li .main_txt{font-size: 30px; line-height: 36px; top: 283px;}
.main_visual li .title_shadow{top:315px;}
.main_visual li.mvb1 .stxt{top:230px; margin-left: -95px; font-size: 16px;}
.main_visual li.mvb1 .stxt em{font-size: 22px; padding-right: 2px;}
.main_visual li.mvb2 .stxt{top:230px; margin-left: -80px; font-size: 16px;}
.main_visual li.mvb2 .stxt em{font-size: 26px;}
.main_visual li.mvb3 .stxt{top:228px; font-size: 14px;}
.main_visual li.mvb3 .stxt em{font-size: 26px;}
.main_visual li.mvb3 .stxt span{font-size: 16px;}
.main_visual li.mvb3 .stxt_left{margin-left: -95px;}
.main_visual li.mvb3 .stxt_right{margin-left: 15px;}
.main_visual li.mvb4 .stxt_top{top:215px; font-size: 16px; margin-left: -98px;}
.main_visual li.mvb4 .stxt_top em{font-size: 26px; padding-right: 2px;}
.main_visual li.mvb4 .stxt_bottom{top:240px; margin-left: -95px; font-size: 14px;}
.main_visual li.mvb4 .stxt_bottom span{font-size: 16px;}
.main_visual li.mvb4 .stxt_bottom em{font-size: 22px;}
.main_visual li.mvb4 .main_txt{font-size: 22px; line-height: 30px; top: 288px;}
.main_visual li.mvb4 .title_shadow{top:315px;}
.main_visual li.mvb5 .stxt{top:235px; margin-left: -115px; font-size: 14px; line-height: 80px;}
.main_visual li.mvb5 .stxt span{font-size: 20px;}
.main_visual li.mvb5 .stxt em{font-size: 30px; line-height: 36px;}
.main_visual .bar{width: 150px; position:absolute; top: 430px; left:50%; margin-left: -75px;}
}

/* 메인 비주얼배너 아래 배너4개 */
.main_iconbanner_navi{display:flex; justify-content: center; padding: 45px 0 100px 0;}
.main_iconbanner_navi li{position:relative; float:left; display: flex; justify-content: center; align-items: flex-end; border:1px #414141 solid; border-radius: 10px; margin: 0 11px; overflow: hidden; cursor: pointer;}
.main_iconbanner_navi li img{}
.main_iconbanner_navi li div{position:absolute; bottom:5px;}
.main_iconbanner_navi li .ti{width: 100%; text-align: center; font-weight: 700; font-size: 16px; color:#000; letter-spacing: -1px;}
.main_iconbanner_navi li .ti em{color:#28991d; letter-spacing: -1px; padding-right: 5px;}
.main_iconbanner_navi li .txt{width: 100%; text-align: center; font-size: 14px; line-height: 18px; color:#999; font-weight: 700; padding-top: 3px; letter-spacing: -1px;}
@media screen and (max-width:800px){
.main_iconbanner_navi{display: block; padding: 45px 0 50px 0;}
.main_iconbanner_navi li{width:23%; float:left; margin: 0 1%;}
}
@media screen and (max-width:640px){
.main_iconbanner_navi li{width:23%; float:left; margin: 0 1%;}
.main_iconbanner_navi li .ti{width: 100%; text-align: center; font-weight: 700; font-size: 14px;}
.main_iconbanner_navi li .txt{width: 100%; text-align: center; font-size: 12px;}
}
@media screen and (max-width:480px){
.main_iconbanner_navi{padding: 45px 0 30px 0;}
.main_iconbanner_navi li{width:48%; float:left; margin: 0 1% 1% 1%;}
.main_iconbanner_navi li .ti{width: 100%; text-align: center; font-weight: 700; font-size: 14px;}
.main_iconbanner_navi li .txt{width: 100%; text-align: center; font-size: 12px;}
}



/* 메인 컨텐츠 공통 */
.main_cont{background: url(../images/main_cont_topbg.gif) repeat-x;}
.main_cont .wrap_{padding: 120px 10px 100px 10px;}
.main_cont .title2{width:100%; text-align: center; font-size: 48px; line-height: 70px; color: #434343; font-weight: 400; letter-spacing: -2px;}
.main_cont .title2 span{color:#22cf00; font-weight: 700; font-size: 60px; line-height: 70px; letter-spacing: -2px;}
.main_cont .title2 strong{color:#000; font-weight: 700; font-size: 60px; line-height: 70px; letter-spacing: -2px;}
.main_cont .title_shadow{margin-top: -13px;}
.main_cont .title_shadow .copy_txt{transform: rotateX(180deg); opacity:0.2;  font-size: 48px; line-height: 70px; color: #434343; font-weight: 400; letter-spacing: -2px;}
.main_cont .title_shadow .white_shadow{position:absolute; top: 0; left:0; width: 100%; height:100%; background: url(../images/main_visual_textshadowbg.png) repeat-x center bottom; background-size: auto 100%;}
.main_cont .txt,
.main_cont .txt *{font-family: 'Nanum Myeongjo'; font-size: 26px; line-height: 40px;}
.main_cont .txt{color: #656565;}
.main_cont .txt .green{color: #36946b; font-weight: 700;}
.main_cont .txt .ygreen{color: #22cf00; font-weight: 700;}

@media screen and (max-width:1200px){
.main_cont .wrap_{padding: 100px 10px 80px 10px;}
.main_cont .title2{font-size: 36px; line-height: 60px;}
.main_cont .title2 span{font-size: 48px; line-height: 60px;}
.main_cont .title2 strong{font-size: 48px; line-height: 60px;}
.main_cont .title_shadow .copy_txt{font-size: 36px; line-height: 60px;}
.main_cont .txt,
.main_cont .txt *{font-size: 20px; line-height: 36px;}
}
@media screen and (max-width:640px){
.main_cont .wrap_{padding: 100px 10px 80px 10px;}
.main_cont .title2{font-size: 24px; line-height: 36px;}
.main_cont .title2 span{font-size: 36px; line-height: 48px;}
.main_cont .title2 strong{font-size: 36px; line-height: 48px;}
.main_cont .title_shadow .copy_txt{font-size: 24px; line-height: 36px;}
.main_cont .txt,
.main_cont .txt *{font-size: 16px; line-height: 30px;}
}
@media screen and (max-width:480px){
.main_cont .title2 span{display:block;}
}
@media screen and (max-width:400px){
.main_cont .wrap_{padding: 50px 10px 50px 10px;}
.main_cont .title2{font-size: 20px; line-height: 36px;}
.main_cont .title2 span{font-size: 30px; line-height: 36px;}
.main_cont .title2 strong{font-size: 30px; line-height: 36px;}
.main_cont .title_shadow .copy_txt{font-size: 20px; line-height: 36px;}
.main_cont .txt,
.main_cont .txt *{font-size: 14px; line-height: 25px;}
}

/* 메인 인증서 */
.certification .txt1{width:100%; text-align: center; padding: 0 0 55px 0; margin-top: 30px;}
.certification div{display: flex; justify-content: center;}
.certification figure{margin: 0 20px;}
.certification figure img{border:1px #111 solid;}
.certification figure figcaption{text-align: center; font-size: 16px; line-height: 22px; font-weight: 400; color:#757575; padding-top: 15px;}
@media screen and (max-width:1200px){
.certification .txt1{margin-top: 0;}
}
@media screen and (max-width:1000px){
.certification figure{width:48%; margin:0 1%;}
.certification figure img{width:100%;}
.certification figure figcaption{font-size: 14px; line-height: 20px;}
}
@media screen and (max-width:640px){
.certification .txt1{padding: 0 0 20px 0; z-index: 10;}
.certification figure{width:98%; margin:0 1%; display: block;}
.certification figure figcaption{font-size: 13px; line-height: 18px; padding-bottom: 30px;}
.certification div{flex-direction:column;}
}

/* 메인 특별 */
.special .txt1{background:url(../images/main_special_bg.gif) no-repeat right bottom; padding: 50px 0 50px 90px;}
@media screen and (max-width:1000px){
.special .txt1{background-position:center bottom; padding: 20px 0 280px 0; text-align: center;}
}
@media screen and (max-width:640px){
.special .txt1{background-position:center bottom; padding: 20px 0 280px 0; text-align: center;}
.special .txt1 br{display: none;}
}


/* 메인 현실적 */
.realistic .txt_box{border:1px #e5e5e5 solid; border-radius: 10px; padding:10px 0 40px 0; margin: 20px 90px;}
.realistic .txt_box .no{font-size:60px; font-weight: 400; color:#22cf00; float:left; margin-left: 50px;}
.realistic .txt_box .ti{float:left; font-size: 26px; font-weight: 400; color: #000; margin: 40px 0 0 10px;}
.realistic .txt_box .ti span{color: #36946b; font-size: 26px; font-weight: 700;}
.realistic .txt_box .txt{clear: both; font-size: 22px; line-height: 36px; margin:20px 0 0 145px; float: left;}
@media screen and (max-width:1200px){
.realistic .txt_box{margin: 20px 30px;}
}
@media screen and (max-width:1000px){
.realistic .txt_box{margin: 20px 10px;}
.realistic .txt_box .no{font-size:48px; margin-left: 30px;}
.realistic .txt_box .ti{font-size: 22px; margin: 25px 0 0 10px;}
.realistic .txt_box .ti span{font-size: 22px;}
.realistic .txt_box .txt{font-size: 16px; margin:20px 0 0 115px; float: left;}
}
@media screen and (max-width:800px){
.realistic .txt_box{margin: 10px 0;}
.realistic .txt_box .no{font-size:30px; margin-left: 20px;}
.realistic .txt_box .ti{clear:both; font-size: 20px; margin: 10px 0 0 20px;}
.realistic .txt_box .ti span{font-size: 20px;}
.realistic .txt_box .txt{font-size: 16px; line-height: 26px; margin:20px 0 0 20px; float: left;}
}
@media screen and (max-width:640px){
.realistic .txt_box{margin: 10px 0; padding: 20px;}
.realistic .txt_box .no{font-size:24px; margin-left:0;}
.realistic .txt_box .ti{clear:both; font-size: 18px; margin: 10px 0 0 0;}
.realistic .txt_box .ti span{font-size: 18px;}
.realistic .txt_box .txt{font-size: 15px; line-height: 24px; margin:20px 0 0 0; float: left;}
.realistic .txt_box .txt br{display: none;}
}

/* 메인 믿음직 */
.trust .txt{text-align: center;}
@media screen and (max-width:800px){
.trust .txt br{display: none;}
}


/* 메인 최적화 */
.optimization{background: url(../images/main_optimization_bg1.gif) no-repeat 20px bottom, url(../images/main_optimization_bg2.gif) no-repeat right bottom;}
.optimization .txt{text-align: center; padding: 30px 0;}
@media screen and (max-width:1000px){
.optimization .txt{padding: 20px 0 90px 0;}
}
@media screen and (max-width:640px){
.optimization{background: url(../images/main_optimization_bg1.gif) no-repeat center bottom;}
}
@media screen and (max-width:480px){
.optimization .txt{padding-top: 0;}
.optimization .txt br{display:none;}
}
@media screen and (max-width:400px){
.optimization .title2 strong{display:block;}
}


/* 메인 회사소개 1 */
.introduce .txt{text-align: center;}
.introduce .txt2{padding-top: 180px; background: url(../images/main_introduce_img1.gif) no-repeat center 0; margin-top: 30px;}
@media screen and (max-width:1000px){
.introduce .txt2 br{display: none;}
}
@media screen and (max-width:800px){
.introduce .txt2 br{display: none;}
}
@media screen and (max-width:640px){
.introduce .txt br{display: none;}
}
@media screen and (max-width:480px){
.introduce .txt2{padding-top: 160px; margin-top: 30px; background-size: 80%;}
}


/* 메인 컨텐츠 타입2 공톨 */
.cont_wrap2{background: #495a59;}
.cont_wrap2 .title2{width:100%; text-align: center; font-size: 60px; line-height: 70px; color: #fff; font-weight: 400; letter-spacing: -2px; z-index: 2;}
.cont_wrap2 .title2 span{color:#b0ec7a; font-weight: 700; font-size: 60px; line-height: 70px; letter-spacing: -2px;}
.cont_wrap2 .title2 strong{color:#000; font-weight: 700; font-size: 60px; line-height: 70px; letter-spacing: -2px;}
.cont_wrap2 .title_shadow{margin-top: -10px; z-index: 1;}
.cont_wrap2 .title_shadow .copy_txt{transform: rotateX(180deg); opacity:0.05;  font-size: 60px; line-height: 70px; color: #fff; font-weight: 400; letter-spacing: -2px;}
.cont_wrap2 .title_shadow .white_shadow{position:absolute; top: 0; left:0; width: 100%; height:100%; background: url(../images/cont_wrpa2_white_shadow.png) repeat-x center bottom; background-size: auto 100%;}
@media screen and (max-width:800px){
.cont_wrap2 .title2,
.cont_wrap2 .title2 span,
.cont_wrap2 .title2 strong,
.cont_wrap2 .title_shadow .copy_txt{font-size: 48px; line-height: 60px;}
}
@media screen and (max-width:640px){
.cont_wrap2 .title2,
.cont_wrap2 .title2 span,
.cont_wrap2 .title2 strong,
.cont_wrap2 .title_shadow .copy_txt{font-size: 36px; line-height: 48px;}
}
@media screen and (max-width:480px){
.cont_wrap2 .title2,
.cont_wrap2 .title2 span,
.cont_wrap2 .title2 strong,
.cont_wrap2 .title_shadow .copy_txt{font-size: 30px; line-height: 36px;}
}
@media screen and (max-width:360px){
.cont_wrap2 .title2,
.cont_wrap2 .title2 span,
.cont_wrap2 .title2 strong,
.cont_wrap2 .title_shadow .copy_txt{font-size: 24px; line-height: 30px;}
}

/* 메인 이용안내 */
.guide{}
.guide ol{display:flex; justify-content:center;}
.guide li{}
.guide li figure{background: url(../images/main_guide_arrow.png) no-repeat 0 bottom; padding: 0 10px 0 20px;}
.guide li:first-child figure{background:none; padding-left: 0;}
.guide li img{border:1px #647372 solid; border-radius: 10px;}
.guide li figcaption{padding-top: 20px; font-family: 'Nanum Myeongjo'; color: #fff; font-size: 16px; line-height: 20px; font-weight: bold; height:45px; display: flex; align-items: center; justify-content: center; text-align: center;}
.guide .bot_txt{margin-top: 70px; border-top: 1px #647372 solid; padding: 40px 30px 20px 30px; color: #fff; font-size: 16px; line-height: 25px; font-weight: 400;}
.guide .bot_txt span{color:#b0ec7a;  font-size: 16px; line-height: 25px; font-weight: 400;}
@media screen and (max-width:1200px){
.guide li img{width: 100%;}
}
@media screen and (max-width:1000px){
.guide li figcaption{font-size: 14px; line-height: 20px; height:40px;}
.guide li figcaption br{display:none;}
.guide .bot_txt{margin-top: 70px; padding: 20px 10px 20px 10px; font-size: 14px; line-height: 25px;}
.guide .bot_txt span{font-size: 14px; line-height: 25px;}
}
@media screen and (max-width:800px){
.guide ol{display: block; overflow: hidden;}
.guide li {width:33.33%; float:left; margin-bottom: 20px;;}
.guide li figure{background:none; padding: 0 10px 0 10px;}
.guide li:first-child figure{background:none; padding-left: 10px;}
.guide li figcaption{font-size: 14px; line-height: 20px; height:40px;}
.guide li figcaption br{display:none;}

.guide .bot_txt{margin-top: 70px; padding: 20px 10px 20px 10px; font-size: 14px; line-height: 25px;}
.guide .bot_txt span{font-size: 14px; line-height: 25px;  display: inline;}
}
@media screen and (max-width:480px){
.guide li {width:50%;}
.guide li figcaption{font-size: 12px; line-height: 20px; height:50px; padding: 10px; font-family: malgun gothic; padding-top: 10px;}
.guide .bot_txt{margin-top: 50px; padding: 20px 0 20px 0; font-size: 13px; line-height: 25px;  font-family: malgun gothic;}
.guide .bot_txt span{font-size: 12px; line-height: 18px;  font-family: malgun gothic;}
}

/* 메인 고객센터 */
.cont_wrap3{background: #fff;}
.cscenter{background: url(../images/main_cscenter_bg.jpg) no-repeat right 0; padding-top: 60px !important;}
.cscenter .title2{text-align: left; font-weight: 700; line-height: 60px; padding-left: 30px;}
.cscenter .title_shadow{margin-top:-5px; width: 300px; z-index: 1;}

.cscenter .tel{color:#22cf00;  font-size: 60px; line-height: 70px; font-weight: 900; z-index: 2; padding:0 0 20px 30px;}
.cscenter .time{color:#343434; font-size: 20px; line-height: 30px; font-weight: 400; display: block;}
.cscenter .time span{color:#36946b; font-size: 20px; line-height: 30px; font-weight: 700; padding:0 20px 0 30px;}

.cscenter .bot_txt{margin-top: 20px; border-top: 1px #ececec solid; padding: 40px 30px 20px 30px; color: #605d5d; font-size: 14px; line-height: 25px; font-weight: 400; background: #fff;}
.cscenter .bot_txt span{color:#bc6565;  font-size: 14px; line-height: 25px; font-weight: 400;}
@media screen and (max-width:800px){
.cscenter .title_shadow{display:none;}
}
@media screen and (max-width:640px){
.cscenter{background: url(../images/main_cscenter_bg.jpg) no-repeat 300px 0;}
.main_cont .cscenter{padding-bottom: 0;}
.cscenter .title2{padding-left: 10px;}
.cscenter .tel{font-size: 48px; padding:0 0 20px 0;}
.cscenter .time{font-size: 14px; padding-left: 0;}
.cscenter .time span{font-size: 14px; padding-left: 10px;}
.cscenter .bot_txt{margin-top: 20px; padding: 30px 10px 20px 10px; font-size: 13px; line-height: 22px;}
.cscenter .bot_txt span{font-size: 13px; line-height: 22px;}
}
@media screen and (max-width:480px){
.cscenter .tel{font-size: 36px; padding:0 0 0 5px;}
.cscenter .time{padding-left: 10px;}
.cscenter .time span{display:block; padding-left:0;}

}


/* 푸터 */
.bottom{display: flex; flex-direction: column; justify-content: center;}
.footer_navi{display: flex; justify-content: center; margin-top: 55px;}
.footer_navi a{display:inline-block;}
.footer_navi li{color:#fff; font-size: 13px; line-height: 10px; border-left:1px #ccc solid; padding: 0 20px 0 20px;}
.footer_navi a:first-child li{border:0;}
.footer_info{text-align: center; color: #929292; font-size: 12px; line-height: 25px; font-weight: 400; margin-top: 30px;}
.footer_stxt{text-align: center; color:#a55c5c; font-size: 12px; line-height: 16px; font-weight: 400; margin-top: 30px;}
.bottom .copy{text-align: center; color: #929292; font-size: 12px; line-height: 16px; font-weight: 400; margin-top: 30px; margin-bottom: 50px;}
@media screen and (max-width:800px){
    .footer_navi li{font-size: 13px; padding: 0 10px 0 10px;}
}
@media screen and (max-width:640px){
    .footer_navi{display:none;}
}


/* 서브 하단 배넝 */
.bannerbanner{background:#f7f7f7; border:5px #ddd solid; padding: 23px; margin-top: 50px;}
.bannerbanner div{float:left;}
.bannerbanner div:first-child{width:40%;}
.bannerbanner div:first-child span{color:#896561; font-size: 16px; float: left;}
.bannerbanner div:first-child strong{color:#000; font-size: 22px; padding-top: 5px;}
.bannerbanner div:last-child{width:60%; color:#5a4c4b; font-size: 14px; padding-left: 30px; border-left:1px #ccc solid; padding: 20px 0 20px 30px; line-height: 30px; font-family: malgun gothic;}


/* 서브 상단 타이틀 */
.title1{width:100%; text-align: center; font-size: 48px; line-height: 60px; color: #434343; font-weight: 400; letter-spacing: -2px;}
.title1 span{color:#22cf00; font-weight: 700; font-size: 48px; line-height: 60px; letter-spacing: -2px;}
.title1 strong{color:#000; font-weight: 700; font-size: 48px; line-height: 60px; letter-spacing: -2px;}
.sub_top{padding: 70px 0 25px 0; border-bottom: 1px #000 solid; margin-bottom: 50px;}
.sub_top .tit_stxt{width: 100%; text-align: center; font-family: 'Nanum Myeongjo'; font-size: 26px; line-height: 30px; color: #656565; font-weight: 400; padding-top: 20px;}
.sub_top .select_wrap{padding-top: 50px; display: flex; justify-content: center;}
.sub_top .select_wrap select{width:220px; height: 36px; border:1px #9a9a9a solid; font-size: 16px; line-height: 23px; padding-left: 15px; margin: 0 5px;}

/* 서브 검색 폼 */
.compare_search{}
.compare_search .mr10{margin-right: 10px;}
.compare_search .mr20{margin-right: 20px;}
.compare_search .mr30{margin-right: 30px;}
.compare_search .mr50{margin-right: 50px;}
.compare_search .mt10{margin-top: 10px;}
.compare_search .mt20{margin-top: 20px;}
.compare_search .mt30{margin-top: 30px;}
.compare_search .mt50{margin-top: 50px;}
.compare_search .mb10{margin-bottom: 10px;}
.compare_search .mb20{margin-bottom: 20px;}
.compare_search .mb30{margin-bottom: 30px;}
.compare_search .mb50{margin-bottom: 50px;}
/* 이전거이고 아래 건 환산소득하면소 고침 */
/* .compare_search .info_input{padding: 0 10px 40px 10px;}  */
.compare_search .info_input{padding: 20px 0 40px 0;}
.compare_search h2{width:40px; border-top:6px #22cf00 solid; overflow: visible; white-space:nowrap; padding:5px 0 20px 20px; font-size: 26px; line-height: 30px; font-weight: 400; color:#444; letter-spacing: -1px;}
.compare_search h2 strong{ font-size: 26px; line-height: 30px; font-weight: 700; color:#000; letter-spacing: -1px;}
.compare_search .box_wrap{background: #F5F6FA; border:1px #cfcfcf solid; padding: 25px 45px; box-shadow:#eee 3px 3px 5px;}
.compare_search select{height: 36px; border:1px #bbb solid; font-size: 14px; line-height: 23px; padding:0 30px 0 10px; background:#fff url(../images/search_select_arrow.gif) no-repeat right center; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.compare_search select::-ms-expand{display: none;}
.compare_search select.fl{float:left;}
.compare_search select.block{clear:both; display: block;}
.compare_search input{height: 36px; border:1px #bbb solid; font-size: 16px; line-height: 23px; padding:0 10px; background: #fff;}
.compare_search input.ma1{margin:0 0 0 5px;}
.compare_search input.ma2{margin:0 5px 0 0;}
.compare_search input.ma3{margin:0 5px;}
.compare_search input.w50{width:50px;}
.compare_search input.w100{width:100px;}
.compare_search input.w150{width:150px;}
.compare_search input.w200{width:200px;}
.compare_search input.w250{width:250px;}
.compare_search input.w300{width:300px;}
.compare_search input.ac{text-align: center;}
.compare_search input.ar{text-align: right;}
.compare_search label{font-size: 13px; line-height: 40px; font-weight: 400; color:#545454; margin-right: 30px; float: left;}
.compare_search label.block{clear:both;}

.compare_search .radio{line-height: 25px; display: flex; align-items: center; float:left; margin-right: 30px; background: url(../images/compare_search_box_radio_icon.png) no-repeat 0 center;}
.compare_search .radio.select{background-image: url(../images/compare_search_box_radio_icon_.png);}
.compare_search .radio input[type=radio]{width:25px; margin-right: 10px;  visibility: visible;}

.compare_search .line_ti{font-size: 16px; line-height: 40px; font-weight: 400; color:#000; background: url(../images/compare_search_box_ti_icon.gif) no-repeat 0 18px; padding: 0 0 0 20px; width:170px; float:left;}
.compare_search .line_ti.longti{width:100%; float:none; display: block;}
.compare_search .choice .line_ti{background-image: url(../images/compare_search_box_ti_icon_.gif);}
.compare_search .line_input{background: url(../images/compare_search_box_line_hbg.gif) no-repeat 0 center; padding-left: 20px;}
.compare_search .line_input.longheight{background-position: 0 12px;}
.compare_search .line_input.longheight1{background-position: 0 15px; padding: 10px 0 0 20px;}
.compare_search .line_input.noti1{margin-left:170px; background: url(../images/compare_search_box_line_hbg.gif) no-repeat 0 center, url(../images/compare_search_box_line_wbg.gif) repeat-x; padding: 15px 0 0 20px; margin-top: 15px;}
.compare_search .line_input.noti2{clear:both; margin-left:170px; background: url(../images/compare_search_box_line_hbg.gif) no-repeat 0 15px; padding: 10px 0 0 20px;}
.compare_search .line_input.noti3{clear:both; margin-left:170px; background: url(../images/compare_search_box_line_hbg.gif) no-repeat 0 24px; padding: 10px 0 0 20px;}

.compare_search .box_wrap .line{background: url(../images/compare_search_box_line_wbg.gif) repeat-x; padding: 12px 0;}
.compare_search .box_wrap .line:first-child{background: none;}

.compare_search .qtxt{float: left; font-size: 14px; line-height: 22px; color: #111;}
.compare_search .right_redtxt{color:#9f7a7a; font-size: 13px; line-height: 40px; padding-left: 10px; float:left;}
.compare_search .right_txt{color:#333; font-size: 13px; line-height: 40px; padding-left: 10px; float:left;}
.compare_search .bottom_redtxt{clear: both; color:#9f7a7a; font-size: 13px; line-height: 22px; display: block; padding-left: 2px;}
.compare_search .bottom_txt{clear: both; color:#333; font-size: 13px; line-height: 22px; display: block; padding-left: 2px;}

.compare_search .yearmoney em{font-size: 16px; color: #111; font-weight: 700;}

.compare_search .calendar{background: url(../images/calendar_icon.gif) no-repeat center center; cursor: pointer; width: 30px; height: 40px; float:left; margin-left: -30px;}


/* 서브 하단 버튼 */
.compare_search .bu_wrap {display: flex; justify-content: center;}
.compare_search .bu_wrap button{background: #6fd600; border:1px #4c9300 solid; color:#fff; font-weight: 700; font-size: 16px; width: 230px; height: 60px; margin: 0 15px; border-radius: 8px; text-shadow: #28991d 0 0 3px;}
.compare_search .bu_wrap button:nth-child(1){background: #6fd600 url(../images/compare_search_bu_icon1.png) no-repeat 30px center; padding-left: 25px;}
.compare_search .bu_wrap button:nth-child(2){background: #6fd600 url(../images/compare_search_bu_icon2.png) no-repeat 25px center; padding-left: 35px;}



/* 서브 검색 결과 */
.search_product_list{margin-top:35px;}
.search_product_list .search_tit{border-bottom:2px #000 solid; overflow: hidden; padding-bottom: 10px;}
.search_product_list .search_tit em{font-size:16px; line-height: 20px; font-weight: 700; color: #5fac1a; float: left;}
.search_product_list .search_tit span{font-size:16px; line-height: 20px; font-weight: 400; color: #000; float: left;}
.search_product_list .search_tit .right_redstxt{font-size:13px; line-height: 20px; font-weight: 400; color: #975252; float: left; margin:  0 0 0 10px;}
.search_product_list .search_list_wrap{border-bottom:1px #c7c7c7 solid; padding: 20px 0; height: 130px;}

.search_product_list .search_list_wrap .bank{float:left; display: flex; flex-direction: column; justify-content: center; width: 12%; text-align: center;}
.search_product_list .search_list_wrap .bank .check_area{width:28px; height: 28px; background: url(../images/compare_search_box_chk_icon.png) no-repeat center center; margin: 10px auto 24px auto; cursor: pointer;}
.search_product_list .search_list_wrap .bank .check_area.chk{background-image: url(../images/compare_search_box_chk_icon_.png);}
.search_product_list .search_list_wrap .bank .check_area input{width: 28px; height: 28px; margin-left: 20px; visibility: hidden;}
.search_product_list .search_list_wrap .bank .bank_name{font-size: 16px; font-weight: 500; color: #000; width: 100%; float:left; text-align: center;}
.search_product_list .search_list_wrap .money{float:left; width: 23%; padding: 0 20px;}
.search_product_list .search_list_wrap .money .ti{background: url(../images/search_list_tibg.gif) repeat-x 0 center; margin-top: 5px; width:100%;}
.search_product_list .search_list_wrap .money .ti span{background:#fff url(../images/search_list_tiicon.gif) no-repeat 0 center; color: #454545; font-size: 16px; font-weight: 700; line-height: 25px; padding: 0 10px 0 12px;}
.search_product_list .search_list_wrap .money .money_n em{background: url(../images/search_list_money_bgicon.gif) no-repeat 0 30px; font-size: 40px; line-height: 60px; font-weight: 400; color: #000; padding: 0 8px 0 37px; letter-spacing: -2px;}
.search_product_list .search_list_wrap .money .money_n{font-size: 16px; line-height: 20px; font-weight: 400; color: #757575; width: 100%; text-align: right; padding-top: 5px;}
.search_product_list .search_list_wrap .interest{float:left; width: 13%;}
.search_product_list .search_list_wrap .interest .tag{width:100%; display: flex; justify-content: center; margin-top: 5px;}
.search_product_list .search_list_wrap .interest .tag span{color:#fff; text-align: center; font-family: dotum; font-size: 12px; font-weight: bold; margin: 0 2px; width: 63px; height: 25px; display: flex; align-items: center; justify-content: center;}
.search_product_list .search_list_wrap .interest .tag .color1{background-color: #2daa1d; border-radius: 8px;}
.search_product_list .search_list_wrap .interest .tag .color2{background-color: #002A4A; border-radius: 8px;}
.search_product_list .search_list_wrap .interest .interest_n{text-align: right; color:#757575; font-size: 16px; line-height: 60px; font-weight: 400; width: 100%; padding: 5px 15px 0 0;}
.search_product_list .search_list_wrap .interest .interest_n em{color:#d01a1a; font-size: 40px; line-height: 60px; font-weight: 400;}

.search_product_list .search_list_wrap .money_info{float:left; width: 40%; padding: 0 20px;}
.search_product_list .search_list_wrap .money_info .ti{background: url(../images/search_list_tibg.gif) repeat-x 0 center; margin-top: 5px; width:48%; float: left; margin-right: 4%;}
.search_product_list .search_list_wrap .money_info .ti span{background:#fff url(../images/search_list_tiicon.gif) no-repeat 0 center; color: #454545; font-size: 16px; font-weight: 700; line-height: 25px; padding: 0 10px 0 12px;}
.search_product_list .search_list_wrap .money_info .tag{width:48%; float: left; display: flex; justify-content: space-between; padding-top: 5px;}
.search_product_list .search_list_wrap .money_info .tag span{color:#fff; text-align: center; font-family: dotum; font-size: 12px; font-weight: bold; margin: 0 2px; width: 100px; height: 25px; display: flex; align-items: center; justify-content: center;}
.search_product_list .search_list_wrap .money_info .tag .color1{background-color:#3c6179;}
.search_product_list .search_list_wrap .money_info .tag .color2{background-color:#19486b;}
.search_product_list .search_list_wrap .money_info .minfo_list{clear:both; padding-top: 12px;}
.search_product_list .search_list_wrap .money_info .minfo_list li{float: left; width: 48%; background: url(../images/search_list_money_info_listicon2.gif) no-repeat 65% center;}
.search_product_list .search_list_wrap .money_info .minfo_list li:nth-child(3),
.search_product_list .search_list_wrap .money_info .minfo_list li:nth-child(4){border-top:1px #dcdcdc solid;}
.search_product_list .search_list_wrap .money_info .minfo_list li:nth-child(1),
.search_product_list .search_list_wrap .money_info .minfo_list li:nth-child(3){margin-right:4%;}
.search_product_list .search_list_wrap .money_info .minfo_list li .miti{font-size: 14px; line-height: 25px; font-weight: 500; color: #333; background: url(../images/search_list_money_info_listicon.gif) no-repeat 0 center; float:left; padding-left: 12px;}
.search_product_list .search_list_wrap .money_info .minfo_list li .mitxt{font-size: 14px; line-height: 25px; font-weight: 500; color: #333; float:right;}
.search_product_list .search_list_wrap .money_info .minfo_list li .mitxt span{font-size: 12px; line-height: 25px; font-weight: 500; color: #333;}

.search_product_list .search_list_wrap .cscenter{float:left; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 12%; background: none; padding: 46px 0 0 0 !important; height:100%; overflow: visible;}
.search_product_list .search_list_wrap .cscenter .csti{position: absolute; top:5px; color:rgba(242, 248, 248, 0.952);  font-family: dotum; font-size: 12px; font-weight: bold; line-height: 12px; background: #012745; width:104px; height: 25px; display: flex; align-items: center; justify-content: center;}
.search_product_list .search_list_wrap .cscenter button{ margin: 1px 0; width: 104px; height: 22px; border:0; font-size: 14px; color:#000000; font-weight: 400; padding:0; background-position: center 1px;  background-color: #71BBDB; background-repeat: no-repeat; background-image: url(../images/search_list_bubg.png); border-radius: 15px;}
.search_product_list .search_list_wrap .cscenter .color1{background-color: #71BBDB; border: 1px #012745 solid; color: #000000;}
.search_product_list .search_list_wrap .cscenter .color2{background-color: #71BBDB; border: 1px #71BBDB solid; color: #000000;}
.search_product_list .search_list_wrap .cscenter .color3{background-color: #71BBDB; border: 1px #71BBDB solid; color: #000000;}


/* 서브 상서보기 */
.money_info_view{background: #f2f2f2; padding: 0 20px 20px 20px;}
.money_info_view *{font-family: malgun gothic;}
.money_info_view h3{visibility: hidden; position: absolute; height: 1px;}
.money_info_view .money_info_view_wrap .view_tit{color:#424242; font-size: 26px; line-height:30px; font-weight: 700; font-family: 'Noto Sans Kr'; padding: 0 0 0 25px; margin: 20px 0 5px 0; background: url(../images/search_list_viewtit_icon.gif) no-repeat 0 center;}
.money_info_view .money_info_view_wrap .view_cont{}
.money_info_view .money_info_view_wrap .view_cont .view_cont_list{width:48%; float:left; border-top: 1px #cacaca solid;}
.money_info_view .money_info_view_wrap .view_cont .view_cont_list:first-child{margin-right:2%;}
.money_info_view .money_info_view_wrap .view_cont .view_cont_list li{position:relative; clear: both; border-bottom: 1px #cacaca solid; overflow: hidden;}
.money_info_view .money_info_view_wrap .view_cont .view_cont_list li .ti{background-color: #61697a; color:#fff; text-align: right; padding: 10px; font-size: 14px; line-height: 20px;  font-weight: 400; width:35%; float:left; min-height: 40px;}
.money_info_view .money_info_view_wrap .view_cont .view_cont_list li .txt{background-color: #fff; color:#424242; font-size: 14px; line-height: 20px;  font-weight: 400; padding: 10px; width:65%; float:left; min-height: 40px;}
.money_info_view .money_info_view_wrap .bot_stxt{color:#61697a; font-size: 13px; line-height: 23px; font-weight: 400; padding: 10px;}
.money_info_view .money_info_view_wrap .bot_bu_wrap{padding:5px 10px 20px 10px;}
.money_info_view .money_info_view_wrap .bot_bu_wrap button{font-size: 12px; font-family: dotum; font-weight: bold; color:#fff; text-align: center; background: url(../images/search_list_view_botbubg.gif); background-size: 100% 100%; border:1px #535f75 solid; width: 120px; height: 26px; letter-spacing: -1px;}
.money_info_view .info_view_close_bu{font-size: 12px; font-family: dotum; font-weight: bold; color:#fff; text-align: center; padding: 7px 0 5px 0; width: 120px; position: absolute; bottom:0; left:50%; margin-left: -60px; background: #38486a; border-radius: 4px; border-bottom-left-radius:0; border-bottom-right-radius:0; cursor: pointer;}


/* 서브 팝업 */
.popup{position: fixed; top:0; left:0; width:100%; height: 100%; z-index: 1000; display: flex; align-items: center; justify-content: center;}
.popup .bgscreen{position:absolute; top:0; left:0; width:100%; height: 100%; background: url(../images/bgscreen/bgscreen_b80.png);}
.popup .popup_wrap{background: #fff; border-radius: 10px; box-shadow: #000 0 0 10px; padding: 0 20px 50px 20px; position: relative;}
.popup .popup_wrap .view_tit{color:#424242; font-size: 26px; line-height:30px; font-weight: 700; font-family: 'Noto Sans Kr'; padding: 0 0 0 25px; margin: 20px 0 5px 0; background: url(../images/search_list_viewtit_icon.gif) no-repeat 0 center;}
.popup .popup_wrap ul{border-top:1px #cacaca solid;}
.popup .popup_wrap li{border-bottom:1px #cacaca solid; overflow: hidden;}
.popup .popup_wrap li span{min-height: 40px; padding: 10px 10px; font-family: malgun gothic; font-size: 14px; line-height: 20px; color: #424242; width: 150px; text-align: center; float: left;}
.popup .popup_wrap li.name span{height:80px; display: flex; align-items: center; justify-content: center;}
.popup .popup_wrap li span.ti{background-color: #61697a; color:#fff;}
.popup .popup_wrap li span:nth-child(2),
.popup .popup_wrap li span:nth-child(4),
.popup .popup_wrap li span:nth-child(6){background-color: #f9f9f9;}
.popup .popup_wrap .pop_close_bu{font-size: 12px; font-family: dotum; font-weight: bold; color:#fff; text-align: center; padding: 7px 0 5px 0; width: 120px; position: absolute; bottom:0; left:50%; margin-left: -60px; background: #38486a; border-radius: 4px; border-bottom-left-radius:0; border-bottom-right-radius:0; cursor: pointer;}


/* 모바일  사이드 스르륵 메뉴 */
.left_slide_menu{position:fixed; top:0; left:-300px; width:1px; height:100%; background: #fff; opacity:0; transition:0.5s;}
.left_slide_menu.open{left:0; width:100%; opacity:1;}
.slide_menu_wrap{position:absolute; top:0; left:0; width:70%; height:100%; background: #fff; opacity:1; transition:0.5s;}
.slide_menu_wrap .left_navi_top{ height:60px;}
.slide_menu_wrap .left_navi_top select{}
.slide_menu_wrap .left_navi_top select{position:absolute; top:10px; left:10px; width:220px; height:40px; background:#fff url(../images/top_searchmenu_arrow.png) no-repeat right center; border:2px #22cf00 solid; color: #222; font-size: 16px; font-weight: 500; display: flex; align-items: center; padding:0 30px 0 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../images/top_searchmenu_arrow.png) no-repeat right center; cursor: pointer;}
.slide_menu_wrap .left_navi_top select::-ms-expand {display:none;}
.slide_menu_wrap .left_navi_top .close_bu{position: absolute; top:0; right:0; width:60px; height:60px; background: url(../images/close_bu_icon.png) no-repeat center center; background-size: 60% auto; cursor: pointer;}
.slide_menu_wrap .left_navi{width:100%; overflow: hidden; border-top:1px #000 solid; padding-top: 5px;}
.slide_menu_wrap .left_navi li{position: relative; width:100%; min-height: 40px; overflow: hidden; border-bottom:1px #eee solid;}
.slide_menu_wrap .left_navi li > a{float:left; width:100%; height:40px; font-size: 16px; font-weight: 400; color: #000; display: flex; align-items: center; padding: 0 20px; transition: 0.2s;}
.slide_menu_wrap .left_navi li:first-child a{background: none;}
.slide_menu_wrap .left_navi li a:hover{text-decoration: none; cursor: pointer; color:#22cf00;}
.slide_menu_wrap .left_navi li .submenu{position:relative; margin: 0 10px 10px 10px;}
.slide_menu_wrap .left_navi .submenu li{transition:0.5s; border:0; border-top:1px #e1e1e1 solid; background: #f2f2f2 url(../images/left_navi_submenu_bgicon.gif) no-repeat 20px center; padding-left: 20px;}
.slide_menu_wrap .left_navi li .submenu li a{background: none; text-align: center; font-size: 15px; font-weight: 400; transition: 0.2s;}




.scroll_top{position:fixed; right:30px; top:80%; overflow: hidden; display: flex; flex-direction: column;}
.scroll_top span{width:60px; height:60px; margin: 3px 0; float:left; cursor: pointer;; border:1px #000 solid; display:block; border-radius: 3px;}
.scroll_top .bu_top{background: url(/new1/calculator/scrolltop_icon2.png) no-repeat center center; transform: rotateX(180deg);}
.scroll_top .bu_bottom{background: url(/new1/calculator/scrolltop_icon2.png) no-repeat center center;}