@CHARSET "UTF-8";

.mg0 {margin:0px !important;}
.pc .boder_top_g {border-top:1px solid #f2f5f7 !important;}
.pc .pc_back_color_gray {background-color:#f5f7fa !important;}
.color_blue {color:#0565f0}
.mc .color_blue {color:#91bdfa;}
.color_blue2 {color:#1D2D47;}
.back_color_navi {background-color:#1d2d47 !important;}
.float_left {float:left;}
.mc .mc_boder_top_g {border-top:1px solid #f2f5f7 !important;}
.mc .back_color_white {background-color:#fff !important;}
.mc .back_color_blue {background-color:#f0f6ff !important;}
.mc .back_color_blue2 {background-color:#0565f0 !important;}
.mc .back_color_gray {background-color:#f5f7fa !important;}


.mc .color_white {color:#fff !important;}
.mc .boder_top_b8 {border-top:8px solid #f4f7f9 !important;}
.mc .mc_block {display:block;}
.mc .mc_mgt0 {margin-top:0px !important;}
.mc .mc_mgt-280 {margin-top:-280px;}
.mc .mc_mgt-180 {margin-top:-180px;}
.mc .mc_pbtm250 {padding-bottom:250px;}
.mc .mc_pbtm150 {padding-bottom:150px;}
.mc .tugup20 {margin-top:-20px;padding-top:20px;}
.mc .tugup84 {margin-top:-84px;padding-top:84px;}
.mc .tuglr20 {margin-left:-20px;padding-left:20px;padding-right:20px;width:calc(100% + 40px) !important;}

.tb.mc .submain .header .wrap-header {position:fixed; left:0; width:100%;}
.tb.mc .submain .header .header-wrap {position:fixed; left:0; width:100%;}


.submain .contents {}
.submain .contents .top {padding-top:50px}
.dc .submain .contents .pt0 {padding-top:0}
.submain .contents.csm .top {padding-top:0}
.submain .contents .top .tit {font-size:24px;line-height:26px;font-family:hgg;}
.submain .contents .sub_main_con {margin-top:40px;}
.submain .contents .inner {padding:20px 50px;}
.submain .contents .inner2 {padding:45px 25px;}
.submain .contents .inner3 {padding:45px 0px 45px 25px;}
.submain .contents .inner3 .strong {font-size:16px; font-weight:600;}

.mc .submain .contents .inner2 {padding:40px 0px;}
.mc .submain .contents .inner3 {padding:25px 20px;}
.mc .submain .contents .box + .box {margin-left:0px;}


.submain .contents i.rg_s {display:inline-block;width:10px !important;height:10px !important;margin:2px 0 0 5px !important;font-size:0;text-indent:-9999em;overflow:hidden;background:url(/images/renew/bg_right_rg.png) no-repeat 50% 50% / contain !important;}
.submain .contents i.rg {display:inline-block;width:13px !important;height:13px !important;margin:5px 0 0 5px !important;font-size:0;text-indent:-9999em;overflow:hidden;background:url(/images/renew/bg_right_rg.png) no-repeat 50% 50% / contain !important;vertical-align:text-top;}

.submain .contents .floatLeft + .floatLeft {margin-top:25px;} 

.submain .contents .card {position:relative;width:422px;min-height:212px;border-radius:6px;padding:40px 50px;border:1px solid #E1E3E6;background-color:#fff;}
.submain .contents .card:hover {background-color:#f5f9fe;border:1px solid #0565f0;}
.submain .contents .card + .card {margin-left:25px;}
.submain .contents .card.corp {height:264px;background:#1d2d47;color:#fff;}
.submain .contents .card.corp::after {content:'';opacity:0.06;position:absolute;width:193px;height:162px;right:0px;top:55px;background:url(/images/ui/main/img_corpback.png) center no-repeat;background-size:193px 162px;}
.submain .contents .card.invest {height:264px;background-color:#f0f6ff;}

.submain .contents .card p {position:relative; font-size:14px;line-height:22px; z-index:2;}
.submain .contents .card p + p {margin-top:20px;font-weight:200;}
.submain .contents .card .tit_eng {font-size:11px;line-height:22px;color:#5697f0;letter-spacing:2.75px;font-family:spq;font-weight:600;}
.submain .contents .card .tit {font-size:28px;line-height:31px;font-family:hgg;font-weight:800;}

.submain .contents .card .link {display:block;position:relative;font-size:20px;line-height:32px;font-weight:600;font-family:hgg;padding-left:35px;}
.submain .contents .card .go_r {position:absolute; display:inline-block; bottom:20px; padding-right:14px; background:url(/images/renew/bg_right_g.png) no-repeat  100% 50% / 10px; color:#212529; bottom:24px; left:50px; }
.mc .submain .contents .card .go_r {position:relative; left:0; bottom:0; margin-top:8px}
.submain .contents .card .desc {color:#6e7780;font-size:14px;line-height:22px;margin-top:15px;}

.submain .contents .card.fin {height:360px;padding:50px;box-shadow:0 2px 4px rgba(0,0,0,0.05)}
.submain .contents .card.fin i {position:absolute; top:35px; right:50px;display:block;width:80px;height:80px;font-size:0px;}
.submain .contents .card.fin h2.strong {font-size:28px;line-height:31px;font-family:hgg;font-weight:800;}
.submain .contents .card.fin .desc {min-height:70px;}
.submain .contents .card.fin .link_box {margin-top:15px;}
.submain .contents .card.fin .link_box::after {content:'';display:block;clear:both;}
.submain .contents .card.fin .link_box ul {}
.submain .contents .card.fin .link_box ul li {float:left;width:calc(50% - 5px);margin-top:8px;}
.submain .contents .card.fin .link_box ul li:nth-child(even) {margin-left:10px}
.submain .contents .card.fin .link_box ul li a {position:relative;display:block;font-size:14px;font-weight:600;line-height:40px;color:#175ec7; background-color:#e6f1ff; border-radius:4px; text-align:center}


.submain.onl .contents > .top .myinfo {float:right;color:#6e7780;line-height: 26px;}
.mc .submain.onl .contents > .top .myinfo {color:rgba(255,255,255,0.66)}
.submain.onl .contents .card.onl {height:360px; padding:32px 40px;border:none;}
.submain.onl .contents .card.onl .top {color:#fff;margin-top:20px;padding:0 5px 30px;border-bottom:1px solid #515961;}
.submain.onl .contents .card.onl .top p {font-size:13px;line-height:20px}
.submain.onl .contents .card.onl .top .strong {font-size:20px;line-height:28px;margin-top:10px;}
.submain.onl .contents .card.onl .top .strong em {font-size:26px;line-height:28px;font-weight:400;padding-right:5px;vertical-align: text-top;}
.msie .submain.onl .contents .card.onl .top .strong em {vertical-align:middle;}

.mc .submain.onl .contents > .top {background-color:#1d2d47;}
.mc .submain.onl .contents > .top .myinfo {display:block;float:none;text-align:center;margin-top:10px;}
.mc .submain.onl .sub_main_con > .floatLeft .card:nth-child(1) {padding:28px 20px; background-color:#fff;min-height: auto; box-shadow:0 2px 4px rgba(0,0,0,0.05);}
.mc .submain.onl .contents .card.onl {height:auto;}
.mc .submain.onl .contents .card.onl .top {margin:0;color:#212529;padding:0px;border:0px;}
.mc .submain.onl .contents .card.onl .top::after {content:'';display:block;clear:both;}
.mc .submain.onl .contents .card.onl .top p {float:left;line-height:28px;margin-top:0px; font-weight:bold}
.mc .submain.onl .contents .card.onl .top .strong {float:right;margin-top:0px; white-space:nowrap;font-weight:400}
.mc .submain.onl .contents .card.onl .bottom {padding-top:20px;}
.mc .submain.onl .contents .card.onl .bottom li + li {margin-top:0}
.mc .submain.onl .sub_main_con > .floatLeft .card:nth-child(2) {padding:0;min-height: auto;}
.mc .submain.onl .contents .icon_list {padding:30px 0px;}
.mc .submain.onl .contents .icon_list i {background-color:transparent;background-size:29px;height:50px;}
.mc .submain.onl .contents .icon_list li p {margin-top:0px;font-size:14px;color:#6e7780;line-height:22px;}
.mc .submain.onl .contents .swipe_wrap {padding:0px;}
.mc .submain.onl .contents .swipe_wrap .swiper-pagination {position:static;display:block;width:100%;margin-top:15px;}
.mc .submain.onl .contents .swipe_wrap .swiper-button-prev {display:none;}
.mc .submain.onl .contents .swipe_wrap .swiper-button-next {display:none;}
.mc .submain.onl .contents .swipe_wrap .swiper-pagination-bullet:not(:first-child) {margin-left:5px;}
.mc .submain.onl .contents .swipe_wrap .swiper-pagination-bullet-active {width:20px;border-radius:5px;}
.mc .submain.onl .contents .swipe_wrap .btn_area {text-align:center;display:block;margin-top:20px;}
.pc .submain.onl .contents .swipe_wrap .swiper-pagination {display:none;}
.pc .submain.onl .contents .swipe_wrap .btn_area {display:none;}


.submain.onl .sub_main_con > .floatLeft .card:nth-child(1) {background-color:#1d2d47;}
.submain.onl .sub_main_con > .floatLeft .card:nth-child(2) {background-color:#f5f7fa;}



.submain.onl .contents .card.onl .bottom {color:#515961;padding:30px 5px 0;font-size:13px}
.submain.onl .contents .card.onl li::after {content:'';display:block;clear:both;}
.submain.onl .contents .card.onl .fl {float:left;line-height:24px; color:#b3bbc3}
.mc .submain.onl .contents .card.onl .fl {color:#6e7780}
.submain.onl .contents .card.onl .fr {display:flex; align-items:center; float:right;color:#a9b0b8;font-size:16px;line-height:24px; white-space:nowrap;}
.mc .submain.onl .contents .card.onl .fr {color:#515961}
.mc .submain.onl .contents .card.onl:nth-child(1) .fr {font-size:13px}
.submain.onl .contents .card.onl .fr > span {line-height:inherit;}
.submain.onl .contents .card.onl .bottom li + li {margin-top:20px;}
.submain.onl .contents .card.onl .used {color:#515961; font-size:16px; font-weight:600; line-height:24px;position:relative;font-weight:bold}
.submain.onl .contents .card.onl .blue {color:#0561e6;}
.submain.onl .contents .card.onl .product_list {}
.submain.onl .contents .card.onl .product_list .fl {font-weight:800;color: #212529;}
.submain.onl .contents .card.onl .product_list .fr {color:#515960;}
.submain.onl .contents .card.onl .product_list .fr > span {line-height:inherit;}
.submain.onl .contents .card.onl .product_list li {padding:18px 20px;margin-top:8px;background-color:#fff;border-radius: 6px;box-shadow:0 0 10px #e1e3e6}
.mc .submain.onl .contents .card.onl .product_list li {padding:24px 20px;margin-top:12px}
.submain.onl .contents .card.onl .product_list li p {padding-left:20px;}
.submain.onl .contents .card.onl .product_list li:nth-child(1) p::after {position:absolute;top:8px;left:0px;content:'';width:10px;height:10px;background-color:#5979ff;border-radius:2px;}
.submain.onl .contents .card.onl .product_list li:nth-child(2) p::after {position:absolute;top:8px;left:0px;content:'';width:10px;height:10px;background-color:#2ebfd9;border-radius:2px;}
.submain.onl .contents .card.onl .product_list li:nth-child(3) p::after {position:absolute;top:8px;left:0px;content:'';width:10px;height:10px;background-color:#a162f7;border-radius:2px;}
.submain.onl .contents .card.onl .product_list li:nth-child(4) p::after {position:absolute;top:8px;left:0px;content:'';width:10px;height:10px;background-color:#8c959f;border-radius:2px;}




.submain.onl .contents .icon_list {padding:40px 0px;}
.submain.onl .contents .icon_list::after {content:'';display:block;clear:both;}
.submain.onl .contents .icon_list li {float:left;width:25%;}
.submain.onl .contents .icon_list li > a {display:block;}
.submain.onl .contents .icon_list li p {margin-top:10px;text-align:center;font-size:16px;line-height:30px;}
.submain.onl .contents .icon_list li + li {}
.submain.onl .contents .icon_list i {display:block;width:100%;height:100px;border-radius:93px;background-color:#fff;}



/* 카드 영역 */
.submain.onl .contents .swipe_wrap {background-color:#f5f7fa;padding:40px;position:relative;}
.submain.onl .contents .card_container {width:650px;height:150px;padding:10px; box-sizing:content-box}
.submain.onl .contents .card_container .card-item {position:relative;float:left;padding:25px;width:310px;height:150px;border-radius:5px;border:1px solid #f5f6f7;background-color:#fff;box-shadow:0 0 10px #e1e3e6}
.submain.onl .contents .card_container a:hover .card-item,
.submain.onl .contents .card_container a:focus .card-item {background-color:#e6f1ff;border:1px solid #0565f0; outline:0;}
.submain.onl .contents .card_container a:focus .card-item {outline:1px dotted #aaa;}
.submain.onl .contents .card_container .card-item p {text-align:left;font-size:13px;line-height:22px;margin-top:5px;}
.submain.onl .contents .card_container .card-item .cate {position:absolute;top:25px;right:25px;text-align:right;font-size:13px;line-height:20px;color:#aeaeae;margin-top:0px;}
.submain.onl .contents .card_container .card-item .name {font-size:24px;line-height:26px;color:#20529e;margin-top:10px;font-family:hgg;font-weight:800;}
.submain.onl .contents .card_container .card-item .hash_area {margin-top:10px;}
.submain.onl .contents .card_container .card-item .hash_area .hash {font-size:13px;line-height:18px;color:#8b949e;}
.submain.onl .contents .card_container .card-item .hash_area .hash + .hash {margin-left:5px;}
.submain.onl .contents .swipe_wrap .swiper-button-prev {position:absolute;top:50%;left:30px;width:27px;height:44px;z-index:10;background:url('/images/renew/ico_line.png') no-repeat -76px -68px; background-size:600px;color:transparent}
.submain.onl .contents .swipe_wrap .swiper-button-next {position:absolute;top:50%;right:30px;width:27px;height:44px;z-index:10;background:url('/images/renew/ico_line.png') no-repeat -135px -68px; background-size:600px;color:transparent}
.msie .submain.onl .contents .swipe_wrap .swiper-button-prev {top:calc(50% - 22px);}
.msie .submain.onl .contents .swipe_wrap .swiper-button-next {top:calc(50% - 22px);}
.mb .submain.onl .contents .card_container {width:630px;padding:3px;padding-left:20px;margin-left:-20px;}
.mb .submain.onl .contents .card_container .swiper-container {padding-left:20px;margin-left:-20px;}

.cardIcon_1 {background: url(/images/ui/main/LINEICON_01_01.svg) 92% 81% no-repeat;background-size: 80px;}
.cardIcon_2 {background:url(/images/ui/main/LINEICON_01_02.svg) 92% 81% no-repeat;background-size:80px;}
.cardIcon_3 {background:url(/images/ui/main/LINEICON_01_03.svg) 92% 75% no-repeat;background-size:80px;}
.cardIcon_4 {background:url(/images/ui/main/LINEICON_01_04.svg) 95% 71% no-repeat;background-size:80px;}
.cardIcon_5 {background:url(/images/ui/main/LINEICON_01_05.svg) 92% 74% no-repeat;background-size:80px;}
.pc  .cardIcon_1 {background: url(/images/ui/main/LINEICON_01_01.png) 92% 81% no-repeat;background-size: 80px;}
.pc  .cardIcon_2 {background:url(/images/ui/main/LINEICON_01_02.png) 92% 81% no-repeat;background-size:80px;}
.pc  .cardIcon_3 {background:url(/images/ui/main/LINEICON_01_03.png) 92% 75% no-repeat;background-size:80px;}
.pc  .cardIcon_4 {background:url(/images/ui/main/LINEICON_01_04.png) 95% 71% no-repeat;background-size:80px;}
.pc  .cardIcon_5 {background:url(/images/ui/main/LINEICON_01_05.png) 92% 74% no-repeat;background-size:80px;}


.fin_m_icon1 {background:url(/images/ui/main/LINEICON_02_01.svg) center no-repeat;background-size:80px;}
.fin_m_icon2 {background:url(/images/ui/main/LINEICON_02_02.svg) center no-repeat;background-size:80px;}
.fin_m_icon3 {background:url(/images/ui/main/LINEICON_02_03.svg) center no-repeat;background-size:80px;}
.fin_m_icon4 {background:url(/images/ui/main/LINEICON_02_04.svg) center no-repeat;background-size:80px;}
.pc  .fin_m_icon1 {background:url(/images/ui/main/LINEICON_02_01.png) center no-repeat;background-size:80px;}
.pc  .fin_m_icon2 {background:url(/images/ui/main/LINEICON_02_02.png) center no-repeat;background-size:80px;}
.pc  .fin_m_icon3 {background:url(/images/ui/main/LINEICON_02_03.png) center no-repeat;background-size:80px;}
.pc  .fin_m_icon4 {background:url(/images/ui/main/LINEICON_02_04.png) center no-repeat;background-size:80px;}


.mc .submain .contents .card.fin {height:auto;padding:40px;}
.mc .submain .contents .card.fin .strong {font-size:28px;line-height:31px;font-family:hgg;font-weight:800;margin-top: 0px;}
.mc .submain .contents .card.fin i {position:absolute;right:20px;top:20px; z-index:0;}
.mc .submain .contents .card.fin .link_box {margin-top:0px;}
.mc .submain .contents .card.fin .desc {margin-top:20px;}

    .m_320.mc .submain .contents .card.fin {padding:40px 24px;}
    .m_320.mc .submain .contents .card.fin .strong {margin-top:-4px;}
    .m_320.mc .submain .contents .card.fin .desc {width:calc(100% + 16px);}
    .m_320.mc .submain .contents .card.fin .fin_m_icon1,
    .m_320.mc .submain .contents .card.fin .fin_m_icon2 {top:10px;}
    .m_320.mc .submain .contents .card.fin .fin_m_icon3,
    .m_320.mc .submain .contents .card.fin .fin_m_icon4 {top:10px;}

/* 검색영역 */
.submain .contents .search_box {width:100%;min-height:191px;background-color:#f0f6ff;border-radius:8px}
.submain .contents .search_box .inner {width:600px;margin:0 auto;padding:40px 0px;}
.submain .contents .search_box .inner .lab {height:60px; border:1px solid #5697f0;border-radius:6px}
.submain .contents .search_box .inner .inp {font-size:16px;padding: 0 30px;width:calc(100% - 60px);color: #212529 !important;}
.submain .contents .search_box .inner .inp::placeholder {color:#a9b0b8;}
.submain .contents .search_box .inner .btn_sch {right:30px;}
.submain .contents .search_box .inner .innerbtn_wrap {right:75px;}
.submain .contents .search_box .inner .recent {margin-top:5px;margin-left:-10px;}
.submain .contents .search_box .inner .recent::after {content:'';display:block;clear:both;}
.submain .contents .search_box .inner .recent span {float:left;position:relative;display:inline-block;font-size:13px;font-weight:200;line-height:28px;padding:0 10px;border:1px solid #e0e3e5;border-radius:28px;background-color:#fff;margin-top:10px;margin-left:8px;}
.submain .contents .search_box .inner .recent span > button {position:absolute;display:block;top:10px;right:8px;width:10px;height:10px;background: url(/images/ui/common/ico_btn_close.png) no-repeat center;background-size: 8px 8px;text-indent:-9999px;}
.submain .contents .search_box .inner .recent span > a {display:inline-block; min-width:48px; text-align:center;}

.submain .contents .search_box .inner .result {display:none;margin-top:25px;height:160px;overflow-y:scroll;padding:0px 30px;}
.submain .contents .search_box .inner .result span.hl {color:#5697f0;}
.submain .contents .search_box .inner .result li {/*line-height:28px;*/font-size:14px;margin-top:5px;}
.submain .contents .search_box .inner .result li:first-child {margin-top:0px;}
.submain .contents .search_box .inner .no-result {display:none;padding:30px 0;}
.submain .contents .search_box .inner .no-result p {margin-top:20px;text-align:center;line-height:24px;}
.submain .contents .search_box .inner .no-result .hl {color:#5697f0;}


/* mobile */
.mc .submain .contents .contents {}
.mc .submain .contents .floatLeft + .floatLeft {margin-top:12px;}
.mc .submain .contents .top .tit {display:block;margin:0 auto;font-size:22px;line-height:32px;/*max-width:240px;*/text-align:center;font-weight:600;}
.mc .submain .contents .sub_main_con {padding:20px;width: calc(100% + 40px);margin-left: -20px;background-color:#f5f7fa;}
.mc .submain .contents .card {width:100%;padding:25px 35px;min-height:180px;}
.mc .submain .contents .card + .card {margin-left:0px;margin-top:12px;}

.pc .submain .contents .card .menuBtn {display:none} 
.mc .submain .contents .card .menuBtn {display:block; position:absolute; width:28px; height:28px; top:22px; right:12px; font-size:0; text-indent:-9999em; overflow:hidden; background:transparent}
.mc .submain .contents .card .menuBtn i {position:absolute; display:block; width:2px; height:2px; top:13px; left:13px; border-radius:50%; background-color:#000; font-size:0; text-indent:-9999em}
.mc .submain .contents .card .menuBtn i::before {content:''; display:block; position:absolute; width:2px; height:2px; background-color:#000; border-radius:50%; left:0; top:-7px}
.mc .submain .contents .card .menuBtn i::after {content:''; display:block; position:absolute; width:2px; height:2px; background-color:#000; border-radius:50%; left:0; bottom:-7px}

.mc .submain .contents .search_box {margin-top:-20px;width:calc(100% + 40px);margin-left:-20px;padding:0 20px; border-radius:0;}
.mc .submain .contents .search_box .inner {width:100%;}
.mc .submain .contents .search_box .inner .inp {width:calc(100% - 40px);}
.mc .submain .contents .search_box .inner .innerbtn_wrap {right:50px;}
.mc .submain .contents .search_box .inner .btn_sch {right:20px;}
.mc .submain .contents .search_box .inner .recent {width:100vw; height:50px; margin-left:-20px; overflow-x:scroll;white-space: nowrap;}
.mc .submain .contents .search_box .inner .recent::-webkit-scrollbar {display:none;}
.mc .submain .contents .search_box .inner .recent span {float:none; margin-left:5px}
.mc .submain .contents .search_box .inner .recent span:first-of-type {margin-left:20px}
.mc .submain .contents .search_box .inner .recent span:last-of-type {margin-right:20px}

.tb.mc .submain .contents .search_box {margin-top:-21px;}

.submain .contents .box {position:relative;width:422px;}
.submain .contents .box + .box {margin-left:25px;}
.submain .contents .box h2 {}
.submain .contents .box .link_box > li {padding:45px 50px;}
.submain .contents .box .link_box > li + li {border-top:1px solid #eaecee;}
.submain .contents .box .link_box > li a {display:block;position:relative;font-size:22px;line-height:32px;font-weight:600;font-family:hgg;padding-left:35px;}
.submain .contents .box .link_box > li .desc {font-size:14px;line-height:22px;margin-top:15px;}

.submain .contents .box h2.strong {font-family:spq;font-size:16px;line-height:30px;font-weight:800;}
.submain .contents .box .icon_list {margin-top:20px;}
.submain .contents .box .icon_list {display:flex; justify-content:space-between}
.submain .contents .box .icon_list li {}
.submain .contents .box .icon_list li > a {display:block;}
.submain .contents .box .icon_list li + li {/*margin-left:40px;*/}
.submain .contents .box .icon_list li i {display:block;width:100%;height:52px;}
.submain .contents .box .icon_list li p {font-size:14px;line-height:20px;margin-top:10px;text-align:center;color:#515961}
.submain .contents .box .icon_list li a:hover p {color:#175ec7; font-weight:800}
.submain .contents .box .icon_list.three li {width:33%;}
/* .submain .contents .box .icon_list.four li {width:25%;} */
.submain .contents .box .icon_list.four li i {/*background-size:26px;*/}


.submain .contents .box li {position:relative;}
.submain .contents .box .tit {font-size:16px;line-height:24px;font-family:spq;font-weight:400;}
.submain .contents .box .desc {font-size:13px;line-height:20px;/*margin-top:10px;*/color:#6e7780;}
.submain .contents .box .tel {position:absolute;right:0px;top:20px;font-size:20px;line-height:29px;color:#20529e;}
.submain .contents .ask_tel_top {padding-bottom:15px;}
.submain .contents .ask_tel_bottom {border-top:1px solid #f2f5f7;padding-top:15px;}
.submain .contents .ask_tel_bottom .tit {margin-top:10px;padding-bottom: 0px;}
.submain .contents .ask_tel_bottom button {position:absolute;right:0px;top:15px;padding:8px 20px;font-size:14px;line-height:22px;}

.mc .submain .contents .ask_tel_top i.telephone {position:absolute;width:48px;height:48px;border-radius:100%;right:0px;top:10px;background:url(/images/renew/ico_call_b.png) center no-repeat;background-size:25px;font-size:0px;border:1px solid #e2e4e7;}


.submain .contents .agree_box {margin-top:16px;}
.submain .contents .agree_box ul {margin:-6px 0 0 -8px;}
.submain .contents .agree_box ul::after {content:'';display:block;clear:both;}
.submain .contents .agree_box ul li {position:relative;padding:10px 20px;float:left;width:calc(50% - 8px);margin-left:8px;margin-top:6px;background-color:#f2f5f7;border-radius:4px}
.mc .submain .contents .agree_box ul li {padding:10px 20px 10px 10px; }
.submain .contents .agree_box ul li a {display:block;color:#6e7780; font-size:14px;line-height:22px;  text-overflow: ellipsis;    white-space: nowrap;   overflow: hidden;}
.submain .contents .agree_box ul li a::after {content:''; position:absolute; right:4px; top:calc(50% - 12px); width:24px; height:24px;background:url('/images/renew/bg_right_g.png') no-repeat center; background-size:10px;}

.submain .contents .inquiry_box {margin-top:16px;}
.submain .contents .inquiry_box ul {margin:-6px 0 0 -8px;}
.submain .contents .inquiry_box ul::after {content:'';display:block;clear:both;}
.submain .contents .inquiry_box ul li {position:relative;padding:0px;float:left;width:calc(50% - 8px);margin-left:8px;margin-top:10px;}
.submain .contents .inquiry_box ul li a {display:block;color:#6e7780; font-size:14px;line-height:22px;padding-left:10px;}
.submain .contents .inquiry_box ul li a::before {content:'';position:absolute;top:10px;left:0px;width:4px;height:4px;border-radius:100%;background-color:#c4c9cf;}

.mc .submain .contents .inquiry_box {margin-top:5px;}
.mc .submain .contents .inquiry_box ul {margin:0px;}
.mc .submain .contents .inquiry_box ul li {width:100%;margin:0px;margin-top:10px;}


/*
.submain .contents .box .icon_list li:nth-child(1) p {text-align:left;}
.submain .contents .box .icon_list li:nth-child(2) p {}
.submain .contents .box .icon_list li:nth-child(3) p {}
.submain .contents .box .icon_list li:nth-child(2) {margin-left:30px;}
*/
.submain .contents .box .board {position:relative;margin-top:65px;}
.submain .contents .box .board .tit {color:#20529e;font-size:16px;line-height:30px;font-weight:800;}
.submain .contents .box .board .more {position:absolute;top:0px;right:0px;color:#8c959f; font-size:14px;line-height:30px;}
.submain .contents .box .board li {width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:20px;margin-top:10px;}

.cmp_m_icon1 {background:url(/images/ui/main/LINEICON_03_01.svg) center no-repeat;background-size:80px}
.cmp_m_icon2 {background:url(/images/ui/main/LINEICON_03_02.svg) center no-repeat;background-size:80px}
.cmp_m_icon3 {background:url(/images/ui/main/LINEICON_03_03.svg) center no-repeat;background-size:80px}
.msie .cmp_m_icon1 {background:url(/images/ui/main/LINEICON_03_01.png) center no-repeat;background-size:80px}
.msie .cmp_m_icon2 {background:url(/images/ui/main/LINEICON_03_02.png) center no-repeat;background-size:80px}
.msie .cmp_m_icon3 {background:url(/images/ui/main/LINEICON_03_03.png) center no-repeat;background-size:80px}

.onlIcon_1 {background:url(/images/ui/main/ICON_01_01.svg) center no-repeat;background-size:75px 75px;}
.onlIcon_2 {background:url(/images/ui/main/ICON_01_02.svg) center no-repeat;background-size:75px 75px;}
.onlIcon_3 {background:url(/images/ui/main/ICON_01_03.svg) center no-repeat;background-size:75px 75px;}
.onlIcon_4 {background:url(/images/ui/main/ICON_01_04.svg) center no-repeat;background-size:75px 75px;}
.onlIcon_5 {background:url(/images/ui/main/ICON_01_05.svg) center no-repeat;background-size:75px 75px;}
.pc  .onlIcon_1 {background:url(/images/ui/main/ICON_01_01.jpg) center no-repeat;background-size:75px 75px;}
.pc  .onlIcon_2 {background:url(/images/ui/main/ICON_01_02.jpg) center no-repeat;background-size:75px 75px;}
.pc  .onlIcon_3 {background:url(/images/ui/main/ICON_01_03.jpg) center no-repeat;background-size:75px 75px;}
.pc  .onlIcon_4 {background:url(/images/ui/main/ICON_01_04.jpg) center no-repeat;background-size:75px 75px;}
.pc  .onlIcon_5 {background:url(/images/ui/main/ICON_01_05.jpg) center no-repeat;background-size:75px 75px;}
.mc.msie .onlIcon_1 {background:url(/images/ui/main/ICON_01_01.png) center no-repeat;background-size:75px 75px;}
.mc.msie .onlIcon_2 {background:url(/images/ui/main/ICON_01_02.png) center no-repeat;background-size:75px 75px;}
.mc.msie .onlIcon_3 {background:url(/images/ui/main/ICON_01_03.png) center no-repeat;background-size:75px 75px;}
.mc.msie .onlIcon_4 {background:url(/images/ui/main/ICON_01_04.png) center no-repeat;background-size:75px 75px;}
.mc.msie .onlIcon_5 {background:url(/images/ui/main/ICON_01_05.png) center no-repeat;background-size:75px 75px;}
.mc .submain.onl .contents .icon_list i.onlIcon_2 {background-size:24px 24px}
.mc .submain.onl .contents .icon_list i.onlIcon_3 {background-size:24px 24px}
.mc .submain.onl .contents .icon_list i.onlIcon_4 {background-size:24px 24px}
.mc .submain.onl .contents .icon_list i.onlIcon_5 {background-size:24px 24px}

.social::before {content:'';position:absolute;top:4px;left:0px;width:25px;height:25px;background:url(/images/ui/main/ico_social.svg) center no-repeat;background-size:25px;}
.ethic:before {content:'';position:absolute;top:4px;left:0px;width:25px;height:25px;background:url(/images/ui/main/ico_ethic.svg) center no-repeat;background-size:25px;}
.msie .social::before {content:'';position:absolute;top:4px;left:0px;width:25px;height:25px;background:url(/images/ui/main/ico_social.png) center no-repeat;background-size:25px;}
.msie .ethic:before {content:'';position:absolute;top:4px;left:0px;width:25px;height:25px;background:url(/images/ui/main/ico_ethic.png) center no-repeat;background-size:25px;}

.csm1::before {content:'';position:absolute;top:4px;left:0px;width:24px;height:24px;background:url(/images/ui/main/ICON_02_01.svg) center no-repeat;background-size:28px}
.csm2::before {content:'';position:absolute;top:4px;left:0px;width:24px;height:24px;background:url(/images/ui/main/ICON_02_02.svg) center no-repeat;background-size:28px}
.csm3::before {content:'';position:absolute;top:4px;left:0px;width:24px;height:24px;background:url(/images/ui/main/ICON_02_03.svg) center no-repeat;background-size:28px}
.csm4::before {content:'';position:absolute;top:4px;left:0px;width:24px;height:24px;background:url(/images/ui/main/ICON_02_04.svg) center no-repeat;background-size:28px}
.pc  .csm1::before {content:'';position:absolute;top:4px;left:0px;width:24px;height:24px;background:url(/images/ui/main/ICON_02_01.png) center no-repeat;background-size:28px}
.pc  .csm2::before {content:'';position:absolute;top:4px;left:0px;width:24px;height:24px;background:url(/images/ui/main/ICON_02_02.png) center no-repeat;background-size:28px}
.pc  .csm3::before {content:'';position:absolute;top:4px;left:0px;width:24px;height:24px;background:url(/images/ui/main/ICON_02_03.png) center no-repeat;background-size:28px}
.pc  .csm4::before {content:'';position:absolute;top:4px;left:0px;width:24px;height:24px;background:url(/images/ui/main/ICON_02_04.png) center no-repeat;background-size:28px}

.cst_m_icon1 {background:url(/images/ui/main/ICON_03_01.svg) center no-repeat;background-size:36px!important;}
.cst_m_icon2 {background:url(/images/ui/main/ICON_03_02.svg) center no-repeat;background-size:36px!important;}
.cst_m_icon3 {background:url(/images/ui/main/ICON_03_03.svg) center no-repeat;background-size:36px!important;}
.cst_m_icon4 {background:url(/images/ui/main/ICON_03_04.svg) center no-repeat;background-size:40px!important;}
.cst_m_icon5 {background:url(/images/ui/main/ICON_03_05.png) center no-repeat;background-size:40px!important;}
.pc  .cst_m_icon1 {background:url(/images/ui/main/ICON_03_01.jpg) center no-repeat;background-size:36px!important;}
.pc  .cst_m_icon2 {background:url(/images/ui/main/ICON_03_02.jpg) center no-repeat;background-size:36px!important;}
.pc  .cst_m_icon3 {background:url(/images/ui/main/ICON_03_03.jpg) center no-repeat;background-size:36px!important;}
.pc  .cst_m_icon4 {background:url(/images/ui/main/ICON_03_04.jpg) center no-repeat;background-size:40px!important;}
.pc  .cst_m_icon5 {background:url(/images/ui/main/ICON_03_05.jpg) center no-repeat;background-size:40px!important;}


.mc .submain .contents.csm {padding-bottom:0;}
.mc .submain .contents.csm .card {width:100%;padding:20px 35px;min-height:180px;}
.mc .submain .contents.csm .card:hover {background-color:#fff; border-color:#E1E3E6;}