@charset "utf-8";

/* html {scroll-behavior: smooth;} */
/* common */
#wrap {min-width:320px; max-width:750px; width:100%; margin:0 auto; overflow:hidden; position:relative; /* background:url("/m/imgNew/common/bg_logo.png")no-repeat center top; */ background-size:40% auto;}

.container {width: 100%; margin-left: auto; margin-right: auto; position: relative;}
.container:after {content: ''; display: table; clear: both;}
.hidden {position: absolute; left: -10000px; top: auto; height: 1px; overflow: hidden;}

.typeA{width:1355px;}



/* GNB */
#gnb {position:fixed; top: 0; left: 0; right: 0; z-index:10; height: 55px; -webkit-transition: all 0.3s; transition: all 0.3s;}
#gnb.scroll {background: #fff;}
#gnb.scroll .gnbTop {border-bottom-color: #eaeaea;}
#gnb.scroll .gtCps li:before {color: #666;}
#gnb.scroll .gtCps li a {color: #111;}
#gnb.scroll .gtUsr {color: #111;}
#gnb.scroll .gtUsr dd:before {color: #666;}
#gnb.scroll .gtUsr dd a {color: #111;}
#gnb.scroll .gnbBot {border-bottom-color: #eaeaea;}
#gnb.scroll #ksLogo {background: url('/img/common/gnb_logo_on.png')no-repeat center center; background-size:auto 20px;}
#gnb.scroll .menu_btn a{  background:url("/m/img/common/ks_menu_on.png")no-repeat center center; background-size:auto 55px;}
#gnb.scroll #ks_consult .ks_consult_telBtn {
	display:block; width:55px; height:55px; border-radius:55px; -moz-border-radius:55px; -webkit-border-radius:55px; 
	background: url("/m/img/common/gnb_call_bk.png")no-repeat center center; background-size:54px auto;
	transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;
}
#gnb.scroll #ks_consult .ks_consult_Circle:after {position:absolute; background:#282828; opacity:0; transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;}

#gnb.scroll .gbMenu > li > a {color: #111;}
#gnb.scroll .gbMenu > li > ul {border: solid 1px #666;}


#ksLogo {display:block; width:180px; height:55px; margin:0 10px; background:url("/m/img/common/gnb_logo.png")no-repeat center center; background-size:auto 20px;}
#ksLogo h1 {text-indent:-9999px;}

