@charset "UTF-8"; /*** [reset] ***/ *{box-sizing:border-box;} *:after{clear:both;} dl, ol, ul{margin:0; padding:0;} ul li{list-style:none} dl, dd{margin-bottom:0;} label{margin-bottom:0;} em{font-style:normal;} a{display:block; color:#333;} a:hover{color:inherit;} p{margin:0;} h1, h2, h3, h4, h5, h6{margin:0;} img{display:block;} button, button:focus{background:transparent; border:0; outline:0;} /*** [reset 끝] ***/ /*** [서비스 상태 안내 페이지 공통] ***/ /* 영역 */ .container{padding-left:20px !important; padding-right:20px !important;} /* 안내문 제목글 */ .mb_gud_info_wrap{padding:36px 0 28px;} .mb_gud_info_wrap dt{font-size:32px; line-height:1; font-weight:500 !important; text-align:center; color:#111b35; word-break:keep-all; letter-spacing:-0.5px;} .container .mb_gud_info_wrap dt{margin-left:-20px; margin-right:-20px;} .mb_gud_info_wrap dt em{font-style:normal;} .mb_gud_info_wrap dd{margin-top:12px; font-size:15px; line-height:21px; color:#111b35; word-break:keep-all; letter-spacing:-0.5px;} /* 안내문 카드 */ .container .mb_card{margin-left:-20px; margin-right:-20px; padding-left:20px; padding-right:20px;} .mb_card{background-color:#fff;} .mb_card .card_header{padding:10px 0; font-size:21px; line-height:30px; text-align:center;} .container .mb_card .card_header{margin-left:-20px; margin-right:-20px;} .mb_card .card_body{padding-top:30px;} .mb_card .card_body .img_wrap{position:relative; width:86%; margin:0 auto;} .mb_card .card_body .img_wrap .img_inner{width:100%; height:0; padding-top:calc(205 / 330 * 100%); background:url('images/ico_srv_gud_sign_caution.png') no-repeat center; background-size:contain;} .mb_card .card_body .img_wrap span{display:none;} .mb_card .card_body .txt_wrap{margin-top:16px; font-size:18px; line-height:30px; text-align:center; color:#111b35; letter-spacing:-0.5px;} .mb_card .card_body .txt_wrap + .txt_bg_wrap{margin-top:26px;} .mb_card .card_body .txt_bg_wrap{padding:26px 30px 21px; font-size:16px; line-height:26px; background-color:#f3f5f7; color:#2c92a4; letter-spacing:-0.5px;} .container .mb_card .card_body .txt_bg_wrap{margin-left:-20px; margin-right:-20px;} /* 추가 안내문 및 버튼 영역 */ .mb_brc_wrap{margin:30px 0;} .mb_brc_wrap p{font-size:18px; line-height:26px; font-weight:500 !important; text-align:center; color:#111b35; letter-spacing:-0.5px;} .mb_brc_wrap p + .btn_wrap{margin-top:25px;} .mb_brc_wrap .mb_align_btn_wrap > *{margin-bottom:20px;} .mb_brc_wrap .mb_align_btn_wrap > *:last-child{margin-bottom:0;} .mb_brc_wrap .btn_wrap a{display:block; padding:20px 0; font-size:21px; line-height:30px; text-align:center; letter-spacing:-0.5px; border-radius:50px;} /* 버튼 컬러 */ .btn_bg_Biscay{background-color:#163962; color:#fff; border:1px solid #163962;} .btn_bg_Amber{background-color:#fbbd02; color:#fff; border:1px solid #fbbd02;} .btn_bg_PuertoRico{background-color:#47cbba; color:#fff; border:1px solid #47cbba;} .btn_bg_Pelorous{background-color:#33a6b5; color:#fff; border:1px solid #33a6b5;} /*** [서비스 상태 안내 페이지 공통 끝] ***/ /*** [홈페이지 작업 중] ***/ /* 배경 */ .mb_srv_gud_outer {min-height: 100vh; padding-bottom: 2rem;} .mb_srv_gud_outer.work{background-color:#d6e5ff;} /* 안내문 제목글 */ .mb_srv_gud_outer.work .mb_gud_info_wrap dt em{color:#2e79eb; margin-left: 0.5rem;} /* 안내문 카드 */ .mb_srv_gud_outer.work .mb_card.feat_inconvinc .card_header{background-color:#f890b0; color:#fff;} .mb_srv_gud_outer.work .mb_card.feat_convinc .card_header{background-color:#2e79eb; color:#fff;} .mb_srv_gud_outer.work .mb_card .card_body{padding:10px 0 26px;} .mb_srv_gud_outer.work .mb_card dl dt{font-size:0;} .mb_srv_gud_outer.work .mb_card dl dt > *{display:inline-block; font-size:16px; vertical-align:middle;} .mb_srv_gud_outer.work .mb_card dl dt .ico_img_wrap{width:54px; height:61px;} .mb_srv_gud_outer.work .mb_card.feat_inconvinc dl dt .ico_img_wrap{background:url('images/ico_feat_inconvinc.png') no-repeat center; background-size:contain;} .mb_srv_gud_outer.work .mb_card.feat_convinc dl dt .ico_img_wrap{background:url('images/ico_feat_convinc.png') no-repeat center; background-size:contain;} .mb_srv_gud_outer.work .mb_card dl dt .ico_img_wrap span{display:none;} .mb_srv_gud_outer.work .mb_card dl dt .ico_img_wrap + .txt_wrap{margin-left:10px;} .mb_srv_gud_outer.work .mb_card dl dt .txt_wrap{font-size:24px; line-height:32px; text-align:center; letter-spacing:-0.5px;} .mb_srv_gud_outer.work .mb_card.feat_inconvinc dl dt .txt_wrap{color:#e23268;} .mb_srv_gud_outer.work .mb_card.feat_convinc dl dt .txt_wrap{color:#027dcc;} .mb_srv_gud_outer.work .mb_card dl dd{margin-top:7px; font-size:17px; line-height:32px; color:#111b35; letter-spacing:-0.5px;} .mb_srv_gud_outer.work .mb_card dl dd ol{margin:0; padding:0; padding-left:20px;} .mb_srv_gud_outer.work .mb_card dl dd li{list-style:auto; word-break:keep-all;} .mb_srv_gud_outer.work .mb_card dl dd em{padding-right:5px; font-weight:300;} .mb_srv_gud_outer.work .mb_card:last-child{border-top:1px solid #cecece;} .btn_wrap {padding-bottom: 30px;} .btn_bg_Biscay {margin-top: 0.25rem;} .btn_bg_Biscay:hover {color: #fff !important; opacity: 0.8 !important;} /*** [홈페이지 작업 중 끝] ***/ /*** [홈페이지 검수 중] ***/ /* 배경 */ .mb_srv_gud_outer.inspection{background-color:#ccfff9;} /* 안내문 제목글 */ .mb_srv_gud_outer.inspection .mb_gud_info_wrap dt em{color:#47cbba;} /* 안내문 카드 */ .mb_srv_gud_outer.inspection .mb_card .card_header{background-color:#54bbcd; color:#fff;} .mb_srv_gud_outer.inspection .mb_card .card_body .img_wrap{width:54%; margin:0 auto;} .mb_srv_gud_outer.inspection .mb_card .card_body .img_wrap .img_inner{width:100%; height:0; padding-top:calc(205 / 206 * 100%); background:url('images/ico_srv_gud_sign_comingSoon.png') no-repeat center; background-size:contain;} .mb_srv_gud_outer.inspection .mb_card .card_body .txt_wrap{text-align:left;} /*** [홈페이지 검수 중] ***/ /*** [서버 오류] ***/ /* 배경 */ .mb_srv_gud_outer.errorServer{background-color:#ffdec6;} /* 안내문 제목글 */ .mb_srv_gud_outer.errorServer .mb_gud_info_wrap dt em{color:#fb9402;} /*** [서버 오류 끝] ***/ /*** [페이지 오류] ***/ /* 배경 */ .mb_srv_gud_outer.errorPage{background-color:#a5c9fe;} /* 안내문 제목글 */ .mb_srv_gud_outer.errorPage .mb_gud_info_wrap dt{font-size:28px;} /*** [페이지 오류 끝] ***/ /*** [홈페이지 리뉴얼] ***/ .hst_rnw .mb_gud_info_wrap {padding: 3rem 0 0;} .hst_rnw .mb_gud_info_wrap dt > p {font-weight: bold !important; margin-top: 2rem; font-size: 2.25rem; text-shadow: 0px 4px 4px rgba(0,0,0,25%);} .hst_rnw .mb_gud_info_wrap dd {color: #8B8B8B; margin-top: 3rem; font-size: 1.125rem; text-align: center;} .hst_rnw .mb_gud_info_wrap dd p + p {margin-top: 1rem;} .hst_rnw .mb_brc_wrap .btn_wrap {width: 100%; max-width: 600px; margin-top: 3rem;}