@charset 'euc-kr';
@import url(font.css);
@import url(slick.css);

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button,select,textarea{font-family:noto,"¸¼Àº °íµñ","Malgun Gothic",Sans-serif;font-size:12px;color:#000}
body{text-align:left; word-break:break-word;}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:top}
img{vertical-align:top; max-width:100%;}
i,em,address{font-style:normal}
label,button{cursor:pointer}
a{color:#000;text-decoration:none}
a:hover{text-decoration:none; color: initial;}
hr{display:none}
table{border-collapse:collapse;border-spacing:0}
caption{font-size:0; line-height:0; height:0}

/* Placeholder */
::-webkit-input-placeholder { color: #999; font-weight: normal; font-size: 15px; }
:-moz-placeholder { color: #999; opacity: 1; font-weight: normal; font-size: 15px; }
::-moz-placeholder { color: #999; opacity: 1; font-weight: normal; font-size: 15px; }
:-ms-input-placeholder { color: #999; font-weight: normal; font-size: 15px; }

/* Skip */
#skipnavigation{z-index:9999;position:absolute;left:0;top:0;width:100%;text-align:center}
#skipnavigation *{list-style:none;margin:0;padding:0;}
#skipnavigation a{display:block;width:100%;height:0;overflow:hidden;white-space:nowrap;}
#skipnavigation a:focus,
#skipnavigation a:active{display:block;width:100%;height:36px;color:#fff;background:#000;line-height:36px;text-decoration:underline !important;font-size:14px;}

.clearfix::after{content: ''; display: table; clear: both;}
.INDENT0{text-indent: 0;}
.FONT16{font-size: 16px;}
.FONT18{font-size: 18px;}
.MT05{margin-top: 05px;}
.MT10{margin-top: 10px;}
.MT15{margin-top: 15px;}
.MT20{margin-top: 20px;}
.MT25{margin-top: 25px;}
.MT30{margin-top: 30px;}
.MT35{margin-top: 35px;}
.MT40{margin-top: 40px;}
.MT45{margin-top: 45px;}
.MT50{margin-top: 50px;}
.MT55{margin-top: 55px;}
.MT60{margin-top: 60px;}
.MT65{margin-top: 65px;}
.MT70{margin-top: 70px;}
.MT75{margin-top: 75px;}
.MT80{margin-top: 80px;}
.MT85{margin-top: 85px;}
.MT90{margin-top: 90px;}
.MT95{margin-top: 95px;}
.MB05{margin-bottom: 05px;}
.MB10{margin-bottom: 10px;}
.MB15{margin-bottom: 15px;}
.MB20{margin-bottom: 20px;}
.MB25{margin-bottom: 25px;}
.MB30{margin-bottom: 30px;}
.MB35{margin-bottom: 35px;}
.MB40{margin-bottom: 40px;}
.MB45{margin-bottom: 45px;}
.MB50{margin-bottom: 50px;}
.MB55{margin-bottom: 55px;}
.MB60{margin-bottom: 60px;}
.MB65{margin-bottom: 65px;}
.MB70{margin-bottom: 70px;}
.MB75{margin-bottom: 75px;}
.MB80{margin-bottom: 80px;}
.MB85{margin-bottom: 85px;}
.MB90{margin-bottom: 90px;}
.MB95{margin-bottom: 95px;}
.MR05{margin-right: 05px;}
.MR10{margin-right: 10px;}
.MR15{margin-right: 15px;}
.MR20{margin-right: 20px;}
.MR25{margin-right: 25px;}
.MR30{margin-right: 30px;}
.MR35{margin-right: 35px;}
.MR40{margin-right: 40px;}
.MR45{margin-right: 45px;}
.MR50{margin-right: 50px;}
.MR55{margin-right: 55px;}
.MR60{margin-right: 60px;}
.MR65{margin-right: 65px;}
.MR70{margin-right: 70px;}
.MR75{margin-right: 75px;}
.MR80{margin-right: 80px;}
.MR85{margin-right: 85px;}
.MR90{margin-right: 90px;}
.MR95{margin-right: 95px;}
.ML05{margin-left: 05px;}
.ML10{margin-left: 10px;}
.ML15{margin-left: 15px;}
.ML20{margin-left: 20px;}
.ML25{margin-left: 25px;}
.ML30{margin-left: 30px;}
.ML35{margin-left: 35px;}
.ML40{margin-left: 40px;}
.ML45{margin-left: 45px;}
.ML50{margin-left: 50px;}
.ML55{margin-left: 55px;}
.ML60{margin-left: 60px;}
.ML65{margin-left: 65px;}
.ML70{margin-left: 70px;}
.ML75{margin-left: 75px;}
.ML80{margin-left: 80px;}
.ML85{margin-left: 85px;}
.ML90{margin-left: 90px;}
.ML95{margin-left: 95px;}
.TXTL{text-align: left;}
.TXTR{text-align: right;}
.TXTC{text-align: center;}
.FWB{font-weight: bold !important;}
.FWN{font-weight: normal !important;}
.UNDERLINE{text-decoration: underline;}
.clearfix:after,.clearfix:before{content: ' '; display: table;}
.clearfix:after{clear: both;}
.hidetxt{position: absolute; width: 0; height: 0; visibility: hidden; overflow: hidden; line-height: 0;}

.innerWrap{width: 1000px; margin-left: auto; margin-right: auto;}
.ccb{color: #168cff;}
.btns{display: inline-block; vertical-align: middle; font-size: 13px; color: #3b3b3b; text-align: center; padding-left: 12px; padding-right: 12px; min-width: 72px; line-height: 19px; border-radius: 3px; font-weight: 500; border: 1px solid transparent;}
.btns.sm{font-size: 11px; line-height: 17px; font-weight: normal; border-radius: 2px; padding-left: 0; padding-right: 0;}
.btns.gray{color: #3b3b3b; background-color: #ebebeb;}
.btns.blue{color: #fff; background-color: #168cff;}
.btns.txts{color: #3b3b3b; background: none;}
.btns.block{display: block;}
.btns.init{display: initial; vertical-align: initial; font-size: initial; color: initial; text-align: initial; padding-left: initial; padding-right: initial; min-width: initial; line-height: initial; border-radius: initial; font-weight: initial; border: initial;}
.btns.outline{border-color: #ebebeb;}
.btns.img{overflow: hidden; text-indent: -999em; background: no-repeat center center; padding: 0; border: none;}
.btns.img.mainBtns001{background-image: url(../images/common/mainBtns001.png?v=10); min-width: 73px; height: 19px;}
.btns.img.mainBtns002{background-image: url(../images/common/mainBtns002.png?v=10);}
.btns.img.mainBtns003{background-image: url(../images/common/mainBtns003.png?v=10);}
.btns.img.mainBtns004{background-image: url(../images/common/mainBtns004.png?v=10);}
.btns.img.mainBtns005{background-image: url(../images/common/mainBtns005.png?v=10);}
.btns.img.mainBtns006{background-image: url(../images/common/mainBtns006.png?v=10);}
.icos{display: inline-block; vertical-align: middle; width: 34px; height: 34px; background: no-repeat center center;}
.icos.plus{background-image: url(../images/common/icoPlus.png?v=10);}
.icos.menu{background-image: url(../images/common/icoMenu.png?v=10);}
#viewport .hide{display: none;}
.topBanner{background-color: #168cff;}
.topBanner .innerWrap{position: relative;}
.topBanner .cmmchk{position: absolute; right: 60px; top: 12px; }
.topBanner .cmmchk .lb{display: block; width: 125px; height: 20px; background: no-repeat right center url(../images/common/today.png); position: relative; padding-left: 26px;}
.topBanner .cmmchk .ip{position: absolute; left: -999em; top: -999em; width: 0; height: 0; visibility: hidden;}
.topBanner .cmmchk .lb:after{content: ''; width: 20px; height: 100%; position: absolute; left: 0; top: 0; background: no-repeat left center url(../images/common/inputChk.png);}
.topBanner .cmmchk .ip:checked+.lb:after{background-image: url(../images/common/inputChkChked.png);}
.topBanner .closeBtn{position: absolute; right: 37px; top: 16px; width: 14px; height: 13px; background: url(../images/common/closeBtn.png) no-repeat center center;}
#header{background: #fff; position: relative; z-index: 2;}
#header .innerWrap{position: relative; width: 1200px;}
#header .headTop{text-align: center;}
#header .headTop .btnsWrap{position: absolute; left: 0; top: 20px;}
#header .headTop .btnsWrap .btnsFav,
#header .headTop .btnsWrap .btnsCus{width: 109px; height: 28px; display: inline-block; background: no-repeat left top;}
#header .headTop .btnsWrap .btnsCus2{width: 109px; height: 28px; display: inline-block; background: no-repeat left top;}
#header .headTop .btnsWrap .btnsCus3{width: 109px; height: 28px; display: inline-block; background: no-repeat left top;}
#header .headTop .btnsWrap .btnsCus4{width: 109px; height: 28px; display: inline-block; background: no-repeat left top;}
#header .headTop .btnsWrap .eventBanner{ width: 334px; height: 35px; background-image: url(../img/event/corona/banner_event.png?v=1); background-repeat: no-repeat; margin-top:30px;}
#header .headTop .btnsWrap .btnsFav{background-image: url(../images/common/btnsFav.png?v=10);}
#header .headTop .btnsWrap .btnsCus{background-image: url(../images/common/btnsCus.png?v=10); margin-left: 10px;}
#header .headTop .btnsWrap .btnsCus2{background-image: url(../images/common/btnServeradmin.png?v=10); margin-left: 10px;}
#header .headTop .btnsWrap .btnsCus3{background-image: url(../images/common/btnServeradmin2.png?v=10); margin-left: 10px;}
#header .headTop .btnsWrap .btnsCus4{background-image: url(../images/common/btnOldSkysms.png?v=10); margin-left: 10px;}

#header .headTop .logo{margin-top: 55px; margin-bottom: 25px;}

#header .sitm{position: absolute; right: 0; top: 24px;}
#header .deftLst{text-align: right;}
#header .deftLst .tp{display: inline-block; *display: inline; vertical-align: top; position: relative;}
#header .deftLst .tp+.tp{margin-left: 10px; padding-left: 10px;}
#header .deftLst .tp .line{width: 1px; height: 12px; position: absolute; left: 0; top: 50%; margin-top: -6px; background: #a1a1a1;}
#header .deftLst .tp .txt{font-size: 13px; color: #3b3b3b; font-weight: 500;}
#header .deftLst .tp .txt:hover{text-decoration: underline;}
#header .userInfo{margin-top: 0;}
#header .intmg{text-align: right; margin-bottom: 17px;}
#header .intmg .msg{font-size: 14px; display: inline-block; vertical-align: middle; margin-right: 13px;}
#header .intmg .btns.txts{text-align: right; padding-right: 0; font-size: 13px; color: #3b3b3b; display: inline-block; vertical-align: middle; position: relative; margin-left: 30px;}
#header .intmg .btns.txts+.btns.txts{padding-left: 10px; margin-left: 10px;}
#header .intmg .btns.txts+.btns.txts .line{position: absolute; left: 0; top: 50%; margin-top: -6px; width: 1px; height: 12px; background: #3b3b3b;}
#header .intfil{text-align: right;}
#header .intfil .inftLt{width: 220px; float: left; display: inline-block; margin-top: 2px;}
#header .intfil .inftRt{width: 220px; float: left; display: inline-block; margin-left: 20px;}
#header .intfil .inftRt .infrt{}
#header .intfil .infli{position: relative; padding-left: 55px; padding-right: 83px; display: block; text-align: right;}
#header .intfil .infli+.infli{margin-top: 10px;}
#header .intfil .infli .lb{position: absolute; left: 0; top: 0; font-size: 12px; color: #7a7a7a;}
#header .intfil .infli .tt{color: #168cff; font-weight: 500;  display: inline-block; *display: inline; min-width: 58px; font-size: 12px;}
#header .intfil .infli .tt .vtt{}
#header .intfil .infli .btns{position: absolute; right: 0; top: 50%; margin-top: -9px; width: 72px;}
#header .intfil .inftRt .infli{padding-right: 63px; padding-left: 83px; margin-top: 10px;}
#header .intfil .inftRt .infli .btns{width: 53px; min-width: 0;}
#header .intfil .inftRt .infli .lb{border-radius: 2px; text-align: center; height: 100%; width: 74px; background: no-repeat center center url(../images/common/mainBtns005.png?v=10); text-indent: -999em; overflow: hidden;}
#header .intfil .inftRt .infli .lb.mainBtns005{background: none; top: 2px; text-indent: 0;}
#header .intfil .inftRt .infli .lb.mainBtns005 .customSelectWrap{position: relative;}
#header .intfil .inftRt .infli .lb.mainBtns005 .customSelectWrap .lbSel{position: absolute; left: 0; top: 0; opacity: 0; font-size: 11px; width: 100%;}
#header .intfil .inftRt .infli .lb.mainBtns005 .customSelectWrap .virSelect{display: block; border: 1px solid #ddd; border-radius: 3px; height: 16px; padding-right: 14px;}
#header .intfil .inftRt .infli .lb.mainBtns005 .customSelectWrap .virSelect .virSelectTxt{font-size: 11px; color: #7a7a7a; font-weight: 300; vertical-align: top; line-height: 16px;}
#header .intfil .inftRt .infli .lb.mainBtns005 .customSelectWrap .virSelect .attacSelect{position: absolute; right: 4px; top: 0; width: 10px; height: 100%; background: url(../images/common/attacSelect.png?v=10) no-repeat center center;}
.ie7 #header .intfil .inftRt .infli .mainBtns005.lb{overflow: visible;}
.ie7 #header .intfil .inftRt .infli .lb.mainBtns005 .customSelectWrap .lbSel{position: relative; left: 0; top: 0; width: 100%; height: 20px;}
.ie7 #header .intfil .inftRt .infli .lb.mainBtns005 .customSelectWrap .virSelect{display: none;}
.ie8 #header .intfil .inftRt .infli .mainBtns005.lb{overflow: visible;}
.ie8 #header .intfil .inftRt .infli .lb.mainBtns005 .customSelectWrap .lbSel{position: relative; left: 0; top: 0; width: 100%; height: 20px;}
.ie8 #header .intfil .inftRt .infli .lb.mainBtns005 .customSelectWrap .virSelect{display: none;}
#header .gnbArea{border: 1px solid #e8e8e8; border-left: none; border-right: none; position: relative;}
#header .gnb{display: block; text-align: center; padding-left: 30px; padding-right: 30px; }
#header .gnb .lst{font-size: 0;}
#header .gnb .lst>.tp{font-size: 0; display: inline-block; *display: inline; text-align: center; position: relative;}
#header .gnb .lst>.tp2{font-size: 0; display: inline-block; *display: inline; text-align: center; position: relative;}
#header .gnb .lst .tp .txt{color: #232323; font-weight: 500;}
#header .gnb .lst .tp2 .txt2{color: #232323; font-weight: 500;}
#header .gnb .lst>.tp>.txt{display: inline-block; padding: 30px 0; min-width: 105px; overflow: hidden; font-size: 0; background: no-repeat center top;}
#header .gnb .lst>.tp2>.txt2{display: inline-block; padding: 30px 0; min-width: 104px; overflow: hidden; font-size: 0; background: no-repeat center top;}
#header .gnb .lst>.tp.tp0>.txt{background-image: url(../images/gnb/gnb001.png?v=10);}
#header .gnb .lst>.tp.tp1>.txt{background-image: url(../images/gnb/gnb002.png?v=10);}
#header .gnb .lst>.tp.tp2>.txt{background-image: url(../images/gnb/gnb003.png?v=11);}
#header .gnb .lst>.tp.tp3>.txt{background-image: url(../images/gnb/gnb004.png?v=10);}
#header .gnb .lst>.tp.tp4>.txt{background-image: url(../images/gnb/gnb005.png?v=13);}
#header .gnb .lst>.tp.tp5>.txt{background-image: url(../images/gnb/gnb006.png?v=12);}
#header .gnb .lst>.tp.tp6>.txt{background-image: url(../images/gnb/gnb007.png?v=10);}
#header .gnb .lst>.tp.tp7>.txt{background-image: url(../images/gnb/gnb008.png?v=10);}
#header .gnb .lst>.tp.tp8>.txt{background-image: url(../images/gnb/gnb009.png?v=10);}
#header .gnb .lst>.tp2.tp9>.txt2{background-image: url(../images/gnb/gnb010.png?v=10);}
#header .gnb .lst>.tp:hover>.txt,
#header .gnb .lst>.tp.active>.txt{background-position: center -60px;}
#header .gnb .lst .tp.active>.txt{color: #168cff;}
#header .gnb .lst .tp .depth2{position: absolute; left: 0; width: 100%; top: 100%; padding: 10px 0 0; height: 340px; }
#header .gnb .lst .tp+.tp .depth2{border-left: 1px solid #e8e8e8;}
#header .gnb .lst .tp .depth2{display: none;}
#header .gnb .lst .tp .depth2 .tp .txt{font-size: 13px; line-height: 20px; padding: 6px 0; display: block;}
#header .gnb .lst .tp .depth2 .tp .txt:hover,
#header .gnb .lst .tp .depth2 .tp.active .txt{color: #168cff;}
#header .gnbArea .gnbbg{position: absolute; left: 0; top: 62px; top: calc(100% + 1px); width: 100%; padding-top: 10px; height: 340px; box-shadow: 0 8px 7px rgba(0,0,0,0.03); background-color: #fff; background-color: rgba(255,255,255,.95); display: none;}
#header .gnbArea .btnsWrap{position: absolute; right: 0; top: 50%; margin-top: -17px;}
.headFixed #header{margin-bottom: 62px;}
#header .headCont{position: relative; width: 100%; left: 0; top: 0;}
.headFixed #header .headCont{position: fixed; width: 100%; left: 0; top: 0; background: #fff;}
.headFixed #header .headCont .gnbLogo{width: 83px; height: 21px; background: url(../images/common/gnbLogo.png?v=10) no-repeat left center; position: absolute; left: 0; top: 50%; margin-top: -10px;}
.headFixed #header .headCont .innerWrap{width: 1150px;}
.headFixed #header .headCont .gnb{padding-left: 100px; padding-right: 0;}
.headFixed #header .gnb .lst>.tp>.txt{min-width: 105px;}
.menuOn #header .gnbbg{}

.quickButton {position: fixed; right: 0; top: 50%; z-index: 1000; margin-top: -260px; margin-right: 25px;}
.quickButton2 {position: fixed; right: 0; top: 50%; z-index: 1000; margin-top: -340px; margin-right: 1px; display:none}

.quickMenu {position: fixed; right: 0; top: 50%; z-index: 999; margin-top: -240px;}
.quickMenu .qList {width: 100px; height: 448px; padding-left: 27px; padding-top: 32px; padding-right: 1px; background: url(../images/common/quickMenu.png?v=10);}
.quickMenu .qList li {position: relative; text-align: center; font-size: 13px; line-height: 18px;}
.quickMenu .qList li.no6 {height: 31px; line-height: 31px;}
.quickMenu .qList li a {display: block; width: 100%; text-indent: -99999em;}
.quickMenu .qList li.no1 a {height: 69px; background: url(../images/common/quickTexts001.png?v=10) 0 top no-repeat;}
.quickMenu .qList li.no2 a {height: 67px; background: url(../images/common/quickTexts002.png?v=10) 0 top no-repeat;}
.quickMenu .qList li.no3 a {height: 69px; background: url(../images/common/quickTexts003.png?v=10) 0 top no-repeat;}
.quickMenu .qList li.no4 a {height: 69px; background: url(../images/common/quickTexts004.png?v=10) 0 top no-repeat;}
.quickMenu .qList li.no5 a {height: 110px; background: url(../images/common/quickTexts005.png?v=10) 0 top no-repeat;}
.quickMenu .qList li.no7 a {height: 110px; background: url(../images/common/quickTexts006.png?v=10) 0 top no-repeat;}
.quickMenu .qList li.no6 a {text-indent: 0; color: #fff;}
.quickMenu .qList li.no1:hover a {background-position: left -69px;}
.quickMenu .qList li.no2:hover a {background-position: left -67px;}
.quickMenu .qList li.no3:hover a {background-position: left -69px;}
.quickMenu .qList li.no4:hover a {background-position: left -69px;}
.quickMenu .qList li.no5:hover a {background-position: left -110px;}

.mainVisual{padding: 30px 0px; position: relative; }
.mainVisual .slideArea{height: 378px; overflow: hidden;}
.mainVisual .innerWrap{position: relative; width: 1225px; text-align: center;}
.mainVisual .slideArea .items{padding-left: 60px; padding-right: 60px; display: inline-block; *display: inline-block;}
.slick-slide:focus{outline: none !important;}
.slick-slide a:focus{outline: none !important;}
.mainVisual .contr{position: absolute; left: 0; top: 50%; height: 1px; width: 100%;}
.mainVisual .contr .prev,
.mainVisual .contr .next{width: 77px; height: 76px; border-radius: 50%; background:  no-repeat center center; outline: none; background: 1; border: none; text-indent: -999em; position: absolute; top: 50%; margin-top: -38px;}
.mainVisual .contr .prev{background-image: url(../images/common/mainSlidecontrPrev.png?v=10); left: 16px;}
.mainVisual .contr .next{background-image: url(../images/common/mainSlidecontrNext.png?v=10); right: 16px;}

.mainService{background: #e6e6e6; padding: 30px 0;}
.mainService .innerWrap{position: relative;}
.mainService .txts{display: block;}
.mainService .txts .tt{display: block; font-size: 0; line-height: 0; text-indent: -999em; background: url(../images/common/mainTxts001.png?v=10) no-repeat center top; height: 24px;}
.mainService .txts .contr{margin-top: 35px;}
.mainService .txts .contr .prev,
.mainService .txts .contr .next{width: 34px; height: 34px; background: no-repeat center center; display: inline-block;}
.mainService .txts .contr .prev{background-image: url(../images/common/mainSlidecontrPrevSmall.png?v=10);}
.mainService .txts .contr .next{background-image: url(../images/common/mainSlidecontrNextSmall.png?v=10);}
.mainService .slideArea{display: block; white-space: nowrap; margin-top: 0px; font-size: 0;}
.mainService .slideArea .items{display: inline-block; *display: inline; font-size: 0;}
.mainService .slideArea .items+.items{margin-left: 27px;}
.mainService .slideArea .items .img{width: 179px; height: 124px; display: inline-block; background: no-repeat center top;}
.mainService .slideArea .items.tp0 .img{background-image: url(../images/common/mainServiceImg001.png?v=10);}
.mainService .slideArea .items.tp1 .img{background-image: url(../images/common/mainServiceImg002.png?v=10);}
.mainService .slideArea .items.tp2 .img{background-image: url(../images/common/mainServiceImg003.png?v=10);}
.mainService .slideArea .items.tp3 .img{background-image: url(../images/common/mainServiceImg004.png?v=10);}
.mainService .slideArea .items.tp4 .img{background-image: url(../images/common/mainServiceImg005.png?v=10);}
.mainService .slideArea .items.tp7 .img{background-image: url(../images/common/mainServiceImg007.png?v=10);}
.mainService .slideArea .items:hover .img{background-position: center -124px;}

.mainNotice{background-color: #e6e6e6; padding: 80px 0 75px; display: block; position: relative;}
.mainNotice .innerWrap{overflow: hidden;}
.mainNotice .mnlt{width: 613px; float: left;}
.mainNotice .mnrt{float: right;}
.mainNotice .notiArea{position: relative;}
.mainNotice .notiArea .tit{display: block; height: 21px; background: url(../images/common/mainTxts002.png?v=10) no-repeat left center; text-indent: -999em;}
.mainNotice .notiArea .lst{margin-top: 15px;}
.mainNotice .notiArea .lst .tp{display: block;}
.mainNotice .notiArea .lst .tp .txt{font-size: 15px; color: #323232; line-height: 32px; letter-spacing: -.5px; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 29px;}
.mainNotice .notiArea .lst .tp .txt:hover{text-decoration: underline;}
.mainNotice .notiArea .lst .tp.new .txt{background: url(../images/common/icoNew.png?v=10) no-repeat right center;}
.mainNotice .notiArea .more{width: 55px; height: 15px; background: url(../images/common/mainTxts003.png?v=10) no-repeat left center; position: absolute; right: 16px; top: 0;}
.mainNotice .tipArea{margin-top: 65px;}
.mainNotice .tipArea .tit{display: block; height: 21px; background: url(../images/common/mainTxts004.png?v=10) no-repeat left center; text-indent: -999em;}
.mainNotice .tipArea .lst{font-size: 0; margin-left: -4px; overflow: hidden; margin-top: 27px; }
.mainNotice .tipArea .lst .tp{float: left; margin-bottom: 9px; margin-right: 11px;}
.mainNotice .tipArea .lst .tp.tp1,
.mainNotice .tipArea .lst .tp.tp3{margin-right: 0;}
.mainNotice .tipArea .lst .tp .txt{width: 303px; height: 88px; background: no-repeat left center; display: block;}
.mainNotice .tipArea .lst .tp.tp0 .txt{background-image: url(../images/common/mainTipImg001.png?v=10);}
.mainNotice .tipArea .lst .tp.tp1 .txt{background-image: url(../images/common/mainTipImg002.png?v=10);}
.mainNotice .tipArea .lst .tp.tp2 .txt{background-image: url(../images/common/mainTipImg003.png?v=10);}
.mainNotice .tipArea .lst .tp.tp3 .txt{background-image: url(../images/common/mainTipImg004.png?v=10);}
.mainNotice .csArea {}
.mainNotice .csArea .lst {width: 291px; height: 455px; padding-left: 44px; padding-top: 35px; background: url(../images/common/mainCsBg.png?v=10);}
.mainNotice .csArea .lst .tp .txt,
.mainNotice .csArea .lst .tp .tit {display: block; width: 242px; text-indent: -999em;}
.mainNotice .csArea .lst .tp.tp0 .tit {height: 24px; padding-bottom: 23px; background: url(../images/common/mainTxts005.png?v=10) no-repeat;}
.mainNotice .csArea .lst .tp.tp0 .tel {text-indent: -999em;}
.mainNotice .csArea .lst .tp.tp0 .tel .phone {width: 218px; height: 33px; padding-left: 3px; padding-bottom: 27px; background: url(../images/common/mainCsTxts001.png?v=10) no-repeat;}
.mainNotice .csArea .lst .tp.tp0 .tel .fax {width: 130px; height: 10px; padding-bottom: 17px; background: url(../images/common/mainCsTxts002.png?v=12) no-repeat;}
.mainNotice .csArea .lst .tp.tp0 .time {width: 241px; height: 151px; padding-bottom: 45px; background: url(../images/common/mainCsTxts003.png?v=12) no-repeat; text-indent: -999em;}
.mainNotice .csArea .lst .tp.tp0 .time li {height: 28px;}
.mainNotice .csArea .lst .tp.tp1,
.mainNotice .csArea .lst .tp.tp2{padding-left: 5px;}
.mainNotice .csArea .lst .tp.tp1 .txt {height: 18px; margin-bottom: 37px; background: url(../images/common/mainTxts006.png?v=10) no-repeat;}
.mainNotice .csArea .lst .tp.tp2 .txt {height: 18px; background: url(../images/common/mainTxts007.png?v=10) no-repeat;}

.mainSms{background: #e5faff; padding-top: 30px; padding-bottom: 30px;}
.mainSms .innerWrap{}
.mainSms .mainSmsTabs{text-align: center; overflow: hidden; font-size: 0; white-space: nowrap;}
.mainSms .mainSmsTabs .tp{background: no-repeat left top; display: inline-block; *display: inline; font-size: 0;}
.mainSms .mainSmsTabs .tp+.tp{margin-left: 26px;}
.mainSms .mainSmsTabs .tp .txt{display: inline-block; width: 230px; height: 56px; background: no-repeat center center;}
.mainSms .mainSmsTabs .tp{background-image: url(../images/common/mainSmsTabsLiBg.png?v=10);}
.mainSms .mainSmsTabs .tp.active{background-position: left -56px;}
.mainSms .mainSmsTabs .tp.tp0 .txt{background-image: url(../images/common/mainSmsTabsLi01.png?v=10);}
.mainSms .mainSmsTabs .tp.tp0.active .txt{background-image: url(../images/common/mainSmsTabsLi01Active.png?v=10);}
.mainSms .mainSmsTabs .tp.tp1 .txt{background-image: url(../images/common/mainSmsTabsLi02.png?v=10);}
.mainSms .mainSmsTabs .tp.tp1.active .txt{background-image: url(../images/common/mainSmsTabsLi02Active.png?v=10);}
.mainSms .mainSmsTabs .tp.tp2 .txt{background-image: url(../images/common/mainSmsTabsLi03.png?v=10);}
.mainSms .mainSmsTabs .tp.tp2.active .txt{background-image: url(../images/common/mainSmsTabsLi03Active.png?v=10);}
.mainSms .mainSmsTabs .tp.tp3 .txt{background-image: url(../images/common/mainSmsTabsLi04.png?v=10);}
.mainSms .mainSmsTabs .tp.tp3.active .txt{background-image: url(../images/common/mainSmsTabsLi04Active.png?v=10);}
.mainSms .mainSmsTags{text-align: center; padding-top: 22px;}
.mainSms .mainSmsTags .mainSmsTagsInner{display: none;}
.mainSms .mainSmsTags .mainSmsTagsInner.active{display: block;}
.mainSms .mainSmsTags .tg{font-size: 16px; display: inline-block; padding: 10px 0 3px; margin: 0 35px 7px; color: #232323; position: relative;}
.mainSms .mainSmsTags .tg.active{color: #353535; font-weight: bold;}
.mainSms .mainSmsTags .tg.active:after{content: ''; width: 100%; height: 2px; background: #353535; position: absolute; left: 0; top: 100%;}
.mainSms .mainSmsArea{}
.mainSms .mainSmsArea .tit{display: block; height: 26px; background: url(../images/common/mainSmsAreaTit.png?v=10) no-repeat center center; text-indent: -999em; margin: 70px 0 30px;}
.mainSms .mainSmsArea .tit2{display: block; height: 26px; background: url(../images/common/mainSmsAreaTit3.png?v=10) no-repeat center center; text-indent: -999em; margin: 70px 0 30px;}
.mainSms .mainSmsSlide{position: absolute; left: -999em; top: -999em; width: 1000px; min-height: 567px;}
.mainSms .mainSmsSlide .mainSmsSlideArea{}
.mainSms .mainSmsSlide .mainSmsSlideArea .mainSmsSlidePage{text-align: center; position: absolute; left: -999em; top: -999em;}
.mainSms .mainSmsSlide .mainSmsSlideInner.active+.mainSmsSlidePage{position: static; left: 0; top: 0;}
.mainSms .mainSmsSlide .mainSmsSlideArea .mainSmsSlidePage .pg{width: 11px; height: 11px; border-radius: 50%; background: url(../images/common/slickDots.png?v=10) no-repeat center center; display: inline-block; margin: 0 8px;}
.mainSms .mainSmsSlide .mainSmsSlideArea .mainSmsSlidePage .pg.active{background-image: url(../images/common/slickDotsActive.png?v=10);}
.mainSms .mainSmsSlide.active{position: relative; left: 0; top: 0;}
.mainSms .mainSmsSlide .mainSmsSlideInner{position: absolute; left: -999em; top: -999em; padding-bottom: 80px;}
.mainSms .mainSmsSlide .mainSmsSlideInner.active{position: relative; left: 0; top: 0;}
.mainSms .mainSmsSlide .mainSmsSlideInner .slick-dots{position: absolute; width: 100%; left: 0; bottom: 0; text-align: center;}
.mainSms .mainSmsSlide .mainSmsSlideInner .slick-dots button{width: 11px; height: 11px; background: url(../images/common/slickDots.png?v=10) no-repeat center center; outline: none; border: none; font-size: 0; color: transparent}
.mainSms .mainSmsSlide .mainSmsSlideInner .slick-dots li{ display: inline-block; *display: inline; margin: 0 7px; cursor: pointer;}
.mainSms .mainSmsSlide .mainSmsSlideInner .slick-dots li.slick-active button{background-image: url(../images/common/slickDotsActive.png?v=10);}
.mainSms .mainSmsSlide .mainSmsSlideInner .slick-arrow{display: none !important;}
.mainSms .mainSmsSlide .mainSmsSlideInner::after{content: ''; display: table; clear: both;}
.mainSms .mainSmsSlide .mainSmsSlideInner .items{max-width: 334px; float: left; cursor: pointer;}
.mainSms .mainSmsSlide .mainSmsSlideInner .items .smsWrap{}
.mainSms .mainSmsSlide .mainSmsSlideInner .items .smsWrap .box{position: relative; background: #fff; padding: 30px 30px; padding-right: 20px; display: block; }
/* .mainSms .mainSmsSlide .mainSmsSlideInner .items .smsWrap .box:before{content:''; width: 366px; height: 432px; position: absolute; left: -16px; top: -16px; background: url(../images/common/boxBg.png) no-repeat left top;} */
.mainSms .mainSmsSlide .mainSmsSlideInner.active .slick-active .items .smsWrap .box{border-left: 1px solid #e6e6e6;}
.mainSms .mainSmsSlide .mainSmsSlideInner.active .slick-current .items .smsWrap .box{border-left: none;}
.mainSms .mainSmsSlide .mainSmsSlideInner.active:before{content:''; width: 1031px; height: 422px; background: url(../images/common/boxShadow.png) no-repeat center top; position: absolute; left: -15px; top: -12px;}
.mainSms .mainSmsSlide .mainSmsSlideInner.active.length1 .slick-active .items .smsWrap .box,
.mainSms .mainSmsSlide .mainSmsSlideInner.active.length2 .slick-active .items .smsWrap .box{box-shadow: none; background: #fff;}
.mainSms .mainSmsSlide .mainSmsSlideInner.active.length1 .slick-active .items .smsWrap .box:before{content:''; width: 366px; height: 432px; position: absolute; left: -16px; top: -16px; background: url(../images/common/boxBg.png?v=10) no-repeat left top;}
.mainSms .mainSmsSlide .mainSmsSlideInner.active.length2 .slick-active .items .smsWrap .box:before{content:''; width: 366px; height: 432px; position: absolute; left: -16px; top: -16px; background: url(../images/common/boxBg.png?v=10) no-repeat left top;}
.mainSms .mainSmsSlide .mainSmsSlideInner.active.length1 .slick-active .items .smsWrap .box:hover:before{background-position: left -432px;}
.mainSms .mainSmsSlide .mainSmsSlideInner.active.length2 .slick-active .items .smsWrap .box:hover:before{background-position: left -432px;}
.mainSms .mainSmsSlide .mainSmsSlideInner.active.length1:before{content: none;}
.mainSms .mainSmsSlide .mainSmsSlideInner.active.length2:before{content: none;}
.mainSms .mainSmsSlide .mainSmsSlideInner .items .smsWrap .box .inner{}
.mainSms .mainSmsSlide .mainSmsSlideInner .items .smsWrap .box .lb{position: absolute; left: 0; top: 0; width: 77px; height: 26px; background: no-repeat left top; text-indent: -999em;}
.mainSms .mainSmsSlide .mainSmsSlideInner .items .smsWrap .box .lb.best{background-image: url(../images/common/lbBest.png?v=10);}
.mainSms .mainSmsSlide .mainSmsSlideInner .items .smsWrap .box .lb.new{background-image: url(../images/common/lbNew.png?v=10);}
.mainSms .mainSmsSlide .mainSmsSlideInner .items .smsWrap .box .cont{text-align: center; height: 340px;}
.ie7 .mainSms .mainSmsSlide .mainSmsSlideInner .items .smsWrap .box .cont{overflow: visible !important;}
.ie8 .mainSms .mainSmsSlide .mainSmsSlideInner .items .smsWrap .box .cont{overflow: visible !important;}
.ie7 .mainSms .mainSmsSlide .mainSmsSlideInner .items .smsWrap .box .cont .are{overflow-y: auto;}
.ie8 .mainSms .mainSmsSlide .mainSmsSlideInner .items .smsWrap .box .cont .are{overflow-y: auto;}
.mainSms .mainSmsSlide .mainSmsSlideInner .items .smsWrap .box .cont .are{color: #111; width: 100%; height: 340px; background: none; border: none; outline: none; overflow: hidden; resize: none; font-family: ±¼¸²Ã¼;font-size: 14pt; line-height: 1.3;  cursor: pointer;}
.mainSms .mainSmsSlide .mainSmsSlideInner .items .smsWrap .box .cont .mainImg{padding-top:34px; padding-left:40px}
.mainSms .mainSmsSlide .mainSmsSlideInner .items .smsWrap .box .cont .textarea-clone{font-size: 14pt; line-height: 1.3;}
.mainSms .mainSmsSlide.type02 .mainSmsSlideInner .items .smsWrap .box .cont .are{padding: 0 38px; margin-top: 100px;}
.mainSms .mainSmsSlide .mainSmsSlideInner .items .smsWrap .txts{margin-top: 30px; text-align: center; }
.mainSms .mainSmsSlide .mainSmsSlideInner .items .smsWrap .txts .tt{font-weight: bold; font-size: 20px; color: #111; line-height: 28px;}
.mainSms .mainSmsSlide .mainSmsSlideInner .items .smsWrap .txts .st{font-weight: bold; font-size: 15px; color: #111; line-height: 28px; display: block; margin-top: 3px;}
.mainSms .mainSmsSlide .mainSmsSlideInner .items .smsWrap .txts .st .nd{font-size: 20px; color: #111;}
.mainSms .mainSmsSlide .mainSmsSlideInner .items .smsWrap .txts .sj{font-size: 13px; color: #909090; line-height: 22px; display: block; margin-top: 10px;}
.mainSms .mainSmsSlide .mainSmsSlideInner .items .smsWrap .box:hover{background: #168cff;}
.mainSms .mainSmsSlide .mainSmsSlideInner .items .smsWrap .box:after{width: 100%; height: 16px; position: absolute; left: 0; top: 100%; background: no-repeat url(../images/common/hoverArrow.png) center top;}
.mainSms .mainSmsSlide .mainSmsSlideInner .items .smsWrap .box:hover:after{content: '';}
.mainSms .mainSmsSlide .mainSmsSlideInner .items .smsWrap .box:hover .cont .are{color: #fff;}

#viewport .btnQnA {position: fixed; right: 24px; bottom: 40px; z-index: 999;}
.headFixed2 #viewport .btnQnA {position: absolute; right: 24px; bottom: -6px; z-index: 999;}

#footer{padding: 35px 0 70px; border-top: 1px solid #cfcfcf;}
#footer .innerWrap{position: relative;}
#footer .fttp{}
#footer .fttp .lst{font-size: 0;}
#footer .fttp .lst .tp{display: inline-block; *display: inline; margin-left: 15px; padding-left: 15px; font-size: 0; vertical-align: top; position: relative;}
#footer .fttp .lst .tp .txt{display: inline-block; font-size: 14px; background: no-repeat left center; height: 21px; font-weight: bold; color: #323232;}
#footer .fttp .lst .tp .line{width: 1px; height: 12px; position: absolute; left: 0; top: 50%; margin-top: -6px; background: #323232;}
#footer .fttp .lst .tp.tp0{margin-left: 0; padding-left: 0;}
#footer .fttp .lst .tp.tp0 .txt{width: 50px; background-image: url(../images/footer/ftTxt001.png?v=10);}
#footer .fttp .lst .tp.tp1 .txt{width: 101px; background-image: url(../images/footer/ftTxt002.png?v=10);}
#footer .fttp .lst .tp.tp2 .txt{width: 75px; background-image: url(../images/footer/ftTxt003.png?v=10);}
#footer .fttp .lst .tp.tp3 .txt{width: 101px; background-image: url(../images/footer/ftTxt004.png?v=10);}
#footer .fttp .lst .tp.tp4 .txt{background-image: url(../images/footer/ftTxt005.png?v=10); padding-left: 109px;}
#footer .ftcopy{margin-top: 30px; font-size: 14px; line-height: 24px; color: #323232;}
#footer .copy{font-size: 12px;}
#footer .ftbanner{position: absolute; right: 0; bottom: 10px;}
#footer .ftbanner .tp{margin-left: 15px;}
.logo{width: 182px; height: 47px; display: inline-block; background: no-repeat url(../images/logo.png?v=10) center center;}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #f6f6f6 !important;}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color: transparent;}
.textarea-example .content .textarea-wrapper .mCSB_scrollTools{margin-top: 0 !important; margin-bottom: 0 !important;}
.mCSB_inside > .mCSB_container{}

.textarea-example .content textarea, .textarea-example .textarea-clone{
	width: 100%;
	padding: 0 10px;
	line-height:14px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.textarea-example .content textarea{
	height:160px;
	resize:none;
	overflow:hidden;
	outline:none;
	margin: 0;
	border:none;
	background:transparent;
	box-shadow: none;
}

.textarea-example .content .textarea-wrapper{
	height:182px;
	overflow:hidden;
	background-color: #bbb;
	background-color: transparent;
}

.textarea-example .textarea-clone{
	position:absolute;
	top:-9999px;
	left:-9999px;
	visibility:hidden;
	min-height: 160px;
	word-wrap: break-word;
	white-space: pre-wrap;
}

.textarea-example .content .textarea-wrapper .mCSB_scrollTools{ margin: 10px 5px; }

#gray_footer {background-color: #e6e6e6; padding: 35px 0 70px; border-top: 1px solid #cfcfcf;}
#gray_footer .innerWrap{position: relative;}
#gray_footer .fttp{}
#gray_footer .fttp .lst{font-size: 0;}
#gray_footer .fttp .lst .tp{display: inline-block; *display: inline; margin-left: 15px; padding-left: 15px; font-size: 0; vertical-align: top; position: relative;}
#gray_footer .fttp .lst .tp .txt{display: inline-block; font-size: 14px; background: no-repeat left center; height: 21px; font-weight: bold; color: #323232;}
#gray_footer .fttp .lst .tp .line{width: 1px; height: 12px; position: absolute; left: 0; top: 50%; margin-top: -6px; background: #323232;}
#gray_footer .fttp .lst .tp.tp0{margin-left: 0; padding-left: 0;}
#gray_footer .fttp .lst .tp.tp0 .txt{width: 50px; background-image: url(../images/footer/ftTxt001.png?v=10);}
#gray_footer .fttp .lst .tp.tp1 .txt{width: 101px; background-image: url(../images/footer/ftTxt002.png?v=10);}
#gray_footer .fttp .lst .tp.tp2 .txt{width: 75px; background-image: url(../images/footer/ftTxt003.png?v=10);}
#gray_footer .fttp .lst .tp.tp3 .txt{width: 101px; background-image: url(../images/footer/ftTxt004.png?v=10);}
#gray_footer .fttp .lst .tp.tp4 .txt{background-image: url(../images/footer/ftTxt005.png?v=10); padding-left: 109px;}
#gray_footer .ftcopy{margin-top: 30px; font-size: 14px; line-height: 24px; color: #323232;}
#gray_footer .copy{font-size: 12px;}
#gray_footer .ftbanner{position: absolute; right: 0; bottom: 10px;}
#gray_footer .ftbanner .tp{margin-left: 15px;}