#ks_consult {width:55px; height:55px;  position:absolute; top:0; cursor:pointer; right:0; z-index:10; }
#ks_consult .ks_consult_telBtn {
	display:block; width:55px; height:55px; border-radius:55px; -moz-border-radius:55px; -webkit-border-radius:55px; 
	background: url("/m/img/common/gnb_call.png")no-repeat center center; background-size:54px auto;
	transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;
}
/* 210713추가 */
.gnbSlideMenu {position: fixed; top: 55px; z-index: 10; width: 100%; height: 40px; border-bottom: solid 1px rgba(255,255,255,0.3); -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2); box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);}
.scroll .slyList {background: #fff;}
.slyList {display: flex; flex-direction: row; flex-wrap: wrap; padding: 0 10px; transition: all 0.3s;}
.slyList .swiper-slide {width: 75px; height: 40px; text-align: center; line-height: 40px;}
.slyList .swiper-slide.active a{border-bottom: solid 3px; font-weight: 600;}
.slyList .swiper-slide:first-child {width: 28px;}
.slyList .swiper-slide a {display: inline-block; height: 100%; color: #fff;}
.scroll .swiper-slide a {color: #333;}
.gnbSlidShadow {position: absolute; top: 0; bottom: 0; right: 0; z-index: 1; width: 20px;  transition: none;}
.scroll .gnbSlidShadow {background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);}

.menu_btn a{ text-align: left; display:block; padding: 0px;position:absolute; top:0px; right:50px;width:55px;height:55px; background:url("/m/img/common/ks_menu.png")no-repeat center center; background-size:auto 55px;-webkit-transition: all 0.3s; transition: all 0.3s;}
.ks_consult_btn{ text-align: left; padding: 0px;z-index:11;position:absolute; top:0px; right:0px;width:55px;height:55px; }
.ks_consult_btn{width:55px; height:55px;}   




.header{top:0px;left:0px; width: 100%; height: 55px; position:fixed; z-index:10;	    border-bottom: solid 1px rgba(255,255,255,0.3); -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2); box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2); bar}

 
.menu_btn img{width:55px; height:55px;}    
.menu_bg{ width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: absolute; top:0; display: none;z-index:399; bottom:0}
.sidebar_menu{ width: 92%; height: 100%; overflow:scroll;background: #fff; position: fixed; top:0; left: -92%;z-index:400; bottom:0px;}/* 210713수정 */
.sidebar_top{width:100%; position:relative; background:#1792a1; height:60px;}
.sidebar_gnb {position: relative; padding-top: 20px;}/* 210713추가 */
.close_btn{ width: 55px; height: 55px;position:absolute; bottom:3px; right:0px;}
.close_btn > a{ display: block; width: 100%; height: 100%;  }
.close_btn > a img{width:100%;}


.sidebar_ad{width:100%; position:relative; }
.sidebar_ad a{display:block;}
.sidebar_ad a img{width:100%;}
.sidebar_top_user a{font-size:10pt; color:#fff; position:absolute; bottom:20px; left:20px; }
.sidebar_top_user a:after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 1px solid #fff;
    border-bottom: none;
    border-right: none;
    transform: rotate(135deg);
    font: normal 15px/1.53 'ShinhanCard', 'sans-serif';
    margin-left: 4px;
    vertical-align: middle;
}

.sidebar_quick {padding:20px; width:100%; position:relative; }
.sidebar_quick:after{content:""; display:block; clear:both;}
.sidebar_quick ul li{float:left; width:50%;}
.sidebar_quick ul li a{display:block; padding:8px 0px 8px 28px;font-size:10pt; background-size:22px auto !important; background-repeat:no-repeat !important; background-position:left center !important; color:#333}
.sidebar_quick ul li:nth-child(1) a {background: url("/m/img/common/side_icon001.png");}
.sidebar_quick ul li:nth-child(2) a {background: url("/m/img/common/side_icon006.png");}
.sidebar_quick ul li:nth-child(3) a {background: url("/m/img/common/side_icon005.png");}
.sidebar_quick ul li:nth-child(4) a {background: url("/m/img/common/side_icon003.png");}


.sidebar_menu_title{display: flex; flex-direction: column; padding-top:3px; color:#333; font-size:10pt; width:100%; box-sizing: border-box;}/* 210713수정 */
/* 210713추가 */
.sidebar_menu, .sidebar_menu_title {padding: 0; font-size: 15px;}
.sidebar_menu_title.on > a {color: #1792a1;}
.sidebar_depth2 {display: none; position: absolute; left: 152px; top: 20px; width: calc(100% - 152px); padding: 0;}
.sidebar_menu_title.on .sidebar_depth2 {display: block;}
.depth2_tit {margin: 0; padding-top: 10px; padding-bottom: 20px; border-bottom: 1px solid #333; font-size: 16px;}
.sidebar_menu_title > a {width: 150px; padding: 10px 12px; font-weight: 700;}
.sidebar_menu_title .sidebar_btm_btn {width: 120px; margin: 5px 12px 0; padding: 5px 10px; border-radius:3px; background: #1792a1 url("/m/img/common/gnb_arrow.png") no-repeat; background-position: 95% center; background-size: 6px; font-weight: 400; font-size: 13px; color: #fff;}
.menu_wrap{ list-style: none; padding:10px 0}
.menu_wrap:after{content: ''; display: table; clear: both;}
.menu_wrap li {float:left;  width:100%; padding:5px 0;}/* 210713수정 */
.menu_wrap li a{ color: #282828; text-decoration: none; font-size:11pt}

/* 211223 gnb 퀵버튼 */
.gnbQuickBtn {display: flex; border-bottom:1px solid #1792a1;}
.gnbQuickBtn li {width: 50%;}
.gnbQuickBtn li + li {border-left:1px solid #1792a1;}
.gnbQuickBtn li a {display: inline-block; width: 100%; height: 100%; padding: 12px 0; font-weight: 500; color: #1792a1; text-align: center;}






/* Footer */
#footer {background: #1a1a1a; padding:0 15px;}
.ftTop {border-top: solid 1px #313131; border-bottom: solid 1px #313131;}
.ftMenu {float: left; padding: 15px 0;}
.ftMenu:after {content: ''; display: table; clear: both;}
.ftMenu li {float: left; padding-right: 20px; margin-right: 18px; position: relative; line-height: 20px; color: #ccc; font-size: 13px; font-weight: 300;}
.ftMenu li:after {content: ''; display: block; width: 1px; height: 10px; background: #6f6f6f; position: absolute; right: 0; top: 50%; margin-top: -5px;}
.ftMenu li:last-child:after {display: none;}
.ftMenu li a {display: block; height: 20px; line-height: 20px; color: #ccc; font-size: 13px; font-weight: 300;}
.ftMenu li b {font-weight: 700; color: #fff;}
.ftCost {display: block; float: right; height: 30px; line-height: 28px; text-align: center; padding: 0 10px; border: solid 1px #313131; margin-top: 10px; font-size: 12px; color: #666;}
.ftBot {padding: 40px 0;}
.ftbCont {position: relative; padding-left: 0px;}
.ftbCont h5 {width: 190px; height: 23px; text-indent: -9999px; position: relative;background: url('/img/common/gnb_logo.png')no-repeat left center; background-size:auto 18px; margin-bottom:10px; opacity:0.5}
.ftbCont dl {font-size: 13px; color: #888; line-height: 1.6;padding-bottom:15px;}
.ftbCont dl:after {content: ''; display: table; clear: both;}
.ftbCont dl dt {color: #aaa; font-weight: 700; margin-right: 5px;}
.ftbCont dl dd {float: left; position: relative; padding-right: 5px; margin-right: 5px;}
.ftbCont dl dd:after {content: ''; display: block; width: 2px; height: 2px; background: #888; position: absolute; right: -1px; top: 50%; margin-top: -1px;}
.ftbCont dl dd:last-child {padding-right: 0; margin-right: 0;}
.ftbCont dl dd:last-child:after {display: none;}
.ftbCont p {color: #888; font-size: 13px; line-height: 1.6; }
.ftbCont p a {color: #888;}
.ftbCont p.ftbCpy {margin-top: 10px; font-size:9pt;}









.dib {display: inline-block;}
.db {display: block;}
.mt0 {margin-top: 0px !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt60 {margin-top: 60px !important;}

.bgwh span{background:#fff !important;}
.wh{color:#fff;}

.mb0 {margin-bottom: 0px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb60 {margin-bottom: 60px !important;}
.pb0 {padding-bottom: 0 !important;}
.tal {text-align: left !important;}
.tar {text-align: right !important;}
.tac {text-align: center !important;}


#skip {position: relative; z-index: 3000;}
#skip a {position: absolute; top: -30px; left: 0; width: 138px; border: 1px solid #4ec53d; background: #333; text-align: center; }
#skip a:active,
#skip a:focus{top:0;text-decoration:none;z-index:1000}
#skip a span {display: inline-block; padding: 2px 6px 0 0; font-size: 13px; line-height: 26px; color: #fff; letter-spacing: -1px; white-space: nowrap;}
#main01,
#main02,
#main03,
#main04,
#main05,
#main06,
#main07 {width: 100%;}


#csInt01 li {width:48%;padding-right:1%;float:left;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;display:inline-block;}
#csInt01:after {clear:both;content:'';display:block;}