@charset "utf-8";

/* ¸ÞÀÎÆäÀÌÁö
------------------------------ */
.main .layout-wrap {padding-top:9rem;}
.main .layout-header {height:9rem;}

/* myinfo */
.section-main-myinfo {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items: center; margin-top:.5rem; height:10.5rem; padding:2.5rem 0; box-shadow:0 4px 10px 0 rgba(0,0,0, .25); border-radius:2rem; background-color:var(--white);}
.section-main-myinfo .message-login {position:relative; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:center; justify-content: space-between; width: 100%; padding: 0 3rem; font-size:2.4rem;}
.section-main-myinfo .message-login a {display:block;}
.section-main-myinfo .message-login::after {content: ''; display: block; width: .6rem; height: .6rem; border: .6rem solid transparent; border-left-color:var(--gray900); }
.myinfo-coin {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; width:100%;}
.myinfo-coin-item {flex:1; text-align:center;}
.myinfo-coin-item .num {font-size:2.5rem; font-weight:700;}
.myinfo-coin-item .unit {display:inline-block; margin-left:.3rem; font-size:2.5rem;}
.myinfo-coin-item + .myinfo-coin-item {border-left:1px solid #d8d8d8;}

/* keyvisual */
.section-main-keyvisual {position:relative; margin:5.9rem var(--layout-padding-negative) 0 !important;}
.section-main-keyvisual .swiper-slide {padding-left:var(--layout-padding); padding-right:var(--layout-padding);}
.section-main-keyvisual .swiper-slide-core {position:relative; overflow: hidden;}
.section-main-keyvisual .swiper-slide-core .txt {opacity:0; position:absolute; left:1rem; width:40rem; transition:opacity .5s, left .5s;}
.section-main-keyvisual .swiper-slide-core .img {opacity:0; position:relative; float:right; left:-4rem; width:35rem; transition:opacity .5s .3s, left .5s .3s;}
.section-main-keyvisual .swiper-slide-active .txt {opacity:1; left:0;}
.section-main-keyvisual .swiper-slide-active .img {opacity:1; left:0;}
.section-main-keyvisual .swiper-controls {position:absolute; left:6rem; bottom:4rem; z-index:1; display:flex; align-items:center; width:15rem; height:3.5rem; border-radius:3.5rem; background-color:rgba(0,0,0, .7);}
.section-main-keyvisual .swiper-pagination {position:relative; top:auto; bottom:auto; z-index:1; font-size:1.5rem; line-height: 3.5rem; font-weight:200; color:var(--white); text-align:center;}
.section-main-keyvisual .swiper-pagination .swiper-pagination-current {font-weight:700;}
.section-main-keyvisual .swiper-pagination::before,
.section-main-keyvisual .swiper-pagination::after {content:''; position: absolute;  top: 50%; margin-top:-1rem; display: block; width:0; height:2rem; border-left:1px solid #919191;border-right:1px solid #1a1a1a;}
.section-main-keyvisual .swiper-pagination::before {left:3.8rem;}
.section-main-keyvisual .swiper-pagination::after  {right:3.5rem;}
.section-main-keyvisual .swiper-button-prev,
.section-main-keyvisual .swiper-button-next {top:0; z-index:2; display: block; margin:0; padding:0; opacity:1 !important; width:3.5rem; height:3.5rem; background-image:url('../img/index/keyvisual_controls.png'); background-position:left top; background-repeat:no-repeat; background-size:3.5rem auto;}
.section-main-keyvisual .swiper-button-prev::after,
.section-main-keyvisual .swiper-button-next::after {display: none;}
.section-main-keyvisual .swiper-button-prev {left:.5rem;}
.section-main-keyvisual .swiper-button-next {right:.2rem; background-position:left bottom;}

/* quicklink */
.section-main-quicklink {margin-top:3rem;}
.quicklink-list {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-wrap:wrap; margin:-0.5rem}
.quicklink-item {position:relative; width:calc(50% - 1rem); margin: 0.5rem;}
.quicklink-item::after {content:''; position: absolute; right:0; bottom:0; width:11rem; height:11rem; background-image:url('../img/index/quicklink_img.png'); background-repeat: no-repeat; background-size:44rem auto;}
.quicklink-link {position:relative; display:block; height:14.5rem; padding:3.6rem 3rem 0; background-color:#ebebec; border-radius:1.5rem;}
.quicklink-link .tit {position:relative; z-index:2; font-size:2.6rem; font-weight:700; line-height:1;}
.quicklink-link .tit span {font-size:2rem; font-weight:400;}
.quicklink-link .tit span em {color:#e44000; font-weight:700;}
.quicklink-link .desc {position:relative; z-index:2; margin-top:.7rem; font-size:1.9rem; line-height:2.3rem; letter-spacing:-1px;}
.quicklink-link .faxnum {margin-top:.7rem; font-size:2rem; line-height:2.3rem; letter-spacing:0px;}
.quicklink-item.item-fax::after {background-position:left 0;}
.quicklink-item.item-sms::after {background-position:-11rem 0;}
.quicklink-item.item-inbox::after {background-position:-22rem 0;}
.quicklink-item.item-result::after {background-position:-33rem 0;}
.section-main-quicklink .btn-charge{display:block;width:100%;height:7rem;margin-top:1rem;font-size:2.2rem;line-height:7rem;font-weight:700;color:#1e1e1e;text-align:center;border-radius:1.5rem;background-color:#d2d8ec}

/* °­Á¡ ¹è³Ê */
.section-main-merit {margin-top:3.7rem;}
.section-main-merit .swiper { border-radius:1rem;}
.section-main-merit .swiper-slide {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items: center; height:16.5rem; color:var(--white); background: rgb(94,42,243); background: linear-gradient(132deg, rgba(94,42,243,1) 0%, rgba(72,94,248,1) 81%, rgba(55,134,252,1) 100%);}
.section-main-merit .n2 {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items: center; height:16.5rem; color:var(--white); background: rgb(40,1,131); background: linear-gradient(132deg, rgba(40,1,131,1) 0%, rgba(89,6,175,1) 81%, rgba(162,0,238,1) 100%);}
.section-main-merit .n3 {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items: center; height:16.5rem; color:var(--white); background: rgb(40,1,131); background: linear-gradient(132deg, rgba(37,23,83,1.0) 0%, rgba(48,58,191,1.0) 81%, rgba(51,68,227,1) 100%);}
.section-main-merit .swiper-slide .swiper-slide-core {position:relative; display:block; width:100%; padding:1.5rem 4rem 2rem 4rem;}
.section-main-merit .swiper-slide .tit {opacity:0; position:relative; left:1rem; font-size:3.3rem; font-weight:700; letter-spacing:-1px; transition:opacity .3s .2s, left .3s .3s;}
.section-main-merit .swiper-slide .txt {opacity:0; position:relative; left:1rem; font-size:2.4rem; letter-spacing:-2px; transition:opacity .3s .2s, left .3s .3s;}
.section-main-merit .swiper-slide .img {opacity:0; position:absolute; right:-1rem; top:-1.5rem; width:15rem; transition:opacity .3s .5s, right 1s .5s;}
.section-main-merit .swiper-slide-active .tit,
.section-main-merit .swiper-slide-active .txt {opacity:1; left:0; z-index: 2;}
.section-main-merit .swiper-slide-active .img {opacity:1; right:1rem;}
.section-main-merit .swiper-pagination {position:relative; bottom: 0 !important; margin-top:1.2rem; font-size: 0;}
.section-main-merit .swiper-pagination-bullet {opacity:1 !important; width:1.8rem; height: 1.8rem; background-color:var(--white); border: 1px solid #c6c7cf;}
.section-main-merit .swiper-pagination-bullet-active {border:none;background-color:#52525b;}

/* °øÁö»çÇ× */
.section-main-notice {margin:0 var(--layout-padding-negative) -2rem; padding: 0 0 7rem; background-color:#e4e6f1;}
.section-main-notice::before {content:''; display:block; height:5rem; margin-bottom: 5rem; background-color:var(--white); border-bottom-left-radius:5rem; border-bottom-right-radius:5rem;}
.section-main-notice .subject {margin-left:var(--layout-padding); padding-left:5rem; font-size:2.8rem; font-weight:700; color:#1e1e1e; background:url('../img/index/ico_notice.png') no-repeat left center; background-size:4rem auto;}
.section-main-notice .swiper {margin-top:.3rem; padding:1.5rem; padding-left: var(--layout-padding);}
.section-main-notice .swiper-slide {width:22.7rem; height:18.2rem; padding:2.5rem; background-color:var(--white); border-radius:1rem; box-shadow:0 2px 10px 0 rgba(0,0,0, .1);}
.section-main-notice .swiper-slide-core {display: block;}
.section-main-notice .swiper-slide-core .date {display:block; font-size:1.8rem; color:var(--gray800);}
.section-main-notice .swiper-slide-core .tit {margin-top:.5rem; font-size:2.1rem; line-height:2.7rem; font-weight:400;}

.ico.new {display:inline-block; width:5.1rem; height:2.5rem; background-image: url('../img/index/ico_new.png'); background-repeat: no-repeat; background-size:contain;}